:root{--bg:#f5f7fa;--panel:#fff;--text:#111827;--muted:#657084;--line:#dbe2ea;--primary:#6d4be8;--primary-dark:#5436c9;--green:#17844b;--green-soft:#eaf8ef;--amber:#c56a16;--amber-soft:#fff2df;--danger:#b42318;--shadow:0 18px 50px #1118271f}*{box-sizing:border-box}html,body{max-width:100vw;height:100%;min-height:100%;overflow-x:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#6d4be82e,#0000 32rem),linear-gradient(#eef3f8 0%,#f8fafc 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{appearance:none;font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.app-shell{background:var(--bg);width:min(100%,430px);min-height:100dvh;box-shadow:var(--shadow);margin:0 auto;position:relative;overflow:hidden}.screen{min-height:100dvh;padding:22px 22px 92px}.screen.with-nav{padding-bottom:104px}.hero-screen{background:linear-gradient(180deg, #6d4be81a, #f5f7fa00 44%), var(--bg)}.brand-block{padding-top:42px}.language-toggle{border:1px solid var(--line);background:#ffffffd1;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:136px;min-height:36px;padding:4px;display:inline-grid}.language-toggle.compact{width:118px;min-height:34px}.language-toggle button{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-size:.75rem;font-weight:820}.language-toggle button.active{background:var(--primary);color:#fff}.brand-row{align-items:center;gap:12px;margin-bottom:26px;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.eyebrow{color:var(--primary-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:760}h1{letter-spacing:0;margin:0;font-size:2.2rem;line-height:1.04}h2{letter-spacing:0;margin:0 0 8px;font-size:1rem}p{line-height:1.45}.lead{color:var(--muted);margin:14px 0 0;font-size:1.06rem}.compact-copy{margin:0;font-size:.88rem}.muted,.hint,.privacy-note{color:var(--muted)}.hint{margin-top:8px;font-size:.86rem;display:block}.privacy-panel,.card,.result-card,.metric-card,.empty-state{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:18px;padding:18px}.privacy-panel{margin-top:36px}.hero-preview{background:radial-gradient(circle at 100% 0,#2f80ed2e,#0000 12rem),linear-gradient(135deg,#fff,#f7f4ff);border:1px solid #6d4be833;border-radius:12px;margin-top:28px;padding:18px;position:relative;overflow:hidden;box-shadow:0 16px 36px #5436c921}.preview-topline,.preview-insight,.comparison-line,.signal-row-label{justify-content:space-between;align-items:center;gap:14px;display:flex}.preview-topline{color:var(--muted);font-size:.86rem}.preview-topline strong{color:var(--text)}.preview-score{margin-top:14px}.preview-score span{font-size:2.55rem;font-weight:850;line-height:1;display:block}.preview-score small{color:var(--muted);margin-top:8px;font-weight:720;display:block}.heat-strip{grid-template-columns:.85fr 1.1fr 1.4fr 1fr .7fr;gap:6px;margin-top:18px;display:grid}.heat-cell{border-radius:8px;height:54px;display:block}.heat-cell.calm{background:#d8f1e1}.heat-cell.warm{background:#ffe0ad}.heat-cell.hot{background:#ff8a5c}.preview-insight{color:var(--muted);border-top:1px solid #6d4be81f;margin-top:14px;padding-top:14px;font-size:.9rem}.preview-insight b{color:var(--green)}.value-grid,.mini-metric-row,.insight-stack{gap:10px;display:grid}.value-grid{grid-template-columns:repeat(3,1fr);margin-top:14px}.value-grid div,.mini-metric,.insight-card{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;padding:12px}.value-grid strong,.value-grid span,.mini-metric span,.mini-metric strong,.insight-card span,.insight-card strong{display:block}.value-grid strong{font-size:.88rem}.value-grid span,.mini-metric span,.insight-card span{color:var(--muted);margin-top:4px;font-size:.78rem}.card.accent{background:#effaf3;border-color:#1f8a4c42}.opportunity-card,.signal-hero-card,.pulse-card,.drama-card{background:radial-gradient(circle at 100% 0,#ff8a5c29,#0000 12rem),linear-gradient(135deg,#fffaf2,#fff);border:1px solid #c56a162e;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:18px;padding:18px;display:flex}.opportunity-card h2,.signal-hero-card h2,.pulse-card h2,.drama-card h2{margin-bottom:8px;font-size:1.05rem}.opportunity-card p,.signal-hero-card p,.pulse-card p,.drama-card p{color:var(--muted);margin:0}.signal-meter,.signal-hero-card strong{background:var(--amber-soft);min-width:58px;min-height:34px;color:var(--amber);border-radius:999px;justify-content:center;align-items:center;font-size:.88rem;font-weight:850;display:inline-flex}.signal-hero-card{background:radial-gradient(circle at 100% 0,#17844b24,#0000 12rem),linear-gradient(135deg,#f2fbf5,#fff);border-color:#17844b2e}.signal-hero-card strong{background:var(--green-soft);color:var(--green)}.pulse-card,.drama-card{display:block}.pulse-card{background:linear-gradient(135deg, #fffffff5, #f6f4fffa), var(--panel);border-color:#6d4be833}.pulse-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.trend-strip{background:#ffffffb8;border:1px solid #6d4be81f;border-radius:8px;grid-template-columns:repeat(6,1fr);align-items:end;gap:6px;height:76px;margin-top:16px;padding:8px;display:grid}.trend-cell{color:#111827c2;border-radius:7px;justify-content:center;align-items:flex-end;min-width:0;font-size:.72rem;font-weight:820;display:flex}.trend-cell.low{background:#d8f1e1;height:34px}.trend-cell.mid{background:#ffe0ad;height:52px}.trend-cell.hot{background:#ff9d77;height:60px}.pulse-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pulse-tags span{min-height:30px;color:var(--primary-dark);background:#ffffffd6;border:1px solid #6d4be824;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:780;display:inline-flex}.drama-card{background:linear-gradient(135deg, #fffaf2f5, #fffffffa), var(--panel);border-color:#c56a1633}.story-list{gap:10px;margin-top:12px;display:grid}.story-list p{color:var(--text);background:#ffffffbd;border:1px solid #c56a1624;border-radius:8px;padding:12px 12px 12px 16px;font-size:.9rem;position:relative}.story-list p:before{content:"";background:#ff9d77;border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:8px}.drama-feed{background:linear-gradient(135deg, #fff5f4f5, #fffffffa), var(--panel);border-color:#b423182e}.drama-intro{color:var(--muted);margin:0;font-size:.9rem}.drama-list{gap:12px;margin-top:14px;display:grid}.drama-item{background:#ffffffd1;border:1px solid #b423181f;border-radius:8px;padding:14px}.drama-item span,.drama-item strong,.drama-item p{display:block}.drama-item span{color:var(--amber);text-transform:uppercase;font-size:.72rem;font-weight:820}.drama-item strong{margin-top:7px;font-size:.98rem}.drama-item p{color:var(--muted);margin-top:7px;font-size:.9rem}.reaction-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.reaction-row button{min-height:32px;color:var(--danger);background:#fff8f6;border:1px solid #b4231824;border-radius:999px;padding:0 10px;font-size:.76rem;font-weight:800}.mini-metric-row{grid-template-columns:repeat(2,1fr);margin-top:12px}.mini-metric strong{margin-top:5px;font-size:1rem}.primary-action,.secondary-action,.danger-action,.text-action,.small-button,.icon-button{border:0;border-radius:8px;min-height:46px;font-weight:760}.primary-action{background:var(--primary);color:#fff;width:100%;margin-top:18px}.primary-action:hover{background:var(--primary-dark)}.secondary-action{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;margin-top:12px}.danger-action{width:100%;color:var(--danger);background:#fff5f4;border:1px solid #b4231840;margin-top:12px}.text-action{width:100%;color:var(--muted);background:0 0;margin-top:8px}.small-button{border:1px solid var(--line);background:#fff;padding:0 14px}.icon-button{border:1px solid var(--line);background:#fff;width:42px;font-size:1.2rem}.topbar,.home-header,.card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{min-height:48px;margin-bottom:20px;font-weight:760}.home-header{align-items:flex-start;margin-bottom:18px}.header-actions{justify-items:end;gap:8px;display:grid}.section-heading{margin:28px 0 24px}.section-heading.compact{margin-top:12px}.field-group,.form-stack label{margin-top:16px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;margin-top:8px}input,select{height:48px;padding:0 14px}textarea{resize:vertical;padding:12px 14px}.segmented{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.segmented.full{margin-bottom:18px}.segment{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff;border-radius:8px;font-weight:720}.segment.selected{border-color:var(--primary);color:var(--primary-dark);background:#f0ecff}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chip{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:44px;padding:0 10px;font-weight:720}.chip.selected{border-color:var(--primary);color:var(--primary-dark);background:#f0ecff}.split-actions{grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:18px;display:grid}.split-actions .primary-action,.split-actions .secondary-action{margin-top:0}.result-card{background:linear-gradient(135deg, var(--primary), #2f80ed);color:#fff}.result-card .eyebrow{color:#ffffffd1}.result-card h1{font-size:3rem}.result-delta{background:#ffffff2e;border-radius:999px;align-items:center;min-height:30px;margin-top:16px;padding:0 12px;font-size:.86rem;font-weight:820;display:inline-flex}.insight-stack{grid-template-columns:1fr;margin-top:14px}.insight-card strong{margin-top:6px;font-size:1rem}.insight-card.strong{background:var(--green-soft);border-color:#17844b3d}.status-pill{min-height:28px;color:var(--primary-dark);background:#eef2ff;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric-card{margin-top:0}.metric-card span{color:var(--muted);font-size:.82rem;display:block}.metric-card strong{margin-top:8px;font-size:1.2rem;display:block}.signal-list{gap:14px;margin-top:14px;display:grid}.signal-row-label{font-size:.9rem;font-weight:760}.signal-row-label strong{color:var(--primary-dark)}.signal-row-track,.range-bar{background:#edf1f5;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.signal-row-track span,.range-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #2f80ed);height:100%;display:block}.range-bar span{background:linear-gradient(90deg,#b6dec5,#2f80ed,#ff8a5c);width:82%}.result-compare-card p{color:var(--muted);margin:0}.result-range{height:10px;position:relative}.range-labels{color:var(--muted);grid-template-columns:repeat(3,1fr);margin-top:8px;font-size:.72rem;font-weight:740;display:grid}.range-labels span:nth-child(2){text-align:center}.range-labels span:nth-child(3){text-align:right}.compact-pulse{margin-top:14px}.next-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.next-step-card{min-height:84px;color:var(--text);text-align:left;background:#fff;border:1px solid #6d4be82e;border-radius:8px;padding:14px}.next-step-card span,.next-step-card strong{display:block}.next-step-card span{color:var(--muted);font-size:.78rem;font-weight:740}.next-step-card strong{margin-top:6px;font-size:.94rem}.comparison-line{margin-top:12px;font-size:.9rem}.comparison-line strong{color:var(--green)}.history-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.history-item:first-of-type{border-top:0}.history-item span,.history-item small,.history-item strong{display:block}.history-item small{color:var(--muted);margin-top:4px;font-size:.76rem;font-weight:720}.history-bars{background:#ffffffb8;border:1px solid #6d4be81f;border-radius:8px;grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;height:132px;margin-top:18px;padding:12px;display:grid}.history-bar{flex-direction:column;justify-content:flex-end;gap:7px;min-width:0;height:100%;display:flex}.history-bar span{background:#ffe0ad;border-radius:8px 8px 4px 4px;min-height:34px;display:block}.history-bar.above span{background:#ff9d77}.history-bar.below span{background:#d8f1e1}.history-bar small{color:var(--text);text-align:center;font-size:.76rem;font-weight:820}.check-row{align-items:flex-start;gap:10px;margin-top:16px;display:flex}.check-row input{width:18px;height:18px;margin-top:2px}.bottom-nav{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(4,1fr);width:min(100%,430px);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{height:64px;color:var(--muted);background:0 0;border:0;font-size:.82rem;font-weight:780}.bottom-nav button.active{color:var(--primary-dark)}@media (min-width:780px){body{padding:32px 0}.app-shell{border-radius:28px;min-height:calc(100vh - 64px)}.screen{min-height:calc(100vh - 64px)}}