@charset "UTF-8";
:root{--ink:#17364e;--green:#06776b;--muted:#5d727c;--paper:#f2fcf8;--line:#d4e9e4;--sage:#e2f6ef;--accent:#d39a26;--body-size:16px;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--body-size);color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #843b80;outline-offset:4px}button,summary{touch-action:manipulation}[hidden]{display:none!important}svg{display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}h3{font-size:1.05rem;font-weight:600}p{line-height:1.7}.app-shell{max-width:1140px;margin:auto;padding:0 42px}.topbar{height:109px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:1.48rem;font-weight:650;letter-spacing:-.8px}.brand-icon{height:46px;width:46px;display:grid;place-items:center;background:var(--green);border-radius:15px}.brand-icon svg{height:28px;width:28px;fill:#fff8df}.brand-light{font-weight:350;margin-left:4px}.brand small{display:block;font-size:.56rem;letter-spacing:2.3px;font-weight:500;margin-top:4px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper)}.icon-button svg{height:19px;width:19px}.font-button{font-family:Georgia,serif;width:44px;height:44px;font-size:1.2rem;border-radius:50%}.font-button[aria-pressed=true]{background:var(--sage)}.hero{position:relative;display:flex;justify-content:space-between;align-items:center;padding:45px 3px 42px;min-height:337px}.eyebrow{display:block;font-size:.63rem;font-weight:650;letter-spacing:1.9px}.tiny-star{margin-right:8px;color:var(--accent);font-size:.9rem}.hero h1{font-size:3.25rem;line-height:1.1;letter-spacing:-1.4px;margin:16px 0 14px}.hero h1 em{font-weight:400;color:#843b80}.hero-copy>p{font-size:.87rem;color:var(--muted);line-height:1.7}.hero-art{width:36%;max-width:370px;margin:0 35px 0 10px}.offline-status{display:flex;align-items:center;gap:7px;margin-top:20px;font-size:.62rem;font-weight:550;color:#316f66}.status-dot{height:6px;width:6px;background:#098777;border-radius:50%}.main-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:34px;position:sticky;top:0;background:var(--paper);z-index:4}.tab{display:flex;align-items:center;justify-content:center;gap:9px;padding:19px 2px;font-size:.82rem;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;min-height:58px}.tab svg{width:17px;height:17px}.tab.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.count{font-size:.6rem;min-width:17px;height:17px;background:var(--sage);border-radius:50%;display:grid;place-items:center}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:37px 0 25px}.muted{color:#7d4980}.section-heading h2{font-size:1.85rem;letter-spacing:-.6px;margin-top:8px}.section-index{font-size:.61rem;letter-spacing:2px;color:#5c7881}.niat-layout{display:grid;grid-template-columns:306px minmax(0,1fr);gap:30px;align-items:start}.selection-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;position:sticky;top:82px}.subtext{font-size:.72rem;color:var(--muted);margin-top:5px;line-height:1.6}fieldset{padding:0;margin:23px 0 0;border:0;min-width:0}legend{font-size:.7rem;font-weight:600;margin-bottom:10px}.pair-options{display:grid;gap:8px}.pair-option{width:100%;display:flex;align-items:center;gap:11px;padding:13px 12px;border:1px solid var(--line);border-radius:10px;text-align:left;transition:background .15s,border-color .15s}.pair-option.selected{border-color:#36b5a6;background:#e8faf3}.option-symbol{width:23px;flex-shrink:0;color:#708f9a}.option-symbol svg{width:21px;height:21px}.pair-option.selected .option-symbol{color:#087f73}.pair-option strong{font-size:.77rem;font-weight:600;display:block}.pair-option small{font-size:.61rem;color:var(--muted);display:block;margin-top:2px}.selection-dot{margin-left:auto;height:13px;width:13px;border:1px solid #bfded7;border-radius:50%;flex-shrink:0}.selected .selection-dot{border:4px solid #087f73;background:#fff}.mode-field{margin-top:21px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1e7fa;border-radius:9px;padding:4px;gap:3px}.segmented button{padding:10px 5px;border-radius:7px;font-size:.75rem;font-weight:550}.segmented small{font-size:.55rem;display:block;font-weight:400;margin-top:3px;color:var(--muted)}.segmented .selected{background:#fff;box-shadow:0 1px 5px #17364e15}.field-help{font-size:.62rem;color:var(--muted);margin-top:9px;line-height:1.6;min-height:20px}.qasar-row{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.qasar-row label{cursor:pointer}.qasar-row strong{font-size:.71rem;font-weight:600;display:block}.qasar-row small{font-size:.6rem;color:var(--muted);display:block;line-height:1.5;margin-top:4px}.qasar-row input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:37px;height:22px;background:#c7dcd9;border-radius:30px;cursor:pointer;position:relative;margin:0}.qasar-row input:before{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:white;transition:transform .2s}.qasar-row input:checked{background:#087f73}.qasar-row input:checked:before{transform:translateX(15px)}.small-note{font-size:.61rem;color:var(--muted);line-height:1.7;margin-top:11px}.save-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px 16px;background:var(--green);color:#fff;border-radius:10px;font-size:.76rem;font-weight:550;margin-top:22px;min-height:46px}.save-button:hover{background:#09685f}.save-button svg{height:17px;width:17px}.save-button.saved{background:var(--sage);color:var(--green)}.sidebar-tip{display:flex;align-items:center;gap:11px;justify-content:center;margin-top:21px;padding-top:19px;border-top:1px solid var(--line);color:#805083}.sidebar-tip svg{width:19px;height:19px}.sidebar-tip p{font-size:.62rem;line-height:1.7}.result-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 15px;gap:10px}.tag{font-size:.58rem;font-weight:650;letter-spacing:1px;color:#08786d;background:#def6ec;border-radius:5px;padding:7px 9px}.time-label{font-size:.68rem;color:var(--muted)}.important-note{padding:15px 18px;background:#fff6df;border:1px solid #ecd89c;border-radius:10px;margin-bottom:18px;display:flex;gap:11px;align-items:start}.important-note svg{height:17px;width:17px;flex-shrink:0;margin-top:2px;color:#9b7020}.important-note p{font-size:.74rem;line-height:1.65;color:#725921}.important-note strong{font-weight:650}.intention-card{padding:23px 25px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px}.intention-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.prayer-label{display:flex;align-items:center;gap:11px}.number-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #c7e8df;border-radius:50%;font-size:.62rem;color:#527d79}.prayer-label h3{font-size:.82rem}.rakaat{font-size:.61rem;display:block;color:var(--muted);margin-top:3px}.copy-button{color:#637a89;font-size:.61rem;display:flex;gap:5px;align-items:center;min-height:35px;padding:7px;border-radius:6px}.copy-button:hover{background:var(--sage)}.copy-button svg{width:14px;height:14px}.intention-text{font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;line-height:1.65;color:#17364e}.card-detail{font-size:.64rem;color:var(--muted);margin-top:15px;padding-top:13px;border-top:1px solid #e7f2ef;line-height:1.65}.intention-caption{font-size:.62rem;color:#637b84;line-height:1.7;margin:17px 2px 23px}.steps-card{border-radius:14px;padding:22px 25px;background:#e3f7ef}.steps-title{display:flex;align-items:center;gap:9px}.steps-title h3{font-size:.83rem}.steps-title svg{width:19px;height:19px;color:#087f73}.steps-card ol{list-style:none;counter-reset:steps;margin:20px 0;padding:0;display:grid;gap:14px}.steps-card li{counter-increment:steps;display:flex;gap:12px;font-size:.71rem;line-height:1.7;color:#466c70}.steps-card li:before{content:counter(steps,decimal-leading-zero);font-size:.6rem;font-weight:600;color:#843b80;margin-top:3px}.text-link{display:inline-flex;gap:9px;align-items:center;color:#08776d;font-size:.66rem;text-underline-offset:4px}.guide-intro{padding:25px;background:#e2f6ef;border-radius:16px;display:flex;gap:18px;margin-bottom:23px}.guide-intro>span svg{width:30px;height:30px;color:#843b80}.guide-intro h3{font-family:Georgia,serif;font-size:1.3rem;font-weight:400;margin-bottom:8px}.guide-intro p{font-size:.81rem;color:#466c70}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px}.guide-card h3{font-size:1.05rem;margin:9px 0 20px}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:16px}.checklist li{font-size:.78rem;color:#466c70;line-height:1.7;padding-left:22px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:#087f73}.mini-rule{margin-top:17px}.mini-rule strong{font-size:.8rem}.mini-rule p{font-size:.76rem;color:var(--muted);margin-top:4px}.faq-section{margin-top:32px}.faq-section>h3{font-family:Georgia,serif;font-size:1.4rem;font-weight:400;margin-bottom:18px}details{border-bottom:1px solid var(--line)}summary{font-size:.82rem;padding:20px 32px 20px 0;cursor:pointer;list-style:none;position:relative;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:7px;color:#843b80;font-size:1.25rem;top:14px}details[open] summary:after{content:"−"}details p{font-size:.77rem;color:var(--muted);padding:0 32px 20px 0;line-height:1.8}.sources-card{margin-top:30px;padding:28px;border:1px solid var(--line);border-radius:16px}.sources-card h3{font-size:1.05rem;margin:9px 0}.sources-card>p{font-size:.73rem;color:var(--muted)}#source-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:19px}.source-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.72rem;line-height:1.6;color:#08776d;text-decoration:none}.source-link:hover{text-decoration:underline}.source-link span{opacity:.7}.storage-info{display:flex;align-items:center;gap:9px;font-size:.73rem;color:var(--muted);margin-bottom:24px}.storage-info svg{width:15px;height:15px}.empty-state{text-align:center;border:1px dashed #bfded7;background:#e8faf3;border-radius:16px;padding:40px 22px}.empty-state>span{display:inline-block;padding:15px;background:#f1e7fa;border-radius:50%;margin-bottom:17px}.empty-state svg{width:24px;height:24px;color:#843b80}.empty-state h3{font-family:Georgia,serif;font-weight:400;font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:.76rem;color:var(--muted);max-width:330px;margin:auto}.empty-state button{display:inline-flex;margin-top:20px;padding:13px 20px;border-radius:8px;background:var(--green);color:#fff;font-size:.74rem}.saved-item{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 21px;margin-bottom:12px}.saved-item>.option-symbol{width:26px}.saved-info{flex:1;min-width:0}.saved-info h3{font-size:.89rem;margin-bottom:4px}.saved-info p{font-size:.64rem;color:var(--muted)}.open-saved{display:flex;align-items:center;gap:6px;font-size:.69rem;padding:12px}.open-saved svg{width:16px;height:16px}.remove-saved{color:#637b84;padding:10px;display:grid;place-items:center;border-radius:8px;min-height:42px;min-width:42px}.remove-saved:hover{background:var(--sage)}.remove-saved svg{width:16px;height:16px}.notes-card{margin-top:30px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.notes-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.notes-heading h3{font-family:Georgia,serif;font-size:1.35rem;font-weight:400}.notes-heading .subtext{font-size:.59rem}.notes-card textarea{width:100%;resize:vertical;border:1px solid var(--line);background:#f7fcfa;border-radius:9px;padding:15px;font-size:.8rem;color:var(--ink);line-height:1.8;min-height:150px}.notes-card textarea::placeholder{color:#5b727b}footer{text-align:center;padding:51px 0 35px;margin-top:35px;border-top:1px solid var(--line)}footer>span{font-size:1.1rem;color:#d39a26}footer p{font-family:Georgia,serif;font-style:italic;color:#805083;font-size:.9rem;margin:10px 0}footer small{font-size:.5rem;letter-spacing:1.8px;color:#5e7480}.toast{position:fixed;z-index:20;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 22px;background:#09685f;color:#fff;border-radius:12px;box-shadow:0 8px 35px #17364e25;font-size:.76rem;text-align:center}.skip-link{position:absolute;left:16px;top:-100px;background:var(--green);color:#fff;padding:15px;z-index:30}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{border:1px solid var(--line);border-radius:22px;padding:35px;max-width:440px;width:calc(100% - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#17364e80;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:12px;height:36px;width:36px}.dialog-icon{display:grid;place-items:center;height:53px;width:53px;background:var(--sage);border-radius:15px;margin-bottom:24px}.dialog-icon svg{width:24px;height:24px;color:#087f73}dialog h2{font-size:2rem;line-height:1.2;margin:12px 0}dialog>p{font-size:.78rem;color:var(--muted)}.install-instructions{padding:20px;background:#e2f6ef;border-radius:11px;margin-top:22px}.install-instructions h3{font-size:.78rem;margin:4px 0 5px}.install-instructions p{font-size:.74rem;color:#466c70}.install-instructions h3:not(:first-child){margin-top:18px}body.large-text{--body-size:18px}
@media(min-width:700px){.pair-option:hover{border-color:#36b5a6}.view{scroll-margin-top:70px}}
@media(max-width:850px){.app-shell{padding:0 26px}.niat-layout{grid-template-columns:265px minmax(0,1fr);gap:20px}.selection-card{padding:20px}.hero-art{width:39%;margin-right:0}.intention-card{padding:20px}.intention-text{font-size:1.15rem}.result-heading{flex-wrap:wrap}.steps-card{padding:22px 20px}}
@media(max-width:699px){.app-shell{padding:0 22px}.topbar{height:88px}.brand{font-size:1.27rem;gap:10px}.brand-icon{height:40px;width:40px;border-radius:13px}.brand-icon svg{height:25px;width:25px}.brand small{font-size:.47rem;letter-spacing:1.7px}.header-actions{gap:4px}.font-button,.icon-button{width:39px;height:39px}.hero{padding:30px 0 28px;min-height:262px;overflow:hidden}.hero h1{font-size:2.45rem;letter-spacing:-.9px;margin-top:14px}.hero-copy{position:relative;z-index:1}.hero-copy>p{font-size:.74rem}.hero .eyebrow{font-size:.52rem;letter-spacing:1.5px}.hero-art{position:absolute;width:190px;right:-54px;top:49px;opacity:.75}.offline-status{font-size:.56rem;margin-top:17px}.main-tabs{gap:0;justify-content:space-between}.tab{padding:16px 1px;font-size:.69rem;gap:6px;min-height:53px}.tab svg{width:16px;height:16px}.section-heading{margin:27px 0 20px}.section-heading h2{font-size:1.62rem}.section-heading .eyebrow{font-size:.56rem;letter-spacing:1.5px}.section-index{font-size:.5rem;letter-spacing:1.3px}.niat-layout{display:block}.selection-card{padding:21px;border-radius:15px;position:static}.selection-card>h3{font-size:.9rem}.selection-card .subtext{font-size:.7rem}fieldset{margin-top:19px}legend{font-size:.72rem}.pair-options{grid-template-columns:1fr;gap:8px}.pair-option{padding:12px 14px}.pair-option strong{font-size:.81rem}.pair-option small{font-size:.63rem}.pair-option .option-symbol{width:28px}.mode-field{margin-top:19px}.segmented button{font-size:.77rem;padding:12px}.segmented small{font-size:.59rem}.field-help{font-size:.66rem;margin-top:8px}.qasar-row{margin-top:17px;padding-top:17px}.qasar-row strong{font-size:.76rem}.qasar-row small{font-size:.63rem}.small-note{font-size:.65rem}.save-button{font-size:.78rem;margin-top:20px;min-height:48px}.sidebar-tip{display:none}.result-area{margin-top:26px}.tag{font-size:.57rem}.time-label{font-size:.65rem}.result-heading{margin-bottom:14px}.important-note{padding:14px;gap:9px}.important-note p{font-size:.72rem}.intention-card{padding:22px 20px;margin-bottom:12px}.prayer-label h3{font-size:.87rem}.rakaat{font-size:.62rem}.intention-text{font-size:1.25rem;line-height:1.65}.copy-button{font-size:.62rem}.card-detail{font-size:.68rem}.intention-caption{font-size:.65rem;margin:16px 2px 22px}.steps-card{padding:22px 20px}.steps-title h3{font-size:.87rem}.steps-card li{font-size:.76rem;gap:10px}.text-link{font-size:.7rem}.guide-intro{padding:21px;gap:12px}.guide-intro>span svg{width:23px;height:23px}.guide-intro h3{font-size:1.17rem}.guide-intro p{font-size:.78rem}.guide-grid{grid-template-columns:1fr;gap:17px}.guide-card{padding:23px}.checklist li{font-size:.8rem}.mini-rule p{font-size:.79rem}.mini-rule strong{font-size:.82rem}.faq-section{margin-top:28px}.faq-section>h3{font-size:1.3rem}summary{font-size:.8rem;line-height:1.6}details p{font-size:.79rem}.sources-card{padding:23px}.sources-card>p{font-size:.74rem}#source-links{grid-template-columns:1fr;gap:15px}.source-link{font-size:.76rem}.storage-info{font-size:.7rem;line-height:1.7;align-items:start}.storage-info svg{flex-shrink:0;margin-top:4px}.saved-item{padding:16px 14px;gap:10px;flex-wrap:wrap}.saved-info h3{font-size:.8rem}.saved-info p{font-size:.61rem}.open-saved{font-size:.66rem;padding:10px 2px}.notes-card{padding:22px}.notes-heading{align-items:start;flex-direction:column;gap:4px}.notes-card textarea{font-size:16px}.notes-heading h3{font-size:1.25rem}.notes-heading .subtext{font-size:.64rem}footer{margin-top:28px;padding-top:32px}footer p{font-size:.83rem}.view{scroll-margin-top:68px}body.large-text .hero-art{opacity:.35}body.large-text .main-tabs .tab{font-size:.64rem}}
.brand-icon{overflow:hidden}.brand-icon img{display:block;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Pika Jamak: colors drawn from the family icon, with soft cards like ASB Kids. */
:root {
  --plum: #843b80;
  --pink: #fce8f2;
  --lavender: #f1e7fa;
  --card-shadow: 0 12px 30px #17364e0a;
}
body {
  background: radial-gradient(ellipse at 12% 0, #e7daf5 0, transparent 48%),
    radial-gradient(ellipse at 100% 35%, #d4f8ed 0, transparent 55%), #e8f8f0;
  min-height: 100vh;
}
.app-shell {
  margin: 18px auto;
  background: linear-gradient(135deg, #f7fffbef, #f9f4ffeb 65%, #f2fff9ef);
  border: 1px solid #ffffff;
  border-radius: 32px;
  box-shadow: 0 22px 65px #17364e12;
}
h1, h2, .guide-intro h3, .faq-section>h3, .empty-state h3, .notes-heading h3 {
  font-family: inherit;
  font-weight: 700;
}
.brand { color: var(--ink); }
.brand-light { color: var(--green); font-weight: 650; }
.brand small { color: var(--plum); }
.brand-icon { box-shadow: 0 5px 14px #087f7320; border: 2px solid #fff; }
.icon-button, .font-button { background: var(--lavender); color: var(--plum); border: 1px solid #fff; }
.font-button[aria-pressed=true] { background: var(--pink); }
.hero {
  margin: 24px 0;
  padding: 34px 30px;
  border: 2px solid #fff;
  border-radius: 28px;
  background: linear-gradient(120deg, #d6f7e9, #e9fbf4 58%, #eee4fa);
  box-shadow: var(--card-shadow);
}
.hero h1 { font-size: 3rem; }
.hero h1 em { font-style: normal; color: var(--green); }
.hero .eyebrow { color: var(--plum); }
.hero-art { margin-right: 0; }
.offline-status { display: inline-flex; border-radius: 20px; background: #ffffffa8; padding: 7px 11px; }
.main-tabs {
  gap: 8px;
  padding: 8px;
  border: 1px solid #fff;
  border-radius: 18px;
  background: #f9fffcf5;
  box-shadow: 0 4px 18px #17364e08;
  backdrop-filter: blur(12px);
}
.tab { flex: 1; padding: 13px 10px; border-bottom: 0; border-radius: 12px; margin: 0; min-height: 48px; }
.tab.active { background: #dff6ec; color: var(--green); box-shadow: inset 0 0 0 1px #c8e9df; }
.count { background: var(--pink); color: var(--plum); }
.selection-card, .intention-card, .guide-card, .sources-card, .notes-card, .saved-item {
  box-shadow: var(--card-shadow);
  border-color: #dcece7;
  border-radius: 20px;
}
.pair-option { background: #fbfffd; border-radius: 12px; }
.pair-option.selected { background: #e1f8ee; box-shadow: 0 0 0 1px #36b5a615; }
.segmented { border: 1px solid #e9d9f2; border-radius: 12px; }
.segmented .selected { color: var(--plum); border-radius: 9px; }
.save-button { background: linear-gradient(120deg, #087f73, #0b8275); box-shadow: 0 6px 15px #087f731a; border-radius: 12px; }
.save-button.saved { background: #e1f8ee; box-shadow: none; }
.sidebar-tip { color: var(--plum); }
.tag { background: var(--lavender); color: #723a79; padding: 8px 11px; border-radius: 20px; }
.important-note { border-radius: 16px; }
.number-mark { background: var(--pink); color: var(--plum); border: 0; font-weight: 700; }
.copy-button { color: var(--green); }
.steps-card, .guide-intro { background: linear-gradient(120deg, #dff6ec, #edf8f7); border: 1px solid #fff; border-radius: 20px; box-shadow: var(--card-shadow); }
.guide-intro h3 { font-size: 1.2rem; }
.empty-state { background: linear-gradient(125deg, #e8faf3, #f3eafa); }
.notes-card textarea { border-radius: 12px; }
footer p { font-family: inherit; font-style: normal; }
.toast { background: #17364e; }
dialog { background: linear-gradient(125deg, #f2fff8, #f7effc); border: 2px solid #fff; box-shadow: 0 20px 60px #17364e20; }
.dialog-icon { background: #def6ec; }
.install-instructions { background: #ffffffa8; }
@media(max-width:699px) {
  .app-shell { margin: 0 auto; padding: 0 18px; border-radius: 0; border: 0; min-height: 100vh; }
  .topbar { height: 88px; }
  .hero { padding: 26px 20px; min-height: 264px; margin: 18px 0; border-radius: 24px; }
  .hero h1 { font-size: 2.25rem; letter-spacing: -1.2px; }
  .hero-art { width: 180px; right: -39px; top: 63px; opacity: .62; }
  .hero-copy>p { color: #466c70; }
  .main-tabs { padding: 6px; gap: 3px; top: 6px; border-radius: 16px; }
  .tab { padding: 12px 3px; gap: 5px; font-size: .65rem; min-height: 45px; }
  .section-heading h2 { font-size: 1.55rem; letter-spacing: -.6px; }
  .selection-card, .intention-card { border-radius: 20px; }
  .intention-text { font-size: 1.22rem; }
  .section-heading { margin-top: 26px; }
}