.drama-root{--drama-accent:#f01324;--drama-accent-glow:color-mix(in oklab, var(--drama-accent) 55%, transparent);--drama-blue:#1d4fd8;--drama-yellow:#d4b32e;--drama-surface:#0a0a0a;--drama-surface-2:#111;--drama-border:#ffffff0f;color:#f5f5f5;background:#000}.drama-card{background:var(--drama-surface);border:1px solid var(--drama-border);border-radius:20px}.drama-card-inset{background:var(--drama-surface-2);border:1px solid var(--drama-border);border-radius:14px}.drama-progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.drama-progress-fill{background:var(--drama-accent);height:100%;box-shadow:0 0 12px var(--drama-accent-glow);border-radius:999px}.drama-sidebar-item{color:#f5f5f58c;letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-size:10.5px;transition:background .2s,color .2s;display:flex}.drama-sidebar-item:hover{color:#f5f5f5;background:#ffffff08}.drama-sidebar-item[data-active=true]{color:var(--drama-accent);background:color-mix(in oklab,var(--drama-accent) 12%,transparent);border-color:color-mix(in oklab,var(--drama-accent) 40%,transparent)}.drama-stat{cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:172px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.drama-stat:hover{transform:translateY(-2px)}.drama-stat[data-tone=blue]{background:var(--drama-blue);color:#f5f8ff}.drama-stat[data-tone=yellow]{background:var(--drama-yellow);color:#1a1400}.drama-stat[data-tone=red]{background:var(--drama-accent);color:#fff}.drama-stat[data-tone=dark]{background:var(--drama-surface);color:#f5f5f5;border:1px solid var(--drama-border)}.drama-continuity{isolation:isolate;background:radial-gradient(120% 90% at 50% 40%,#4a7fd6,#2a56b8 30%,#163a8c,#0a1f52 80%,#050d2e);border-radius:20px;min-height:260px;position:relative;overflow:hidden}.drama-continuity:before{content:"";z-index:1;background:radial-gradient(circle at 50% 55%,#0000 0 60px,#ffffff0f 61px 63px,#0000 64px 90px,#ffffff0d 91px 93px,#0000 94px 130px,#ffffff0a 131px 133px,#0000 134px 180px,#ffffff08 181px 183px,#0000 184px);position:absolute;inset:0}.drama-continuity:after{content:"";z-index:2;background:radial-gradient(circle at 35% 30%,#ffffffe6,#b4d2ffb3 25%,#3c6ec8e6 60%,#14328c);border-radius:999px;width:90px;height:90px;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #001e7899,inset -8px -12px 22px #0006}.drama-timeline-card{background:var(--drama-surface-2);border:1px solid var(--drama-border);cursor:pointer;border-radius:14px;flex:0 0 128px;transition:border-color .2s,transform .2s;overflow:hidden}.drama-timeline-card:hover{border-color:color-mix(in oklab,var(--drama-accent) 50%,transparent);transform:translateY(-2px)}.drama-timeline-card[data-active=true]{border-color:var(--drama-accent);box-shadow:0 0 0 1px var(--drama-accent),0 0 24px var(--drama-accent-glow)}.drama-thumb{aspect-ratio:16/10;background:radial-gradient(60% 80% at 30% 40%,#f0132459,#0000 60%),linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative}.drama-thumb:after{content:"";background:radial-gradient(80% 60% at 50% 100%,#0009,#0000 70%);position:absolute;inset:0}.drama-btn-outline{border:1px solid color-mix(in oklab,var(--drama-accent) 45%,transparent);color:var(--drama-accent);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.drama-btn-outline:hover{background:color-mix(in oklab,var(--drama-accent) 12%,transparent)}.drama-btn-primary{background:var(--drama-accent);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.drama-btn-primary:hover{box-shadow:0 0 24px var(--drama-accent-glow)}.drama-btn-ghost{background:var(--drama-surface-2);color:#f5f5f5;border:1px solid var(--drama-border);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:border-color .2s;display:inline-flex}.drama-btn-ghost:hover{border-color:color-mix(in oklab,var(--drama-accent) 40%,transparent)}.drama-chip{background:color-mix(in oklab,var(--drama-accent) 14%,transparent);color:var(--drama-accent);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:500;display:inline-flex}.drama-badge-status{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.drama-badge-status[data-status=Completed]{color:#6ee7a0;background:#50c87826}.drama-badge-status[data-status="In Progress"]{background:color-mix(in oklab,var(--drama-accent) 18%,transparent);color:var(--drama-accent)}.drama-badge-status[data-status=Draft]{color:#ffffffb3;background:#ffffff14}.drama-badge-status[data-status=Planned]{color:#ffffff80;background:#ffffff0d}