:root{color-scheme:dark;--bg:#0b0c0b;--panel:#111310;--panel2:#171a15;--text:#f4f5ef;--muted:#9a9f92;--line:rgba(255,255,255,.11);--lime:#d8ff5b;--gold:#f0ca69;--red:#ff786f}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app{width:min(720px,100%);min-height:100vh;margin:0 auto;padding:14px 16px calc(36px + env(safe-area-inset-bottom));position:relative}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-link{display:flex;align-items:center;gap:7px;color:#cfd3c7;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em}.home-mark{font-size:17px;line-height:1}.mini-brand{font-size:12px;letter-spacing:.18em;color:#676d61;font-weight:900;text-align:center}.record-btn{border:1px solid var(--line);background:transparent;color:#cfd3c7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.screen{display:none;animation:screenIn .28s ease both}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.eyebrow{margin:20px 0 10px;color:var(--lime);font-size:12px;font-weight:950;letter-spacing:.2em}h1,h2,p{margin-top:0}h1{font-size:clamp(48px,11vw,82px);line-height:.86;letter-spacing:-.07em;margin:0 0 18px;font-weight:950}h1 span{color:var(--gold);font-variant-numeric:tabular-nums}h2{font-size:clamp(34px,8vw,54px);line-height:.95;letter-spacing:-.055em;margin:0 0 14px}.lead{font-size:16px;line-height:1.8;color:#c2c7b9;margin-bottom:18px}.lead strong{color:#fff}.hero-map{height:210px;margin:8px 0 6px;position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0f110e}.hero-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px}.you-dot{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border:1px solid rgba(216,255,91,.65);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:950;letter-spacing:.12em;color:var(--lime);box-shadow:0 0 0 9px rgba(216,255,91,.04),0 0 34px rgba(216,255,91,.12)}.orbit{position:absolute;width:15px;height:15px;border-radius:50%;background:#444a40;border:1px solid #7f8777}.o1{left:13%;top:19%}.o2{right:13%;top:18%}.o3{left:10%;bottom:18%}.o4{right:10%;bottom:17%}.o5{left:48%;top:10%}.o6{left:49%;bottom:8%}.ghost-line{position:absolute;height:1px;background:rgba(216,255,91,.14);transform-origin:left center;left:50%;top:50%;width:34%}.l1{transform:rotate(-29deg)}.l2{transform:rotate(151deg)}.l3{transform:rotate(64deg)}.rule-card,.lesson-card{border-left:3px solid var(--lime);background:var(--panel);padding:16px 16px 15px;margin:18px 0}.rule-card span,.lesson-card span,.today-rule span,.ripple-rule span{display:block;color:#7c8277;font-size:12px;font-weight:950;letter-spacing:.15em;margin-bottom:7px}.rule-card strong,.lesson-card strong{display:block;font-size:17px;line-height:1.45}.rule-card p,.lesson-card p{margin:8px 0 0;color:#9ea497;font-size:12px;line-height:1.75}.primary-btn,.commit-btn,.secondary-btn,.text-btn{width:100%;border:0;border-radius:16px;min-height:58px;font-weight:950}.primary-btn,.commit-btn{background:var(--lime);color:#0a0c08;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:14px}.primary-btn b,.commit-btn b{font-size:20px}.primary-btn:active,.commit-btn:active{transform:translateY(1px)}.secondary-btn{margin-top:10px;background:transparent;color:#e2e5dc;border:1px solid var(--line)}.text-btn{margin-top:4px;background:transparent;color:#82887d;min-height:46px}.intro-meta{display:flex;justify-content:center;gap:18px;color:#747a6f;font-size:12px;margin:14px 0}.micro-note{color:#62675f;font-size:12px;line-height:1.6;text-align:center;margin:0 auto;max-width:610px}.status-row{display:flex;justify-content:space-between;gap:12px;margin:14px 0 10px}.status-row>div{display:flex;flex-direction:column;gap:3px}.status-row span{font-size:12px;font-weight:950;letter-spacing:.14em;color:#73796e}.status-row strong{font-size:17px}.status-row b{color:var(--lime);font-variant-numeric:tabular-nums}.network-stage{border:1px solid var(--line);border-radius:24px;background:#0f110e;overflow:hidden}.network-svg{display:block;width:100%;height:auto;min-height:200px}.network-svg .you-node{fill:#11150d;stroke:var(--lime);stroke-width:2}.network-svg .you-label{fill:var(--lime);font-size:12px;font-weight:900;letter-spacing:.1em}.network-svg .encounter-node{fill:#31362e;stroke:#7d8476;stroke-width:1.5;transition:.25s ease}.network-svg .encounter-node.kept{fill:#171d10;stroke:var(--lime)}.network-svg .encounter-node.deep{fill:#211d0d;stroke:var(--gold);stroke-width:2}.network-svg .encounter-node.cut{fill:#151515;stroke:#4b4b4b;opacity:.48}.network-svg .node-index{fill:#aeb4a7;font-size:12px;font-weight:900}.network-svg .edge{stroke:#4c5149;stroke-width:1;stroke-dasharray:4 5;opacity:.4;transition:.25s ease}.network-svg .edge.kept{stroke:var(--lime);stroke-dasharray:none;opacity:.6;stroke-width:1.8}.network-svg .edge.deep{stroke:var(--gold);stroke-dasharray:none;opacity:.85;stroke-width:3}.network-svg .edge.cut{stroke:#333;opacity:.18}.future-caption{padding:10px 14px 12px;border-top:1px solid var(--line);font-size:12px;color:#747a6f;text-align:center}.encounter-card{margin-top:12px;border:1px solid var(--line);border-radius:22px;padding:17px;background:var(--panel)}.encounter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.encounter-tag{color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.12em}.encounter-index{color:#565b53;font-size:12px;font-weight:950}.encounter-card h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin-bottom:10px}.encounter-card p{font-size:13px;line-height:1.72;color:#b4b9ad;margin-bottom:12px}.surface-detail{font-size:12px;color:#777d72;border-top:1px solid var(--line);padding-top:11px;line-height:1.6}.bridge-control{margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:22px}.control-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.control-title span{font-size:12px;color:#a6ac9f}.control-title strong{font-size:12px;color:var(--lime)}.attention-range{width:100%;margin:20px 0 7px;accent-color:var(--lime)}.range-points{display:flex;justify-content:space-between;color:#6d7368;font-size:12px;font-weight:900}.choice-preview{margin:14px 0;background:#0f110e;border-radius:15px;padding:12px 13px}.choice-preview span{display:block;font-size:12px;color:var(--gold);font-weight:950;letter-spacing:.12em;margin-bottom:5px}.choice-preview strong{display:block;font-size:14px}.choice-preview p{margin:6px 0 0;color:#858b80;font-size:12px;line-height:1.6}.commit-btn[disabled]{background:#353930;color:#71776b;cursor:not-allowed}.ripple-mark{display:inline-block;border:1px solid rgba(216,255,91,.35);color:var(--lime);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.14em;margin:8px 0 24px}.rippleCopy{color:#aeb4a7;line-height:1.8;font-size:14px}.ripple-rule{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0}.ripple-rule strong{font-size:17px;line-height:1.5}.chain-timeline{display:grid;gap:10px;margin:22px 0}.chain-step{border:1px solid var(--line);border-radius:18px;padding:14px 15px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:var(--panel);opacity:0;transform:translateY(8px);animation:stepIn .35s ease forwards}.chain-step:nth-child(2){animation-delay:.12s}.chain-step:nth-child(3){animation-delay:.24s}.chain-step:nth-child(4){animation-delay:.36s}.chain-step:nth-child(5){animation-delay:.48s}@keyframes stepIn{to{opacity:1;transform:none}}.chain-step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(216,255,91,.35);color:var(--lime);font-style:normal;font-size:12px;font-weight:950}.chain-step strong{display:block;font-size:14px;line-height:1.45;margin-bottom:4px}.chain-step p{margin:0;color:#858b80;font-size:12px;line-height:1.55}.chain-step.broken{opacity:.5!important}.chain-step.broken i{border-color:#4c4c4c;color:#666}.value-kicker{font-size:12px;color:#747a6f;letter-spacing:.16em;font-weight:950;text-align:center;margin-top:10px}.value-display{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:8px 0 17px}.value-display strong{font-size:clamp(80px,20vw,132px);line-height:.9;letter-spacing:-.08em;color:var(--gold);font-variant-numeric:tabular-nums}.value-display span{font-size:18px;font-weight:950}.result-copy{color:#aeb4a7;font-size:14px;line-height:1.75}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.result-grid article{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--panel)}.result-grid span{display:block;color:#767c71;font-size:12px;font-weight:950;letter-spacing:.1em}.result-grid strong{display:block;font-size:34px;margin:7px 0 2px;font-variant-numeric:tabular-nums}.result-grid small{font-size:12px;color:#777d72}.result-grid p{font-size:12px;line-height:1.55;color:#72786e;margin:0}.today-rule{margin:18px 0;border:1px solid rgba(240,202,105,.28);border-radius:18px;padding:15px}.today-rule strong{font-size:16px;line-height:1.5;color:var(--gold)}.share-status{min-height:18px;text-align:center;color:#73796e;font-size:12px;margin:8px 0}.record-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.record-panel>div{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--panel)}.record-panel span{display:block;font-size:12px;letter-spacing:.14em;color:#70766b;font-weight:950}.record-panel b{font-size:42px;letter-spacing:-.05em}.record-panel small{font-size:12px;color:#777d72;margin-left:4px}.record-note{color:#747a6f;font-size:12px;margin-bottom:18px}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,12px);background:#eef1e8;color:#10120e;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;opacity:0;pointer-events:none;transition:.22s ease;z-index:10;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:520px){.app{padding-left:12px;padding-right:12px}.mini-brand{display:none}.hero-map{height:190px}.result-grid{grid-template-columns:1fr}.encounter-card h2{font-size:23px}.network-svg{min-height:180px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}