: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:not([data-theme=light]){--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}}:root[data-theme=dark]{--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{position:sticky;top:0;z-index:50;display:flex;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface)}.app-header__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);width:100%}.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);text-decoration:none;border-radius:var(--radius-sm)}.app-wordmark:hover{color:var(--accent)}.app-wordmark:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.app-header__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.settings-menu{position:relative}.settings-menu__trigger{padding:var(--space-2);font-size:.85rem;line-height:0}.settings-menu__panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:60;display:flex;flex-direction:column;gap:var(--space-4);width:240px;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f}.settings-menu__section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-menu__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:.78rem;font-weight:600;color:var(--ink-faint)}.settings-menu__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.settings-menu__section .view-toggle{align-self:flex-start}.settings-menu__section .view-toggle__btn{flex:1}.settings-menu__slider{width:100%;accent-color:var(--accent)}.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-left:var(--space-4);padding-right: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-list__hint{font-size:.8rem;color:var(--ink-faint);margin-bottom:var(--space-3)}.session-list__item{display:flex;align-items:center;gap:var(--space-1)}.session-list__item--dragging{opacity:.5}.session-list__item--drag-over .session-card{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.session-list__grip{flex-shrink:0;color:var(--ink-faint);font-size:1.2rem;line-height:1;cursor:grab;touch-action:none;padding:var(--space-2) var(--space-1)}.session-list__item--dragging .session-list__grip{cursor:grabbing}.session-card{display:flex;flex:1;min-width:0;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)}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-soft);font-size:.85rem;font-weight:600;padding:var(--space-2) var(--space-3);cursor:pointer}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--border)}.view-toggle__btn--active{background:var(--accent-soft);color:var(--accent-strong)}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.session-grid__item{display:flex}.session-card--square{aspect-ratio:1 / 1;justify-content:space-between;padding:var(--space-3)}.session-card--square .session-card__title{font-size:.85rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.session-card__participants{display:flex;flex-wrap:wrap;gap:4px}.session-card__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0;background:var(--surface-sunken);border:1px solid var(--border)}.session-card__avatar--placeholder{background:var(--surface-sunken)}.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--header{margin-bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.tab-group--header .tab-chips{gap:var(--space-1)}.tab-group--header .tab-chip{padding:2px var(--space-2);font-size:.78rem}.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;object-position:top;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,.speaker-row__name-field .speaker-row__color-label{font-size:.75rem;color:var(--ink-faint)}.name-color-swatches{display:flex;flex-wrap:wrap;gap:var(--space-1)}.name-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);padding:0;cursor:pointer}.name-color-swatch--none{background:linear-gradient(to top left,transparent calc(50% - 1px),var(--danger),transparent calc(50% + 1px)),var(--surface)}.name-color-swatch--selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.speaker-row__icon-error{color:var(--danger);font-size:.78rem}.speaker-row__align-options{display:flex;gap:var(--space-4)}.speaker-row__align-options label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.9rem;color:var(--ink);cursor:pointer}.speaker-row__display-name{flex:1;font-weight:600;display:flex;align-items:baseline;gap:var(--space-2)}.speaker-row__player-name{font-size:.78rem;font-weight:500;color:var(--ink-faint)}.speaker-row__sheet-link{font-size:.78rem;font-weight:500;color:var(--accent)}.speaker-row__charasheet-import{display:flex;gap:var(--space-2)}.speaker-row__charasheet-import input{flex:1;min-width:0}.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-room-link{font-size:.85rem;margin:calc(-1 * var(--space-3)) 0 var(--space-5)}.viewer-header h1{font-size:1.15rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-bookmarks{display:flex;align-items:center;gap:var(--space-1)}.header-bookmarks__slot{position:relative;display:inline-flex}.header-bookmarks__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.header-bookmarks__button:hover:not(:disabled){border-color:var(--ink-faint);color:var(--ink-soft)}.header-bookmarks__button:disabled{cursor:not-allowed;opacity:.4}.header-bookmarks__button--filled{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.header-bookmarks__button--filled:hover{border-color:var(--accent-strong)}.header-bookmarks__clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink-soft);font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.65;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.header-bookmarks__clear:hover,.header-bookmarks__clear:focus-visible{opacity:1;color:var(--danger);border-color:var(--danger)}.skin-select{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--ink-soft)}.log-viewer{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;object-position:top;flex-shrink:0}.talk-line{white-space:pre-wrap;margin:.25em 0 .25em 10%;width:80%}.dice-roll-card{display:flex;flex-wrap:wrap;gap:.5em;align-items:baseline;margin:.5em 0 .5em 10%;padding:.5em .75em;border-radius:4px;font-size:.9em;width:80%}.system-message-line{text-align:center;font-size:.85em;margin:.75em 10%}.unknown-block-line{font-size:.8em;opacity:.7;white-space:pre-wrap;word-break:break-all}.speech-block--right{display:flex;flex-direction:column;align-items:flex-end}.speech-block--right .speaker-header{flex-direction:row-reverse}.speech-block--right .talk-line,.speech-block--right .dice-roll-card{margin-left:auto;margin-right:10%}.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-neon{background:#1b1b24;color:#e8e8f0;padding:1em;border-radius:8px;font-family:system-ui,sans-serif}.skin-neon .speaker-header{margin-top:1.25em}.skin-neon .speaker-header__icon{border:2px solid #7c5cff;box-shadow:0 0 6px #7c5cff99}.skin-neon .speaker-header__name{color:#b9a7ff;font-weight:700;letter-spacing:.05em}.skin-neon .dice-roll-card{background:linear-gradient(135deg,#2a2140,#1b1b24);border:1px solid #7c5cff;box-shadow:0 0 8px #7c5cff59}.skin-neon .dice-result-text{color:#ffd166;font-weight:700}.skin-neon .system-message-line{color:#7c5cff}.skin-neon .unknown-block-line{color:#ff6b6b}.skin-card{font-family:var(--font-sans);line-height:1.7}.skin-card .speaker-header{margin-top:1.5em}.skin-card .speaker-header__icon{border:2px solid var(--border)}.skin-card .speaker-header__name{color:var(--ink);font-weight:700}.skin-card .talk-line{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.6em .9em;box-shadow:0 1px 2px #0000000f}.skin-card .dice-roll-card{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px}.skin-card .dice-result-text{color:var(--accent-strong);font-weight:700}.skin-card .system-message-line{align-self:center;width:fit-content;color:var(--ink-faint);background:var(--surface-sunken);border-radius:999px;padding:.2em .9em}.skin-card .unknown-block-line{color:var(--danger)}.skin-paper{background:#f7f1e3;color:#3a2f1f;font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,serif;line-height:2;padding:1.5em 1.75em;border-radius:4px;max-width:640px}.skin-paper .speaker-header__icon{display:none}.skin-paper .speaker-header{margin-top:1.75em;border-bottom:1px solid #cbb994;padding-bottom:.2em;font-weight:400;letter-spacing:.08em}.skin-paper .speaker-header__name{color:#6b4f2a}.skin-paper .talk-line{margin-left:0;text-indent:1em}.skin-paper .dice-roll-card{margin-left:0;background:transparent;border:1px dashed #b8a276;font-family:ui-monospace,SFMono-Regular,monospace}.skin-paper .dice-result-text{color:#8a5a2b;font-weight:700}.skin-paper .system-message-line{color:#9c8a68;font-size:.85em}.skin-paper .unknown-block-line{color:#a15c4a}.skin-adventure .adventure-viewer{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);user-select:none;-webkit-user-select:none}.skin-adventure .adventure-progress{align-self:flex-end;font-size:.8em;color:var(--ink-faint)}.skin-adventure .adventure-stage{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-4);width:100%;min-height:140px;padding:var(--space-4) var(--space-2) var(--space-6);cursor:pointer}.skin-adventure .adventure-dialogue{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);text-align:left}.skin-adventure .adventure-dialogue__header{display:inline-flex;align-items:flex-end;gap:var(--space-2);position:relative;z-index:1;margin-bottom:-14px;margin-left:var(--space-2)}.skin-adventure .adventure-dialogue__icon{width:92px;height:92px;border-radius:14px;object-fit:cover;object-position:top;flex-shrink:0;border:3px solid var(--accent);box-shadow:0 8px 20px #00000059}.skin-adventure .adventure-dialogue__name{font-size:1.05em;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);border-radius:var(--radius-pill);padding:.25em .9em}.skin-adventure .adventure-dialogue__body{display:flex;flex-direction:column;gap:var(--space-2);width:100%;background:#0a0c10b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:var(--radius);box-shadow:0 10px 30px #0000004d;padding:var(--space-5) var(--space-4) var(--space-4)}.skin-adventure .adventure-text{margin:0;font-size:1.15em;line-height:1.8;white-space:pre-wrap;color:#f4f4f0}.skin-adventure .adventure-stage .system-message-line{align-self:center;margin:0;font-size:1em;color:var(--ink-soft)}.skin-adventure .adventure-stage .unknown-block-line{align-self:center;margin:0}.skin-adventure .adventure-stage .dice-roll-card{margin:0;width:auto;font-size:1em;background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:.5em .9em}.skin-adventure .adventure-hint{position:absolute;bottom:var(--space-3);right:var(--space-4);font-size:.8em;color:var(--ink-faint)}.skin-adventure .adventure-nav{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer}.skin-adventure .adventure-nav:disabled{opacity:.4;cursor:default}.skin-adventure .adventure-nav:not(:disabled):hover{background:var(--surface-sunken)}