:root{--bg: #0a0e14;--bg-2: #0f1622;--accent: #19e3ff;--accent-2: #7c5cff;--text: #eef3f8;--muted: #8a97a8;--glass: rgba(20, 28, 40, .55);--glass-border: rgba(120, 200, 255, .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(25,227,255,.12),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(120,200,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 40%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 40%,black,transparent 80%)}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px 20px}.title{font-size:30px;font-weight:700;letter-spacing:.5px;margin:6px 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0;color:var(--muted);font-size:14px}.stage{position:relative;height:min(calc(100vh - 150px),820px);width:min(96vw,calc(min(calc(100vh - 150px),820px) * 16 / 9));border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--glass-border);box-shadow:0 0 0 1px #19e3ff14,0 0 60px #19e3ff1f,0 30px 80px #0009}.stage canvas,.stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.stage video{visibility:hidden}.hud{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 8px currentColor}.dot.on{background:var(--accent);color:var(--accent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-border);background:linear-gradient(180deg,#19e3ff29,#7c5cff29);color:var(--text);padding:12px 22px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .1s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 0 24px #19e3ff4d}.btn:active{transform:translateY(1px)}.notice{max-width:560px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}.notice strong{color:var(--text)}.btn.ghost{background:#141c288c;padding:8px 14px;font-size:13px}.link{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:4px}.cursor{position:absolute;top:0;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid var(--accent);background:radial-gradient(circle,rgba(25,227,255,.6),transparent 70%);box-shadow:0 0 18px var(--accent);pointer-events:none;opacity:0;z-index:30;transition:opacity .2s ease}.panel{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 22px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.panel.center{top:50%;transform:translate(-50%,-50%);max-width:80%}.panel.bottom{bottom:18px;width:min(640px,92%)}.ob-head{display:flex;align-items:center;gap:14px;align-self:stretch}.ob-emoji{font-size:34px}.ob-title{font-weight:700;font-size:15px}.ob-how{color:var(--muted);font-size:13px}.ob-track{display:flex;gap:8px}.ob-pip{font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--glass-border);color:var(--muted)}.ob-pip.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 14px #19e3ff4d}.ob-pip.done{color:var(--accent);border-color:var(--accent)}.ob-pip.done:before{content:"✓ "}.hint{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;color:var(--text);z-index:20}.series-tabs{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:92%;z-index:21}.series-label{font-size:13px;color:var(--muted)}.series-tab{padding:7px 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-size:13px;cursor:pointer}.series-tab.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 16px #19e3ff4d}.empty-series{color:var(--muted);font-size:14px;padding:30px}.gallery-strip{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:18px 16px 22px;overflow-x:auto;background:linear-gradient(transparent,#0000008c);z-index:20}.thumb{flex:0 0 auto;width:104px;padding:0 0 6px;border-radius:16px;overflow:hidden;border:2px solid transparent;background:var(--glass);color:var(--muted);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.thumb img{width:100%;display:block;background:#ffffff0a}.thumb span{display:block;text-align:center;font-size:11px;padding-top:6px}.thumb.hl,.thumb:hover{border-color:var(--accent);color:var(--text);box-shadow:0 0 24px #19e3ff73;transform:translateY(-8px) scale(1.08)}.tryon-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:20}.face-name{font-weight:700;font-size:16px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.story{position:absolute;top:64px;left:50%;transform:translate(-50%);width:min(440px,88%);padding:16px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;line-height:1.5;z-index:25}.story p{margin:8px 0 0;color:var(--muted)}.story .credit{font-size:12px;font-style:italic}.tryon-controls{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20}.toast{position:absolute;top:22%;left:50%;transform:translate(-50%);padding:14px 22px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;z-index:40}.ob-arrow{color:var(--muted);font-weight:400}.ob-meaning{color:var(--accent);font-weight:600}.ob-check{margin-left:auto;font-size:26px;color:var(--accent)}.ob-pip{font-size:16px}.wear-hint{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;text-align:center;z-index:22}.hint-inline{font-size:13px;color:var(--muted);align-self:center}.legend{position:absolute;bottom:76px;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted);background:#0a0e1480;padding:5px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;white-space:nowrap}.photo-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#05080cd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:35;padding:18px}.photo-img{max-width:82%;max-height:70%;border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 0 50px #19e3ff40}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.saved-msg{font-size:14px;color:var(--text);background:#19e3ff1f;border:1px solid var(--glass-border);padding:8px 16px;border-radius:999px}.admin-link{opacity:.5;font-size:12px}.admin-gate{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px}.admin{max-width:860px;margin:0 auto;padding:20px 18px 80px;display:flex;flex-direction:column;gap:16px}.adm-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;background:linear-gradient(var(--bg),rgba(10,14,20,.85));flex-wrap:wrap}.adm-actions{display:flex;gap:8px;flex-wrap:wrap}.adm-status{position:sticky;top:60px;z-index:10;align-self:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;padding:8px 16px;font-size:14px}.adm-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.adm-card h2{margin:0;font-size:16px}.adm-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.adm-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--glass-border);background:#00000040;color:var(--text);font-size:14px;font-family:inherit}.adm-colors{display:flex;gap:16px;flex-wrap:wrap}.adm-color{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.adm-color input{width:48px;height:36px;border:none;background:none;cursor:pointer}.adm-series-head{display:flex;gap:10px;align-items:center}.adm-faces{display:flex;flex-direction:column;gap:12px}.adm-face{display:flex;gap:14px;padding:12px;border-radius:12px;background:#0003;border:1px solid var(--glass-border)}.adm-face>img{width:90px;height:116px;object-fit:contain;background:#ffffff0a;border-radius:8px;flex:0 0 auto}.adm-face-fields{flex:1;display:flex;flex-direction:column;gap:7px}.adm-slider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.adm-slider input{flex:1}.adm-face-actions{display:flex;gap:6px}.btn.upload{align-self:flex-start;cursor:pointer}.btn.danger{color:#ff7a8a;border-color:#ff7a8a66}.adm-foot{text-align:center}.eye-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#03060acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;-webkit-user-select:none;user-select:none}.eye-panel{background:var(--bg-2);border:1px solid var(--glass-border);border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:92vw}.eye-panel h2{margin:0;font-size:17px}.eye-img-box{position:relative;display:inline-block;max-width:70vw;border-radius:10px;overflow:hidden;cursor:crosshair;background:repeating-conic-gradient(#1a2230,#1a2230 25%,#131a26 0%,#131a26 50%) 50% / 22px 22px}.eye-img-box img{display:block;max-width:70vw;max-height:62vh;pointer-events:none}.eye-dot{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid #fff;cursor:grab;box-shadow:0 0 10px #0009}.eye-dot.l{background:var(--accent)}.eye-dot.r{background:var(--accent-2)}.eye-dot.n{background:#5ef08a}.eye-key{font-size:16px;vertical-align:middle}.eye-key.l{color:var(--accent)}.eye-key.r{color:var(--accent-2)}.eye-key.n{color:#5ef08a}