@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#0e0c09;--bg-deep:#060503;--panel:#1f1c17;--panel-hi:#26221c;--line:#3a352c;--manila:#f7e6b8;--manila-dim:#b8a87a;--muted:#8a8068;--accent:#d94a3b;--accent-hi:#d94a3b;--good:#6dbf6a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--manila);-webkit-font-smoothing:antialiased;font-family:IBM Plex Mono,Courier New,monospace;line-height:1.6}body{min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#b8a87a0f 0%,#0000 60%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.site-hdr{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0e0c09eb;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.site-hdr .mark{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.site-hdr .mark-logo{width:auto;height:28px;transition:opacity .15s;display:block}.site-hdr .mark:hover .mark-logo{opacity:.75}.site-hdr .meta{letter-spacing:.12em;color:var(--manila-dim);text-transform:uppercase;font-size:11px;font-weight:500}.intro-seq{background:#000;justify-content:center;align-items:flex-start;min-height:calc(100vh - 49px);transition:background-color .32s;display:flex;position:relative;overflow:hidden}.intro-seq.intro-bg-fade{background:var(--bg)}.flipbook-screen{background:#000;animation:.7s .4s both flipbookFadeIn;position:absolute;inset:0}.flipbook-screen.fading .flipbook-frame,.flipbook-screen.fading .flipbook-vignette{opacity:0;transition:opacity .8s}@keyframes flipbookFadeIn{0%{opacity:0}to{opacity:1}}.flipbook-frame{object-fit:cover;filter:contrast(1.05)brightness(.9);width:100%;height:100%;position:absolute;inset:0}.flipbook-vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.flipbook-logo-overlay{z-index:2;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.flipbook-logo-overlay img{filter:drop-shadow(0 0 40px #ff0000b3)drop-shadow(0 0 12px #ff000080);width:220px;height:auto}.intro-logo-hold{justify-content:center;align-items:center;width:100%;height:100%;animation:.35s forwards logoHoldFadeIn;display:flex}.intro-logo-img{filter:drop-shadow(0 0 40px #f009);width:220px;height:auto}@keyframes logoHoldFadeIn{0%{opacity:0}to{opacity:1}}.intro-typing-body{z-index:3;flex:1;align-items:flex-start;gap:40px;width:100%;padding:40px 5vw;display:flex}@media (width<=720px){.intro-typing-body{flex-direction:column;padding:24px 16px}.intro-typing-right{display:none}}.intro-typing-left{flex-direction:column;flex:1;gap:10px;min-width:0;padding-top:33px;display:flex}.intro-typing-right{flex:0 0 clamp(320px,42vw,620px)}.typing-line{color:var(--manila);opacity:0;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(15px,1.8vw,20px);font-weight:400;line-height:1.6;transition:opacity .15s}.typing-line.line-active{opacity:1}.typing-exit-fade{opacity:0!important;transition:opacity .28s!important}.typing-cursor{vertical-align:-.15em;background:#fff;width:2px;height:1.1em;margin-left:2px;display:inline-block}.typing-cursor.blinking{animation:.75s step-end infinite cursorBlink}@keyframes cursorBlink{50%{opacity:0}}.intro-skip{border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;background:0 0;border-radius:999px;padding:8px 14px;font-size:12px;transition:color .15s,border-color .15s;position:absolute;bottom:24px;right:24px}.intro-skip:hover{color:var(--manila);border-color:var(--manila-dim)}.qflow{background:var(--bg);flex-direction:column;min-height:calc(100vh - 49px);display:flex}.qflow-progress{background:var(--panel);height:3px;position:relative}.qflow-progress-inner{background:var(--accent);transition:width .4s;position:absolute;top:0;bottom:0;left:0}.qflow-body{flex:1;align-items:flex-start;gap:40px;width:100%;padding:40px 5vw;display:flex}@media (width<=720px){.qflow-body{flex-direction:column;padding:24px 16px}}.qflow-left{flex:1;min-width:0;transition:opacity .35s,transform .35s}.qflow-left.qflow-exit{opacity:0;transform:translateY(-12px)}.qflow-num{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.qflow-question{margin-bottom:28px;font-size:clamp(15px,1.8vw,20px);font-weight:400;line-height:1.6}.qflow-chips{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.qflow-chip{background:var(--bg);color:var(--manila);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .15s;display:flex;position:relative}.qflow-chip:hover{border-color:var(--manila-dim)}.qflow-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.rank-drag{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.rank-pool{border:1px dashed var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.rank-pool.rank-pool-active{border-color:var(--manila-dim);background:#ffffff08}.rank-pool-empty{color:var(--muted);font-size:12px}.rank-chip{background:var(--panel);color:var(--manila);border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:999px;padding:8px 16px;font-size:14px;transition:opacity .15s,border-color .15s,background .15s}.rank-chip:active{cursor:grabbing}.rank-chip.rank-chip-placed{border-color:var(--accent);background:#e855491a;animation:.2s cubic-bezier(.34,1.56,.64,1) both chipDropIn}@keyframes chipDropIn{0%{opacity:0;transform:translateY(-10px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.rank-chip.rank-chip-ghost{opacity:.25}.rank-chip,.rank-drag{touch-action:none}.rank-ghost{pointer-events:none;z-index:9999;color:#fff;white-space:nowrap;background:#e85549e6;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-size:14px;position:fixed;transform:translate(-50%,-50%)}.rank-optional-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:color .15s}.rank-optional-btn:hover{color:var(--manila)}.rank-chip.rank-chip-editable{cursor:default;padding:4px 12px}.rank-chip-input{color:var(--manila);background:0 0;border:none;outline:none;width:120px;padding:4px 0;font-family:IBM Plex Mono,monospace;font-size:13px}.rank-chip-input::placeholder{color:var(--muted)}.rank-list{flex-direction:column;gap:2px;display:flex}.rank-row{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:5px 10px;transition:border-color .12s,background .12s;display:flex}.rank-row.rank-row-empty{border:1px dashed var(--line)}.rank-row.rank-row-over{border-color:var(--accent);background:#e855491f;transform:scaleX(1.01)}.rank-slot-empty{background:#ffffff0a;border-radius:6px;flex:1;height:20px}.rank-num{color:var(--accent);text-align:right;min-width:16px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.qflow-textarea{resize:vertical;background:var(--panel);width:100%;min-height:120px;color:var(--manila);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;padding:14px 16px;font-family:inherit;font-size:15px;line-height:1.5}.qflow-textarea:focus{border-color:var(--manila-dim);outline:none}.qflow-email{background:var(--panel);width:100%;color:var(--manila);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;padding:14px 16px;font-family:inherit;font-size:15px}.qflow-email:focus{border-color:var(--manila-dim);outline:none}.qflow-actions{align-items:center;gap:12px;display:flex}.qflow-back{color:var(--manila-dim);border:1px solid var(--line);background:0 0;border-radius:999px;padding:12px 20px;font-size:14px;transition:color .15s,border-color .15s}.qflow-back:hover{color:var(--manila);border-color:var(--manila-dim)}.qflow-next{background:var(--accent);color:#fff;letter-spacing:.04em;border:0;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .15s}.qflow-next:hover{background:#e85549}.qflow-right{flex:0 0 clamp(320px,42vw,620px)}@media (width<=720px){.qflow-right{flex:none;width:100%}}.qflow-clip-frame{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden}.qflow-clip-frame video{object-fit:cover;width:100%;height:100%;display:block}.qflow-clip-frame{cursor:pointer;position:relative}.clip-dark-overlay{opacity:0;pointer-events:none;z-index:2;background:#000;transition:opacity .3s;position:absolute;inset:0}.clip-dark-overlay.active{opacity:1}.clip-play-btn{color:#fff;cursor:pointer;z-index:3;background:#0000008c;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-left:4px;font-size:22px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-play-btn:hover{background:#000000bf;transform:translate(-50%,-50%)scale(1.07)}.clip-play-btn:active{transform:translate(-50%,-50%)scale(.93)}.clip-mute-hint{color:#fff6;cursor:pointer;z-index:3;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;bottom:10px;right:10px}.clip-mute-hint:hover{color:#ffffffbf}.qflow-clip-frame video::cue{color:#fff;background:#0009;font-family:IBM Plex Mono,monospace;font-size:.85em}@keyframes qflowExit{to{opacity:0;transform:translateY(-10px)}}.qflow-exiting{pointer-events:none;animation:.38s forwards qflowExit}@keyframes galleryFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.gallery-enter{animation:.45s both galleryFadeIn}.pvid{background:var(--bg);justify-content:center;align-items:center;height:calc(100vh - 49px);transition:opacity .6s;animation:.5s both pvid-fade-in;display:flex;overflow:hidden}@keyframes pvid-fade-in{0%{opacity:0}to{opacity:1}}.pvid.pvid-exit{opacity:0}.pvid-loading{flex-direction:column;align-items:center;gap:20px;display:flex}.pvid-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite pvid-spin}@keyframes pvid-spin{to{transform:rotate(360deg)}}.pvid-loading-text{color:var(--muted);letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:13px}.pvid-player{cursor:pointer;max-width:calc(100vw - 48px);display:inline-block;position:relative}.pvid-video{border:1px solid var(--line);border-radius:12px;width:auto;max-width:calc(100vw - 48px);height:auto;max-height:calc(100vh - 97px);display:block}.pvid-overlay{pointer-events:none;background:linear-gradient(#0000 55%,#000000b3 100%);border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px 24px;display:flex;position:absolute;inset:0;overflow:hidden}.pvid-label{flex-direction:column;gap:4px;display:flex}.pvid-door-name{letter-spacing:.12em;color:#fff;font-size:clamp(22px,4vw,38px);font-weight:700}.pvid-door-tag{color:#ffffffb3;font-family:IBM Plex Mono,monospace;font-size:13px}.pvid-skeleton{background:linear-gradient(90deg, var(--panel) 25%, #ffffff12 50%, var(--panel) 75%);background-size:200% 100%;border-radius:12px;animation:1.4s infinite pvid-shimmer;position:absolute;inset:0}@keyframes pvid-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pvid-hint{color:#ffffffb3;pointer-events:none;background:#00000073;border-radius:4px;padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;bottom:14px;right:14px}.pvid-skip{color:#fff9;cursor:pointer;background:#00000073;border:1px solid #ffffff26;border-radius:4px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:color .15s,background .15s;position:absolute;top:14px;right:14px}.pvid-skip:hover{color:#fff;background:#000000b3}@keyframes qflowSlideIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes qflowFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qflow-enter .qflow-num{animation:.25s 50ms both qflowFadeUp}.qflow-enter .qflow-progress-inner{animation:.3s both qflowFadeUp}.qflow-enter .qflow-chips,.qflow-enter .qflow-textarea,.qflow-enter .qflow-email{animation:.4s .22s both qflowFadeUp}.qflow-enter .qflow-actions{animation:.4s .32s both qflowFadeUp}.qflow-enter .qflow-right{animation:.45s .15s both qflowFadeUp}.result-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:calc(100vh - 49px);padding:40px 16px;display:flex}.result-inner{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.result-card{aspect-ratio:9/12;color:#fff;border-radius:14px;width:100%;min-height:480px;padding:28px;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000080}.rc-bg{z-index:0;position:absolute;inset:0}.rc-bg:before{content:"";background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 60%);position:absolute;inset:0}.rc-stars{pointer-events:none;position:absolute;inset:0}.rc-stars .s{background:#fffc;border-radius:50%;width:2px;height:2px;position:absolute}.rc-content{z-index:1;flex-direction:column;gap:14px;height:100%;display:flex;position:relative}.rc-kicker{letter-spacing:.2em;opacity:.7;text-transform:uppercase;font-size:10px}.rc-title{letter-spacing:.04em;font-size:18px;font-weight:500;line-height:1.3}.rc-section{flex-direction:column;gap:6px;display:flex}.rc-label{letter-spacing:.18em;text-transform:uppercase;opacity:.6;font-size:9px}.rc-chips{flex-wrap:wrap;gap:5px;display:flex}.rc-chip{background:#ffffff26;border-radius:999px;padding:3px 10px;font-size:11px}.rc-bottleneck-list{flex-direction:column;gap:4px;font-size:12px;display:flex}.rc-row{align-items:center;gap:8px;display:flex}.rc-rank{opacity:.8;min-width:18px;font-weight:700}.rc-body{opacity:.88;font-size:12px;line-height:1.45}.rc-quote{opacity:.9;border-top:1px solid #fff3;flex:1;margin-top:auto;padding-top:12px;font-size:13px;font-style:italic;line-height:1.5}.rc-footer{opacity:.55;letter-spacing:.06em;font-size:10px}.result-continue{background:var(--accent);color:#fff;letter-spacing:.04em;border:0;border-radius:999px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;transition:background .15s}.result-continue:hover{background:#e85549}.vgallery-section{border-bottom:1px solid var(--line);z-index:1;padding:56px 16px;position:relative}.vgallery-hdr{max-width:700px;margin:0 auto 32px}.vgallery-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:500}.vgallery-title{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(18px,2.4vw,26px);font-weight:500;line-height:1.3}.vgallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:760px;margin:0 auto;display:grid}@media (width>=720px){.vgallery-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.vgallery-tile{aspect-ratio:9/16;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.vgallery-tile:hover{border-color:var(--manila-dim);transform:translateY(-2px)}.vgallery-tile video{object-fit:cover;width:100%;height:100%;display:block}.vgallery-label{background:linear-gradient(#0000,#000000f2);padding:12px;position:absolute;bottom:0;left:0;right:0}.vgallery-name{letter-spacing:.08em;font-size:14px;font-weight:500}.vgallery-tag{color:var(--manila-dim);margin-top:2px;font-size:11px}.modal-backdrop{z-index:100;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.modal-inner{aspect-ratio:9/16;background:#000;border-radius:12px;width:100%;max-width:360px;max-height:calc(100vh - 120px);position:relative;overflow:hidden}.modal-inner video{object-fit:cover;width:100%;height:100%}.modal-close{border:1px solid var(--line);color:var(--manila);cursor:pointer;z-index:2;background:#000000b3;border-radius:999px;width:36px;height:36px;font-size:18px;line-height:1;position:absolute;top:12px;right:12px}.modal-intro{pointer-events:none;z-index:1;background:#000;justify-content:center;align-items:center;animation:2.4s forwards modal-intro-bg;display:flex;position:absolute;inset:0}.modal-intro-logo{width:72px;height:auto;animation:2.4s forwards modal-intro-logo}@keyframes modal-intro-bg{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes modal-intro-logo{0%{opacity:0;transform:scale(.88)}25%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.modal-actions{background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:360px;padding:12px 16px;display:flex}.modal-actions .modal-name{letter-spacing:.1em;color:var(--manila);text-transform:uppercase;font-size:13px;font-weight:500}.modal-actions .modal-tag{color:var(--manila-dim);font-size:12px}footer{text-align:center;color:var(--muted);padding:32px 16px;font-size:12px}section.block .block-hdr{max-width:700px;margin:0 auto 28px}section.block h2{letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:clamp(18px,2.4vw,26px);font-weight:500}section.block .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:500}
