:root{color:#443e47;font-synthesis:none;background:#eeeaea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,summary{font:inherit}button{min-width:48px;min-height:48px;color:inherit;cursor:pointer;background:#fffc;border:1px solid #e5dce2;border-radius:12px;padding:10px 14px;transition:background .15s}button:hover{background:#fff}button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #ae7495}button.selected{color:#683c59;background:#eed9e5;border-color:#c995b2}#app,#stage{width:100%;height:100dvh;position:relative}#stage{position:absolute;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}header{top:calc(22px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute}header strong{letter-spacing:.23em;font-size:26px;font-weight:500}header small{letter-spacing:.16em;color:#89808b;font-size:9px}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui input,#ui aside,#ui summary,#ui dialog{pointer-events:auto}.rail{flex-direction:column;gap:10px;display:flex;position:absolute;top:42%}.rail button{width:110px;font-size:12px;box-shadow:0 4px 20px #67445908}.left.rail{left:calc(16px + env(safe-area-inset-left))}.right.rail{right:calc(16px + env(safe-area-inset-right))}.bottom{bottom:calc(18px + env(safe-area-inset-bottom));white-space:nowrap;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bottom button{letter-spacing:.04em;padding:10px 14px;font-size:11px;font-weight:600;box-shadow:0 6px 20px #6744590a}.drawer{top:calc(92px + env(safe-area-inset-top));bottom:calc(86px + env(safe-area-inset-bottom));overscroll-behavior:contain;opacity:0;z-index:5;background:#faf7f7f5;border:1px solid #fff;border-radius:20px;width:min(320px,100vw - 88px);padding:18px;transition:transform .225s,opacity .225s;position:absolute;overflow:auto;box-shadow:0 10px 35px #50334916}.drawer.left{left:calc(10px + env(safe-area-inset-left));transform:translate(-110%)}.drawer.right{right:calc(10px + env(safe-area-inset-right));transform:translate(110%)}.drawer-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-heading h2{letter-spacing:.13em;margin:0;font-size:14px;font-weight:600}.drawer-heading button{background:0 0;border:0;font-size:26px}h3{letter-spacing:.14em;color:#998995;margin:24px 0 12px;font-size:10px}.choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choices button{padding:10px 7px;font-size:12px}details{margin-top:24px}summary{cursor:pointer;color:#8c7485;min-height:44px;padding:12px 0;font-size:11px}input[type=range]{accent-color:#ad7294;touch-action:pan-y;width:100%;min-height:48px}.loading{opacity:.7}#loading{z-index:20;text-align:center;background:#eeeaea;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:absolute;inset:0}#loading[hidden]{display:none}#loading b{letter-spacing:.2em;font-size:38px;font-weight:400}#loading progress{accent-color:#ab7894;width:180px;height:4px}#loading small{letter-spacing:.15em;color:#8c7584;font-size:11px}#debug{pointer-events:none;right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));color:#fff;z-index:8;background:#342c39da;border-radius:12px;margin:0;padding:12px;font:11px/1.6 ui-monospace,monospace;position:absolute}#toast{left:50%;top:calc(88px + env(safe-area-inset-top));color:#fff;opacity:0;pointer-events:none;z-index:30;background:#443947ec;border-radius:12px;max-width:90%;padding:10px 16px;transition:opacity .2s;position:absolute;transform:translate(-50%)}#toast.show{opacity:1}.photo-dialog{color:#443e47;background:#fbf7fa;border:0;border-radius:20px;max-width:90vw;padding:24px}.photo-dialog h2{letter-spacing:.13em;font-size:15px}.photo-dialog button{margin:5px}.photo-dialog::backdrop{background:#2c223e50}@media (max-width:600px){header{left:20px;top:calc(20px + env(safe-area-inset-top))}.rail button{width:66px;min-height:54px;padding:7px 4px;font-size:10px}.left.rail{left:calc(8px + env(safe-area-inset-left))}.right.rail{right:calc(8px + env(safe-area-inset-right))}.bottom{width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));justify-content:center;gap:4px}.bottom button{min-width:0;padding:9px;font-size:10px}.drawer{padding:14px}#debug{top:calc(80px + env(safe-area-inset-top));padding:9px;font-size:9px}}@media (orientation:landscape) and (max-height:600px){header{top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}header strong{font-size:20px}header small{display:none}.rail{gap:6px;top:23%}.rail button{min-height:44px}.drawer{top:calc(12px + env(safe-area-inset-top));bottom:calc(72px + env(safe-area-inset-bottom))}.bottom{bottom:calc(10px + env(safe-area-inset-bottom))}#debug{font-size:9px;top:12px}}.outfit-parts{grid-template-columns:1fr}.drawer-note{color:#867280;font-size:12px;line-height:1.6}.choices button{overflow-wrap:anywhere}.expression-search{width:100%;min-height:48px;color:inherit;background:#fff;border:1px solid #dfd1dc;border-radius:10px;margin-top:14px;padding:10px}.choices button[hidden]{display:none}#app,#stage{overflow:hidden}#ui{--dock-height:calc(76px + env(safe-area-inset-bottom));--sheet-height:min(360px,calc(50dvh - var(--dock-height)))}.drawer,.drawer.left,.drawer.right{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:auto;bottom:var(--dock-height);width:auto;max-width:1000px;height:var(--sheet-height);transform:translateY(calc(100% + var(--dock-height)));opacity:0;background:#faf7f7f5;border-radius:20px 20px 14px 14px;flex-direction:column;margin-inline:auto;padding:4px 12px 8px;display:flex;overflow:hidden}.drawer.open{opacity:1;transform:translateY(0)}.drawer:before{content:"";background:#cbbbc5;border-radius:3px;flex:none;align-self:center;width:30px;height:3px;margin:1px 0 2px}.drawer-heading{flex:none;gap:4px;min-height:48px}.drawer-heading>button{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:24px}.sheet-tabs{scrollbar-width:none;overscroll-behavior-x:contain;flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.sheet-tabs button{white-space:pre-line;background:0 0;border-color:#0000;border-radius:9px;flex:1 0 44px;min-width:44px;height:44px;min-height:44px;padding:2px 4px;font-size:10px;line-height:17px}.sheet-tabs button.selected{background:#eed9e5;border-color:#c995b2}.sheet-open .rail{visibility:hidden;pointer-events:none}.drawer-body{overscroll-behavior-y:contain;scrollbar-width:thin;flex:1;min-height:0;padding-bottom:2px;padding-right:1px;overflow:hidden auto}.drawer-body h3{letter-spacing:.08em;margin:7px 0 5px;font-size:10px}.choices,.outfit-parts{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;touch-action:pan-x pan-y;grid-template-columns:none;grid-auto-columns:calc(28.5714% - 5.71429px);grid-auto-flow:column;gap:8px;padding-bottom:5px;display:grid;overflow:auto hidden}.choices button{scroll-snap-align:start;overflow-wrap:anywhere;min-width:0;height:52px;min-height:48px;padding:5px 7px;font-size:11px;line-height:1.3;overflow:hidden}.choices button:focus-visible{outline-offset:-3px}.choices.expression-groups{grid-auto-columns:calc(50% - 4px);padding-bottom:0}.expression-groups button{height:44px;min-height:44px}.drawer-body details{margin-top:6px}.drawer-body summary{min-height:44px;padding:8px 0}.drawer-note{margin:6px 0;font-size:11px}.expression-search{height:44px;min-height:44px;margin-top:6px;padding:8px 10px}.drawer-body input[type=range]{width:100%;min-width:0;margin-inline:0;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:600px){.choices{grid-auto-columns:calc(20% - 6.4px)}.sheet-tabs{flex:0 480px}.drawer-heading{justify-content:space-between}}@media (orientation:landscape) and (max-height:600px){#ui{--dock-height:calc(64px + env(safe-area-inset-bottom))}.drawer{padding:0 10px 4px}.drawer:before{display:none}.drawer-heading{min-height:44px}.drawer-body h3{margin:2px 0 3px}.choices{padding-bottom:2px}.choices button{height:48px}.drawer-body details{margin-top:2px}}@media (prefers-reduced-motion:reduce){.drawer{transition:none}}.music-player{top:calc(18px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:10;pointer-events:auto;grid-template-columns:44px 52px 44px;align-items:center;gap:4px;display:grid;position:absolute}.music-player button{background:#ffffffb8;border-color:#dfd1db;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:17px;display:grid;box-shadow:0 3px 14px #6744590a}.music-player [data-id=music-toggle]{color:#79516b;background:#f9f0f6;border-color:#c995b2;width:52px;height:52px;font-size:21px}.music-player button[aria-busy=true]{animation:1s ease-in-out infinite alternate music-loading}.music-status{text-align:center;color:#8d7a87;letter-spacing:.05em;pointer-events:none;grid-column:1/-1;font-size:10px}#ui.music-mode .rail,#ui.music-mode .bottom,#ui.music-mode .drawer,#app.music-mode #debug{visibility:hidden;pointer-events:none}#debug{top:calc(105px + env(safe-area-inset-top))}@keyframes music-loading{to{opacity:.5}}@media (max-width:370px){header{left:calc(12px + env(safe-area-inset-left))}header strong{font-size:23px}header small{letter-spacing:.06em;font-size:7px}.music-player{right:calc(8px + env(safe-area-inset-right));gap:2px}}@media (orientation:landscape) and (max-height:600px){.music-player{top:calc(6px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.music-status{font-size:9px}}@media (prefers-reduced-motion:reduce){.music-player button[aria-busy=true]{animation:none}}