:root{--bg: #0d0b14;--panel: #17131f;--text: #f3efe6;--muted: #a39cb3;--gold: #c9a96e;--track: #2c2440;--warn: #e8b06a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#241a36 0%,var(--bg) 60%);color:var(--text);font:17px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:560px;margin:0 auto;padding:32px 20px 64px}h1{font-size:2.1rem;margin:.2em 0;letter-spacing:.01em}h2{font-size:1.5rem;margin:.4em 0 .6em}h3{margin:0 0 .5em}.lead{font-size:1.1rem;color:#ddd6c8}.badge{display:inline-block;padding:4px 12px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:.9rem}.step{color:var(--muted);font-size:.9rem;margin:0}.note{color:var(--muted);font-size:.95rem}.warn{color:var(--warn)}.big{font-size:1.4rem}.version{color:var(--muted);font-size:.8rem;text-align:center}.disclaimer{color:var(--muted);font-size:.9rem;border-left:2px solid var(--gold);padding-left:12px}ul.plain{padding-left:1.2em}button{display:block;width:100%;margin:12px 0 0;padding:14px 18px;border-radius:14px;border:1px solid #3a3150;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(135deg,#3b2a5e,#22183a);border-color:#5a4785}button.gold{background:linear-gradient(135deg,#c9a96e,#9c7c42);color:#17131f;font-weight:600;border:none}button.link{background:none;border:none;color:var(--muted);text-decoration:underline}.options button{text-align:left}.check{display:flex;gap:10px;align-items:center;margin:10px 0}.check input{width:20px;height:20px}.phrase{margin:0;padding:16px 18px;background:var(--panel);border-radius:14px;font-size:1.15rem;line-height:1.6}.meter{height:10px;background:var(--track);border-radius:999px;overflow:hidden;margin:18px 0 8px}.meter-fill{--level: 0;height:100%;width:calc(var(--level) * 100%);background:linear-gradient(90deg,#6b58a8,var(--gold));transition:width 80ms linear}.timer{color:var(--muted)}.mic{font-size:.9rem}.mic-on{color:#e86a6a}.mic-off{color:var(--muted)}.gauges{display:grid;gap:8px;margin:18px 0}.gauge{position:relative;text-align:center;background:var(--panel);border-radius:18px;padding:16px 16px 10px}.gauge svg{width:200px;max-width:100%}.gauge path{fill:none;stroke-width:14;stroke-linecap:round}.gauge .track{stroke:var(--track)}.gauge .value{stroke:var(--gold)}.gauge .score{font-size:2rem;font-weight:700;margin-top:-48px;font-variant-numeric:tabular-nums}.scale-name{font-weight:600;margin-top:6px}.tag{color:var(--muted);font-size:.8rem}.sentence{margin:6px 0 0;color:#ddd6c8}.insight{background:var(--panel);border-radius:14px;padding:4px 16px}.actions{margin:12px 0 24px}.teaser{border:1px solid #4b3d66;border-radius:18px;padding:18px;margin:24px 0}.teaser ul{color:#ddd6c8}.how{margin-top:24px;color:#ddd6c8}.how summary{cursor:pointer;color:var(--gold)}.facts{color:var(--muted);font-size:.95rem}.banner{border:1px solid var(--warn);border-radius:14px;padding:12px 16px;margin:16px 0;background:#1f1810}.banner p{margin:6px 0}.sample{margin:24px 0 0;padding:16px;border:1px dashed #4b3d66;border-radius:18px;text-align:center}.sample figcaption{color:var(--muted);font-size:.85rem}.sample-name{font-size:1.3rem;font-weight:700;margin:6px 0 10px}.sample-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:.8rem;color:var(--muted)}.sample-bars b{display:block;font-size:1.5rem;color:var(--gold)}.row{display:flex;gap:12px}.row button{width:auto}button.chosen{border-color:var(--gold)}.chip{display:inline-block;margin:0 0 8px;padding:2px 10px;border-radius:999px;background:#2c2440;color:var(--warn);font-size:.85rem}.manual-copy{display:block;width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid #3a3150;background:var(--panel);color:var(--text);font:inherit;font-size:.9rem;resize:none}.share,.friends{background:var(--panel);border-radius:18px;padding:16px;margin:18px 0}.seg{display:flex;gap:8px}.seg button{margin-top:0;padding:8px 12px}.card-preview{display:block;width:100%;max-width:320px;margin:14px auto 0;border-radius:12px;background:#0d0b14}.card-preview.post{aspect-ratio:1080 / 1350}.card-preview.story{aspect-ratio:1080 / 1920;max-width:260px}.grid6{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0;list-style:none}.grid6 li{padding:8px 10px;border:1px solid #3a3150;border-radius:10px;font-size:.9rem;color:var(--muted)}.grid6 li.mine{border-color:var(--gold);color:var(--text)}.about{max-width:560px;margin:0 auto;padding:0 20px 64px;color:#ddd6c8}.about h2{font-size:1.25rem;margin-top:1.6em}.about h3{font-size:1.05rem;margin:1.2em 0 .3em;color:var(--text)}body[data-screen]:not([data-screen=landing]) #about{display:none}.teaser-list{color:#ddd6c8;padding-left:1.3em}.report{margin:8px 0 24px}.report-frame{color:var(--muted);font-size:.95rem;border-left:2px solid var(--gold);padding-left:12px}.report-section h3{font-size:1.15rem;margin:1.6em 0 .4em}.report-section h3 span{color:var(--gold)}.report-section p{color:#ddd6c8}.report-section ol{color:#ddd6c8;padding-left:1.3em}.ex-title{font-weight:600;color:var(--text)!important}.access{background:var(--panel);border:1px solid #4b3d66;border-radius:14px;padding:12px 16px;margin:16px 0}.access p{margin:6px 0}
