:root{
  color-scheme:light dark;
  --bg:#f4f0e8;--panel:#fffdf8;--panel2:#e9e3d8;--ink:#171817;--muted:#6d6a64;--line:rgba(23,24,23,.15);
  --accent:#2f5c43;--accent2:#d9e7d9;--danger:#9a4137;--good:#2f6b48;--shadow:0 18px 50px rgba(35,30,20,.08);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;
}
@media(prefers-color-scheme:dark){:root{--bg:#0c0d0e;--panel:#151719;--panel2:#202326;--ink:#f2f1ed;--muted:#aaa9a4;--line:rgba(255,255,255,.13);--accent:#93c9a4;--accent2:#1e3025;--danger:#e48b80;--good:#9bd0aa;--shadow:0 20px 60px rgba(0,0,0,.25)}}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);min-height:100svh;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{color:inherit}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-weight:950;letter-spacing:-.04em;text-decoration:none;color:var(--ink);font-size:14px}.top-actions{display:flex;gap:7px}.ghost-btn,.close-btn{border:1px solid var(--line);background:transparent;border-radius:999px;min-height:42px;padding:0 13px;font-weight:800;font-size:12px;cursor:pointer}.close-btn{width:42px;padding:0;font-size:22px}.shell{width:min(760px,calc(100% - 24px));margin:0 auto;padding:18px 0 max(48px,env(safe-area-inset-bottom))}.hero{padding:22px 0 12px}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.17em;color:var(--muted);text-transform:uppercase}.hero h1{font-size:clamp(44px,12vw,76px);line-height:.92;letter-spacing:-.075em;margin:12px 0 16px}.hero h1 span{display:block;color:var(--accent)}.lead{font-size:16px;line-height:1.8;color:var(--muted);margin:0;max-width:590px}.lead strong{color:var(--ink)}.hero-actions{display:grid;gap:10px;margin-top:24px}.primary,.secondary,.choice-btn,.continue-btn{border:0;border-radius:18px;min-height:58px;padding:14px 18px;font-weight:900;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.primary:active,.secondary:active,.choice-btn:active,.continue-btn:active{transform:scale(.985)}.primary{background:var(--ink);color:var(--bg);font-size:16px}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.micro{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.thickness-card{position:relative;overflow:hidden;margin-top:24px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);padding:18px}.thickness-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.thickness-number{font-size:36px;font-weight:950;letter-spacing:-.06em}.thickness-number small{font-size:12px;color:var(--muted);letter-spacing:0}.layer-stack{display:grid;gap:7px}.layer{height:14px;border-radius:999px;background:var(--panel2);overflow:hidden;position:relative}.layer>i{display:block;height:100%;width:var(--w,20%);background:var(--accent);border-radius:inherit;transition:width .55s cubic-bezier(.2,.8,.2,1)}.layer-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:9px}.layer-labels span{text-align:center;font-size:12px;color:var(--muted);font-weight:800}.daily-return{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.daily-return h3{margin:0 0 6px;font-size:15px}.daily-return p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.65}.mini-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-choices button{min-height:46px;border:1px solid var(--line);background:transparent;border-radius:14px;font-size:12px;font-weight:850;cursor:pointer}.session-top{display:grid;gap:12px;margin-bottom:16px}.progress-wrap{display:flex;align-items:center;gap:10px}.progress-track{height:7px;flex:1;background:var(--panel2);border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--accent);width:var(--p,0%);transition:width .3s ease}.progress-text{font-size:12px;color:var(--muted);font-weight:900;min-width:42px;text-align:right}.skill-pill{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border-radius:999px;background:var(--accent2);color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.06em}.scenario-card{border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow);padding:20px;min-height:205px;display:flex;flex-direction:column;justify-content:center}.scenario-context{font-size:12px;letter-spacing:.13em;color:var(--muted);font-weight:950;margin-bottom:10px}.scenario-card h2{font-size:clamp(25px,7vw,38px);line-height:1.18;letter-spacing:-.045em;margin:0}.scenario-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:12px 0 0}.drill{margin-top:14px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:18px}.instruction{font-size:13px;line-height:1.65;margin:0 0 14px;color:var(--muted)}.instruction strong{color:var(--ink)}.pause-stage{text-align:center;padding:6px 0}.pause-orb{width:126px;height:126px;border-radius:50%;border:1px solid var(--line);margin:8px auto 16px;display:grid;place-items:center;position:relative;background:var(--bg);box-shadow:inset 0 0 0 0 var(--accent2);transition:box-shadow .5s ease,transform .5s ease}.pause-orb::before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed var(--line)}.pause-orb b{font-size:42px;letter-spacing:-.06em}.pause-orb.safe{box-shadow:inset 0 0 0 60px var(--accent2);transform:scale(.96)}.tempt-btn{width:100%;min-height:54px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));background:transparent;color:var(--danger);border-radius:17px;font-weight:900;cursor:pointer}.tempt-btn[disabled]{opacity:.35;cursor:default}.choice-list{display:grid;gap:9px}.choice-btn{min-height:56px;text-align:left;background:var(--bg);border:1px solid var(--line);font-size:13px;line-height:1.5}.choice-btn.selected{outline:2px solid var(--accent);background:var(--accent2)}.choice-btn.correct{border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--panel))}.choice-btn.wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--panel))}.emotion-zone{display:grid;gap:12px}.emotion-chip{padding:20px;border-radius:22px;background:color-mix(in srgb,var(--danger) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));font-size:28px;font-weight:950;text-align:center;letter-spacing:-.04em;transition:transform .4s ease,background .4s ease}.emotion-chip.placed{transform:translateY(8px) scale(.97);background:var(--accent2);border-color:var(--accent);color:var(--accent)}.accept-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.accept-actions button{min-height:54px;border-radius:16px;border:1px solid var(--line);background:var(--bg);font-weight:900;cursor:pointer}.sort-list{display:grid;gap:10px}.sort-row{border:1px solid var(--line);border-radius:17px;padding:13px;background:var(--bg)}.sort-row p{margin:0 0 10px;font-size:13px;line-height:1.55}.sort-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sort-controls button{border:1px solid var(--line);background:transparent;border-radius:12px;min-height:42px;font-weight:850;font-size:12px;cursor:pointer}.sort-controls button.active{background:var(--ink);color:var(--bg)}.unknown-list{display:grid;gap:9px}.unknown-btn{width:100%;text-align:left;min-height:54px;border-radius:16px;border:1px solid var(--line);background:var(--bg);padding:12px 14px;font-weight:800;font-size:12px;line-height:1.5;cursor:pointer}.unknown-btn.marked{background:var(--accent2);border-color:var(--accent)}.depth-grid{display:grid;gap:9px}.depth-card{min-height:68px;border-radius:17px;border:1px solid var(--line);background:var(--bg);padding:13px;text-align:left;font-size:13px;line-height:1.55;font-weight:800;cursor:pointer}.depth-card.kept{outline:2px solid var(--accent);background:var(--accent2)}.grip-wrap{padding:8px 2px}.grip-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:900;margin-bottom:8px}.grip-slider{width:100%;accent-color:var(--accent)}.grip-readout{text-align:center;font-size:32px;font-weight:950;margin:10px 0 5px}.grip-hint{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.recovery-path{display:grid;gap:9px}.recovery-step{position:relative;width:100%;text-align:left;border:1px solid var(--line);border-radius:17px;background:var(--bg);padding:13px 14px 13px 46px;min-height:58px;font-size:12px;line-height:1.5;font-weight:800;cursor:pointer}.recovery-step::before{content:attr(data-n);position:absolute;left:13px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:12px;color:var(--muted)}.feedback{margin-top:12px;border-radius:20px;padding:15px;background:var(--accent2);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));animation:rise .25s ease}.feedback.bad{background:color-mix(in srgb,var(--danger) 9%,var(--panel));border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.feedback-title{font-size:13px;font-weight:950;margin-bottom:5px}.feedback p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.feedback .theory{font-size:12px;letter-spacing:.08em;font-weight:900;color:var(--accent);margin-top:8px}.continue-btn{width:100%;margin-top:10px;background:var(--ink);color:var(--bg)}.reward-pop{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.reward-layer{height:8px;flex:1;border-radius:999px;background:var(--panel2);overflow:hidden}.reward-layer i{display:block;height:100%;width:100%;background:var(--accent);animation:fill .55s ease}.reward-pop span{font-size:12px;font-weight:950;color:var(--muted)}.summary{padding:18px 0}.summary-hero{text-align:center;padding:18px 0 8px}.summary-hero .big{font-size:68px;line-height:1;font-weight:950;letter-spacing:-.075em}.summary-hero .big small{font-size:14px;color:var(--muted);letter-spacing:0}.summary-hero h1{font-size:30px;letter-spacing:-.05em;margin:10px 0 7px}.summary-hero p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.skill-results{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.skill-result{padding:13px;border-radius:17px;border:1px solid var(--line);background:var(--panel)}.skill-result b{display:block;font-size:13px}.skill-result span{font-size:12px;color:var(--muted)}.skill-result i{display:block;height:6px;background:var(--panel2);border-radius:99px;margin-top:9px;overflow:hidden}.skill-result i::after{content:"";display:block;height:100%;width:var(--w);background:var(--accent)}.field-card{margin-top:14px;padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--panel)}.field-card h2{font-size:18px;margin:0 0 8px;letter-spacing:-.03em}.field-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.ifthen{margin-top:12px;padding:14px;border-radius:16px;background:var(--bg);border:1px dashed var(--line);font-size:13px;font-weight:850;line-height:1.6}.summary-actions{display:grid;gap:9px;margin-top:16px}.science-dialog{width:min(720px,calc(100% - 24px));max-height:84svh;border:1px solid var(--line);border-radius:26px;background:var(--panel);color:var(--ink);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.35)}.science-dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;background:var(--panel);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:20px;line-height:1.3;margin:7px 0 0;letter-spacing:-.035em}.dialog-note{font-size:12px;line-height:1.75;color:var(--muted);padding:16px 18px 0;margin:0}.science-list{padding:10px 18px 20px;display:grid;gap:9px}.science-item{border:1px solid var(--line);border-radius:16px;padding:13px}.science-item b{font-size:13px}.science-item span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.science-item a{display:inline-block;margin-top:7px;font-size:12px;color:var(--accent);font-weight:900;text-underline-offset:3px}.pulse{animation:pulse .22s ease}.shake{animation:shake .28s ease}@keyframes fill{from{width:0}}@keyframes rise{from{opacity:0;transform:translateY(5px)}}@keyframes pulse{50%{transform:scale(.98)}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:560px){.topbar{padding-left:12px;padding-right:12px}.ghost-btn{padding:0 10px;font-size:12px}.shell{width:min(100% - 20px,760px);padding-top:10px}.hero{padding-top:15px}.hero h1{font-size:clamp(43px,14vw,62px)}.lead{font-size:14px}.scenario-card{min-height:190px;padding:18px}.drill{padding:15px}.skill-results{grid-template-columns:1fr 1fr}.layer-labels span{font-size:12px}.mini-choices{grid-template-columns:1fr}.science-dialog{max-height:88svh}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}