:root{--text:#171717;--muted:#757575;--border:#e8e8e8;--surface:#f6f6f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:pan-y;background:#fff;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:12px 18px;transition:background .14s,color .14s,border-color .14s}button:disabled{color:#a3a3a3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:3px}button[aria-pressed=true],button.primary{color:#fff;background:#171717;border-color:#171717}.stage{touch-action:none;position:fixed;inset:0}#character-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.top-bar{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.brand-label{color:var(--muted);letter-spacing:.02em;margin-bottom:4px;font-size:12px;display:block}.top-bar h1{letter-spacing:-.04em;margin:0;font-size:20px;font-weight:600}.top-bar button{pointer-events:auto}.header-actions{align-items:center;gap:8px;display:flex}.hide-ui-button{align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.hide-ui-button svg{width:17px;height:17px}.ui-hidden [data-ui]{display:none!important}.restore-hint{top:max(24px, env(safe-area-inset-top));color:#fff;text-align:center;pointer-events:none;background:#171717e6;border-radius:16px;width:max-content;max-width:calc(100% - 40px);margin:0;padding:12px 18px;font-size:13px;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}.restore-hint-enter-active,.restore-hint-leave-active{transition:opacity .18s}.restore-hint-enter-from,.restore-hint-leave-to{opacity:0}#camera-video{display:none!important}.icon-button{flex:none;place-items:center;width:44px;padding:0;display:inline-grid}.icon-button svg,.controls svg{flex:none;width:19px;height:19px}.bottom-panel{left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:14px;width:min(440px,100% - 40px);margin-inline:auto;display:flex;position:absolute}.status{border:1px solid var(--border);text-align:center;color:var(--muted);background:#fffffff5;border-radius:16px;margin:0;padding:12px 16px;font-size:13px;line-height:1.6}.controls{border:1px solid var(--border);pointer-events:auto;background:#fffffff7;border-radius:28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:grid;box-shadow:0 4px 24px #0000000a}.controls button{background:var(--surface);border-color:#0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 8px;font-size:13px;font-weight:500;display:flex}.controls button[aria-pressed=true]{color:#fff;background:#171717}.camera-preview{top:calc(max(24px, env(safe-area-inset-top)) + 64px);right:max(24px, env(safe-area-inset-right));border:1px solid var(--border);pointer-events:none;background:#fff;border-radius:18px;width:108px;position:absolute;overflow:hidden}.camera-preview canvas{aspect-ratio:3/4;background:var(--surface);width:100%;display:block}.camera-preview p{color:var(--muted);text-align:center;margin:0;padding:8px 6px;font-size:10px;line-height:1.5}dialog.sheet{border:1px solid var(--border);width:min(440px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);background:#fff;border-radius:28px;padding:28px;overflow-y:auto;box-shadow:0 24px 80px #0000001f}dialog.sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000029}.sheet-symbol{border:1px solid var(--border);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.sheet-symbol svg{width:25px;height:25px}dialog.sheet h2{letter-spacing:-.04em;margin:0 0 12px;font-size:23px;font-weight:600;line-height:1.4}.sheet-intro{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.7}.consent-details{background:var(--surface);color:#626262;border-radius:16px;margin:0 0 18px;padding:18px 18px 18px 32px;font-size:12px;line-height:1.7}.consent-details li+li{margin-top:10px}dialog.sheet .primary{width:100%;margin-top:8px;font-size:14px;font-weight:500}.link-row{flex-wrap:wrap;gap:16px;display:flex}.link-button{color:#626262;text-underline-offset:4px;background:0 0;border:0;border-radius:4px;min-height:32px;padding:6px 0;font-size:12px;text-decoration:underline}.fine-print{color:var(--muted);font-size:12px;line-height:1.8}.fine-print a{color:inherit;text-underline-offset:3px}.sheet-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}dialog.sheet .sheet-header h2{margin:0}dialog.document{flex-direction:column;width:min(520px,100% - 32px);padding:0;display:none;overflow:hidden}dialog.document[open]{display:flex}dialog.document header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 18px 24px;display:flex}dialog.document header h2{margin:0;font-size:18px}#document-body{overflow-wrap:anywhere;padding:12px 24px 28px;font-size:13px;line-height:1.85;overflow-y:auto}#document-body h1{letter-spacing:-.04em;font-size:21px;line-height:1.5}#document-body h2{margin:28px 0 10px;font-size:16px}#document-body h3{margin:20px 0 6px;font-size:14px}#document-body p{margin:6px 0}dialog.portrait-gate{width:100%;max-width:none;height:100%;max-height:none;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:var(--text);background:#fff;border:0;margin:0;position:fixed;inset:0}dialog.portrait-gate[open]{place-items:center;display:grid}.portrait-message{text-align:center}.portrait-icon{color:#555;width:48px;height:48px}.portrait-message h2{letter-spacing:-.04em;margin:20px 0 10px;font-size:20px;font-weight:500}.portrait-message p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}@media (hover:hover){button:not(:disabled):not(.primary):not([aria-pressed=true]):hover{background:#ededed}button.primary:hover,button[aria-pressed=true]:hover{background:#333;border-color:#333}.link-button:hover{color:#171717}}@media (max-width:360px){.bottom-panel{width:calc(100% - 24px);left:12px;right:12px}.controls button{gap:4px;padding-inline:4px;font-size:12px}dialog.sheet{padding:22px}}@media (prefers-reduced-motion:reduce){button,.restore-hint-enter-active,.restore-hint-leave-active{transition:none}}