:root{color-scheme:light;--bg:oklch(.98 .005 80);--surface:oklch(1 0 0);--surface-2:oklch(.965 .004 80);--surface-3:oklch(.945 .004 80);--border:oklch(.9 .005 80);--border-strong:oklch(.82 .008 80);--fg:oklch(.2 .01 80);--fg-muted:oklch(.48 .008 80);--fg-subtle:oklch(.62 .006 80);--dark:oklch(.22 .01 250);--on-dark:oklch(.96 .005 80);--accent:oklch(.56 .14 165);--accent-fg:oklch(.98 .01 165);--accent-soft:oklch(.94 .04 165);--accent-border:oklch(.8 .08 165);--danger:oklch(.55 .18 25);--danger-soft:oklch(.95 .04 25);--warn:oklch(.7 .14 75);--warn-soft:oklch(.96 .05 75);--info:oklch(.6 .1 240);--info-soft:oklch(.95 .03 240);--radius:10px;--radius-sm:6px;--radius-lg:16px;--shadow-sm:0 1px 2px oklch(.2 .01 80/.04);--shadow-md:0 6px 20px oklch(.2 .01 80/.06);background:var(--bg);color:var(--fg);font-family:Inter,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);margin:0;min-height:100vh}body,button,input,select,textarea{font:inherit}a,button,input,select,textarea{color:inherit}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:22px;line-height:1.25}h1,h2{font-weight:600}h2{font-size:16px;line-height:1.3}.app-shell{min-height:100vh}.viewer-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 57px)}.admin-shell{grid-template-columns:240px 220px minmax(0,1fr)}.app-main{min-width:0}.page{max-width:1280px;padding:28px 32px 56px}.page-narrow{max-width:760px}.topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklch,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);display:flex;gap:16px;height:57px;padding:0 18px;position:sticky;top:0;z-index:30}.avatar,.brand,.brand-mark,.guild-symbol,.icon-button{align-items:center;display:inline-flex;justify-content:center}.brand-mark{background:linear-gradient(135deg,#262f38,#0e1216);border-radius:6px;color:#fff;font:700 12px/1 JetBrains Mono,monospace;height:22px;width:22px}.auth-brand{font-size:16px;height:32px;width:32px}.breadcrumb{font-weight:600}.topbar-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.btn,.icon-button,.topbar-surface-link,.user-chip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.icon-button{cursor:pointer;height:34px;width:34px}.text-button{font-size:12px;font-weight:600;padding:0 10px;width:auto}.user-chip{color:var(--fg-muted);gap:8px;height:34px;padding:0 10px 0 4px}.topbar-surface-link,.user-chip{align-items:center;display:inline-flex}.topbar-surface-link{color:var(--fg);font-size:12px;font-weight:700;min-height:34px;padding:0 10px;white-space:nowrap}.avatar{background:var(--dark);border-radius:50%;color:var(--on-dark);font-weight:700;height:26px;width:26px}.role-chip{align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);display:inline-flex;font-size:11px;font-weight:600;gap:6px;height:28px;padding:0 9px}.role-chip-square{background:#009298;background:oklch(.6 .15 200);border-radius:2px;height:8px;width:8px}.admin-menu,.left-pane{background:var(--surface-2);border-right:1px solid var(--border);height:calc(100vh - 57px);overflow:auto;padding:14px 10px;position:sticky;top:57px}.admin-menu-list,.content-grid,.guild-list,.left-pane-nav,.side-stack,.stack,.stack-lg{display:grid}.guild-list{gap:6px}.admin-back,.admin-menu-list a,.guild-item,.left-pane-nav a{align-items:center;border-radius:var(--radius-sm);color:var(--fg-muted);display:flex;gap:10px;min-height:42px;padding:7px 8px}.admin-menu-list a.router-link-active,.guild-item.active,.left-pane-nav a.active,.left-pane-nav a.router-link-active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--fg)}.guild-symbol{background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--fg);flex:0 0 auto;font-size:11px;font-weight:700;height:30px;width:30px}.guild-main{display:grid;flex:1;min-width:0}.guild-name,.video-card-title{overflow:hidden;text-overflow:ellipsis}.guild-name{color:inherit;font-weight:600;white-space:nowrap}.guild-state{color:var(--fg-subtle);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{background:var(--fg-subtle);border-radius:50%;height:8px;width:8px}.badge.ok,.status-dot.ok{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.status-dot.ok{background:var(--accent)}.badge.warn,.status-dot.warn{background:var(--warn-soft);border-color:color-mix(in oklch,var(--warn) 40%,var(--border));color:var(--warn)}.status-dot.warn{background:var(--warn)}.badge.err,.status-dot.err{background:var(--danger-soft);border-color:color-mix(in oklch,var(--danger) 40%,var(--border));color:var(--danger)}.status-dot.err{background:var(--danger)}.guild-add{align-items:center;background:transparent;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;display:flex;gap:8px;margin:12px 0;padding:9px 10px;width:100%}.guild-popover,.notice,.state-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.guild-popover{color:var(--fg-muted);font-size:12px;margin-bottom:12px}.left-pane-nav{border-top:1px solid var(--border);gap:4px;margin-top:14px;padding-top:14px}.admin-menu-title,.left-pane-section-title{color:var(--fg-subtle);font-size:11px;font-weight:700;letter-spacing:0;margin:4px 8px 10px;text-transform:uppercase}.left-pane-section-title{display:block;margin-bottom:6px}.admin-menu-list{gap:4px}.admin-back{border-radius:0;border-top:1px solid var(--border);margin-top:18px}.page-header{display:grid;gap:6px;margin-bottom:20px}.page-header.compact,.page-header.split{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.muted,.page-subtitle,.video-card-desc{color:var(--fg-muted)}.btn-row,.filter-row,.guild-filter-row,.header-actions,.video-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.toolbar{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) 150px 120px auto;margin-bottom:14px}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;outline:none;padding:10px 12px;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:92px;resize:vertical}.badge,.filter-chip,.toggle-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);display:inline-flex;font-size:12px;font-weight:600;gap:7px;min-height:32px;padding:0 10px}.filter-chip.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.badge{font-size:11px;min-height:24px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.badge.neutral{background:var(--surface-2)}.community-badge{background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent);font-size:11.5px;font-weight:600;padding:2px 7px}.video-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.compact-video,.kpi-card,.panel,.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.video-card{overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-card-thumb{aspect-ratio:16/9;background:var(--dark);position:relative}.player-poster-mark,.video-card-thumb-fallback{align-items:center;color:var(--on-dark);display:flex;font-weight:700;inset:0;justify-content:center;position:absolute}.video-card-duration{background:#000000b8;border-radius:5px;bottom:8px;color:#fff;font-size:11px;padding:2px 7px;position:absolute;right:8px}.video-card-body{display:grid;gap:9px;padding:14px}.video-card-title{font-size:14px;min-height:41px}.video-card-desc,.video-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-card-desc{font-size:13px;min-height:42px;overflow:hidden}.video-card-meta{color:var(--fg-subtle);font-size:12px}.panel{padding:18px}.panel-title{margin-bottom:8px}.stack{gap:12px}.stack-lg{gap:18px}.content-grid{gap:16px}.state-panel{background:var(--surface-2);display:grid;gap:8px;margin:16px 0}.notice.warn{background:var(--warn-soft);border-color:color-mix(in oklch,var(--warn) 40%,var(--border));color:color-mix(in oklch,var(--warn) 70%,var(--fg));margin-bottom:14px}.btn{cursor:pointer;font-weight:600;min-height:34px;padding:7px 12px}.btn:hover{border-color:var(--accent-border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-danger{background:var(--danger-soft);border-color:color-mix(in oklch,var(--danger) 40%,var(--border));color:var(--danger)}.btn-sm{font-size:12px;min-height:28px;padding:4px 9px}.btn-wide{width:100%}.auth-page{display:grid;min-height:100vh;padding:20px;place-items:center}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:14px;padding:26px;width:min(360px,100%)}.local-preview-actions{display:grid;gap:8px}.quiet-link{color:var(--fg-muted);font-size:12px;text-align:center}.check-row,.field{display:grid;gap:6px}.check-row{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;padding:10px}.check-row input{accent-color:var(--accent);height:18px;width:18px}.field-label{color:var(--fg-muted);font-size:12px;font-weight:600}.terms-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);max-height:360px;overflow:auto;padding:16px}.terms-box,.terms-text{white-space:pre-line}.back-link{color:var(--fg-muted);display:inline-flex;margin-bottom:14px}.player-wrap{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 320px}.player-frame,.player-poster{aspect-ratio:16/9;background:var(--dark);border:0;border-radius:var(--radius);width:100%}.player-poster{display:grid;place-items:center;position:relative}.player-poster-mark{font-size:28px;position:static}.player-play{background:#ffffff24;border:1px solid oklch(1 0 0/.3);border-radius:50%;color:#fff;cursor:pointer;height:72px;position:absolute;width:72px}.side-stack{gap:14px}.definition-list{display:grid;gap:10px;margin:0}.definition-list div,.list-row{align-items:center;display:flex;gap:14px;justify-content:space-between}.definition-list dt{color:var(--fg-subtle);font-size:12px}.definition-list dd{font-weight:600;margin:0}.compact-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.compact-video{display:grid;gap:4px;padding:12px}.compact-video small{color:var(--fg-muted)}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.kpi-card{display:grid;gap:8px;padding:16px}.kpi-card span{color:var(--fg-muted);font-size:12px}.kpi-card strong{font-size:24px;font-variant-numeric:tabular-nums}.kpi-card small{color:var(--fg-subtle);font-size:12px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;min-width:680px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:10px;text-align:left}.data-table th{color:var(--fg-subtle);font-size:12px;font-weight:600}.analytics-panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.analytics-panel-header strong{font-size:26px;font-variant-numeric:tabular-nums}.analytics-chart{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(14,minmax(42px,1fr));min-height:190px;overflow-x:auto;padding-top:10px}.analytics-bar{align-items:end;display:grid;gap:6px;grid-template-rows:22px 132px 20px;justify-items:center;min-width:42px}.analytics-bar small,.analytics-bar strong{font-variant-numeric:tabular-nums}.analytics-bar strong{color:var(--fg);font-size:12px}.analytics-bar span{background:linear-gradient(180deg,var(--accent) 0,color-mix(in oklch,var(--accent) 72%,#000) 100%);border-radius:6px 6px 2px 2px;max-width:34px;width:100%}.analytics-bar small{color:var(--fg-subtle);font-size:11px}.analytics-table td{vertical-align:top}.analytics-table td:nth-child(n+3){font-variant-numeric:tabular-nums;white-space:nowrap}.analytics-video-link{color:var(--fg);display:block;font-weight:700;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-video-link+small{color:var(--fg-subtle);display:block;margin-top:3px}.stepper{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 0 14px;padding:0}.stepper li{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);display:flex;font-size:12px;gap:7px;padding:9px}.stepper li.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.stepper span{align-items:center;background:var(--surface-3);border-radius:50%;display:inline-flex;height:20px;justify-content:center;width:20px}.drop-zone{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--fg-muted);cursor:pointer;display:grid;min-height:180px;place-items:center;position:relative;text-align:center}.drop-zone input{block-size:1px;inline-size:1px;opacity:0;pointer-events:none;position:absolute}.progress{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.progress span{background:var(--accent);display:block;height:100%}.usage-bars{align-items:end;display:flex;gap:10px;min-height:180px}.usage-bar{align-items:end;display:grid;flex:1;gap:8px;justify-items:center}.usage-bar span{background:var(--accent);border-radius:6px 6px 0 0;width:100%}.mono{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:12px}.section{margin-top:28px}.section-title{margin-bottom:12px}.footer{border-top:1px solid var(--border);color:var(--fg-subtle);font-size:12px;padding:14px 24px}@media(max-width:980px){.admin-shell,.viewer-shell{grid-template-columns:72px minmax(0,1fr)}.admin-menu{border-bottom:1px solid var(--border);border-right:0;grid-column:1/-1;height:auto;position:static}.guild-add span:last-child,.guild-main,.left-pane-nav a{display:none}.left-pane{padding-inline:8px}.guild-item{justify-content:center}.player-wrap,.toolbar{grid-template-columns:1fr}}@media(max-width:720px){.topbar{gap:10px;padding-inline:12px}.breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-chip,.user-chip span:last-child{display:none}.page{padding:20px 16px 44px}.page-header.compact,.page-header.split{display:grid}.stepper{grid-template-columns:1fr 1fr}}