:root{--bg: #f3f4f4;--surface: #ffffff;--surface-sunken: #eaebec;--border: #dee1e3;--ink: #1b1d1f;--ink-soft: #666b70;--ink-faint: #9198a0;--accent: #0f8b8d;--accent-strong: #0b6e70;--accent-ink: #ffffff;--accent-soft: #e3f3f3;--gold: #b8842a;--gold-soft: #f6ecd9;--danger: #c0392b;--danger-soft: #fbe9e7;--danger-strong: #a4291c;--radius-sm: 6px;--radius: 10px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #16181b;--surface: #1e2124;--surface-sunken: #26292d;--border: #33373b;--ink: #e8eaeb;--ink-soft: #a3a9ad;--ink-faint: #767c81;--accent: #3fb6b8;--accent-strong: #63cbcd;--accent-ink: #0b2223;--accent-soft: #1c3436;--gold: #d9a94a;--gold-soft: #33291a;--danger: #e0685a;--danger-soft: #3a201d;--danger-strong: #ef8577}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,fieldset,ul{margin:0}fieldset{border:none;padding:0}ul{list-style:none;padding:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.btn,.session-card,.tab-chip{transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease}}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:200;background:var(--accent);color:var(--accent-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.skip-link:focus-visible{top:var(--space-2)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface)}.app-wordmark{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:1rem;font-weight:600;letter-spacing:.02em;color:var(--ink)}.app-wordmark:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.app-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-7)}@media(max-width:640px){.app-header{padding:var(--space-3) var(--space-4)}.app-main{padding:var(--space-5) var(--space-4) var(--space-6)}}.status-banner{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--ink-soft)}.status-banner--error{color:var(--danger-strong)}.dev-login{margin-top:var(--space-4);padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-sunken);display:flex;flex-direction:column;gap:var(--space-3)}.dev-login__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--ink-soft)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--ink)}.btn--ghost:hover:not(:disabled){border-color:var(--ink-faint)}.btn--danger{background:transparent;border-color:var(--border);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn--danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger-solid:hover:not(:disabled){background:var(--danger-strong);border-color:var(--danger-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141680;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100;overscroll-behavior:contain}.modal{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.modal__title{font-size:1.05rem;font-weight:700;margin-bottom:var(--space-2)}.modal__message{font-size:.9rem;color:var(--ink-soft);margin-bottom:var(--space-5)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-header h1{font-size:1.25rem;font-weight:700}.page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:.9rem;margin-bottom:var(--space-4)}.alert--error{background:var(--danger-soft);color:var(--danger-strong)}.state-message{color:var(--ink-faint);font-size:.9rem;padding:var(--space-6) 0;text-align:center}.session-list{display:flex;flex-direction:column;gap:var(--space-2)}.session-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.session-card:hover{border-color:var(--accent)}.session-card__title{font-size:1rem;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.session-card__meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--ink-faint)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field__label{font-size:.85rem;font-weight:600;color:var(--ink-soft)}input[type=text],input[type=file],input:not([type]),select{font-family:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}input[type=file]{padding:var(--space-2);font-size:.85rem}.dropzone{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-5);background:var(--surface);text-align:center}.dropzone input[type=file]{border:none;padding:0}.upload-summary{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--ink-soft);margin:var(--space-4) 0}.tab-group{margin-bottom:var(--space-5)}.tab-group__legend{font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:var(--space-2);display:block}.tab-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab-chip{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:.82rem;color:var(--ink-soft);background:var(--surface);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tab-chip:hover{border-color:var(--ink-faint)}.tab-chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.tab-chip--nonstandard:has(input:checked){background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.tab-chip input{accent-color:var(--accent)}.tab-chip__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.75rem;opacity:.8}.speaker-list{display:flex;flex-direction:column;gap:var(--space-3)}.speaker-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.speaker-row__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-sunken)}.speaker-row__fields{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.speaker-row__name-field{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:160px}.speaker-row__name-field label{font-size:.75rem;color:var(--ink-faint)}.speaker-row__icon-error{color:var(--danger);font-size:.78rem}.speaker-row__display-name{flex:1;font-weight:600}.participant-panel{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.participant-panel__heading{font-size:.85rem;font-weight:700;color:var(--ink-soft);margin-bottom:var(--space-3)}.viewer-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.viewer-header__title-group{display:flex;align-items:center;gap:var(--space-3);min-width:0}.viewer-header h1{font-size:1.15rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-select{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--ink-soft)}.log-viewer{max-width:720px;margin:0 auto}.log-block-list{display:flex;flex-direction:column}.speaker-header{display:flex;align-items:center;gap:.5em}.speaker-header__icon{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.talk-line{white-space:pre-wrap;margin:.25em 0 .25em 48px}.dice-roll-card{display:flex;flex-wrap:wrap;gap:.5em;align-items:baseline;margin:.5em 0 .5em 48px;padding:.5em .75em;border-radius:4px;font-size:.9em;width:fit-content}.system-message-line{text-align:center;font-size:.85em;margin:.75em 0}.unknown-block-line{font-size:.8em;opacity:.7;white-space:pre-wrap;word-break:break-all}.skin-standard{font-family:system-ui,sans-serif;line-height:1.6}.skin-standard .speaker-header{margin-top:1.25em;font-weight:700}.skin-standard .dice-roll-card{background:#eef3ff;border-left:4px solid #6b8afd}.skin-standard .system-message-line{color:#888}.skin-standard .unknown-block-line{color:#b00020}.skin-novel{font-family:Hiragino Mincho ProN,Yu Mincho,serif;line-height:2;max-width:640px}.skin-novel .speaker-header__icon{display:none}.skin-novel .speaker-header{margin-top:1.75em;border-bottom:1px solid #ddd;padding-bottom:.15em;font-weight:400;letter-spacing:.05em}.skin-novel .talk-line{margin-left:0;text-indent:1em}.skin-novel .dice-roll-card{margin-left:0;background:transparent;border:1px dashed #aaa;font-family:monospace}.skin-novel .system-message-line{color:#999;font-size:.8em}.skin-novel .unknown-block-line{color:#999}.skin-game{background:#1b1b24;color:#e8e8f0;padding:1em;border-radius:8px;font-family:system-ui,sans-serif}.skin-game .speaker-header{margin-top:1.25em}.skin-game .speaker-header__icon{border:2px solid #7c5cff;box-shadow:0 0 6px #7c5cff99}.skin-game .speaker-header__name{color:#b9a7ff;font-weight:700;letter-spacing:.05em}.skin-game .dice-roll-card{background:linear-gradient(135deg,#2a2140,#1b1b24);border:1px solid #7c5cff;box-shadow:0 0 8px #7c5cff59}.skin-game .dice-result-text{color:#ffd166;font-weight:700}.skin-game .system-message-line{color:#7c5cff}.skin-game .unknown-block-line{color:#ff6b6b}