:root{--bg: #f4f1ea;--panel: #ffffff;--panel-2: #f1f3f5;--text: #212529;--muted: #6c757d;--border: #dee2e6;--accent: #1c7ed6;--accent-text: #ffffff;--danger: #e03131;--ok: #2f9e44;--shadow: 0 8px 28px rgba(0, 0, 0, .16);--radius: 14px;color-scheme:light;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15181f;--panel: #1f2430;--panel-2: #2a3040;--text: #e9ecef;--muted: #9aa3b2;--border: #353c4d;--accent: #4dabf7;--accent-text: #0b1220;--shadow: 0 8px 28px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #15181f;--panel: #1f2430;--panel-2: #2a3040;--text: #e9ecef;--muted: #9aa3b2;--border: #353c4d;--accent: #4dabf7;--accent-text: #0b1220;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}input{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:0}.primary{background:var(--accent);color:var(--accent-text);border:0;border-radius:10px;padding:12px 16px;font-weight:700}.join{height:100%;display:grid;place-items:center;padding:16px;overflow:auto}.join-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.join-card h1{margin:0;font-size:32px;letter-spacing:-.02em}.accent{color:var(--accent)}.join-card p{margin:0;line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;font-size:14px;font-weight:600}.colors{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.color-option input{position:absolute;opacity:0}.swatch{display:block;width:32px;height:32px;border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 1px var(--border)}.color-option input:checked+.swatch{border-color:var(--panel);box-shadow:0 0 0 3px var(--accent)}.color-option input:focus-visible+.swatch{outline:3px solid var(--accent);outline-offset:2px}.media-choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:4px 0 12px}.media-choice-label{font-size:13px;color:var(--muted)}.media-toggle{border:1px solid var(--border);background:var(--panel-2);color:inherit;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer}.media-toggle.on{background:#d3f9d8;border-color:#69db7c;color:#2b8a3e}.hint{font-size:12px;color:var(--muted)}.space{display:grid;grid-template-columns:1fr 320px;height:100%}.space.no-panel{grid-template-columns:1fr}.stage{position:relative;overflow:hidden;min-width:0}canvas.world{display:block;width:100%;height:100%;touch-action:manipulation}.tiles{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;max-width:calc(100% - 24px);overflow-x:auto;padding-bottom:4px}.tile{position:relative;flex:0 0 auto;width:176px;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#11141b;border:2px solid rgba(255,255,255,.15);box-shadow:var(--shadow);padding:0}.tile-clickable:hover{border-color:var(--accent)}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile video.mirrored{transform:scaleX(-1)}.tile video.video-hidden{position:absolute;width:1px;height:1px;opacity:0}.tile-avatar{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px}.tile-label{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:2px 8px;border-radius:999px;background:#0009;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-large{width:min(92vw,1100px);aspect-ratio:16 / 9;max-height:80vh}.tile-large video{object-fit:contain}.area-banner,.status-banner{position:absolute;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--shadow);white-space:nowrap}.area-banner{bottom:92px;background:#fff5f5;color:#c92a2a;border:1px solid #ffc9c9}.status-banner{top:50%;background:var(--panel)}.help{position:absolute;left:12px;bottom:84px;margin:0;font-size:12px;color:#fff;background:#00000073;padding:4px 10px;border-radius:8px}.controls{--bar-bg: #ffffff;--bar-line: #ffd3e4;--bar-pop: #ffe6f0;position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:7px 10px 6px;background:radial-gradient(circle,rgba(255,183,213,.22) 1.2px,transparent 1.6px) 0 0 / 14px 14px,var(--bar-bg);border:2px solid var(--bar-line);border-radius:26px;box-shadow:0 5px 0 var(--bar-pop),0 14px 30px #f078aa38;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.controls::-webkit-scrollbar{display:none}.ctl{--tint: #f1f3f5;--ink: #868e96;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;padding:4px 4px 3px;border:0;border-radius:16px;background:transparent;color:var(--text);font-size:11px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.ctl:disabled{opacity:.45;cursor:default}.c-mint{--tint: #d3f9d8;--ink: #2f9e44}.c-sky{--tint: #d0ebff;--ink: #1c7ed6}.c-lavender{--tint: #e5dbff;--ink: #7048e8}.c-lemon{--tint: #fff3bf;--ink: #f08c00}.c-peach{--tint: #ffe8cc;--ink: #f76707}.c-aqua{--tint: #c5f6fa;--ink: #1098ad}.c-pink{--tint: #ffdeeb;--ink: #e64980}.c-grape{--tint: #f3d9fa;--ink: #ae3ec9}.c-latte{--tint: #f3e6d8;--ink: #a0673a}.c-lime{--tint: #e9fac8;--ink: #66a80f}.c-rose{--tint: #ffe3e3;--ink: #f0506e}.c-gray{--tint: #f1f3f5;--ink: #868e96}.bubble{display:grid;place-items:center;width:34px;height:32px;position:relative;color:var(--ink);transition:transform .18s}.icon{display:block;overflow:visible;filter:drop-shadow(0 1.5px 0 color-mix(in srgb,var(--ink) 22%,transparent))}.icon .i-f{fill:var(--tint);stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}.icon .i-s{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon .i-h{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;opacity:.95}.icon .i-c{fill:#ff8fab}.icon .i-d{fill:currentColor}.ctl-label{color:var(--muted);white-space:nowrap;line-height:1.2}.ctl:hover:not(:disabled){transform:translateY(-3px)}.ctl:hover:not(:disabled) .bubble{animation:bubble-wiggle .45s ease}.ctl:hover:not(:disabled) .ctl-label{color:var(--ink)}.ctl:active:not(:disabled){transform:translateY(0) scale(.94)}.ctl:focus-visible{outline:none}.ctl:focus-visible .bubble{border-radius:10px;box-shadow:0 0 0 2px var(--ink)}.controls .aura-dot{width:24px;height:24px;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--ink),0 0 10px 1px color-mix(in srgb,var(--ink) 35%,transparent);position:relative}.controls .aura-dot:after{content:"";position:absolute;top:3px;left:4px;width:7px;height:4px;border-radius:50%;background:#ffffffd9;transform:rotate(-30deg)}@keyframes bubble-wiggle{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-10deg) scale(1.08)}60%{transform:rotate(8deg) scale(1.08)}to{transform:rotate(0) scale(1)}}.ctl.on .icon .i-f{fill:color-mix(in srgb,var(--ink) 38%,var(--tint))}.ctl.on .bubble{transform:scale(1.08)}.ctl.on .ctl-label{color:var(--ink)}.ctl.on .bubble:before{content:"✦";position:absolute;top:-6px;right:-5px;font-size:11px;line-height:1;color:var(--ink)}.ctl.on:after{content:"";position:absolute;bottom:-3px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--ink)}.ctl.off{--tint: #ffe3e3;--ink: #e03131}.ctl.off .ctl-label{color:#e03131}.ctl.danger:hover:not(:disabled){--tint: #ffe3e3;--ink: #e03131}.ctl-sep{align-self:stretch;width:4px;margin:8px 5px 14px;background:radial-gradient(circle,var(--bar-line) 1.8px,transparent 2.2px) center / 4px 8px repeat-y}.unread{position:absolute;top:0;right:6px;min-width:18px;background:#ff6b9d;color:#fff;font-size:10px;font-weight:800;border:2px solid var(--bar-bg);border-radius:999px;padding:0 4px;line-height:14px;animation:unread-pop 1.6s ease-in-out infinite}@keyframes unread-pop{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.ctl,.bubble,.unread{animation:none!important;transition:none}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .controls{--bar-bg: #262236;--bar-line: #5a4466;--bar-pop: #1d1a29}}:root[data-theme=dark] .controls{--bar-bg: #262236;--bar-line: #5a4466;--bar-pop: #1d1a29}.away-overlay,.focus-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0a0c128c;padding:16px}.focus-overlay{background:#0a0c12d9;align-content:center;gap:12px}.focus-overlay .close{justify-self:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 18px}.away-card{width:min(420px,100%);background:var(--panel);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.away-card h2,.away-card p{margin:0}.dress-card{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.dress-actions{display:flex;justify-content:flex-end;gap:8px}.away-form{display:flex;gap:8px}.away-form input{flex:1}.away-form button{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:0 14px}.toast{position:absolute;top:140px;left:50%;transform:translate(-50%);background:#212529;color:#fff;padding:8px 16px;border-radius:10px;font-size:13px;box-shadow:var(--shadow);max-width:calc(100% - 32px)}.panel{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-left:1px solid var(--border)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:15px}.space-name{font-size:12px;margin-left:auto}.panel-close{margin-left:10px;border:0;background:transparent;color:inherit;font-size:14px;line-height:1;padding:4px 6px;border-radius:6px;cursor:pointer;opacity:.6}.panel-close:hover{opacity:1;background:var(--border)}.members{list-style:none;margin:0;padding:8px;overflow-y:auto}.member{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px}.member:hover{background:var(--panel-2)}.member.away{opacity:.55}.avatar-sm{flex:0 0 auto;width:36px;height:40px;border-radius:10px;background:var(--panel-2);display:grid;place-items:end center;overflow:hidden}.avatar-sm canvas{width:36px;height:60px;margin-bottom:-10px}.member-body{flex:1;min-width:0}.member-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.badge-talk{background:#d3f9d8;color:#2b8a3e}.badge-info{background:#e7f0fb;color:#2f5f93}.badge-wait{background:#eef0f3;color:#5c6470}.badge-warn{background:#fff3bf;color:#8d5a00}.badge-bad{background:#ffe3e8;color:#b0304f}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.msg-head{display:flex;align-items:center;gap:6px;font-size:13px}.msg-head time{color:var(--muted);font-size:11px}.dot{width:10px;height:10px;border-radius:50%}.msg-text{margin:4px 0 0 16px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.msg-self .msg-text{color:var(--accent)}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-form input{flex:1}.chat-form button{border:0;border-radius:10px;background:var(--accent);color:var(--accent-text);padding:0 14px;font-weight:700}.pixel{image-rendering:pixelated}.join-wide{width:min(760px,100%)}.join-head h1{margin:0 0 4px}.join-grid{display:grid;grid-template-columns:200px 1fr;gap:20px}.preview-box{display:flex;flex-direction:column;gap:10px;align-items:stretch}.preview-stage{display:grid;place-items:center;height:220px;border-radius:16px;background:linear-gradient(transparent 70%,#0000000f 70%),repeating-linear-gradient(90deg,#c8955f 0 24px,#c08b55 24px 48px);border:1px solid var(--border)}.dress{display:flex;flex-direction:column;gap:12px;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip input{position:absolute;opacity:0}.chip span{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-weight:500;font-size:13px;cursor:pointer}.chip input:checked+span{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.ghost{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:8px 12px}.small{font-size:12px}.error{color:var(--danger)}.bubble-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.vbubble{position:absolute;left:0;top:0;width:96px;height:72px;padding:0;border:3px solid #fff;border-radius:14px;overflow:hidden;background:#11141b;box-shadow:0 6px 16px #00000059;pointer-events:auto;visibility:hidden;will-change:transform}.vbubble video{width:100%;height:100%;object-fit:cover;display:block}.vbubble video.mirrored{transform:scaleX(-1)}.top-left{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:var(--shadow)}.pill-accent{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.area-banner{top:12px;bottom:auto;background:var(--panel);color:var(--text);border:1px solid var(--border)}.voice-notices{position:absolute;top:52px;left:50%;transform:translate(-50%);width:max-content;max-width:min(560px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:5}.voice-notices>*{pointer-events:auto;box-shadow:var(--shadow);font-size:13px;line-height:1.5;text-align:center}.mega-banner{background:#fff3bf;color:#8d5a00;border:1px solid #ffd43b;padding:6px 14px;border-radius:999px;font-weight:700}.audio-unlock{background:#fff0f4;color:#7a2840;border:1px solid #f7c6d4;border-radius:14px;padding:10px 14px}.audio-unlock p{margin:6px 0 0}.audio-unlock-btn{border:none;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:700;background:#e27d98;color:#fff;cursor:pointer}.audio-unlock-btn:hover{filter:brightness(1.05)}.audio-unlock-btn:focus-visible{outline:3px solid #7a2840;outline-offset:2px}.voice-problem{background:#fff4e6;color:#8a4b00;border:1px solid #ffd8a8;border-radius:14px;padding:8px 14px}.aura-dot{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0000001f}.aura-swatch{position:relative;display:inline-block;width:26px;height:26px;border-radius:50%;vertical-align:middle;border:2px solid #fff;box-shadow:0 1px 4px #0000001f}.aura-swatch:after{content:"";position:absolute;top:3px;left:5px;width:9px;height:6px;border-radius:50%;background:#ffffffbf;transform:rotate(-25deg)}.aura-bar button.on .aura-swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px #a5d8ff}.vending{position:absolute;bottom:84px;left:50%;transform:translate(-50%);width:min(360px,calc(100% - 24px));padding:10px 12px 12px;background:linear-gradient(180deg,#e03131,#c92a2a);border-radius:16px;box-shadow:var(--shadow);color:#fff;z-index:5}.vending-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:8px}.vending-head .panel-close{color:#fff;opacity:.85}.vending-items{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:#e7f5ff;border-radius:10px}.vending-items button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border:0;border-radius:8px;background:#fff;color:#343a40;cursor:pointer;transition:transform .12s}.vending-items button:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.vending-emoji{font-size:26px;line-height:1.1}.vending-name{font-size:11px}.vending-price{font-size:11px;font-weight:700;color:#e03131}.react-bar{position:absolute;bottom:84px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);max-width:calc(100% - 24px);overflow-x:auto}.react-bar button{border:0;background:transparent;font-size:22px;width:40px;height:40px;border-radius:50%;transition:transform .12s}.react-bar button:hover{background:var(--panel-2);transform:scale(1.18)}.react-bar button.on{background:#fff3bf}.screen-stage{position:absolute;inset:36px 48px 104px;background:#0b0d12;display:flex;flex-direction:column;z-index:5;border-radius:14px;overflow:hidden;border:3px solid rgba(255,255,255,.9);box-shadow:0 12px 40px #00000059,0 0 0 100vmax #0a0e182e}@media(max-width:700px){.screen-stage{inset:16px 12px 96px}}.screen-stage:fullscreen{inset:0;border:0;border-radius:0;box-shadow:none}.screen-stage video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}.screen-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#141821eb;color:#fff;flex-wrap:wrap}.screen-bar button{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:8px;padding:6px 10px;font-size:13px}.screen-bar button.on{background:var(--accent);color:var(--accent-text)}.screen-title{font-weight:700;font-size:14px}.screen-tabs{display:flex;gap:4px}.spacer{flex:1}.screen-stage:fullscreen .screen-bar{position:absolute;top:0;left:0;right:0;opacity:0;transition:opacity .2s}.screen-stage:fullscreen:hover .screen-bar{opacity:1}.space .stage:has(.screen-stage) .controls,.space .stage:has(.screen-stage) .react-bar,.space .stage:has(.screen-stage) .vending{z-index:6}.chat-image{margin:6px 0 0 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.chat-image-open{border:1px solid var(--border);padding:0;border-radius:10px;overflow:hidden;background:var(--panel-2);max-width:100%}.chat-image img{display:block;max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain}.download{font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;padding:3px 8px;border:1px solid var(--border);border-radius:999px}.download:hover{background:var(--panel-2)}.chat-pending{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border);flex-wrap:wrap}.chat-pending img{max-height:56px;max-width:96px;border-radius:6px;border:1px solid var(--border)}.attach{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:0 10px;font-size:16px}.lightbox{position:fixed;inset:0;z-index:50;background:#0a0c12e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}.lightbox img{max-width:100%;max-height:calc(100% - 70px);object-fit:contain;border-radius:8px}.lightbox-bar{display:flex;gap:8px}.lightbox-bar a{text-decoration:none}.error-detail{margin:0;padding:10px;border-radius:8px;background:var(--panel-2);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.space,.space.no-panel{grid-template-columns:1fr}.panel{position:fixed;left:0;right:0;bottom:84px;height:min(50dvh,calc(100dvh - 160px));border-left:0;border:1px solid var(--border);border-radius:16px;margin:0 8px;box-shadow:var(--shadow);z-index:10}.tile{width:128px}.join-grid{grid-template-columns:1fr}.preview-stage{height:170px}.help{display:none}.ctl{min-width:48px;padding:4px 2px 3px}.bubble{width:30px;height:28px}.icon{width:26px;height:26px}}.more-backdrop{position:absolute;inset:0;z-index:19}.more-menu{position:absolute;right:16px;bottom:96px;z-index:20;min-width:230px;padding:6px;background:var(--panel);border:2px solid #ffd3e4;border-radius:16px;box-shadow:var(--shadow)}.more-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700}.more-menu a:hover,.more-menu a:focus-visible{background:var(--panel-2)}.more-menu small{display:block;font-weight:400;font-size:11px;color:var(--muted)}.more-icon{font-size:20px}.admin-page{--adm-bg: #f2ebe1;--adm-card: #fdf9f3;--adm-line: #e8dccb;--adm-text: #4a3b30;--adm-muted: #8c7b6b;--adm-accent: #c9673a;--adm-accent-soft: #f3d3c0;--adm-input: #ffffff;--adm-danger: #c0392b;height:100%;overflow-y:auto;background:var(--adm-bg);color:var(--adm-text);padding:24px 16px 48px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .admin-page{--adm-bg: #1f1a16;--adm-card: #2a231e;--adm-line: #3f342b;--adm-text: #efe4d8;--adm-muted: #b3a18f;--adm-accent: #e08a5c;--adm-accent-soft: #5a3826;--adm-input: #211c18;--adm-danger: #ff8a7a}}:root[data-theme=dark] .admin-page{--adm-bg: #1f1a16;--adm-card: #2a231e;--adm-line: #3f342b;--adm-text: #efe4d8;--adm-muted: #b3a18f;--adm-accent: #e08a5c;--adm-accent-soft: #5a3826;--adm-input: #211c18;--adm-danger: #ff8a7a}.adm-wrap{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.adm-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.adm-kicker{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--adm-muted)}.adm-title{margin:0;font-size:30px;letter-spacing:.06em;color:var(--adm-accent);overflow-wrap:anywhere}.adm-tabs{display:flex;flex-wrap:wrap;gap:6px}.adm-tab{padding:8px 16px;border-radius:999px;border:1.5px solid var(--adm-line);background:var(--adm-card);color:var(--adm-text);font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.adm-tab:hover{border-color:var(--adm-accent-soft)}.adm-tab.on{background:var(--adm-accent);border-color:var(--adm-accent);color:#fff;box-shadow:0 0 0 3px var(--adm-accent-soft)}.adm-back{margin-left:10px;background:transparent}.adm-card{background:var(--adm-card);border:1.5px solid var(--adm-line);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.admin-page form>.adm-card+.adm-card{margin-top:16px}.admin-page form>.adm-card:first-child{margin-top:0}.adm-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.adm-card h2{margin:0;font-size:16px}.adm-card h2 small{font-weight:400;margin-left:6px}.adm-muted{color:var(--adm-muted)}.adm-small{font-size:12px;margin:0}.adm-text{margin:0;line-height:1.8;font-size:14px}.adm-list{margin:0;padding-left:1.2em;line-height:1.9;font-size:14px}.adm-soon{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:var(--adm-accent-soft);color:var(--adm-accent);font-size:11px;font-weight:700;vertical-align:middle}.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.adm-stat{background:var(--adm-card);border:1.5px solid var(--adm-line);border-radius:18px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.adm-stat b{font-size:30px;color:var(--adm-accent)}.adm-stat span{font-size:13px;font-weight:700;color:var(--adm-muted)}.adm-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;overflow-x:auto}.adm-chart-day{display:flex;flex-direction:column;gap:6px;min-width:96px}.adm-chart-bars{display:flex;align-items:flex-end;gap:1px;height:120px;border-bottom:1px solid var(--adm-line)}.adm-bar{flex:1;min-height:0;background:#e2b8a0;border-radius:2px 2px 0 0}.adm-bar.work{background:var(--adm-accent)}.adm-bar.future{opacity:.25}.adm-chart-label{font-size:12px;color:var(--adm-muted);white-space:nowrap}.adm-copy{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px}.adm-copy-label{font-size:14px;color:var(--adm-muted)}.adm-input,.adm-copy input,.adm-field input,.adm-field select,.adm-field textarea{width:100%;padding:10px 14px;border-radius:12px;border:1.5px solid var(--adm-line);background:var(--adm-input);color:var(--adm-text);font:inherit;font-size:14px}.adm-input:disabled,.adm-field input:disabled,.adm-field select:disabled,.adm-field textarea:disabled{opacity:.6;cursor:not-allowed}.adm-card-head .adm-input{flex:1;min-width:200px;max-width:520px}.adm-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;min-width:0}.adm-field.grow{flex:1}.adm-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.adm-row .adm-field{min-width:160px}.adm-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.adm-check.disabled{opacity:.6}.adm-perm{display:flex;align-items:center;justify-content:space-between;gap:12px}.adm-perm b{display:block;font-size:14px}.adm-perm small{display:block;font-size:12px;color:var(--adm-muted)}.adm-perm .adm-input{width:auto;min-width:140px}.adm-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:12px;border:1.5px solid var(--adm-line);background:var(--adm-input);color:var(--adm-text);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.adm-btn.primary{background:var(--adm-accent);border-color:var(--adm-accent);color:#fff}.adm-btn.danger{color:var(--adm-danger);border-color:color-mix(in srgb,var(--adm-danger) 35%,transparent)}.adm-btn.wide{width:100%}.adm-btn:disabled{opacity:.5;cursor:not-allowed}.adm-link{border:0;background:none;padding:0;color:var(--adm-accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.adm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.adm-ok{margin:0;color:#2b8a3e;font-weight:700}.adm-error{margin:0;color:var(--adm-danger);font-weight:700}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:14px}.adm-table th{text-align:left;font-size:12px;font-weight:700;color:var(--adm-muted);padding:8px 10px;border-bottom:1px solid var(--adm-line)}.adm-table td{padding:10px;border-bottom:1px solid var(--adm-line);vertical-align:middle}.adm-table tr.warn td{color:var(--adm-danger)}.adm-right{text-align:right}.adm-made{margin-top:12px;display:flex;flex-direction:column;gap:8px}.adm-nowrap{white-space:nowrap}.adm-person{display:inline-flex;align-items:center;gap:10px;font-weight:700}.adm-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--adm-accent-soft)}.adm-avatar canvas{width:30px;height:auto;margin-top:10px}.adm-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.adm-badge.green{background:#d3f9d8;color:#2b8a3e}.adm-badge.teal{background:#c3fae8;color:#0b7285}.adm-badge.gray{background:#e9ecef;color:#495057}.adm-login{max-width:440px;margin:8vh auto 0}.adm-login h1{margin:0;font-size:26px;color:var(--adm-accent)}.adm-note{margin:0;font-size:13px;line-height:1.8;color:var(--adm-muted)}.adm-login .adm-actions{margin-top:4px}@media(max-width:760px){.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-copy{grid-template-columns:1fr auto}.adm-copy-label{grid-column:1 / -1}.adm-perm{flex-direction:column;align-items:stretch}.adm-back{margin-left:0}.more-menu{bottom:100px;right:8px}}.join-pop{--pop-accent: #e27d98;--pop-accent-deep: #c8607d;--pop-input-line: #f5b3c6;--pop-line: #efdce0;--pop-pop: #f7ecee;--pop-ink: #3f4a5a;--pop-soft: #fcf7f8;--pop-muted: #7b8794;--pop-neutral: #e4e8ec;--pop-frame: #ffd3e4;--pop-frame-pop: #ffe6f0;color:var(--pop-ink);font-family:Hiragino Maru Gothic ProN,Hiragino Maru Gothic Pro,BIZ UDPGothic,system-ui,sans-serif;background:radial-gradient(circle,rgba(255,143,183,.18) 2px,transparent 2.6px) 0 0 / 22px 22px,radial-gradient(circle at 12% 18%,#ffe3f1 0,transparent 38%),radial-gradient(circle at 88% 82%,#e5dbff 0,transparent 40%),radial-gradient(circle at 85% 12%,#d3f9d8 0,transparent 30%),#fff8fb}.join-pop .join-card{position:relative;background:radial-gradient(circle,rgba(255,183,213,.16) 1.2px,transparent 1.6px) 0 0 / 14px 14px,#fff;border:2.5px solid var(--pop-frame);border-radius:32px;box-shadow:0 8px 0 var(--pop-frame-pop),0 26px 50px #f078aa38;padding:30px 32px 26px}.join-pop .join-head{position:relative}.join-pop .pop-tag{display:inline-block;margin-bottom:6px;padding:3px 12px;border-radius:999px;background:#c4e4f7;color:#2f76ab;font-size:14px;font-weight:800;box-shadow:0 3px #94c9ec;transform:rotate(-4deg)}.join-pop .join-card h1{font-size:40px;letter-spacing:.04em;color:var(--pop-ink)}.join-pop .join-card h1 .accent{color:#e27d98;text-shadow:3px 3px 0 var(--pop-frame)}.join-pop .pop-cat{display:inline-block;margin-left:10px;font-size:56px;line-height:1;vertical-align:-4px;animation:pop-bob 2.4s ease-in-out infinite}.join-pop .join-head .muted{color:var(--pop-muted);font-weight:700}.join-pop .field>span,.join-pop .field legend{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--pop-ink)}.join-pop .field>span:before,.join-pop .field legend:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--pop-accent);box-shadow:0 2px 0 var(--pop-line)}.join-pop .field:nth-of-type(2n) legend:before{background:#d4bf9f}.join-pop .field:nth-of-type(3n) legend:before{background:#a8c4a2}.join-pop input:not([type=radio]){background:var(--pop-soft);border:2px solid var(--pop-input-line);border-radius:16px;padding:11px 16px;color:var(--pop-ink);font-weight:700}.join-pop input:not([type=radio]):focus{outline:none;border-color:var(--pop-accent);box-shadow:0 0 0 4px #e27d9838}.join-pop :focus-visible{outline-color:var(--pop-accent)}.join-pop .chip span{padding:6px 14px;border:2px solid var(--pop-neutral);background:#fff;color:var(--pop-ink);font-weight:700;box-shadow:0 3px 0 var(--pop-neutral);transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.join-pop .chip:hover span{transform:translateY(-2px)}.join-pop .chip input:checked+span{background:var(--pop-accent);border-color:var(--pop-accent);color:#fff;box-shadow:0 3px 0 var(--pop-accent-deep)}.join-pop .chip input:focus-visible+span{outline-color:var(--pop-accent)}.join-pop .swatch{position:relative;width:34px;height:34px;border:3px solid #ffffff;box-shadow:0 0 0 2px var(--pop-neutral),0 3px 0 2px var(--pop-neutral);background-image:radial-gradient(circle at 32% 28%,#ffffffbf 0 3px,#fff0 7px);transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.join-pop .color-option:hover .swatch{transform:translateY(-2px)}.join-pop .color-option input:checked+.swatch{border-color:#fff;box-shadow:0 0 0 3px var(--pop-accent),0 3px 0 3px var(--pop-accent-deep);transform:scale(1.08)}.join-pop .color-option input:checked+.swatch:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:900;text-shadow:0 0 1px var(--pop-accent-deep),0 0 2px var(--pop-accent-deep),0 1px 2px rgba(150,50,80,.3)}.join-pop .preview-stage{position:relative;overflow:hidden;border:3px solid #ffffff;border-radius:26px;background:radial-gradient(ellipse 46% 13% at 50% 82%,rgba(214,160,172,.5),rgba(214,160,172,.5) 92%,transparent 100%),linear-gradient(transparent 70%,#0000000d 70%),repeating-linear-gradient(90deg,#e8c39e 0 24px,#e0b88f 24px 48px);box-shadow:0 0 0 2px var(--pop-frame),0 6px 0 2px var(--pop-frame-pop)}.join-pop .pop-sparkle{position:absolute;color:#fff;font-size:18px;text-shadow:0 0 6px rgba(214,160,172,.9);animation:pop-twinkle 2.2s ease-in-out infinite}.join-pop .pop-sparkle.s1{top:16px;left:18px}.join-pop .pop-sparkle.s2{top:30px;right:20px;color:#f6e3e8;animation-delay:1.1s}.join-pop .ghost{border:2px solid #e3d6c3;background:#faf6ef;color:#8a6a45;border-radius:999px;padding:9px 12px;font-weight:800;box-shadow:0 4px #e3d6c3;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.join-pop .pop-dice{display:inline-block;font-size:28px;line-height:1;vertical-align:-6px;margin-right:4px;transition:transform .3s}.join-pop .ghost:hover .pop-dice{transform:rotate(-20deg) scale(1.1)}.join-pop .ghost:hover{transform:translateY(-2px) rotate(-2deg)}.join-pop .ghost:active{transform:translateY(2px);box-shadow:0 2px #e3d6c3}.join-pop .media-choice-label{color:var(--pop-muted);font-weight:700}.join-pop .media-toggle{border:2px solid var(--pop-neutral);background:#fff;color:var(--pop-ink);font-weight:700;box-shadow:0 3px 0 var(--pop-neutral)}.join-pop .media-toggle.on{background:#d3f9d8;border-color:#8ce99a;color:#2b8a3e;box-shadow:0 3px #8ce99a}.join-pop .pop-enter{border-radius:999px;padding:15px 16px;font-size:18px;font-weight:800;letter-spacing:.12em;color:#fff;background:linear-gradient(180deg,#ec9bb0,#e27d98);box-shadow:0 6px #c8607d,0 14px 24px #e27d984d;transition:transform .12s,box-shadow .12s}.join-pop .pop-paw{display:inline-block;font-size:30px;line-height:1;vertical-align:-6px;margin-left:6px;animation:pop-paw 2s ease-in-out infinite}@keyframes pop-paw{0%,to{transform:rotate(-10deg)}50%{transform:rotate(12deg) translateY(-2px)}}.join-pop .pop-enter:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #c8607d,0 18px 28px #e27d9852}.join-pop .pop-enter:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #c8607d,0 6px 12px #e27d983d}.join-pop .pop-enter:disabled{background:#f3dbe2;box-shadow:0 6px #e8c5cf;opacity:1}.join-pop .hint{padding:10px 14px;border-radius:16px;background:var(--pop-soft);color:var(--pop-muted);line-height:1.7}@keyframes pop-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(6deg)}}@keyframes pop-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.join-pop .pop-cat,.join-pop .pop-paw,.join-pop .pop-sparkle{animation:none}}@media(max-width:760px){.join-pop .join-card{padding:22px 18px 20px;border-radius:26px}.join-pop .join-card h1{font-size:32px}.join-pop .pop-cat{font-size:44px}.join-pop .preview-box{flex-direction:row;align-items:center;gap:12px}.join-pop .preview-stage{flex:1 1 auto;min-width:0;height:116px}.join-pop .preview-stage canvas{height:100px;width:auto}.join-pop .preview-box>.ghost{flex:0 0 auto}}.dress-tabs{--tab-accent: var(--pop-accent, var(--accent));--tab-line: var(--pop-input-line, var(--border));--tab-soft: var(--pop-soft, var(--panel-2));display:flex;flex-direction:column;min-width:0}.dress-tab-row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px 4px 0}.dress-tab-row::-webkit-scrollbar{display:none}.dress-tab{flex:1 0 auto;position:relative;padding:9px 14px 8px;border:1.5px solid var(--tab-line);border-bottom:0;border-radius:14px 14px 0 0;background:var(--tab-soft);color:var(--pop-muted, var(--muted));font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:color .15s,background .15s}.dress-tab:hover{color:var(--tab-accent)}.dress-tab.on{background:#fff;color:var(--tab-accent);z-index:1;margin-bottom:-1.5px;padding-bottom:9.5px}.dress-tab.on:before{content:"";position:absolute;top:-1.5px;left:10px;right:10px;height:3px;border-radius:0 0 3px 3px;background:var(--tab-accent)}.dress-tab-panel{border:1.5px solid var(--tab-line);border-radius:0 0 20px 20px;background:#fff;padding:14px;min-height:240px;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dress-tab-panel .sub-title{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--pop-ink, var(--text))}.dress-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.dress-tiles-body{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.dress-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;border:1.5px solid var(--tab-line);border-radius:16px;background:#fff;box-shadow:0 2px 8px #e27d981a;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.dress-tile:hover{transform:translateY(-2px);box-shadow:0 6px 14px #e27d982e}.dress-tile.on{border:2px solid var(--tab-accent);background:#fff5f8;box-shadow:0 4px 12px #e27d9838}.dress-tile.on:after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--tab-accent);color:#fff;font-size:11px;font-weight:900;border:2px solid #ffffff}.dress-tile-pic{display:grid;place-items:center;min-height:44px}.dress-tile-pic canvas{display:block}.dress-tile-none{font-size:22px;font-weight:800;color:var(--pop-muted, var(--muted))}.dress-tile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:800;letter-spacing:-.02em;color:var(--pop-ink, var(--text));white-space:nowrap}.dress-tile-badge{position:absolute;top:-6px;left:-5px;font-size:15px}.limited-soon,.limited-now{margin:0;padding:7px 12px;border-radius:12px;font-size:12px;font-weight:700}.limited-christmas.limited-soon,.limited-christmas.limited-now{background:#f1faf4;color:#3f9a68;border:2px dashed #cfe9d9}.season-banner{position:sticky;top:0;z-index:4;flex:none;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:16px;border:3px solid transparent;background:linear-gradient(135deg,#fff1f4,#eefaf2) padding-box,repeating-linear-gradient(45deg,#ef8a9b 0 8px,#fff 8px 16px,#8fd0aa 16px 24px,#fff 24px 32px) border-box;box-shadow:0 4px 14px #e27d982e;overflow:hidden;color:#4b3a44}.season-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;text-align:center}.season-text b{font-size:16px;font-weight:900;letter-spacing:.04em;color:#c4566a}.season-period{display:inline-block;margin-right:4px;padding:0 8px;border-radius:999px;background:#4e9f74;color:#fff;font-weight:800}.season-text small{font-size:12px;font-weight:700;line-height:1.6;color:#5f6f66}.dress-tile.dress-tile-limited:not(.on){border-color:#f2b6c2;background:linear-gradient(180deg,#fff 60%,#f3fbf6)}.season-flake{position:absolute;color:#b9dcef;font-size:12px;pointer-events:none;animation:season-fall 5s linear infinite}.season-flake.f1{left:18%;top:-14px}.season-flake.f2{left:52%;top:-14px;color:#ffd66b;animation-delay:1.6s}.season-flake.f3{left:82%;top:-14px;animation-delay:3.2s}@keyframes season-fall{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(80px);opacity:0}}@media(prefers-reduced-motion:reduce){.season-flake{animation:none}.season-flake{top:4px}}@media(max-width:420px){.season-banner{gap:6px;padding:7px 10px}.season-text b{font-size:14px}.season-text small{font-size:11px;line-height:1.5}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dress-card .dress-tab.on,:root:not([data-theme=light]) .dress-card .dress-tab-panel{background:var(--panel)}:root:not([data-theme=light]) .dress-card .dress-tile.on{background:var(--panel-2)}}:root[data-theme=dark] .dress-card .dress-tab.on,:root[data-theme=dark] .dress-card .dress-tab-panel{background:var(--panel)}:root[data-theme=dark] .dress-card .dress-tile.on{background:var(--panel-2)}.join-pop .auth-card{width:min(460px,100%);text-align:center;gap:18px}.auth-lead{margin:0;line-height:1.9;word-break:auto-phrase;text-wrap:balance;color:var(--pop-ink, var(--text));font-weight:700}.auth-lead b{color:var(--pop-accent, var(--accent))}.auth-error{margin:0;padding:10px 14px;border-radius:14px;background:#fff1f3;border:1.5px solid #f7c3cf;color:#c2445f;font-weight:700;font-size:13px}.join-pop a.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;letter-spacing:.04em;font-size:16px}.auth-g{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--pop-accent-deep, var(--accent));font-weight:900;font-size:16px;box-shadow:0 2px #00000014}.auth-notes{margin:0;word-break:auto-phrase;text-wrap:pretty;padding:12px 16px 12px 30px;border-radius:16px;background:var(--pop-soft, var(--panel-2));color:var(--pop-muted, var(--muted));font-size:12.5px;line-height:1.8;text-align:left}.join-pop .auth-switch{align-self:center;padding:9px 18px}.auth-loading{color:var(--pop-muted, var(--muted));font-weight:700}.auth-account{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--pop-muted, var(--muted))}.auth-account b{color:var(--pop-ink, var(--text))}.auth-logout{border:0;background:none;padding:2px 4px;color:var(--pop-accent, var(--accent));font-weight:800;font-size:13px;text-decoration:underline;cursor:pointer}