#story{position:fixed;inset:0;z-index:8000;background:#04050a;color:#e8e6df;display:flex;flex-direction:column;font-family:Inter,system-ui,Malgun Gothic,sans-serif;overflow:hidden}#story[hidden]{display:none}#story.in{animation:styFade .35s ease}@keyframes styFade{0%{opacity:0}to{opacity:1}}#styStars{position:absolute;inset:0;width:100%;height:100%;opacity:.55}#story .sty-bg{position:absolute;inset:0;overflow:hidden}#story .sty-bgimg{position:absolute;inset:-6%;background-size:cover;background-position:center;opacity:0;filter:blur(26px) saturate(.7) brightness(.34);transition:opacity 1.1s ease;transform:scale(1.04)}#story .sty-bgimg.show{opacity:1;animation:styKen 14s ease-in-out infinite alternate}@keyframes styKen{0%{transform:scale(1.04) translateY(0)}to{transform:scale(1.12) translateY(-1.6%)}}#story .sty-grid{position:absolute;inset:0;background:linear-gradient(rgba(120,140,170,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,170,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 100%)}#story .sty-vig{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 42%,transparent 40%,rgba(2,3,6,.88) 100%)}#story .sty-top{position:relative;z-index:5;flex:none;display:flex;align-items:center;gap:18px;padding:16px clamp(16px,3.5vw,42px)}#story .sty-brand{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.22em;color:#fff;font-weight:400;white-space:nowrap}#story .sty-brand b{color:#ffd23f;font-weight:800}#story .sty-meta{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:#7d8696;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#story .sty-meta em{font-style:normal;color:#5fe3cf}#story #styClose{flex:none;background:#ffffff0a;border:1px solid #333a46;color:#cfd4dc;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer}#story #styClose span{font-family:ui-monospace,monospace;font-size:10px;color:#6b7382;margin-left:5px}#story #styClose:hover{border-color:#ffd23f;color:#fff}#story .sty-stage{position:relative;z-index:4;flex:1;min-height:0}#story .sty-yearwrap{position:absolute;left:clamp(16px,4vw,52px);top:clamp(-6px,1vh,16px);pointer-events:none}#story .sty-month{font-family:ui-monospace,monospace;font-size:clamp(13px,1.5vw,19px);letter-spacing:.4em;color:#5fe3cf;min-height:1.2em}#story .sty-year{font-family:ui-monospace,monospace;font-size:clamp(64px,11vw,148px);font-weight:800;line-height:.96;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 25%,#3f4654);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(140,180,220,.1)}#story .sty-year.tick{animation:styYearIn .5s cubic-bezier(.2,1.2,.3,1)}@keyframes styYearIn{0%{opacity:.2;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}#story .sty-sub{margin-top:8px;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.18em;color:#8a8f9c}#story .sty-sub b{color:#ffd23f}#story .sty-stats{position:absolute;right:clamp(16px,4vw,52px);top:6px;text-align:right;pointer-events:none;font-family:ui-monospace,monospace}#story .sty-stats .ss{margin-bottom:10px}#story .sty-stats .ss b{display:block;font-size:clamp(20px,2.6vw,32px);font-weight:800;color:#ffb84d;line-height:1.05}#story .sty-stats .ss span{font-size:10px;letter-spacing:.18em;color:#7d8696}#story .sty-cards{position:absolute;inset:0;overflow:hidden}#story .sty-stage{overflow:hidden}#story .sty-card{position:absolute;left:50%;top:52%;width:min(520px,72vw);transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.22,1.1,.32,1),opacity .55s ease,filter .55s ease;will-change:transform,opacity}#story .sty-card.c-focus{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto;z-index:3}#story .sty-card.c-prev{transform:translate(calc(-50% - min(46vw,560px)),-50%) scale(.62);opacity:.34;filter:blur(2px) saturate(.6);pointer-events:auto;z-index:2}#story .sty-card.c-next{transform:translate(calc(-50% + min(46vw,560px)),-50%) scale(.62);opacity:.34;filter:blur(2px) saturate(.6);pointer-events:auto;z-index:2}#story .sty-card.c-off-l{transform:translate(calc(-50% - 78vw),-50%) scale(.5)}#story .sty-card.c-off-r{transform:translate(calc(-50% + 78vw),-50%) scale(.5)}#story .sty-card .box{display:block;background:#101218;border:1px solid #2c303c;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 30px 90px #000000bf,0 0 0 1px #ffd23f00;transition:box-shadow .3s,border-color .3s}#story .sty-card.c-focus .box:hover{border-color:#4a4f5e;box-shadow:0 34px 100px #000c,0 0 40px #ffd23f12}#story .sty-thumb{height:clamp(180px,30vh,290px);background:#171a22;overflow:hidden}#story .sty-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}#story .sty-card.c-focus .sty-thumb img{animation:styKenIn 9s ease-out infinite alternate}@keyframes styKenIn{0%{transform:scale(1)}to{transform:scale(1.07)}}#story .sty-cbody{padding:16px 20px 18px}#story .sty-src{display:flex;align-items:center;gap:8px;font-size:12px;color:#9aa0ad;font-weight:600;margin-bottom:9px}#story .sty-src .o{color:#ff8068}#story .sty-src .live{margin-left:auto;font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.14em;color:#5fe3cf}#story .sty-ttl{font-size:clamp(16px,1.9vw,21px);font-weight:800;line-height:1.34;color:#f6f4ec}#story .sty-dsc{margin-top:9px;font-size:13px;line-height:1.6;color:#8d93a0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#story .sty-open{margin-top:12px;font-size:11.5px;color:#ffd23f;font-weight:700}#story .sty-card .fbox{background:#0d0f14;border:1px dashed #3a3f4c;border-radius:16px;padding:22px}#story .sty-card .fbox .sty-note{margin-top:10px;font-family:ui-monospace,monospace;font-size:10.5px;color:#7a7f8c}#story .sty-skel{height:clamp(180px,30vh,290px);background:linear-gradient(100deg,#11131a 30%,#181b24,#11131a 70%);background-size:200% 100%;animation:styShim 1.3s linear infinite}@keyframes styShim{to{background-position:-200% 0}}#story .sty-navbtn{position:absolute;top:52%;transform:translateY(-50%);z-index:6;width:52px;height:52px;border-radius:50%;background:#0a0c1299;border:1px solid #333a46;color:#cfd4dc;font-size:20px;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .2s,color .2s,background .2s}#story .sty-navbtn:hover{border-color:#ffd23f;color:#ffd23f;background:#14161ccc}#story .sty-navbtn[disabled]{opacity:.25;cursor:default}#story .sty-nav-l{left:clamp(10px,2.5vw,30px)}#story .sty-nav-r{right:clamp(10px,2.5vw,30px)}#story .sty-bottom{position:relative;z-index:5;flex:none;padding:6px clamp(16px,3.5vw,42px) 12px}#story .sty-player{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#story #styPlay,#story #styRestart{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.1em;font-weight:700;border-radius:9px;padding:9px 16px;cursor:pointer}#story #styPlay{background:#ffd23f;color:#1a1500;border:1px solid #ffd23f}#story #styPlay.playing{background:#1a1c24;color:#ffd23f;border-color:#5a4f22}#story #styRestart{background:#ffffff0a;color:#cfd4dc;border:1px solid #333a46}#story #styRestart:hover{border-color:#ffd23f}#story .sty-speed{display:flex;align-items:center;gap:5px}#story .sty-speed span{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;color:#6b7382;margin-right:3px}#story .sty-speed button{font-family:ui-monospace,monospace;font-size:11px;background:#ffffff08;border:1px solid #2c323e;color:#9aa0ad;border-radius:7px;padding:5px 9px;cursor:pointer}#story .sty-speed button.on{background:#23200f;border-color:#ffd23f;color:#ffd23f;font-weight:800}#story .sty-keys{margin-left:auto;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.1em;color:#5b6270}#story .sty-histo{display:flex;align-items:flex-end;gap:3px;height:58px;margin-top:10px}#story .sty-hbar{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;cursor:pointer;background:none;border:none;padding:0}#story .sty-hbar i{display:block;width:100%;border-radius:3px 3px 0 0;background:#2b3140;transition:background .25s,height .45s cubic-bezier(.2,1,.3,1);min-height:3px}#story .sty-hbar:hover i{background:#4a5266}#story .sty-hbar.on i{background:linear-gradient(180deg,#ffd23f,#cf8a2d);box-shadow:0 0 14px #ffd23f73}#story .sty-hbar.passed i{background:#574d28}#story .sty-hbar b{margin-top:4px;font-family:ui-monospace,monospace;font-size:8.5px;font-weight:400;color:#5b6270;letter-spacing:.04em}#story .sty-hbar.on b{color:#ffd23f;font-weight:800}#story .sty-integrity{margin-top:8px;font-size:10.5px;color:#5f646f;letter-spacing:.02em}#story .sty-reader{position:absolute;top:0;right:0;bottom:0;width:min(560px,94vw);z-index:20;background:#0a0b10;border-left:1px solid #2c303c;display:flex;flex-direction:column;box-shadow:-40px 0 90px #0009;animation:styReader .38s cubic-bezier(.2,1,.3,1)}@keyframes styReader{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}#story .sty-reader[hidden]{display:none}#story .styr-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #22252e}#story .styr-meta{min-width:0;display:flex;align-items:baseline;gap:9px}#story .styr-meta span{flex:none;font-family:ui-monospace,monospace;font-size:11px;color:#ff8068}#story .styr-meta b{font-size:13px;color:#e8e6df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}#story .styr-act{flex:none;display:flex;align-items:center;gap:8px}#story .styr-act a{font-size:12px;color:#ffd23f;text-decoration:none;border:1px solid #3a3f4c;border-radius:8px;padding:5px 11px}#story .styr-act a:hover{border-color:#ffd23f}#story .styr-act button{background:#171922;border:1px solid #2c303c;color:#e8e6df;border-radius:8px;width:30px;height:30px;cursor:pointer}#story .styr-frame{flex:1;background:#fff}#story .styr-frame iframe{width:100%;height:100%;border:0;display:block}#story .styr-note{flex:none;font-size:10.5px;color:#6b7382;padding:8px 16px;border-top:1px solid #22252e}#story .styr-note b{color:#ffd23f}@media(max-width:860px){#story .sty-yearwrap{position:static;padding:0 16px}#story .sty-year{font-size:clamp(38px,11vw,60px)}#story .sty-stats{display:none}#story .sty-card{top:58%;width:min(440px,88vw)}#story .sty-card.c-prev,#story .sty-card.c-next{opacity:0;pointer-events:none}#story .sty-navbtn{top:auto;bottom:148px;transform:none;width:44px;height:44px}#story .sty-keys,#story .sty-hbar b{display:none}}@media(prefers-reduced-motion:reduce){#story .sty-card{transition:opacity .3s ease}#story .sty-bgimg.show,#story .sty-card.c-focus .sty-thumb img,#story .sty-year.tick{animation:none}}