.st-experience{color:var(--ink);background:#02060a;grid-template-rows:1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.st-stage{touch-action:pan-y;position:relative;overflow:hidden}.st-stage canvas{width:100%;height:100%;display:block}.st-topbar{pointer-events:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.st-brand{pointer-events:auto;color:var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.24em;text-shadow:0 1px 18px #000000e6;align-items:center;gap:9px;font-size:11px;font-weight:650;text-decoration:none;display:inline-flex}.st-brand-mark{border:1px solid #b9e6f780;border-radius:50%;width:18px;height:18px;transform:rotate(-24deg)scaleY(.44)}.st-topbar-title{font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:#bee1edad;text-shadow:0 1px 14px #000000e6;font-size:10px}.st-rail{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030a11a8;border-radius:999px;gap:2px;padding:4px 8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.st-rail-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:30px;padding:0;display:grid}.st-rail-dot i{background:#b0d0e247;border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s,box-shadow .25s}.st-rail-dot.is-done i{background:#92c8e299}.st-rail-dot.is-active i{background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scale(1.35)}.st-card{z-index:5;padding:16px 18px calc(14px + var(--safe-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);background:#040b12e6;position:relative}.st-card-inner{animation:.42s cubic-bezier(.2,.8,.2,1) st-card-in}@keyframes st-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.st-count{font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;color:#96bed29e;align-items:baseline;gap:12px;margin:0 0 7px;font-size:10px;font-weight:600;display:flex}.st-era{color:#ffd9a0;letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffc76a52;border-radius:999px;padding:3px 9px;font-size:9.5px}.st-title{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(22px,5.4vw,30px);font-weight:460;line-height:1.04}.st-body{color:#d6e7f0d1;max-width:62ch;margin:0;font-size:13.5px;line-height:1.56}.st-seg{gap:6px;margin-top:14px;display:flex}.st-seg button{min-height:44px;color:var(--muted);cursor:pointer;background:#e2f1f70d;border:1px solid #dceef529;border-radius:12px;flex:1;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .2s,background .2s,color .2s}.st-seg button.is-active{color:#baecff;background:#62d8ff21;border-color:#62d8ff99}.st-slider{gap:7px;margin-top:14px;display:grid}.st-slider span{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:#ffd9a0;font-size:10.5px}.st-slider input{width:100%;height:44px;accent-color:var(--sun);margin:0}.st-cta{background:var(--ink);color:#06101a;border-radius:999px;align-items:center;min-height:46px;margin-top:14px;padding:0 22px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .18s;display:inline-flex;box-shadow:0 8px 30px #0000004d}.st-cta:hover{transform:translateY(-1px)}.st-nav{gap:10px;margin-top:14px;display:flex}.st-btn{min-height:46px;color:var(--ink);cursor:pointer;background:#050d1499;border:1px solid #ebf7fa3d;border-radius:999px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .18s,border-color .18s,opacity .18s}.st-btn:hover:not(:disabled){border-color:#78c8ff80;transform:translateY(-1px)}.st-btn:disabled{opacity:.32;cursor:default}.st-btn-next{color:#baecff;background:#62d8ff21;border-color:#62d8ff80;flex:1}.st-hint{color:#aac8d880;margin:10px 0 0;font-size:10.5px}@media (width>=900px),(orientation:landscape) and (height<=560px){.st-experience{grid-template-rows:1fr;grid-template-columns:min(400px,42vw) 1fr}.st-card{border-top:0;border-right:1px solid var(--line);flex-direction:column;order:-1;justify-content:center;padding:22px 26px;display:flex;overflow-y:auto}.st-rail{top:12px;bottom:auto}.st-topbar{justify-content:flex-end;gap:14px;top:auto;bottom:8px}.st-brand{display:none}.st-title{font-size:clamp(24px,2.6vw,34px)}.st-body{font-size:14px}}@media (orientation:landscape) and (height<=560px){.st-card{justify-content:flex-start;padding:12px 16px}.st-title{margin-bottom:5px;font-size:19px}.st-body{font-size:11px;line-height:1.45}.st-nav,.st-seg,.st-slider{margin-top:8px}.st-btn,.st-seg button{min-height:40px}.st-hint{display:none}}@media (prefers-reduced-motion:reduce){.st-card-inner{animation:none}.st-btn,.st-cta,.st-rail-dot i{transition:none}}