[hidden]{display:none!important}:root{--ink:#19203a;--ink-soft:#19203ad1;--paper:#eef1f7;--aqua:#4fd1c3;--marigold:#ffc94a;--blossom:#ef7fa4;--line:#eef1f729;--font:"Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "Zen Maru Gothic", "BIZ UDPGothic", "Yu Gothic Medium", "游ゴシック Medium", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:#cdd8e8;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font);color:var(--paper);-webkit-font-smoothing:antialiased}#app,#stage{position:fixed;inset:0}canvas{touch-action:none;display:block}button{font-family:inherit}.panel{background:var(--ink-soft);-webkit-backdrop-filter:blur(14px);z-index:5;color:var(--paper);border-radius:16px;padding:14px 16px;position:fixed;box-shadow:0 10px 34px #10162c47}.msgrid{flex:none;grid-template-rows:9px 9px;grid-template-columns:9px 9px;gap:2px;display:grid}.msgrid i{border-radius:1px;display:block}.msgrid i:first-child{background:#f25022}.msgrid i:nth-child(2){background:#7fba00}.msgrid i:nth-child(3){background:#00a4ef}.msgrid i:nth-child(4){background:#ffb900}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.avail{background:#5fd68a}.dot.away{background:#ffb347}.icon-btn{color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#eef1f717;border-radius:9px;width:30px;height:30px;font-size:14px;line-height:1}.icon-btn:hover{background:#eef1f72e}.btn-primary{font:inherit;cursor:pointer;background:var(--aqua);color:#10233a;border:none;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{font:inherit;border:1px solid var(--line);cursor:pointer;color:var(--paper);background:0 0;border-radius:10px;padding:9px 14px;font-size:13px}.tg{font:inherit;cursor:pointer;color:var(--paper);border:1px solid var(--line);background:#eef1f717;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:12px;transition:background .14s;display:inline-flex}.tg[aria-pressed=true]{background:var(--aqua);color:#10233a;border-color:#0000;font-weight:700}.tg:disabled{opacity:.35;cursor:default}.tg:focus-visible,.sw:focus-visible,.btn-primary:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--marigold);outline-offset:2px}.pill-btn{border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:10px 15px;font-size:13px}.gate{background:radial-gradient(circle at 30% 20%,#e4ecf7,#cdd8e8 60%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gate-card{background:var(--ink-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;width:min(420px,100%);padding:28px 28px 26px;box-shadow:0 16px 48px #10162c52}.brand{letter-spacing:.04em;opacity:.85;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.brand-dot{background:linear-gradient(135deg, var(--marigold), var(--blossom));border-radius:50%;width:12px;height:12px}.gate-card h1{margin:16px 0 8px;font-size:22px}.gate-card p{opacity:.8;margin:0 0 20px;font-size:13px;line-height:1.7}.gate-reason{opacity:.5;margin:-8px 0 16px;font-size:11px}.btn-ms{justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}#who{align-items:center;gap:11px;padding:10px 12px 10px 13px;display:flex;top:16px;left:16px}#voice{width:200px;padding:8px 12px 9px;top:78px;left:16px}#voice .lb{opacity:.75;align-items:center;gap:6px;margin-bottom:2px;font-size:11px;display:flex}#voice .lb .snd{background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:13px;line-height:1}#voice .val{font-variant-numeric:tabular-nums}#voice input[type=range]{width:100%;accent-color:var(--marigold);background:0 0;margin:0}#voice input[type=range]:focus-visible{outline:2px solid var(--marigold);outline-offset:3px;border-radius:4px}#voice .mic{width:100%;font:inherit;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;margin-top:8px;padding:5px 8px;font-size:12px}#voice .mic[data-state=on]{color:#fff;background:#ef4d6a;border-color:#ef4d6a;box-shadow:0 0 0 3px #ef4d6a40}#voice .mic[data-state=busy],#voice .mic[data-state=error],#voice .mic[data-state=away]{opacity:.6;cursor:default}.mic-ic{margin-left:4px;font-size:12px}#who .who-icon{background-color:#4fd1c3;background-position:50%;background-size:cover;border-radius:50%;flex:none;width:30px;height:30px;box-shadow:0 0 0 2px #ffffffd9,0 1px 3px #00000040}#who .who-text{min-width:0}#who .nm{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;line-height:1.3;overflow:hidden}#who .sub{opacity:.62;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;line-height:1.3;overflow:hidden}#who .pres{font:inherit;border:1px solid var(--line);color:var(--paper);cursor:pointer;white-space:nowrap;background:#eef1f717;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}#who .pres[data-status=away]{background:#ffb3472e}#hint{opacity:.9;white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 16px;font-size:12px;bottom:74px;left:50%;transform:translate(-50%)}#hint kbd{font:inherit;background:#eef1f729;border-radius:5px;margin:0 1px;padding:1px 5px}#conn{color:#fff;background:#ef7fa4d9;border-radius:999px;padding:8px 14px;font-size:12px;top:16px;left:50%;transform:translate(-50%)}#settingsBtn{z-index:6;bottom:16px;left:16px}#online{width:232px;max-height:calc(100dvh - 140px);padding:13px 13px 9px;top:16px;right:16px;overflow:auto}#online h2{opacity:.6;letter-spacing:.04em;margin:0 0 9px;font-size:12px;font-weight:600}#online .cnt{opacity:.8}.who-row{border-radius:8px;align-items:center;gap:8px;margin:0 0 6px;padding:3px 4px;display:flex}.who-row.focus{background:#ffc94a29}.who-row .t{min-width:0;font:inherit;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--paper);cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-size:13px;overflow:hidden}.who-row.me .t{cursor:default;opacity:.85}.who-row .seat-ic{opacity:.8;font-size:12px}.who-row .more{font:inherit;color:var(--paper);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 4px}.who-row .more:hover{opacity:1;background:#eef1f71f}#say{border-radius:999px;align-items:center;gap:8px;width:min(560px,100vw - 32px);padding:8px 10px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}#say.whisper{box-shadow:0 0 0 2px var(--blossom), 0 10px 34px #10162c47}#say input{min-width:0;font:inherit;border:1px solid var(--line);color:var(--paper);background:#eef1f714;border-radius:999px;flex:1;padding:8px 10px;font-size:14px}#say input:focus{outline:2px solid var(--aqua);outline-offset:1px}#say .counter{opacity:.6;white-space:nowrap;font-size:11px}#say .counter.full{color:var(--blossom);opacity:1}#say .reach-btn,#say .send-btn{font:inherit;border:1px solid var(--line);width:34px;height:34px;color:var(--paper);cursor:pointer;background:#eef1f717;border-radius:50%;flex:none;font-size:15px}#say .send-btn{background:var(--aqua);color:#10233a;border-color:#0000}#say .chip{background:var(--blossom);color:#fff;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:5px 10px;font-size:12px}#bubbles{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.bubble{color:#19203a;opacity:0;word-break:break-word;will-change:transform;background:#fff;border-radius:14px;max-width:260px;padding:8px 12px;font-size:13px;line-height:1.5;transition:opacity .18s;position:absolute;top:0;left:0;box-shadow:0 6px 20px #10162c40}.bubble:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.on{opacity:1}.bubble.whisper{color:#6a2b47;border:1px solid var(--blossom);background:#fde7f0}.bubble .ic{margin-right:4px}.bubble .to{opacity:.65;margin-top:2px;font-size:10px;display:block}.ctx-menu{z-index:20;border-radius:12px;min-width:180px;padding:6px}.ctx-title{opacity:.6;padding:6px 10px 4px;font-size:11px}.ctx-item{text-align:left;width:100%;font:inherit;color:var(--paper);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:13px;display:block}.ctx-item:hover:not(:disabled){background:#eef1f71f}.ctx-item:disabled{opacity:.4;cursor:default}#dresser{z-index:7;width:320px;max-height:calc(100dvh - 100px);padding:13px 15px 15px;bottom:62px;left:16px;overflow:auto}.dresser-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#dresser h2{opacity:.6;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.text-input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;outline:none;padding:8px 10px;font-size:14px}.text-input:focus{border-color:#4fd1c3;box-shadow:0 0 0 2px #4fd1c340}.field{margin-bottom:12px}.field .lb{opacity:.72;margin-bottom:6px;font-size:12px}.view-row{gap:6px;margin-bottom:8px;display:flex}.view-row .tg{flex:1}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:8px;display:flex}.tab{font:inherit;color:var(--paper);cursor:pointer;opacity:.7;background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 9px;font-size:12px}.tab:hover{opacity:1;background:#eef1f717}.tab[aria-selected=true]{border-color:var(--line);opacity:1;background:#eef1f729;font-weight:700}.tab-sec{min-height:120px}.opt-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.opt-grid .tg{padding:7px 6px}.slider-field .lb{justify-content:space-between;display:flex}.slider-field .val{opacity:.8;font-variant-numeric:tabular-nums}#dresser input[type=range]{width:100%;accent-color:var(--aqua);background:0 0;margin:2px 0 0}#dresser input[type=range]:focus-visible{outline:2px solid var(--marigold);outline-offset:3px;border-radius:4px}.shirt-prev{opacity:.9;background:#eef1f71f;border-radius:10px;flex:none;place-items:center;width:72px;height:72px;font-size:11px;display:grid;overflow:hidden}.shirt-prev img{object-fit:cover;width:100%;height:100%}.swatches{flex-wrap:wrap;gap:7px;display:flex}.sw{cursor:pointer;border:2px solid #0000;border-radius:9px;width:26px;height:26px;padding:0;transition:transform .12s}.sw:hover{transform:translateY(-2px)}.sw[aria-pressed=true]{border-color:var(--paper);box-shadow:inset 0 0 0 2px #19203ae6}.face-row{align-items:flex-start;gap:10px;display:flex}.stack{flex-direction:column;flex:1;gap:6px;display:flex}.toggles{gap:7px;display:flex}.toggles .tg{flex:1}.note{opacity:.5;margin:7px 0 0;font-size:11px;line-height:1.5}.actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}#toasts{z-index:30;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:76px;right:16px}.toast{background:var(--ink-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--paper);opacity:0;pointer-events:auto;border-radius:12px;align-items:center;gap:10px;max-width:320px;padding:10px 14px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(6px);box-shadow:0 8px 24px #10162c4d}.toast.on{opacity:1;transform:none}.toast-warn{border-left:4px solid var(--marigold)}.toast-error{border-left:4px solid var(--blossom)}.toast-btn{font:inherit;background:var(--aqua);color:#10233a;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}@media (pointer:coarse){#say input{font-size:16px}#say button,#voice .mic,#who .pres,.icon-btn,.pill-btn{min-height:40px}#voice input[type=range]{height:28px}#hint.touch{display:block}}@media (max-width:760px){#voice{width:168px;padding:8px 10px;top:66px;left:12px}#say{bottom:calc(12px + env(safe-area-inset-bottom))}#settingsBtn{bottom:calc(64px + env(safe-area-inset-bottom))}#hint,#hint.touch,#online .list{display:none}#online.open .list{display:block}#online h2{cursor:pointer;margin:0}#online{width:auto;min-width:110px;max-width:170px;max-height:50dvh;padding:8px 10px;top:12px;right:12px;overflow:auto}#online.open{width:170px;padding-bottom:6px}#who{gap:8px;padding:8px 10px;top:12px;left:12px}#who .sub{display:none}#who .nm{max-width:90px}#hint{display:none}#dresser{width:auto;bottom:60px;left:12px;right:12px}#say{width:calc(100vw - 24px)}#say .counter{display:none}#settingsBtn{left:12px}#toasts{bottom:70px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.sw,.tg,.toast,.bubble{transition:none}}#posterBtn{cursor:pointer;bottom:16px;left:214px}#posters{z-index:7;flex-direction:column;gap:8px;width:380px;max-height:calc(100dvh - 120px);padding:12px 14px;display:flex;position:fixed;bottom:64px;left:16px;overflow:auto}#posters .small{font-size:12px}.poster-list{flex-direction:column;gap:6px;max-height:40vh;display:flex;overflow:auto}.poster-card{background:#ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.poster-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.poster-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.poster-status{white-space:nowrap;background:#ffffff26;border-radius:9px;padding:1px 8px;font-size:11px}.poster-status.s-approved{color:#fff;background:#2f9e6e}.poster-status.s-rejected{color:#fff;background:#ef4d6a}.poster-status.s-pending{background:var(--marigold,#ffc94a);color:#19203a}.poster-reason{color:#ffb3c1;font-size:12px}.poster-ops{justify-content:flex-end;align-items:center;gap:8px;display:flex}.poster-ops .link{color:inherit;opacity:.85;font-size:12px}.poster-form{border-top:1px solid #ffffff26;flex-direction:column;gap:6px;padding-top:8px;display:flex}.poster-form-title{font-size:13px;font-weight:600}.poster-form input[type=text]{font:inherit;color:inherit;background:#0003;border:1px solid #ffffff40;border-radius:6px;padding:6px 8px}.poster-form input[type=file]{font-size:12px}.poster-days input{width:60px;font:inherit;color:inherit;background:#0003;border:1px solid #ffffff40;border-radius:6px;padding:3px 6px}.poster-actions{justify-content:flex-end;display:flex}.poster-viewer{z-index:20;background:#0a0c1899;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.poster-viewer-box{flex-direction:column;gap:8px;max-width:min(92vw,900px);max-height:92vh;padding:12px 14px 14px;display:flex}.poster-viewer-img{object-fit:contain;background:#fff;border-radius:6px;max-width:100%;max-height:72vh}.poster-open{align-self:flex-start;text-decoration:none}@media (max-width:760px){#posterBtn{left:196px;bottom:calc(64px + env(safe-area-inset-bottom))}#posters{width:auto;left:12px;right:12px;bottom:calc(110px + env(safe-area-inset-bottom))}}#noteBtn{z-index:6;position:fixed;bottom:16px;left:120px}#noteBtn .badge{color:#fff;text-align:center;background:#ef4d6a;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}#notes{z-index:7;flex-direction:column;width:360px;max-height:calc(100dvh - 120px);padding:12px 14px;display:flex;position:fixed;bottom:64px;left:16px}.notes-head{justify-content:space-between;align-items:center;display:flex}.notes-head h2{margin:0;font-size:14px}#notes .tabs{gap:4px;margin:8px 0;display:flex}#notes .tab{font:inherit;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:5px 10px;font-size:12px}#notes .tab[aria-selected=true]{background:var(--marigold,#ffc94a);color:#19203a;border-color:#0000}.notes-body{min-height:80px;overflow:auto}.note-list{flex-direction:column;gap:8px;display:flex}.note-card{color:#19203a;border-radius:6px;padding:10px 12px 34px;position:relative;transform:rotate(-.4deg);box-shadow:0 3px 8px #00000040}.note-card:nth-child(2n){transform:rotate(.5deg)}.note-card.c-yellow{background:#fff3a0}.note-card.c-pink{background:#ffd3e0}.note-card.c-blue{background:#cfe8ff}.note-card.c-green{background:#d4f5d0}.note-card.unread:before{content:"";background:#ef4d6a;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.note-meta{opacity:.7;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.note-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.note-state{opacity:.7;margin-top:4px;font-size:11px}.note-card .peel{color:#19203a;background:#fff9;border:1px solid #00000026;padding:3px 8px;font-size:11px;position:absolute;bottom:6px;right:8px}.note-write .field{margin-bottom:10px}.note-write .counter{opacity:.6;margin-left:6px;font-size:11px}.note-body{resize:vertical;min-height:72px}.note-target{background:#ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.note-target .nm{font-weight:600}.note-target .st,.note-result .st{opacity:.7;font-size:11px}.note-result .st.on{color:#7fe0a0;opacity:1}.note-results{background:#00000040;border-radius:8px;max-height:180px;margin-top:4px;overflow:auto}.note-result{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:8px;padding:7px 10px;display:flex}.note-result:hover{background:#ffffff1a}.note-result .em{opacity:.6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.note-colors{gap:8px;display:flex}.note-sw{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px}.note-sw.c-yellow{background:#fff3a0}.note-sw.c-pink{background:#ffd3e0}.note-sw.c-blue{background:#cfe8ff}.note-sw.c-green{background:#d4f5d0}.note-sw[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #19203a}@media (max-width:760px){#noteBtn{left:110px;bottom:calc(64px + env(safe-area-inset-bottom))}#notes{width:auto;left:12px;right:12px;bottom:calc(110px + env(safe-area-inset-bottom))}}