:root{
    --blue: #2563eb;
    --blue-dark: #1d4ed8;
    --ink: #0f1729;
    --ink-soft: #4b5568;
    --bg: #ffffff;
    --bg-soft: #f4f7fd;
    --border: #e6eaf2;
    --green: #16a34a;
    --pink: #ec4899;
    --purple: #8b5cf6;
    --amber: #f59e0b;
    --radius: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%;}

  /* NAV */
  header.nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:20px 48px; border-bottom:1px solid var(--border);
  }
  .brand{display:flex; align-items:center; gap:12px;}
  .brand-mark{
    width:44px; height:44px; border-radius:12px;
    background:linear-gradient(155deg,#3b82f6,#1d4ed8);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 14px rgba(37,99,235,.35);
  }
  .brand-mark svg{width:22px; height:22px;}
  .brand-text .name{font-size:22px; font-weight:800; letter-spacing:-0.02em; line-height:1.1;}
  .brand-text .sub{font-size:12px; color:var(--ink-soft);}
  .brand-text .sub b{color:var(--blue); font-weight:700;}
  nav.links{display:flex; gap:36px;}
  nav.links a{font-size:15px; font-weight:600; color:#1a2438;}
  .nav-actions{display:flex; gap:12px; align-items:center;}
  .btn{
    font-size:14px; font-weight:700; padding:10px 20px; border-radius:10px;
    border:1px solid transparent; cursor:pointer; display:inline-flex; align-items:center; gap:8px;
  }
  .btn-ghost{border-color:var(--border); background:#fff; color:var(--ink);}
  .btn-primary{background:var(--blue); color:#fff; box-shadow:0 6px 14px rgba(37,99,235,.3);}
  .btn-primary:hover{background:var(--blue-dark);}

  /* HERO */
  .hero{
    position:relative;
    display:grid; grid-template-columns:1fr 1.15fr; gap:40px;
    padding:64px 48px 120px; background:var(--bg-soft);
    overflow:hidden;
  }
  .hero::after{
    content:""; position:absolute; left:0; right:0; bottom:-2px; height:90px;
    background:
      radial-gradient(ellipse 60% 100% at 20% 100%, rgba(37,99,235,.10), transparent 70%),
      linear-gradient(180deg, transparent, rgba(219,230,251,.9));
    pointer-events:none;
  }
  .hero-copy{padding-top:24px;}
  .hero-copy h1{
    font-size:64px; line-height:1.02; font-weight:800; letter-spacing:-0.03em; color:#0b1220;
  }
  .hero-copy h1 .dot{color:var(--blue);}
  .hero-copy p.lede{
    margin-top:22px; font-size:18px; line-height:1.55; color:var(--ink-soft); max-width:420px;
  }
  .price{margin-top:28px; display:flex; align-items:baseline; gap:8px;}
  .price .amount{font-size:48px; font-weight:800; color:var(--blue); letter-spacing:-0.02em;}
  .price .period{font-size:18px; color:var(--ink-soft); font-weight:600;}
  .price-tag{
    margin-top:14px; display:inline-flex; align-items:center; gap:8px;
    background:#e3ecfd; color:var(--blue-dark); font-weight:700; font-size:14px;
    padding:9px 14px; border-radius:9px;
  }
  .hero-ctas{margin-top:28px; display:flex; gap:14px;}
  .hero-ctas .btn{padding:15px 26px; font-size:15px; border-radius:12px;}
  .btn-outline{background:#fff; border:1px solid var(--border); color:#111827;}
  .trust{
    margin-top:24px; display:flex; align-items:center; gap:8px; font-size:14px; color:var(--ink-soft);
  }

  /* APP CARD */
  .app-card-wrap{position:relative;}
  .app-card{
    background:#fff; border:1px solid var(--border); border-radius:20px;
    box-shadow:0 30px 60px -20px rgba(15,23,41,.18);
    display:grid; grid-template-columns:190px 1fr 220px; min-height:520px;
  }
  .app-sidebar{
    border-right:1px solid var(--border); padding:22px 16px; display:flex; flex-direction:column; gap:4px;
  }
  .app-sidebar .brand{margin-bottom:20px; padding:0 6px;}
  .app-sidebar .brand .brand-mark{width:34px; height:34px; border-radius:9px;}
  .app-sidebar .brand-text .name{font-size:16px;}
  .side-item{
    display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px;
    font-size:14px; font-weight:600; color:#374151;
  }
  .side-item svg{width:17px; height:17px; flex-shrink:0; color:#6b7280;}
  .side-item.active{background:#e8f0ff; color:var(--blue-dark);}
  .side-item.active svg{color:var(--blue);}
  .premium-card{
    margin-top:auto; background:#f4f7fd; border-radius:12px; padding:14px; display:flex; gap:10px; align-items:flex-start;
  }
  .premium-card svg{width:18px; height:18px; color:var(--amber); flex-shrink:0; margin-top:2px;}
  .premium-card .t{font-size:13px; font-weight:700;}
  .premium-card .d{font-size:12px; color:var(--ink-soft); margin-top:2px; line-height:1.35;}

  .app-main{padding:22px 24px; position:relative;}
  .app-main-head{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px;}
  .app-main-head h2{font-size:20px; font-weight:800;}
  .app-main-head .date{font-size:13px; color:var(--ink-soft); margin-top:2px;}
  .create-btn{
    background:var(--blue); color:#fff; font-size:13px; font-weight:700; border:none;
    padding:10px 16px; border-radius:9px; display:flex; align-items:center; gap:6px; cursor:pointer;
  }

  .reminder-row{
    display:flex; align-items:center; gap:12px; padding:13px 14px; border:1px solid var(--border);
    border-radius:12px; margin-bottom:10px;
  }
  .r-icon{
    width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .r-icon svg{width:18px; height:18px;}
  .r-body{flex:1; min-width:0;}
  .r-title{font-size:14px; font-weight:700; color:#111827;}
  .r-sub{font-size:12px; color:var(--ink-soft); margin-top:1px;}
  .r-time{font-size:13px; font-weight:700; text-align:right; white-space:nowrap;}
  .r-dots{color:#9aa4b2; font-weight:900; padding-left:4px;}

  .view-all{font-size:13px; font-weight:700; color:var(--blue); margin-top:6px; display:inline-flex; gap:4px;}

  .app-right{border-left:1px solid var(--border); padding:22px 18px;}
  .cal-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
  .cal-head .t{font-size:14px; font-weight:800;}
  .cal-nav{display:flex; gap:6px; color:#9aa4b2; font-weight:900;}
  .cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:4px; text-align:center;}
  .cal-grid .dow{font-size:10px; color:#9aa4b2; font-weight:700; padding-bottom:4px;}
  .cal-grid .day{font-size:12px; padding:6px 0; border-radius:8px; color:#374151; position:relative;}
  .cal-grid .day.muted{color:#c9cfd9;}
  .cal-grid .day.today{background:var(--blue); color:#fff; font-weight:800;}
  .cal-grid .day .mark{position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:4px; height:4px; border-radius:50%;}

  .upcoming{margin-top:22px;}
  .upcoming-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
  .upcoming-head .t{font-size:13px; font-weight:800;}
  .upcoming-head .v{font-size:12px; color:var(--blue); font-weight:700;}
  .up-item{display:flex; gap:10px; align-items:flex-start; margin-bottom:12px;}
  .up-dot{width:7px; height:7px; border-radius:50%; margin-top:6px; flex-shrink:0;}
  .up-item .time{font-size:11px; color:var(--ink-soft); display:block;}
  .up-item .label{font-size:13px; font-weight:700; color:#1f2937;}

  .toast{
    position:absolute; right:-18px; bottom:-42px; width:340px;
    background:#fff; border:1px solid var(--border); border-radius:16px;
    box-shadow:0 20px 40px -12px rgba(15,23,41,.25); padding:16px;
    display:flex; gap:12px;
  }
  .toast .ic{
    width:38px; height:38px; border-radius:10px; background:var(--blue); flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
  }
  .toast .ic svg{width:18px; height:18px; color:#fff;}
  .toast .head{display:flex; justify-content:space-between; align-items:flex-start; gap:8px;}
  .toast .app-name{font-size:12px; font-weight:700; color:#111827;}
  .toast .now{font-size:11px; color:#9aa4b2;}
  .toast .title{font-size:13px; font-weight:700; margin-top:4px;}
  .toast .body{font-size:13px; color:var(--ink-soft);}
  .toast .x{color:#c3c9d3; font-weight:900; cursor:pointer;}

  /* FEATURES */
  .features{
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
    padding:56px 48px 20px; margin-top:-40px; position:relative; z-index:2;
  }
  .feature{
    background:#fff; border:1px solid var(--border); border-radius:16px; padding:26px 22px;
    box-shadow:0 10px 24px -18px rgba(15,23,41,.15);
  }
  .feature .fi{
    width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px;
  }
  .feature .fi svg{width:22px; height:22px;}
  .feature h3{font-size:16px; font-weight:800; margin-bottom:8px;}
  .feature p{font-size:14px; line-height:1.5; color:var(--ink-soft);}

  footer{
    text-align:center; padding:36px 20px 48px; font-size:14px; color:var(--ink-soft);
    display:flex; align-items:center; justify-content:center; gap:8px;
  }
  footer b{color:var(--blue); font-weight:700;}

  @media (max-width: 980px){
    .hero{grid-template-columns:1fr;}
    .app-card{grid-template-columns:1fr;}
    .app-sidebar, .app-right{display:none;}
    .features{grid-template-columns:1fr 1fr;}
    nav.links{display:none;}
  }


  /* v0.1.8 everyday phone UX */
  .app-page-shell{max-width:820px; margin:40px auto; padding:0 20px;}
  .page-heading-row{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px;}
  .page-heading-row h2{margin:0 0 4px; font-size:24px;}
  .page-kicker,.result-count{color:var(--ink-soft); font-size:12px;}
  .text-link{color:var(--blue); font-weight:700; font-size:14px; text-decoration:none;}
  .notice{margin-bottom:12px; padding:10px 12px; border-radius:10px; font-size:13px;}
  .notice-success{background:#f0fdf4; border:1px solid #bbf7d0; color:#166534;}
  .reminder-filter-card{display:grid; grid-template-columns:minmax(0,1fr) 180px auto auto; gap:8px; padding:12px; background:#fff; border:1px solid var(--border); border-radius:14px; margin-bottom:8px;}
  .filter-input,.filter-select,.snooze-select{border:1px solid var(--border); border-radius:9px; background:#fff; color:#111827;}
  .filter-input,.filter-select{padding:10px 11px; min-width:0;}
  .result-count{margin:8px 2px 14px;}
  .category-icon{width:38px; height:38px; border-radius:10px; background:#f4f7fd; display:grid; place-items:center; flex-shrink:0; font-size:18px;}
  .category-pill{display:inline-block; padding:2px 7px; margin-right:6px; border-radius:999px; background:#eef4ff; color:#3157a3; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.02em;}
  .reminder-row-actions{align-items:center;}
  .reminder-actions{display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:5px;}
  .action-chip{border:1px solid var(--border); background:#fff; color:#3157a3; border-radius:8px; padding:6px 8px; font-size:11px; font-weight:800; text-decoration:none; line-height:1; cursor:pointer;}
  .button-chip{font-family:inherit;}
  .action-done{color:#047857;}
  .action-delete{color:#b42318;}
  .snooze-form{display:flex; align-items:center; gap:4px; margin:0;}
  .snooze-select{padding:5px 4px; font-size:11px; font-weight:700;}
  .empty-state{border:1px dashed var(--border); border-radius:14px; padding:24px; background:#fff; color:var(--ink-soft); font-size:14px; text-align:center;}
  .empty-state strong{display:block; color:#111827; margin-bottom:6px;}
  .month-nav{width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--border); border-radius:10px; color:var(--blue); text-decoration:none; font-weight:900; background:#fff;}
  .mobile-app-nav{display:none;}
  .sr-only{position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;}

  @media (max-width: 980px){
    body{padding-bottom:76px;}
    .app-card{margin:12px!important; border-radius:14px!important; min-height:0;}
    .app-main{padding:18px 14px;}
    .app-main-head{gap:10px;}
    .create-btn{padding:10px 12px;}
    .app-page-shell{margin:20px auto; padding:0 14px;}
    .reminder-filter-card{grid-template-columns:1fr 1fr;}
    .filter-input{grid-column:1/-1;}
    .reminder-row{align-items:flex-start; flex-wrap:wrap; gap:8px; padding:12px;}
    .r-body{min-width:calc(100% - 54px);}
    .r-time{width:100%; text-align:left; padding-left:46px; font-size:12px;}
    .reminder-actions{width:100%; justify-content:flex-start; padding-left:46px;}
    .mobile-app-nav{position:fixed; z-index:999; left:0; right:0; bottom:0; height:66px; display:grid; grid-template-columns:repeat(5,1fr); background:rgba(255,255,255,.98); border-top:1px solid var(--border); box-shadow:0 -10px 30px rgba(15,23,41,.08); padding-bottom:max(0px, env(safe-area-inset-bottom));}
    .mobile-app-nav a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#6b7280; text-decoration:none; font-size:9px; font-weight:800; min-width:0;}
    .mobile-app-nav a span{font-size:18px; line-height:1;}
    .mobile-app-nav a.active{color:var(--blue); background:#f6f9ff;}
  }

  @media (max-width: 520px){
    .reminder-filter-card{grid-template-columns:1fr 1fr;}
    .page-heading-row h2{font-size:21px;}
    .category-icon{width:36px;height:36px;}
  }


/* v0.2.0 milestone: priority + at-a-glance workload */
.today-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px;}
.summary-tile{background:#fff;border:1px solid var(--border);border-radius:11px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;}
.summary-tile strong{font-size:20px;line-height:1;font-weight:900;color:#111827;}
.summary-tile span{font-size:10px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;}
.summary-alert{border-color:#fecaca;background:#fff7f7;}
.summary-alert strong{color:#b42318;}
.summary-priority{border-color:#fed7aa;background:#fffaf3;}
.summary-priority strong{color:#c2410c;}
.priority-badge{display:inline-block;vertical-align:1px;margin-right:6px;padding:2px 5px;border-radius:5px;font-size:8px;font-weight:900;letter-spacing:.06em;}
.priority-high{background:#fee2e2;color:#b42318;}
.priority-low{background:#f3f4f6;color:#6b7280;}
.reminder-filter-card{grid-template-columns:minmax(0,1fr) 150px 135px auto auto;}
@media (max-width:980px){.today-summary{grid-template-columns:repeat(2,1fr)}.reminder-filter-card{grid-template-columns:1fr 1fr}.filter-input{grid-column:1/-1}}


/* v0.2.1 labels, focus and history polish */
.tag-line{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tag-line.inline-tags{display:inline-flex;margin:0 0 0 7px;vertical-align:middle}.tag-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800;line-height:1.5}.focus-panel{border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:10px}.focus-dot{background:#f59e0b!important}.history-cleanup{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin-bottom:14px;border:1px solid var(--border);border-radius:12px;background:#fff}.history-cleanup>span{font-size:12px;font-weight:900;color:var(--ink)}
@media(max-width:760px){.reminder-filter-card{grid-template-columns:1fr!important}.history-cleanup{align-items:stretch}.history-cleanup .snooze-select,.history-cleanup .btn{width:100%}}

/* v0.2.2 Smart Views + bulk reminder controls */
.smart-view-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}.smart-view{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}.smart-view strong{font-size:13px}.smart-view span{font-size:11px;color:var(--ink-soft)}.smart-view:hover,.smart-view.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.08)}.smart-view.active{background:#f6f9ff}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fafbfc}.bulk-select-all{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--ink-soft)}.bulk-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-check{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px}.bulk-check input,.bulk-select-all input{width:16px;height:16px;accent-color:var(--blue)}.bulk-reminder-row{grid-template-columns:24px auto minmax(0,1fr) auto auto}.bulk-reminder-row:has(.reminder-check:checked){background:#f7faff;border-color:#bfd3ff}@media(max-width:850px){.smart-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-view-grid .smart-view:first-child{grid-column:span 2}.bulk-toolbar{align-items:stretch;flex-direction:column}.bulk-controls{display:grid;grid-template-columns:1fr 1fr}.bulk-controls .btn{grid-column:1/-1}.bulk-reminder-row{grid-template-columns:24px auto 1fr}.bulk-reminder-row .r-time,.bulk-reminder-row .reminder-actions{grid-column:3}.bulk-reminder-row .reminder-actions{justify-content:flex-start}}

/* v0.2.3 — dependency-free natural-language quick add */
.quick-add-card{margin:0 0 16px;padding:16px;border:1px solid #cfe0ff;border-radius:16px;background:linear-gradient(135deg,#f8fbff 0%,#fff 75%);box-shadow:0 10px 26px -24px rgba(32,83,175,.7)}
.quick-add-copy{margin-bottom:10px}.quick-add-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue);margin-bottom:3px}.quick-add-copy h3{font-size:17px;line-height:1.2;margin:0 0 4px}.quick-add-copy p{font-size:11px;line-height:1.5;color:var(--ink-soft);margin:0}.quick-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.quick-add-form input{min-width:0;border:1px solid var(--border);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;background:#fff}.quick-add-form input:focus{outline:2px solid rgba(47,103,209,.18);border-color:var(--blue)}.quick-add-help{font-size:10px;line-height:1.45;color:var(--ink-soft);margin-top:8px}.quick-add-help code{font:inherit;font-weight:900;color:var(--blue)}.quick-add-notice{margin:0 0 9px}.quick-add-error{background:#fff7f7;border:1px solid #fecaca;color:#b42318}
@media(max-width:560px){.quick-add-card{padding:13px}.quick-add-form{grid-template-columns:1fr}.quick-add-form .create-btn{width:100%;justify-content:center}.quick-add-copy p{font-size:10px}}


/* v0.2.4 Quick Add confidence + recovery */
.quick-preview{margin:0 0 10px;padding:12px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.quick-preview>div:first-child{display:flex;flex-direction:column;gap:2px}.quick-preview>div:first-child strong{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#1d4ed8}.quick-preview>div:first-child span{font-size:15px;font-weight:800}.quick-preview-meta{font-size:11px;color:var(--ink-soft);margin-top:4px}.quick-preview-actions{display:flex;gap:7px;align-items:center;margin-top:9px}.quick-preview-actions form{margin:0}.quick-recent{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:9px 10px;border:1px dashed var(--border);border-radius:10px;background:#fff;font-size:11px}.quick-recent>div{display:flex;gap:5px;align-items:center}@media(max-width:560px){.quick-recent{align-items:flex-start;flex-direction:column}.quick-preview-actions{align-items:stretch}.quick-preview-actions .create-btn{width:auto}}


/* v0.2.5 — Favorites & Patterns */
.pin-badge{display:inline-flex;align-items:center;margin-right:5px;font-size:12px;vertical-align:1px}.pinned-strip{margin:0 0 16px;padding:13px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px}.pinned-strip-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:12px;color:#92400e}.pinned-strip-head strong{font-size:13px}.pinned-strip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pinned-card{background:#fff;border:1px solid #fef3c7;border-radius:10px;padding:10px;min-width:0}.pinned-title{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-time{font-size:11px;color:var(--ink-soft);margin-top:3px}.pinned-actions{display:flex;gap:6px;align-items:center;margin-top:8px}.pattern-actions{display:inline-flex;gap:4px;align-items:center}.pattern-actions .action-chip{padding-left:7px;padding-right:7px}@media(max-width:720px){.pinned-strip-grid{grid-template-columns:1fr}.pinned-strip-head{align-items:flex-start;flex-direction:column;gap:2px}.pattern-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}


/* v0.2.7 Wiring Pass 2 — unified action feedback */
.global-flash{position:fixed;z-index:1200;top:14px;left:50%;transform:translateX(-50%);max-width:min(560px,calc(100vw - 28px));padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.14);font-size:13px;font-weight:800}.global-flash-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.global-flash-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.global-flash-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.global-flash-info{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}@media(max-width:560px){.global-flash{top:8px;font-size:12px}}


/* v0.4.5 mobile app navigation + reliable logout */
.mobile-more-trigger{display:none;}
.mobile-more-panel{display:none;}
@media (max-width:980px){
  .mobile-app-nav{height:70px;grid-template-columns:repeat(5,1fr);z-index:1200;}
  .mobile-app-nav a,.mobile-app-nav .mobile-more-trigger{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    color:#64748b;text-decoration:none;font-size:9px;font-weight:800;min-width:0;
    border:0;background:transparent;font-family:inherit;cursor:pointer;padding:4px 2px;
  }
  .mobile-app-nav a span,.mobile-app-nav .mobile-more-trigger span{font-size:19px;line-height:1;}
  .mobile-app-nav a.active,.mobile-app-nav .mobile-more-trigger.active{color:var(--blue);background:#f6f9ff;}
  .mobile-more-panel[hidden]{display:none!important;}
  .mobile-more-panel{display:flex;position:fixed;inset:0;z-index:1190;background:rgba(15,23,42,.46);align-items:flex-end;justify-content:center;padding-bottom:70px;}
  .mobile-more-sheet{width:min(100%,560px);background:#fff;border-radius:22px 22px 0 0;padding:18px 16px 20px;box-shadow:0 -20px 60px rgba(15,23,42,.2);max-height:72vh;overflow:auto;}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:18px;}
  .mobile-more-head button{width:38px;height:38px;border:0;border-radius:12px;background:#f1f5f9;font-size:26px;line-height:1;cursor:pointer;color:#334155;}
  .mobile-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .mobile-more-grid a{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:#1f2937;background:#fff;}
  .mobile-more-grid a>span{grid-row:1/3;font-size:24px;}
  .mobile-more-grid b{font-size:13px;}
  .mobile-more-grid small{font-size:10px;color:#64748b;margin-top:2px;}
  .mobile-logout-form{margin-top:14px;}
  .mobile-logout-form button,.mobile-logout-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid #fecaca;background:#fff1f2;color:#b42318;border-radius:12px;padding:12px 16px;font-weight:900;font-size:14px;line-height:1.2;cursor:pointer;appearance:none;-webkit-appearance:none;}
  body.mobile-menu-open{overflow:hidden;}
}


/* v1.0.2 mobile usability pass */
@media (max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .page-shell,.app-shell,.wrap,.container,.content{max-width:100%;min-width:0}
  .topbar,.site-header,.app-header{flex-wrap:wrap}
  .page-content,.app-content,.wrap{padding-left:12px!important;padding-right:12px!important}
  .grid,.grid-2,.grid2,.stats,.dashboard-grid{grid-template-columns:1fr!important}
  .card,.panel{max-width:100%;min-width:0}
  input,textarea,select{font-size:16px!important;max-width:100%}
  .btn,button{min-height:44px}
  .reminder-row,.reminder{max-width:100%}
  pre,.code,.mc-code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  footer{padding:20px 12px 28px!important;line-height:1.5}
}


/* v1.0.3 mobile More menu + phone push test */
@media (max-width:980px){
  .mobile-more-sheet{box-sizing:border-box;}
  .mobile-more-grid{grid-template-columns:1fr!important;gap:9px!important;}
  .mobile-more-grid a{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;min-height:58px!important;padding:11px 13px!important;box-sizing:border-box!important;}
  .mobile-more-grid a>span{grid-column:1!important;grid-row:1/3!important;font-size:22px!important;}
  .mobile-more-grid a>b{grid-column:2!important;grid-row:1!important;font-size:14px!important;line-height:1.2!important;overflow-wrap:anywhere;}
  .mobile-more-grid a>small{grid-column:2!important;grid-row:2!important;font-size:11px!important;line-height:1.25!important;margin:0!important;overflow-wrap:anywhere;}
  .mobile-push-tools{margin-top:14px;padding:13px;border:1px solid #c7d2fe;border-radius:14px;background:#f8faff;}
  .mobile-push-title{font-size:14px;font-weight:900;color:#3730a3;margin-bottom:9px;}
  .mobile-push-actions{display:grid;grid-template-columns:1fr;gap:8px;}
  .mobile-push-actions button{width:100%;min-height:46px;border:1px solid #bfdbfe;border-radius:12px;background:#fff;color:#1d4ed8;font-family:inherit;font-weight:900;font-size:13px;padding:10px 12px;cursor:pointer;}
  .mobile-push-actions button:disabled{opacity:.55;cursor:not-allowed;}
  .mobile-push-status{font-size:11px;line-height:1.35;color:#667085;margin-top:8px;}
  .mobile-logout-form{margin-top:12px!important;}
}