:root{color-scheme:dark;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;background:#07100e;color:#f5f2e9}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#07100e}button,a{font:inherit}.home-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 18px 10px;background:linear-gradient(#07100ee8,#07100e00);pointer-events:none}.home-brand,.lab-link{pointer-events:auto;color:inherit;text-decoration:none}.home-brand{display:flex;align-items:center;gap:9px}.home-brand i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #77ddb1;border-radius:10px;background:#123429;color:#8bf0c1;font-style:normal;font-weight:800}.home-brand span{display:grid}.home-brand b{font-size:15px;letter-spacing:.18em}.home-brand small{color:#8aa099;font-size:8px;letter-spacing:.12em}.lab-link{padding:8px 12px;border:1px solid #466057;border-radius:999px;background:#101b18bb;color:#c8d3cf;font-size:11px}.case-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.home-case,.case-loading{position:relative;display:grid;min-height:100svh;overflow:hidden;scroll-snap-align:start;background:radial-gradient(circle at 50% 42%,#18392f 0,#091612 45%,#050a09 85%)}.case-loading{place-items:center;color:#8aa099}.case-loading span{width:34px;height:34px;border:2px solid #345d50;border-top-color:#7de9bb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.case-stage{position:absolute;inset:56px 0 156px}.case-stage iframe{width:100%;height:100%;display:block;border:0;background:#111114;pointer-events:none}.case-vignette{position:absolute;inset:0;background:linear-gradient(#06100d55 0%,transparent 25%,transparent 62%,#050b09f2 91%),radial-gradient(circle,transparent 44%,#030605d8 100%);pointer-events:none}.case-meta{position:absolute;z-index:3;top:max(78px,calc(env(safe-area-inset-top) + 65px));left:22px}.case-meta span{display:inline-flex;align-items:center;gap:7px;color:#78e3b5;font-size:10px;letter-spacing:.16em}.case-meta span:before{content:"";width:6px;height:6px;border-radius:50%;background:#62edb1;box-shadow:0 0 12px #62edb1}.case-meta h1{max-width:13em;margin:10px 0 5px;font-family:Songti SC,serif;font-size:clamp(24px,7vw,42px);font-weight:500;letter-spacing:.05em}.case-meta p{margin:0;color:#9aaba5;font-size:11px}.case-views{position:absolute;z-index:7;top:max(216px,calc(env(safe-area-inset-top) + 202px));left:20px;right:20px;display:flex;gap:5px}.case-views button{flex:1;min-width:0;padding:6px 3px;border:1px solid #38564c;border-radius:999px;background:#0b1714c9;color:#8fa29b;font-size:9px;backdrop-filter:blur(9px)}.case-views button.active{border-color:#65dfae;background:#1a4939;color:#dffbed;box-shadow:0 0 14px #42c9953d}.case-reading{position:absolute;z-index:4;left:22px;right:22px;bottom:max(92px,calc(env(safe-area-inset-bottom) + 76px));padding:16px 18px;border:1px solid #324a42;border-radius:18px;background:#0c1714df;backdrop-filter:blur(14px)}.case-reading small{color:#6cd7aa;font-size:9px;letter-spacing:.22em}.case-reading h2{margin:6px 0 5px;font-size:18px}.case-reading p{margin:0;color:#a7b5b0;font-size:11px;line-height:1.7}.case-actions{display:flex;gap:8px;margin-top:12px}.case-actions a{flex:1;padding:9px 12px;border-radius:999px;text-align:center;text-decoration:none;font-size:11px}.case-actions .primary{background:#65dbaa;color:#07100e;font-weight:700}.case-actions .secondary{border:1px solid #3a5b4f;color:#d9e6e0}.scroll-cue{position:absolute;z-index:8;right:14px;top:50%;display:grid;place-items:center;width:30px;height:30px;border:1px solid #405a51;border-radius:50%;background:#0b1714c9;color:#bfead8;font-size:20px;line-height:1;writing-mode:initial;animation:scrollCue 1.7s ease-in-out infinite;pointer-events:none}@keyframes scrollCue{0%,to{transform:translateY(-55%);opacity:.35}50%{transform:translateY(-35%);opacity:1}}.upload-fab{position:fixed;z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:12px 20px;border:0;border-radius:999px;background:#f1eee3;color:#0a1411;box-shadow:0 12px 38px #0008;font-size:13px;font-weight:700}.upload-fab span{font-size:19px;font-weight:400}@media (min-width:800px){.home-header{padding-left:32px;padding-right:32px}.home-case{grid-template-columns:minmax(0,1fr) minmax(320px,34vw)}.case-stage{right:31%;bottom:50px}.case-meta{left:7vw;top:16vh}.case-views{top:auto;bottom:9vh;left:7vw;right:auto;width:360px}.case-reading{left:auto;right:5vw;bottom:18vh;width:min(390px,30vw)}.scroll-cue{right:32px;top:50%}.upload-fab{bottom:30px}}@media (prefers-reduced-motion:reduce){.case-feed{scroll-behavior:auto}.case-loading span,.scroll-cue{animation:none}}