:root{--color-brand-red:#e93243;--color-brand-red-press:#c82636;--color-brand-red-soft:#fce8ea;--color-brand-blue:#0054a8;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-700:#374151;--color-gray-900:#111827;--color-black:#0f0f14;--surface-page:var(--color-black);--surface-frame:var(--color-white);--surface-subtle:var(--color-gray-50);--surface-stage-dark:linear-gradient(135deg, #2a3148 0%, #1a1f33 100%);--surface-toast:var(--color-gray-900);--surface-modal-dim:#0f0f1499;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-500);--text-muted:var(--color-gray-400);--text-on-brand:var(--color-white);--text-on-dark:var(--color-white);--text-on-dark-secondary:#ffffffa6;--border-default:var(--color-gray-200);--border-strong:var(--color-gray-300);--border-divider:var(--color-gray-100);--state-speaking:#3b82f6;--state-your-turn:#10b981;--state-thinking:#f59e0b;--semantic-error:#dc2626;--semantic-error-soft:#fee2e2;--semantic-warning:#f59e0b;--semantic-success:#10b981;--semantic-info:#0054a8;--lang-en-text:#3b82f6;--lang-en-bg:#dbeafe;--lang-ja-text:#ef4444;--lang-ja-bg:#fee2e2;--lang-zh-text:#f59e0b;--lang-zh-bg:#fef3c7;--font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans KR", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-size-display:28px;--font-size-title:20px;--font-size-cta:17px;--font-size-body:16px;--font-size-caption:13px;--font-size-small:12px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:96px;--space-12:144px;--space-13:160px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--frame-max-width:420px;--frame-max-height:900px;--shadow-card:0 1px 3px #0000000f;--shadow-elevated:0 4px 12px #00000014;--shadow-frame:0 8px 32px #0006;--motion-duration:.2s;--motion-ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{background:var(--surface-page);background-image:radial-gradient(circle at 50% 30%, #1a1a22 0%, var(--surface-page) 100%);padding:var(--space-5);justify-content:center;align-items:flex-start;min-height:100vh;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.frame{width:100%;max-width:var(--frame-max-width);height:100vh;max-height:var(--frame-max-height);background:var(--surface-frame);border-radius:var(--radius-lg);box-shadow:var(--shadow-frame);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:480px){body{padding:0}.frame{height:100vh;max-height:none;box-shadow:none;border-radius:0}}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.status-bar{height:32px;color:var(--text-primary);z-index:100;font-variant-numeric:tabular-nums;background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;font-size:14px;font-weight:600;display:flex;position:relative}.status-bar__icons{align-items:center;gap:6px;display:inline-flex}.status-bar__icons svg{display:block}.status-bar--dark{color:#fff}.status-bar--overlay{z-index:100;position:absolute;top:0;left:0;right:0}.screen__main{padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.screen__main--centered{text-align:center;justify-content:center;align-items:center}.screen__footer{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.t-display{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}.t-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.t-cta{font-size:var(--font-size-cta);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.t-body{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-secondary)}.t-caption{font-size:var(--font-size-caption);color:var(--text-secondary)}.btn{border-radius:var(--radius-md);width:100%;height:56px;font-size:var(--font-size-cta);font-weight:var(--font-weight-semibold);transition:all var(--motion-duration) var(--motion-ease);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:inline-flex}.btn:active{opacity:.85;transform:scale(.97)}.btn--primary{background:var(--color-brand-red);color:var(--text-on-brand)}.btn--primary:hover{background:var(--color-brand-red-press)}.btn--secondary{background:var(--color-gray-50);color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover{background:var(--color-gray-100)}.btn--ghost{color:var(--text-secondary);background:0 0;height:44px}.btn--ghost:hover{color:var(--text-primary)}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed}.modal-overlay{background:var(--surface-modal-dim);z-index:50;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:var(--surface-frame);border-radius:var(--radius-lg);width:100%;max-width:340px;padding:var(--space-6)}.modal__title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);text-align:center}.modal--no-body .modal__title{margin-bottom:28px}.modal__body{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-5);text-align:center;word-break:keep-all}.modal__actions{gap:var(--space-2);flex-direction:column;align-items:stretch;display:flex}.modal__actions--horizontal{flex-direction:row}.modal__actions .btn{width:100%}.spec-label{color:#fff;pointer-events:none;z-index:100;background:#e93243e6;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;position:absolute}.spec-line{pointer-events:none;z-index:99;background:#e9324380;position:absolute}.spec-line--horizontal{height:1px}.spec-line--vertical{width:1px}
avatar-container{width:100%;height:100%;display:block}