:root{--font-display:"Spectral", Georgia, "Times New Roman", serif;--font-ui:"Manrope", system-ui, -apple-system, sans-serif;--period-social:#c98a63;--period-work:#5e7b97;--period-values:#5e8268;--period-social-soft:#c98a631f;--period-work-soft:#5e7b971f;--period-values-soft:#5e82681f;--node-gold:#be9a4e;--node-gold-deep:#9a7a2e;--node-gold-soft:#be9a4e1f;--ink-900:#26262b;--ink-700:#33333a;--ink-600:#4a4a50;--ink-500:#6a6a71;--ink-400:#8a8a90;--ink-300:#9b9ba1;--ink-200:#a6a6ac;--surface-page:#eceae5;--surface-page-2:#e6e4df;--surface-card:#fff;--surface-glass:#fff9;--surface-glass-strong:#ffffffc7;--border-glass:#ffffffb8;--border-hairline:#0000000f;--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-muted:var(--ink-300);--text-onfog:var(--ink-600);--accent:var(--node-gold);--calm:#6e8b79;--intensity-high:#a05e3a;--intensity-mid:#5e7b97;--intensity-low:#9b9ba1;--text-hero:44px;--text-h1:32px;--text-h2:25px;--text-title:19px;--text-lead:17px;--text-body:14px;--text-small:12.5px;--text-caption:11px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.3px;--tracking-overline:.1em;--leading-tight:1.12;--leading-body:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:14px;--space-5:18px;--space-6:22px;--space-7:28px;--space-8:34px;--space-10:44px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:999px;--tap-min:44px;--blur-glass:blur(20px) saturate(150%);--blur-glass-strong:blur(22px) saturate(180%);--shadow-card:0 10px 26px #40425e12;--shadow-float:0 14px 34px #40425e1a;--shadow-cta:0 10px 24px #18181e38;--shadow-inset-glass:inset 0 1px 0 #fffc;--fog-page:radial-gradient(120% 60% at 16% 2%, #c98a6321, transparent 58%), radial-gradient(120% 55% at 92% 12%, #5e7b9721, transparent 52%), radial-gradient(140% 80% at 50% 112%, #5e826821, transparent 60%), linear-gradient(180deg, #f2f1ed 0%, #eae8e3 100%);--cta-ink:linear-gradient(180deg, #3b3b41, #27272c);--ease-glass:cubic-bezier(.2, .8, .2, 1);--dur-fast:.25s;--dur:.3s;--dur-slow:.9s}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);color:var(--ink-900);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#d8d6d1}.frame{background:var(--surface-page);justify-content:center;min-height:100svh;display:flex}.screen{background:var(--fog-page);width:100%;max-width:420px;min-height:100svh;color:var(--ink-900);flex-direction:column;display:flex;position:relative}@media (max-width:540px){.frame{background:var(--surface-page)}.screen{max-width:100%}}.screen--app{height:100dvh;overflow:hidden}.screen--app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(38% 28% at 20% 16%,#c98a631a,#0000 60%),radial-gradient(38% 28% at 85% 24%,#5e7b971a,#0000 60%),radial-gradient(46% 32% at 52% 94%,#5e82681a,#0000 60%);animation:26s ease-in-out infinite alternate tp-fog-drift;position:absolute;inset:-25%}.screen--app>*{z-index:1;position:relative}@keyframes tp-fog-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2.5%,-2%)scale(1.07)}}.scroll{min-height:0;padding-top:env(safe-area-inset-top);padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:calc(74px + 18px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.rise{animation:tp-rise .45s var(--ease-glass) both}@keyframes tp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.logo-tile{width:92px;height:92px;box-shadow:var(--shadow-float);background:linear-gradient(160deg,#ffffffd1,#ffffff6b);border:1px solid #ffffffd9;border-radius:26px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.glass{background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-card)}.stack{flex-direction:column;gap:14px;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.btn-primary{background:var(--cta-ink);color:#f4f2ee;box-shadow:var(--shadow-cta);text-align:center;border-radius:17px;width:100%;padding:17px;font-size:16px;font-weight:600}.btn-secondary{background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);color:var(--ink-900);border-radius:17px;width:100%;padding:16px;font-size:16px;font-weight:600}.btn-ghost{color:var(--ink-400);width:100%;padding:6px;font-size:15px;font-weight:500}.back{background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--ink-500);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.form{flex-direction:column;gap:14px;display:flex}.lab{color:var(--ink-400);letter-spacing:.02em;font-size:12.5px;font-weight:600}.req:after{content:" *";color:var(--period-social)}input,textarea{background:var(--surface-glass);border:1px solid var(--border-glass);font-family:var(--font-ui);color:var(--ink-900);border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px;font-weight:500;box-shadow:0 6px 18px #40425e0d}input::placeholder,textarea::placeholder{color:var(--ink-200);font-weight:400}textarea{resize:none;font-size:15px}input:focus,textarea:focus{border-color:#5e7b9780}.over{letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.h1{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-size:32px;font-weight:500}.h2{font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1.18}.muted{color:var(--ink-400);font-size:12.5px}.lead{color:var(--ink-500);font-size:14px;line-height:1.55}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--border-glass);color:var(--ink-600);background:#fff9;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.dot{border-radius:50%;flex:none;width:7px;height:7px}.icn{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.pulse{animation:2.4s ease-in-out infinite tp-pulse}@keyframes tp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.banner{border:1px solid var(--border-glass);border-radius:20px;align-items:center;gap:14px;padding:14px 16px;display:flex}.ic{border:1px solid var(--border-glass);background:#ffffff9e;border-radius:13px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.persona{border-radius:20px;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.name{font-family:var(--font-display);font-size:20px;font-weight:500}.pill-btn{border:1px solid var(--border-glass);color:var(--ink-500);background:#fff9;border-radius:11px;padding:8px 11px;font-size:12px;font-weight:600}.status{border:1px solid var(--border-glass);box-shadow:var(--shadow-float);border-radius:24px;padding:22px}.body-text{color:var(--ink-600);font-size:13.5px;line-height:1.6}.grid{grid-template-columns:1.15fr 1fr;gap:14px;display:grid}.stat{border-radius:22px;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.lbl{color:var(--ink-300);font-size:11.5px;font-weight:600;line-height:1.4}.num{font-family:var(--font-display);font-size:46px;font-weight:500;line-height:1}.gaugewrap{text-align:center;border-radius:22px;padding:16px 12px}.rec{background:linear-gradient(165deg,#5e826821,#5e7b971a);border:1px solid #fff9;border-radius:22px;padding:19px}.recT{font-family:var(--font-display);color:var(--ink-700);margin-top:10px;font-size:17px;line-height:1.5}.cut{border-radius:22px;padding:6px 4px}.cut-head{text-align:left;justify-content:space-between;align-items:flex-start;width:100%;padding:14px 16px;display:flex}.cut-list{counter-reset:q;flex-direction:column;gap:10px;padding:0 16px 16px;list-style:none;display:flex}.cut-list li{counter-increment:q;color:var(--ink-600);padding-left:30px;font-size:13.5px;line-height:1.5;position:relative}.cut-list li:before{content:counter(q);width:21px;height:21px;color:var(--intensity-high);background:#c98a6324;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:-1px;left:0}.section-title{color:var(--ink-500);letter-spacing:.02em;margin:6px 2px 12px;font-size:13px;font-weight:700}.waves{border-top:1px solid #0000000f;flex-direction:column;gap:12px;margin-top:16px;padding-top:14px;display:flex}.waves-hint{color:var(--ink-400);margin-bottom:2px;font-size:11.5px;line-height:1.45}.wave-card{border:1px solid var(--border-glass);background:#fff6;border-radius:16px;padding:12px 13px 11px}.wave-head{align-items:center;gap:8px;display:flex}.wave-name{color:var(--ink-700);flex:1;font-size:13.5px;font-weight:600}.wave-phase{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.wave-foot{justify-content:space-between;align-items:baseline;gap:10px;margin-top:2px;display:flex}.wave-primary{white-space:nowrap}.wave-primary b{font-family:var(--font-display);font-size:22px;font-weight:500}.wave-primary-lbl{color:var(--ink-400);font-size:11.5px}.wave-sub{color:var(--ink-400);text-align:right;font-size:11px}.wm-peak{background:var(--node-gold);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;box-shadow:0 0 0 3px #be9a4e2e}.wm-here{background:var(--wm-accent,#a05e3a);width:13px;height:13px;box-shadow:0 1px 4px #00000038, 0 0 0 5px color-mix(in srgb, var(--wm-accent,#a05e3a) 16%, transparent);border:2px solid #fff;border-radius:50%;margin:-6.5px 0 0 -6.5px;position:absolute}.wave-marker{animation:3.4s ease-in-out infinite tp-wave-bob}@keyframes tp-wave-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.index-card{border-radius:24px;padding:18px}.index-main{align-items:center;gap:16px;display:flex}.index-side{flex:1}.index-band{font-family:var(--font-display);margin-top:4px;font-size:21px;font-weight:500}.why{color:var(--ink-500);border:1px solid var(--border-glass);background:#ffffff80;border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.index-detail{color:var(--ink-600);background:#00000008;border-radius:14px;margin-top:14px;padding:13px 15px;font-size:13px;line-height:1.55}.index-meter{align-items:center;gap:8px;margin-top:12px;display:flex}.index-track{background:linear-gradient(90deg,#5e826866,#be9a4e80,#a05e3a8c);border-radius:999px;flex:1;height:6px;position:relative}.index-knob{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000040}.index-note{color:var(--ink-300);margin-top:12px;font-size:11px;line-height:1.45}.checks{flex-direction:column;gap:12px;padding:4px 16px 16px;display:flex}.check-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.check-q{color:var(--ink-600);flex:1;font-size:13px;line-height:1.4}.yn{flex:none;gap:6px;display:flex}.yn-btn{min-width:44px;color:var(--ink-500);border:1px solid var(--border-glass);transition:background var(--dur-fast), color var(--dur-fast);background:#ffffff8c;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600}.yn-btn.yn-yes{background:var(--period-values);color:#f4f2ee;border-color:var(--period-values)}.yn-btn.yn-no{background:var(--ink-700);color:#f4f2ee;border-color:var(--ink-700)}.calm-result{border:1px solid;border-radius:18px;margin-top:4px;padding:16px}.calm-score{align-items:baseline;margin-top:6px;display:flex}.calm-advice{color:var(--ink-600);margin-top:8px;font-size:13px;line-height:1.5}.near{flex-direction:column;align-items:stretch;gap:10px;padding:14px 15px}.near-top{align-items:center;gap:12px;display:flex}.win-bar{background:#00000012;border-radius:999px;height:8px;position:relative;overflow:visible}.win-fill{height:100%;transition:width var(--dur-slow) var(--ease-glass);border-radius:999px}.win-peak{background:var(--node-gold);border-radius:2px;width:3px;height:12px;position:absolute;top:-2px;transform:translate(-50%)}.win-cap{color:var(--ink-500);font-size:11.5px;font-weight:600}.near{border-radius:18px;display:flex}.near-badge{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.actions-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.qa{color:var(--ink-700);border-radius:16px;padding:14px;font-size:13.5px;font-weight:600}.disclaimer{color:var(--ink-300);text-align:center;padding:6px 10px 4px;font-size:11px;line-height:1.5}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend-item{color:var(--ink-500);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.filters{flex-wrap:wrap;gap:7px;display:flex}.filter-pill{border:1px solid var(--border-glass);transition:background var(--dur-fast), color var(--dur-fast);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600}.cal-row{border-radius:18px;align-items:stretch;gap:12px;padding:13px 15px 13px 13px;display:flex;position:relative}.cal-strip{border-radius:3px;flex:none;width:3px}.cal-age{font-family:var(--font-display);align-items:flex-start;gap:3px;min-width:34px;font-size:23px;font-weight:500;line-height:1.1;display:flex}.cal-diamond{background:var(--node-gold);border-radius:1px;width:7px;height:7px;margin-top:4px;transform:rotate(45deg)}.cal-intensity{white-space:nowrap;border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:11px;font-weight:700}.rem-group{border-radius:22px;padding:18px}.rem-sample{color:var(--ink-500);margin-top:8px;font-size:13px;font-style:italic;line-height:1.5}.rem-row{justify-content:space-between;align-items:center;width:100%;padding:4px 0;display:flex}.track{width:42px;height:24px;transition:background var(--dur-fast);border-radius:999px;flex:none;position:relative}.knob{width:18px;height:18px;transition:left var(--dur-fast) var(--ease-glass);background:#fff;border-radius:50%;position:absolute;top:3px;box-shadow:0 1px 3px #00000040}.person-card{border-radius:18px;align-items:center;gap:13px;width:100%;padding:13px 15px;display:flex}.avatar{border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:flex}.open-badge{color:var(--period-values);background:#5e826821;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.add-person{color:var(--ink-500);background:#ffffff40;border:1.5px dashed #00000029;border-radius:18px;width:100%;padding:16px;font-size:14px;font-weight:600}.tabbar{height:calc(74px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border-top:1px solid var(--border-glass);z-index:30;border-radius:22px 22px 0 0;justify-content:space-around;align-items:flex-start;display:flex;position:absolute;bottom:0;left:0;right:0}.tab{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;padding:8px 2px;display:flex}.tab span{white-space:nowrap;font-size:9.5px!important}.toast{background:var(--cta-ink);color:#f4f2ee;box-shadow:var(--shadow-cta);z-index:50;animation:tp-rise .3s var(--ease-glass) both;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:600;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.rise,.pulse,.toast,.wave-marker,.screen--app:before{animation:none}}@media print{body,.frame,.screen{background:#fff!important}.screen{box-shadow:none}.tabbar,.toast,.actions-grid,.pill-btn{display:none!important}.scroll{height:auto;padding-bottom:0;overflow:visible}.screen--app{height:auto}.glass,.status,.rec,.stat,.gaugewrap{break-inside:avoid;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:1px solid #e6e4df!important}}