:root{--yutemu-night:#191331}body,html{margin:0;padding:0;color:rgba(255,255,255,.87);background-color:#1a2233;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}body{position:fixed;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app,body{overflow:hidden}#app{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:stretch;margin:0 auto;max-width:430px}#game-container{position:relative;width:100%;height:100%;touch-action:none}#game-container canvas{display:block;image-rendering:pixelated}.game-fallback{padding:24px 16px;text-align:center;font-size:15px;line-height:1.6}.guest-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:24px;text-align:center;color:#f2f4f8;background:radial-gradient(120% 90% at 50% 0,#2a2148 0,var(--yutemu-night) 65%)}.guest-notice{padding:10px 14px;font-size:14px;background:rgba(255,217,138,.12);border:1px solid rgba(255,217,138,.4);border-radius:12px}body.landing-page,body.mulai-page,body.studio-page{position:static;inset:auto;height:auto;overflow:visible;overscroll-behavior:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}body.landing-page,body.mulai-page{background-color:#fff6ea}body.landing-page #boot-splash,body.mulai-page #boot-splash,body.studio-page #boot-splash{display:none}.book-open-btn,.book-sheet,.onboarding-sheet{--paper:#fff6ea;--card:#ffffff;--ink:#171719;--muted:#5c5a55;--gold:#ffd98a;--gold-deep:#f2c46a;--coral:#e4636f;--leaf:#3e9b73;--lift:6px 6px 0 var(--ink);--lift-sm:3px 3px 0 var(--ink);--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.dialogue-panel,.finale-sheet,.loading-screen,.quest-hud,.quest-toast{--night-fill:#151d2e;--night-deep:#0d1320;--gold:#ffd98a;--gold-deep:#f2c46a;--ink-light:#f2f4f8;--muted-lav:#b9b3d4;--rule-gold:3px solid var(--gold);--drop:6px 6px 0 rgba(5,4,10,0.9);--drop-sm:3px 3px 0 rgba(5,4,10,0.9);--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.book-open-btn{position:fixed;top:calc(12px + env(safe-area-inset-top, 0px));right:calc(12px + env(safe-area-inset-right, 0px));z-index:40;min-width:76px;min-height:46px;padding:0 16px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:0;box-shadow:var(--lift-sm);cursor:pointer}.book-open-btn:active{transform:translate(3px,3px);box-shadow:none}.book-open-btn:disabled{cursor:not-allowed;box-shadow:none;color:var(--muted);background-image:repeating-linear-gradient(45deg,transparent 0 5px,rgba(23,23,25,.22) 5px 10px)}.book-sheet{position:fixed;inset:0;z-index:40;width:100%;max-width:430px;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.book-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 12px;border-bottom:3px solid var(--ink);font-size:17px}.book-header strong{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:900;color:var(--ink)}.book-brand,.book-header strong{letter-spacing:.16em;text-transform:uppercase}.book-brand{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--muted)}.book-close{min-height:44px;padding:0 16px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:0;box-shadow:var(--lift-sm);cursor:pointer}.book-close:active{transform:translate(3px,3px);box-shadow:none}.book-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;padding:0}.book-nav button{min-height:46px;padding:0 6px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--paper);border:none;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:0;cursor:pointer}.book-nav button:last-child,.book-nav button:nth-child(4n){border-right:none}@media (max-width:360px){.book-nav button{font-size:10px;padding:0 3px;letter-spacing:.01em}}.book-nav button:active{background:var(--gold)}.book-nav-active{color:var(--ink)!important;background:var(--gold)!important;font-weight:900}.book-body{flex:1 1;overflow-y:auto;padding:20px 18px 34px;background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper);-webkit-user-select:text;-moz-user-select:text;user-select:text}.book-body::-webkit-scrollbar{width:10px}.book-body::-webkit-scrollbar-track{background:var(--paper);border-left:2px solid var(--ink)}.book-body::-webkit-scrollbar-thumb{background:var(--ink)}.book-body h2{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ink)}.book-body h2[data-testid=book-couple]{font-family:Georgia,serif;font-size:30px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.15;text-align:center;color:var(--ink);margin:6px 0 10px;padding-bottom:0;border-bottom:none}.book-body h3{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.02em;margin:0 0 6px}.book-body h3,.book-body p{font-size:15px;color:var(--ink)}.book-body p{line-height:1.65;margin:0 0 10px}.book-body p[data-testid=book-date]{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--muted);margin:0 0 18px;padding-bottom:16px;border-bottom:2px solid var(--ink)}.book-event,.book-story,.book-venue{padding:14px;margin:0 0 14px;background:var(--card);border:2px solid var(--ink);border-radius:0;box-shadow:var(--lift-sm)}.book-venue button{min-height:46px;padding:0 16px;margin-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:0;box-shadow:var(--lift-sm);cursor:pointer}.book-venue button:active{transform:translate(3px,3px);box-shadow:none}.book-venue a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.book-gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.book-gallery img{width:100%;height:auto;aspect-ratio:320/200;object-fit:cover;background:var(--paper)}.book-demo-tag,.book-gallery img{display:block;border:2px solid var(--ink);border-radius:0}.book-demo-tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.5;color:var(--ink);background:var(--gold);padding:9px 11px;margin:0 0 16px}.book-helper{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--muted)}.book-rsvp-form label{display:block;margin-bottom:14px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.book-rsvp-form input:not([type]),.book-rsvp-form input[type=text]{min-height:50px;padding:0 13px}.book-rsvp-form input:not([type]),.book-rsvp-form input[type=text],.book-rsvp-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:0}.book-rsvp-form textarea{min-height:116px;padding:12px 13px;line-height:1.5;resize:vertical}.book-rsvp-form input::placeholder,.book-rsvp-form textarea::placeholder{color:var(--muted);font-weight:400;opacity:1}.book-rsvp-form input:focus,.book-rsvp-form textarea:focus{background:var(--gold);outline:none}.book-rsvp-form input:focus-visible,.book-rsvp-form textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.book-rsvp-form button{min-height:52px;width:100%;padding:0 24px;margin-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:0;box-shadow:var(--lift-sm);cursor:pointer}.book-rsvp-form button:active{transform:translate(3px,3px);box-shadow:none}.book-rsvp-form button:disabled{cursor:not-allowed;box-shadow:none;transform:none;color:var(--muted);background-image:repeating-linear-gradient(45deg,transparent 0 5px,rgba(23,23,25,.22) 5px 10px)}.book-body p[data-testid=rsvp-success]{background:var(--gold);border:2px solid var(--ink);border-radius:0;padding:12px 13px;font-weight:700}.book-gift p{margin-bottom:6px}.book-wishes{margin-top:22px;border-top:3px solid var(--ink);padding-top:16px}.book-wishes h3{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.book-wishes-empty{font-size:14px;color:var(--muted)}.book-wishes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.book-wishes li{background:var(--card);border:2px solid var(--ink);border-radius:0;padding:11px 12px}.book-wishes li strong{display:flex;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.book-wishes li strong:before{content:"";flex:0 0 auto;width:9px;height:9px;background:var(--gold);border:2px solid var(--ink)}.book-wishes li p{margin:6px 0 0;font-size:14px;line-height:1.55;overflow-wrap:break-word}.book-wish-pending{display:inline-flex;align-items:center;margin-left:auto;padding:2px 7px;border:2px solid var(--ink);background:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.book-body p[data-testid=book-error]{margin:20px 18px;padding:12px 13px;background:var(--coral);border:2px solid var(--ink);border-radius:0;font-weight:700}.onboarding-sheet{position:fixed;inset:0;z-index:95;width:100%;max-width:430px;margin:0 auto;box-sizing:border-box;overflow-y:auto;padding:calc(28px + env(safe-area-inset-top, 0px)) 22px calc(30px + env(safe-area-inset-bottom, 0px));background:var(--paper);color:var(--ink);border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.onboarding-mark{width:68px;height:68px;display:block;margin:0 auto 10px;padding:7px;background:var(--gold);border:3px solid var(--ink)}.onboarding-brand{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin-bottom:22px;padding-bottom:18px;border-bottom:3px solid var(--ink)}.onboarding-title{font-family:Georgia,serif;font-size:34px;font-weight:700;letter-spacing:0;line-height:1.1;text-align:center;color:var(--ink);margin:0 0 8px}.onboarding-sub{font-size:15px;line-height:1.6;text-align:center;color:var(--muted);margin:0 0 26px}.onboarding-label{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.onboarding-input,.onboarding-label{display:block;font-family:Arial,Helvetica,sans-serif}.onboarding-input{width:100%;box-sizing:border-box;min-height:54px;margin-top:8px;padding:0 14px;font-size:18px;font-weight:700;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:0;text-transform:none;letter-spacing:normal}.onboarding-input::placeholder{color:var(--muted);font-weight:400;opacity:1}.onboarding-input:focus{background:var(--gold);outline:none}.onboarding-input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:6px}.onboarding-avatar{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 5px;min-height:44px;background:var(--card);border:3px solid var(--ink);border-radius:0;color:var(--ink);cursor:pointer}.onboarding-avatar:active{background:var(--gold)}.onboarding-avatar-active{background:var(--gold);box-shadow:var(--lift-sm)}.onboarding-sprite{display:block;width:48px;height:48px;overflow:hidden;border:2px solid var(--ink);border-radius:0;background:var(--paper)}.onboarding-sprite img{width:288px;height:192px;max-width:none;image-rendering:pixelated}.onboarding-avatar-name{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1.25;text-align:center;letter-spacing:.02em;color:var(--ink)}.onboarding-error{margin:14px 0 0;padding:11px 12px;font-size:14px;font-weight:700;color:var(--ink);background:var(--coral);border:2px solid var(--ink);border-radius:0}.onboarding-submit{display:block;width:100%;min-height:56px;margin-top:24px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:0;box-shadow:var(--lift);cursor:pointer}.onboarding-submit:active{transform:translate(6px,6px);box-shadow:none}.dialogue-panel{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom, 0px));width:min(400px,calc(100vw - 28px));max-height:42dvh;overflow-y:auto;z-index:30;background:var(--night-fill);border:var(--rule-gold);border-radius:0;padding:16px 16px 18px;box-sizing:border-box;box-shadow:var(--drop)}.dialogue-name{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.dialogue-name:before{content:"";flex:0 0 auto;width:10px;height:10px;background:var(--gold);border:2px solid var(--night-deep)}.dialogue-text{font-size:16px;line-height:1.6;color:var(--ink-light);margin:0 0 16px}.dialogue-continue{display:block;width:100%;min-height:50px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--night-deep);background:var(--gold);border:3px solid var(--night-deep);border-radius:0;box-shadow:var(--drop-sm);cursor:pointer}.dialogue-continue:active{transform:translate(3px,3px);box-shadow:none;background:var(--gold-deep)}.quest-hud{top:calc(12px + env(safe-area-inset-top, 0px));left:calc(12px + env(safe-area-inset-left, 0px));z-index:35;min-height:46px;display:flex;align-items:center;padding:0 13px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--night-fill);border:2px solid var(--gold);border-radius:0}.quest-hud,.quest-toast{position:fixed;pointer-events:none}.quest-toast{top:calc(68px + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);z-index:45;width:max-content;max-width:calc(100vw - 48px);padding:11px 18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;letter-spacing:.04em;text-align:center;color:var(--night-deep);background:var(--gold);border:3px solid var(--night-deep);border-radius:0;box-shadow:var(--drop-sm)}.quest-blocked{color:var(--ink-light);background:var(--night-fill);border:var(--rule-gold)}.quest-unlocked{background:var(--gold-deep)}.finale-sheet{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;width:min(340px,calc(100vw - 48px));box-sizing:border-box;padding:26px 22px;text-align:center;background:var(--night-fill);border:var(--rule-gold);border-radius:0;box-shadow:var(--drop)}.finale-sheet h2{margin:0 0 12px;font-family:Georgia,serif;font-size:27px;font-weight:700;line-height:1.15;color:var(--gold)}.finale-sheet p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--ink-light)}.finale-close{min-height:50px;padding:0 28px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--night-deep);background:var(--gold);border:3px solid var(--night-deep);border-radius:0;box-shadow:var(--drop-sm);cursor:pointer}.finale-close:active{transform:translate(3px,3px);box-shadow:none}.emote-menu{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(98px + env(safe-area-inset-bottom, 0px));z-index:45;background:var(--night-fill);border:var(--rule-gold);border-radius:0;padding:12px;box-shadow:var(--drop)}.emote-grid{display:flex;gap:8px}.emote-pick{width:54px;height:54px;font-size:26px;line-height:1;background:var(--night-deep);border:2px solid var(--gold);border-radius:0;cursor:pointer}.emote-pick:active{background:var(--gold);transform:translate(2px,2px)}.emote-close{display:block;width:100%;min-height:46px;margin-top:10px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--night-deep);background:var(--gold);border:3px solid var(--night-deep);border-radius:0;cursor:pointer}.emote-close:active{background:var(--gold-deep)}.loading-screen{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--night-deep);color:var(--ink-light);padding:24px;box-sizing:border-box}.loading-mark{width:84px;height:84px;padding:8px;background:var(--gold);border:3px solid var(--night-deep)}.loading-brand{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-light)}.loading-tagline{font-family:Georgia,serif;font-size:15px;color:var(--gold);margin:-8px 0 4px}.loading-rings{display:flex;gap:10px}.loading-rings span{width:14px;height:14px;border-radius:0;background:var(--gold);animation:loading-step 1.1s steps(4) infinite}.loading-rings span:nth-child(2){animation-delay:.18s}.loading-rings span:nth-child(3){animation-delay:.36s}@keyframes loading-step{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-12px);opacity:1}}.loading-bar{width:min(280px,72vw);height:18px;border:3px solid var(--gold);border-radius:0;background:var(--night-deep);overflow:hidden}.loading-fill{width:100%;height:100%;transform-origin:left center;background:var(--gold);transition:transform .25s steps(6)}.loading-status{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-lav)}.book-close:focus-visible,.book-nav button:focus-visible,.book-open-btn:focus-visible,.book-rsvp-form button:focus-visible,.book-venue button:focus-visible,.dialogue-continue:focus-visible,.emote-close:focus-visible,.emote-pick:focus-visible,.finale-close:focus-visible,.onboarding-avatar:focus-visible,.onboarding-submit:focus-visible{outline:3px solid currentColor;outline-offset:3px}.dialogue-continue:focus-visible,.emote-close:focus-visible,.finale-close:focus-visible{outline-color:var(--gold)}@media (prefers-reduced-motion:reduce){.loading-rings span{animation:none;opacity:.9}.loading-fill{transition:none}}body.studio-page{position:static;inset:auto;height:auto;overflow:visible;overscroll-behavior:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;background-color:#fff6ea}body.studio-page #boot-splash{display:none}.admin-page{--paper:#fff6ea;--card:#ffffff;--ink:#171719;--muted:#5c5a55;--gold:#ffd98a;--gold-deep:#f2c46a;--coral:#e4636f;--leaf:#3e9b73;--line:3px solid var(--ink);--lift:6px 6px 0 var(--ink);--lift-sm:3px 3px 0 var(--ink);--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;min-height:100dvh;margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.admin-page *,.admin-page :after,.admin-page :before{box-sizing:border-box}.admin-page :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.admin-page,.admin-page input,.admin-page textarea{caret-color:var(--ink)}.studio-log,.studio-rail{scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.studio-log::-webkit-scrollbar,.studio-rail::-webkit-scrollbar{width:10px}.studio-log::-webkit-scrollbar-track,.studio-rail::-webkit-scrollbar-track{background:var(--paper);border-left:2px solid var(--ink)}.studio-log::-webkit-scrollbar-thumb,.studio-rail::-webkit-scrollbar-thumb{background:var(--ink)}.admin-page ::selection{background:var(--gold);color:var(--ink)}.admin-page h1,.admin-page h2,.admin-page h3{margin:0;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;line-height:1.05;color:var(--ink)}.admin-page h1{font-size:20px;letter-spacing:.02em}.admin-page h2{font-size:21px}.admin-page h3{font-size:15px}.admin-page a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.admin-page a:hover{background:var(--gold)}.field-hint+.mono,.mono{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field-hint{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}.empty-note{margin:10px 0 0;padding:14px;font-size:14px;color:var(--muted);background:var(--paper);border:2px dashed var(--muted)}.studio-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:var(--line)}.studio-header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:1400px;margin:0 auto;padding:12px 20px}.studio-brand{display:inline-flex;align-items:center;gap:10px}.studio-brand-mark{width:26px;height:26px;display:block;border:2px solid var(--ink);background:var(--gold)}.studio-context{display:flex;align-items:center;gap:8px;min-width:0}.studio-token{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:var(--card);border:2px solid var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-header-status{margin-left:auto}.studio-body{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;max-width:1400px;margin:0 auto;padding:24px 20px 96px}.studio-rail{display:flex;flex-direction:column;gap:16px;align-self:start}.studio-card{padding:14px;background:var(--card);border:var(--line);box-shadow:var(--lift)}.studio-card h2{font-size:13px;letter-spacing:.14em;margin-bottom:10px}.studio-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;word-break:break-word}.studio-pill{display:inline-block;padding:3px 9px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.studio-pill-live{background:var(--leaf);color:var(--ink)}.studio-pill-draft{background:var(--gold);color:var(--ink)}.studio-pill-archived{background:var(--coral);color:var(--ink)}.studio-valid-bad,.studio-valid-ok{display:block;margin-top:12px;padding:10px 12px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink)}.studio-valid-ok{background:var(--gold)}.studio-valid-bad{background:var(--coral);color:var(--ink)}.studio-valid-bad a{color:var(--ink)}.studio-stamp-ok{display:flex;align-items:center;gap:9px}.studio-check{width:15px;height:13px;flex:0 0 auto;display:block}.studio-nav{flex-direction:column;gap:0;border:var(--line);box-shadow:var(--lift)}.studio-nav,.studio-nav a{display:flex;background:var(--card)}.studio-nav a{align-items:baseline;gap:10px;min-height:46px;padding:11px 12px;font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid var(--ink)}.studio-nav a:last-child{border-bottom:none}.studio-nav a:hover{background:var(--gold)}.studio-nav a[aria-current=true]{background:var(--ink);color:var(--paper)}.studio-nav-num{font-family:var(--mono);font-size:11px;letter-spacing:.08em;opacity:.65}.studio-nav-label{flex:1 1}.studio-nav-count{font-family:var(--mono);font-size:11px;letter-spacing:.04em;opacity:.65}.studio-log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.studio-log li{font-family:var(--mono);font-size:11px;line-height:1.45;letter-spacing:.02em;color:var(--muted);word-break:break-word}.studio-log li:first-child{color:var(--ink);font-weight:700}.studio-main{gap:28px;min-width:0}.studio-main,.studio-note{display:flex;flex-direction:column}.studio-note{align-items:flex-start;gap:8px;margin:0 0 12px;padding:11px 12px;font-size:13px;font-weight:700;line-height:1.45;background:var(--card);border:2px solid var(--ink);word-break:break-word}.studio-note-idle{font-weight:400;color:var(--muted);border-style:dashed}.studio-note-kind{flex:0 0 auto;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border:2px solid var(--ink);background:var(--paper)}.studio-note-ok{background:var(--gold)}.studio-note-error{background:var(--coral);color:var(--ink)}.studio-note-error .studio-note-kind{background:var(--paper);color:var(--ink)}.studio-note-info{background:var(--card)}.studio-group{padding:0;margin:0}.studio-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-bottom:16px;padding-bottom:10px;border-bottom:4px solid var(--ink)}.studio-group-num{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.1em;padding:3px 8px;background:var(--ink);color:var(--paper)}.studio-group-head h2{flex:1 1 auto;min-width:0}.studio-group-meta{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.studio-group-intro{flex:1 1 100%;margin:0;font-size:14px;color:var(--muted)}.studio-group-body{display:flex;flex-direction:column;gap:20px}.admin-page section section{padding:18px;background:var(--card);border:2px solid var(--ink)}.admin-page section section h2{font-size:15px;letter-spacing:.04em;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--ink)}.studio-main>section{padding:18px;background:var(--card);border:var(--line)}.admin-page label{display:block;margin:0 0 12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.admin-page input,.admin-page select,.admin-page textarea{display:block;width:100%;min-height:48px;margin-top:6px;padding:12px 13px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;color:var(--ink);background:var(--card);border:var(--line);border-radius:0}.admin-page textarea{font-family:var(--mono);font-size:13px;font-weight:400;line-height:1.5;resize:vertical}.admin-page input::placeholder,.admin-page textarea::placeholder{color:var(--muted);font-weight:400;opacity:1}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{background:var(--gold);outline:3px solid var(--ink);outline-offset:3px}.admin-page select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 13px) 22px;background-size:7px 7px,7px 7px;background-repeat:no-repeat}.admin-page select option{background:var(--card);color:var(--ink)}.admin-page input[type=checkbox]{width:26px;height:26px;min-height:26px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card);border:3px solid var(--ink);cursor:pointer}.admin-page input[type=checkbox]:checked{background:var(--ink);box-shadow:inset 0 0 0 4px var(--card),inset 0 0 0 20px var(--ink)}.admin-page input[type=file]{padding:9px 10px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:var(--paper)}.admin-page button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0 8px 8px 0;padding:11px 16px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--card);border:var(--line);border-radius:0;box-shadow:var(--lift-sm);cursor:pointer;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.admin-page button:hover{background:var(--gold)}.admin-page button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.admin-page button.admin-btn{background:var(--card)}.admin-page button.admin-btn-primary,.admin-page button.admin-btn:hover{background:var(--gold)}.admin-page button.admin-btn-primary:hover{background:var(--gold-deep)}.admin-page button:disabled{cursor:not-allowed;box-shadow:none;transform:none;color:var(--muted);background-image:repeating-linear-gradient(45deg,transparent 0 5px,rgba(23,23,25,.22) 5px 10px)}.admin-page button:disabled:hover{background-color:var(--card)}.admin-pick-active{background:var(--ink)!important;color:var(--paper)!important}.admin-page [role=group]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0;margin-top:6px}.admin-page [role=group]>input,.admin-page [role=group]>select{flex:1 1 220px;min-width:0;margin:0 8px 8px 0}.admin-page details{margin-bottom:12px;background:var(--paper);border:2px solid var(--ink)}.admin-page summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 13px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;list-style:none;border-bottom:2px solid transparent}.admin-page summary::-webkit-details-marker{display:none}.admin-page summary:before{content:"";flex:0 0 auto;width:9px;height:9px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) translate(-1px,-1px);transform-origin:center}.admin-page details[open]>summary{background:var(--gold);border-bottom:2px solid var(--ink)}.admin-page details[open]>summary:before{transform:rotate(45deg) translate(-1px,-2px)}.admin-page details>:not(summary){margin-left:13px;margin-right:13px}.admin-page details>:last-child{margin-bottom:13px}.admin-page details>label:first-of-type,.admin-page details>p:first-of-type{margin-top:13px}.admin-invalid,.admin-valid,.studio-valid-ok{color:var(--ink)}.admin-page ul{margin:10px 0 0;padding-left:20px;font-size:14px}.admin-page ul li{margin-bottom:5px}.reject-list{font-family:var(--mono);font-size:12px;color:var(--coral);font-weight:700}.admin-note{margin:10px 0 0;padding:11px 13px;font-size:14px;font-weight:700;background:var(--gold);border:2px solid var(--ink)}.admin-note-error{background:var(--coral);color:var(--ink)}.guest-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:6px 12px;gap:6px 12px;padding:12px 0;border-top:2px solid var(--ink)}.guest-row:first-child{border-top:none}.guest-name{font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.01em}.guest-link{color:var(--muted);word-break:break-all}.guest-link,.guest-meta{font-family:var(--mono);font-size:11px}.guest-meta{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.guest-meta:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:var(--leaf);border:2px solid var(--ink);vertical-align:baseline}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:12px}.metric{padding:12px;background:var(--paper);border:2px solid var(--ink)}.metric b{display:block;font-family:var(--mono);font-size:26px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.metric span{display:block;margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.admin-thumb{display:block;width:100%;max-width:240px;height:130px;margin:8px 0;object-fit:cover;background:var(--paper);border:2px solid var(--ink)}.studio-cover-tag{flex:0 0 auto;padding:2px 7px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);border:2px solid var(--ink)}.studio-pipeline{display:flex;flex-wrap:wrap;gap:0;margin:0 0 16px;padding:0;list-style:none;border:var(--line);background:var(--card)}.studio-pipeline li{flex:1 1 140px;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 13px;font-size:13px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-right:2px solid var(--ink)}.studio-pipeline li:last-child{border-right:none}.studio-pipeline li span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto;font-family:var(--mono);font-size:11px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.studio-step-done{background:var(--ink);color:var(--paper)}.studio-step-done span{background:var(--paper);color:var(--ink)}.studio-step-now{background:var(--gold);color:var(--ink)}.studio-blocked{margin:4px 0 0;padding:10px 13px;font-size:13px;font-weight:700;color:var(--ink);border:2px solid var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(45deg,transparent 0 7px,rgba(23,23,25,.16) 7px 14px)}.studio-dev{padding:16px;background:var(--paper);border:2px dashed var(--muted)}.studio-dev h2{font-size:13px;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}@media (min-width:1000px){.studio-body{grid-template-columns:296px minmax(0,1fr);gap:32px}.studio-rail{position:-webkit-sticky;position:sticky;top:84px;max-height:calc(100dvh - 108px);overflow-y:auto}.admin-page label{font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.admin-page button{transition:none}}