:root{--premium-bg:#0a0b0d;--premium-surface:#111316;--premium-surface-2:#17191d;--premium-surface-3:#1d2025;--premium-text:#f3f2ed;--premium-muted:#929690;--premium-line:rgba(255,255,255,.075);--premium-accent:#d7f17b;--premium-accent-soft:rgba(215,241,123,.085);--premium-shadow:0 24px 70px rgba(0,0,0,.34)}
body.premium-v08{--bg:var(--premium-bg);--panel:var(--premium-surface);--panel-2:var(--premium-surface-2);--panel-3:var(--premium-surface-3);--text:var(--premium-text);--muted:var(--premium-muted);--line:var(--premium-line);--accent:var(--premium-accent);--accent-soft:var(--premium-accent-soft);background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.035),transparent 28rem),var(--premium-bg);letter-spacing:-.005em}
body.premium-v08 .app-shell{max-width:600px;padding-bottom:calc(104px + var(--safe-bottom))}
body.premium-v08 .content{padding:14px 20px 42px}
body.premium-v08 .topbar{padding:calc(18px + var(--safe-top)) 22px 14px;background:linear-gradient(to bottom,rgba(10,11,13,.96) 72%,rgba(10,11,13,.78) 88%,rgba(10,11,13,0));backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}
body.premium-v08 .topbar h1{font-size:27px;font-weight:760;letter-spacing:-.055em}
body.premium-v08 .eyebrow{font-size:9px;letter-spacing:.19em;color:#7f837e}
body.premium-v08 .icon-button,body.premium-v08 .close-button,body.premium-v08 .back-button{border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,background .16s ease,border-color .16s ease}
body.premium-v08 .icon-button{width:40px;height:40px;font-size:21px}
body.premium-v08 .premium-date{display:inline-flex;align-items:center;gap:7px;margin:4px 0 16px;color:#7e827d;font-size:11px;font-weight:650;letter-spacing:.02em}
body.premium-v08 .premium-date::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--premium-accent);box-shadow:0 0 0 4px rgba(215,241,123,.07)}
body.premium-v08 .hero{padding:24px 2px 20px}
body.premium-v08 .hero-kicker{font-size:12px;color:#888c87;margin:0 0 12px}
body.premium-v08 .hero h2{font-size:clamp(39px,11vw,56px);line-height:.96;letter-spacing:-.065em;font-weight:700;max-width:10.5ch;text-wrap:balance}
body.premium-v08 .hero p:not(.hero-kicker){font-size:14px;line-height:1.65;color:#8e928d;max-width:37ch;margin-top:17px}
body.premium-v08 .focus-card{position:relative;overflow:hidden;border:1px solid rgba(215,241,123,.12);background:linear-gradient(145deg,rgba(215,241,123,.075),rgba(17,19,22,.96) 46%,rgba(14,16,18,.98));border-radius:28px;padding:20px 20px 19px;gap:8px;margin:12px 0 22px;box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}
body.premium-v08 .focus-card::after{content:'';position:absolute;width:150px;height:150px;right:-58px;top:-84px;border-radius:50%;background:radial-gradient(circle,rgba(215,241,123,.09),transparent 68%);pointer-events:none}
body.premium-v08 .focus-label{font-size:8px;letter-spacing:.2em;color:#8d9383}
body.premium-v08 .focus-card strong{font-size:23px;font-weight:720;letter-spacing:-.04em}
body.premium-v08 .focus-card>span:not(.focus-label){font-size:13px;line-height:1.55;color:#bdc0bb;max-width:36ch}
body.premium-v08 .focus-card small{font-size:10px;color:#c8dc86}
body.premium-v08 .stats{grid-template-columns:repeat(3,1fr);gap:0;margin:8px 0 34px;border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}
body.premium-v08 .stat{min-height:88px;border:0;border-radius:0;background:transparent;padding:17px 13px 15px;justify-content:flex-start;gap:9px}
body.premium-v08 .stat+ .stat{border-left:1px solid var(--premium-line)}
body.premium-v08 .stat strong{font-size:25px;font-weight:680;letter-spacing:-.05em}
body.premium-v08 .stat span{font-size:10px;line-height:1.3;color:#777c77}
body.premium-v08 .stat.alert strong{color:#d7f17b}
body.premium-v08 .section-head{margin:31px 2px 13px;align-items:center}
body.premium-v08 .section-head h3{font-size:17px;font-weight:690;letter-spacing:-.03em}
body.premium-v08 .section-head span{font-size:10px;color:#747873}
body.premium-v08 .page-heading{margin:26px 2px 20px;align-items:center}
body.premium-v08 .list-title{font-size:37px;font-weight:700;letter-spacing:-.06em}
body.premium-v08 .page-count{height:31px;min-width:31px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.05);font-size:10px}
body.premium-v08 .stack,body.premium-v08 .person-grid{gap:9px}
body.premium-v08 .card{border:1px solid rgba(255,255,255,.052);background:linear-gradient(150deg,rgba(24,26,30,.96),rgba(16,18,21,.98));border-radius:24px;padding:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
body.premium-v08 .card:active{transform:scale(.985);border-color:rgba(255,255,255,.09);background:linear-gradient(150deg,rgba(29,32,36,.98),rgba(18,20,23,.98))}
body.premium-v08 .memory-card.compact{padding:15px 16px}
body.premium-v08 .avatar{width:46px;height:46px;flex-basis:46px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(145deg,#202328,#16181c);font-size:13px;color:#d9dbd6;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
body.premium-v08 .avatar-xl{width:72px;height:72px;flex-basis:72px;border-radius:24px;font-size:20px}
body.premium-v08 .card h4{font-size:15px;font-weight:690;letter-spacing:-.025em}
body.premium-v08 .card p{font-size:12px;line-height:1.52;color:#8b8f8a}
body.premium-v08 .chevron{font-size:19px;color:#555a56}
body.premium-v08 .card-meta{gap:5px;margin-top:12px}
body.premium-v08 .pill{min-height:23px;padding:4px 8px;border:0;background:rgba(255,255,255,.045);font-size:9px;color:#828781}
body.premium-v08 .pill.accent{color:#cbdc92;background:rgba(215,241,123,.065)}
body.premium-v08 .pill.danger{color:#d9a1a1;background:rgba(255,138,138,.065)}
body.premium-v08 .person-card{padding:15px 16px;gap:14px}
body.premium-v08 .person-card .count{font-size:10px;color:#6e736e}
body.premium-v08 .inline-alert{font-size:10px;color:#b9cb7e}
body.premium-v08 .promise-card{position:relative;overflow:hidden}
body.premium-v08 .promise-card.is-overdue{border-color:rgba(255,138,138,.11)}
body.premium-v08 .promise-card.is-overdue::before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:2px;background:#d79292}
body.premium-v08 .segmented-summary{padding:0;background:transparent;border:0;border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line);border-radius:0}
body.premium-v08 .segmented-summary span{padding:15px 4px;font-size:9px}
body.premium-v08 .segmented-summary span+span{border-left:1px solid var(--premium-line)}
body.premium-v08 .segmented-summary strong{font-size:18px;font-weight:670}
body.premium-v08 .bottom-nav{left:50%;bottom:calc(8px + var(--safe-bottom));width:min(calc(100% - 24px),568px);height:68px;padding:7px 8px;grid-template-columns:1fr 1fr 68px 1fr 1fr;align-items:center;border:1px solid rgba(255,255,255,.075);border-radius:25px;background:rgba(20,22,25,.87);box-shadow:0 18px 52px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
body.premium-v08 .nav-item{gap:3px;padding:7px 2px;color:#6f746f;transition:color .16s ease,transform .16s ease}
body.premium-v08 .nav-item:active{transform:scale(.94)}
body.premium-v08 .nav-item span{font-size:17px}
body.premium-v08 .nav-item small{font-size:9px;font-weight:600}
body.premium-v08 .nav-item.is-active{color:#e5e5df}
body.premium-v08 .capture-nav{width:54px;height:54px;margin:0 auto;border-radius:18px;background:#d7f17b;color:#10120d;font-size:29px;box-shadow:0 9px 26px rgba(0,0,0,.34),0 0 0 1px rgba(215,241,123,.08);transition:transform .16s ease,filter .16s ease}
body.premium-v08 .capture-nav:active{transform:scale(.92);filter:brightness(.92)}
body.premium-v08 .bottom-nav.is-hidden{transform:translate(-50%,140%)}
body.premium-v08 .sheet{width:min(100% - 12px,572px);max-height:90svh;border-color:rgba(255,255,255,.07);border-radius:32px 32px 0 0;background:linear-gradient(180deg,#15171a,#101215 42%);padding:10px 20px calc(24px + var(--safe-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.42)}
body.premium-v08 .sheet::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.premium-v08 .sheet-handle{width:35px;height:4px;background:rgba(255,255,255,.15);margin-top:3px}
body.premium-v08 .sheet h2{font-size:27px;letter-spacing:-.05em;font-weight:700}
body.premium-v08 label{font-size:11px;color:#aeb1ac;font-weight:640;letter-spacing:.01em}
body.premium-v08 input,body.premium-v08 textarea,body.premium-v08 select{border-color:rgba(255,255,255,.065);background:#0c0e10;border-radius:17px;color:#efefea;box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
body.premium-v08 input:focus,body.premium-v08 textarea:focus,body.premium-v08 select:focus{border-color:rgba(215,241,123,.32);background:#0e1012;box-shadow:0 0 0 3px rgba(215,241,123,.045)}
body.premium-v08 .primary-button,body.premium-v08 .secondary-button,body.premium-v08 .danger-button{min-height:51px;border-radius:17px;letter-spacing:-.01em;transition:transform .15s ease,filter .15s ease}
body.premium-v08 .primary-button{background:#d7f17b;color:#0e100b;font-weight:780;box-shadow:0 10px 30px rgba(0,0,0,.2)}
body.premium-v08 .primary-button:active,body.premium-v08 .secondary-button:active,body.premium-v08 .danger-button:active{transform:scale(.985)}
body.premium-v08 .secondary-button{background:#17191c;border-color:rgba(255,255,255,.075)}
body.premium-v08 .empty{padding:38px 22px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);border-radius:24px;font-size:12px;line-height:1.55}
body.premium-v08 .empty strong{font-size:14px;margin-bottom:7px}
body.premium-v08 .backup-banner{border-color:rgba(255,255,255,.055);background:linear-gradient(145deg,rgba(215,241,123,.045),rgba(18,20,23,.95));border-radius:23px;padding:15px}
body.premium-v08 .backup-icon{background:#181b1e;color:#c9dc8a}
body.premium-v08 .detail-top{padding:16px 0 22px}
body.premium-v08 .detail-top h2{font-size:35px;font-weight:710;letter-spacing:-.06em}
body.premium-v08 .detail-subtitle{font-size:10px;color:#777c77}
body.premium-v08 .detail-hero{border-color:rgba(255,255,255,.05);background:linear-gradient(145deg,#181b1f,#101215);border-radius:28px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body.premium-v08 .detail-quote{font-size:17px;line-height:1.62;color:#dedfd9}
body.premium-v08 .detail-section{border-color:rgba(255,255,255,.052);background:rgba(19,21,24,.92);border-radius:24px;padding:18px;margin-top:11px}
body.premium-v08 .section-label{font-size:8px;letter-spacing:.18em;color:#777c76}
body.premium-v08 .timeline-item::before{background:rgba(255,255,255,.055)}
body.premium-v08 .timeline-dot{width:11px;height:11px;flex-basis:11px;margin-top:18px;border-width:1px;border-color:#bacd7e;background:#15181a}
body.premium-v08 .toast{border-color:rgba(255,255,255,.07);background:rgba(24,26,29,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--premium-shadow)}
body.premium-v08 .relationship-launch,body.premium-v08 .relationship-panel,body.premium-v08 .promise-radar,body.premium-v08 .promise-intel-section,body.premium-v08 .promise-controls{border-color:rgba(255,255,255,.055)!important;background:linear-gradient(150deg,rgba(23,25,29,.94),rgba(15,17,20,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.022)}
body.premium-v08 .relationship-launch{border-radius:24px!important}
body.premium-v08 .relationship-panel,body.premium-v08 .promise-controls{border-radius:26px!important}
body.premium-v08 .promise-radar-grid{gap:5px}
body.premium-v08 .radar-stat{border-color:rgba(255,255,255,.045);background:rgba(255,255,255,.022);border-radius:15px;padding:11px 7px}
body.premium-v08 .radar-stat strong{font-size:18px;font-weight:680}
body.premium-v08 .radar-stat span{font-size:8px;color:#747974}
body.premium-v08 .topic-chip,body.premium-v08 .place-chip,body.premium-v08 .relation-chip,body.premium-v08 .promise-chip{border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.035)!important;color:#8d928c!important}
body.premium-v08 .private-note{background:rgba(215,241,123,.035)!important;border-color:rgba(215,241,123,.075)!important}
body.premium-v08 .premium-enter{animation:nodPremiumEnter .34s cubic-bezier(.2,.78,.2,1) both}
@keyframes nodPremiumEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:390px){body.premium-v08 .content{padding-left:16px;padding-right:16px}body.premium-v08 .hero h2{font-size:40px}body.premium-v08 .stat{padding-left:9px;padding-right:9px}body.premium-v08 .bottom-nav{width:calc(100% - 16px);bottom:calc(6px + var(--safe-bottom))}}
@media(prefers-reduced-motion:reduce){body.premium-v08 *,body.premium-v08 *::before,body.premium-v08 *::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}}