.dir-page{position:relative;z-index:1;color:#fff}:where(html:not(.dark)) .dir-page{color:#0f172a}.dir-glass{background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0f;border-radius:16px}:where(html:not(.dark)) .dir-glass{background:linear-gradient(135deg,#ffffffc7,#fff9);border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 20px #0f172a14,inset 0 1px #ffffffb3}.dir-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.15rem;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563ebf7,#1e56e0f7,#1d4ed8fa);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #fff3;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.dir-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666,inset 0 1px #ffffff40}.dir-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659,0 4px 16px #3b82f64d}.dir-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dir-btn--ghost{color:#fff;background:#ffffff1a;box-shadow:inset 0 1px #ffffff1a}:where(html:not(.dark)) .dir-btn--ghost{color:#0f172a;background:#0f172a0f;box-shadow:inset 0 1px #ffffff80}.dir-input,.dir-textarea,.dir-select{width:100%;min-height:44px;padding:.65rem .9rem;border-radius:12px;font-size:1rem;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0f}:where(html:not(.dark)) .dir-input,:where(html:not(.dark)) .dir-textarea,:where(html:not(.dark)) .dir-select{color:#0f172a;background:#ffffffb8;border:1px solid rgba(15,23,42,.1);box-shadow:inset 0 1px #ffffffb3}.dir-input::-moz-placeholder,.dir-textarea::-moz-placeholder{color:#6b7280}.dir-input::placeholder,.dir-textarea::placeholder{color:#6b7280}.dir-input:focus,.dir-textarea:focus,.dir-select:focus{outline:none;box-shadow:0 0 0 3px #3b82f659}.dir-label{display:block;font-size:.875rem;font-weight:600;color:#d1d5db;margin-bottom:.35rem}:where(html:not(.dark)) .dir-label{color:#334155}.dir-muted{color:#d1d5db}:where(html:not(.dark)) .dir-muted{color:#334155}.dir-suggestion{display:flex;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000040;color:#f1f5f9;font-size:1rem;line-height:1.5;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}:where(html:not(.dark)) .dir-suggestion{background:linear-gradient(135deg,#0f172a0d,#0f172a05);box-shadow:inset 0 1px #ffffff80,0 1px 6px #0000000f;color:#0f172a}.dir-suggestion:hover{transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f659}.dir-suggestion__n{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:.875rem;background:#3b82f6bf;color:#fff}.dir-suggestion__t{flex:1 1 auto}.dir-clip-open{display:flex;gap:12px;flex:1 1 auto;min-width:0;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer}.dir-clip-no{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:6px;font-size:.875rem;font-weight:800;background:#3b82f62e;color:#bfdbfe}:where(html:not(.dark)) .dir-clip-no{color:#1d4ed8}.dir-votes{display:inline-flex;align-items:center;gap:6px}.dir-vote{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:999px;font-size:.875rem;font-weight:700;line-height:1;cursor:pointer;color:#d1d5db;background:#ffffff14;transition:background .12s ease,color .12s ease}:where(html:not(.dark)) .dir-vote{color:#334155;background:#0f172a0f}.dir-vote:disabled{cursor:default;opacity:.55}.dir-vote:not(:disabled):hover{background:#3b82f62e}.dir-vote--on{background:#2563ebd9;color:#fff}.dir-vote--off{background:#b91c1ccc;color:#fff}.dir-vote__score{font-size:.875rem;font-weight:800;color:#fff;min-width:1.5rem;text-align:center}:where(html:not(.dark)) .dir-vote__score{color:#0f172a}.dir-vote__err{font-size:.875rem;color:#fca5a5}:where(html:not(.dark)) .dir-vote__err{color:#b91c1c}.dir-error{font-size:1rem;font-weight:600;color:#fca5a5}:where(html:not(.dark)) .dir-error{color:#b91c1c}.dir-name{color:#fff}:where(html:not(.dark)) .dir-name{color:#0f172a}.dir-accent{color:#bfdbfe}:where(html:not(.dark)) .dir-accent{color:#1d4ed8}.dir-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;font-size:.875rem;font-weight:600;color:#bfdbfe;background:#3b82f638}:where(html:not(.dark)) .dir-chip{color:#1d4ed8;background:#3b82f624}.dir-chip--current{color:#fff;background:#2563ebf2}:where(html:not(.dark)) .dir-chip--current{color:#fff;background:#2563ebf7}.dir-chip--live{color:#fff;background:linear-gradient(135deg,#dc2626f2,#b91c1ce6)}.dir-stage{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #00000059}.dir-stage--landscape{aspect-ratio:16 / 9}.dir-stage--portrait{aspect-ratio:9 / 16;max-height:78vh;margin:0 auto}.dir-stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.dir-stage video.is-hidden{opacity:0;pointer-events:none}.dir-overlay-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;font-size:.875rem;font-weight:600;color:#fff;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dir-overlay-tag img{width:24px;height:24px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.dir-status-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1.5rem;color:#fff;background:radial-gradient(circle at 50% 40%,#2563eb59,#000000bf)}.dir-takes{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#3b82f629,#ffffff08);box-shadow:inset 0 1px #ffffff12,0 4px 20px #00000047}:where(html:not(.dark)) .dir-takes{background:linear-gradient(135deg,#3b82f61a,#3b82f60a);box-shadow:inset 0 1px #ffffff80,0 2px 12px #00000012}.dir-take{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000040;color:#f1f5f9}:where(html:not(.dark)) .dir-take{background:linear-gradient(135deg,#ffffffbf,#ffffff80);box-shadow:inset 0 1px #fff9,0 1px 6px #0000000f;color:#0f172a}.dir-take--on{box-shadow:inset 0 1px #ffffff0f,0 0 0 2px #60a5faa6}:where(html:not(.dark)) .dir-take--on{box-shadow:inset 0 1px #fff9,0 0 0 2px #2563eb8c}.dir-take__side{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}.dir-take__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.875rem;font-weight:800;background:#2563ebe6;color:#fff}.dir-take-count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.875rem;font-weight:700;cursor:pointer;color:#bfdbfe;background:#3b82f63d}:where(html:not(.dark)) .dir-take-count{color:#1d4ed8;background:#3b82f629}.dir-take-count:hover{background:#3b82f647}.dir-clip-open.is-playing{box-shadow:0 0 0 2px #60a5faa6;border-radius:12px}:where(html:not(.dark)) .dir-clip-open.is-playing{box-shadow:0 0 0 2px #2563eb8c}.dir-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.dir-frame{position:relative;display:block;padding:0;border-radius:10px;background:none;cursor:pointer;overflow:hidden}.dir-frame--on{box-shadow:0 0 0 3px #2563ebb3}.dir-frame__label{position:absolute;left:4px;bottom:4px;display:inline-flex;align-items:center;gap:4px;color:#fff}.dir-take-count--on{background:#2563ebf2;color:#fff}:where(html:not(.dark)) .dir-take-count--on{background:#2563ebe6;color:#fff}.dir-take-count:disabled{cursor:default;opacity:.5}.dir-asset-veil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;aspect-ratio:1 / 1;padding:8px;border-radius:10px;text-align:center;font-weight:600;color:#dbeafe;background:#3b82f63d}:where(html:not(.dark)) .dir-asset-veil{color:#1e3a8a;background:#3b82f629}.dir-asset-veil--bad{color:#fecaca;background:#b91c1c4d}:where(html:not(.dark)) .dir-asset-veil--bad{color:#7f1d1d;background:#b91c1c29}.dir-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.dir-sheet-slot{display:flex;flex-direction:column;gap:6px}.dir-page input[type=checkbox]{width:1.5rem;height:1.5rem;flex-shrink:0;accent-color:#3b82f6;cursor:pointer}.dir-page label:has(>input[type=checkbox]){min-height:44px;cursor:pointer}a.dir-chip,.dir-chip--link{min-height:44px;padding-top:.5rem;padding-bottom:.5rem}.dir-rail{flex-direction:column;gap:4px;flex-shrink:0;width:256px;padding:10px;border-radius:18px;background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0f;position:sticky;top:calc(var(--app-inset-top, 0px) + 1rem);align-self:flex-start;max-height:calc(100vh - var(--app-inset-top, 0px) - 2rem);overflow-y:auto}:where(html:not(.dark)) .dir-rail{background:linear-gradient(135deg,#ffffffd1,#ffffffa3);border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 20px #0f172a14,inset 0 1px #ffffffb3}@media(min-width:768px)and (max-width:1023px){.dir-rail{width:76px}.dir-rail .dir-rail__label{display:none}.dir-rail .dir-rail__item{justify-content:center;padding-left:0;padding-right:0}}.dir-rail__item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border-radius:12px;font-size:1rem;font-weight:600;text-align:left;color:#d1d5db;background:transparent;transition:background .15s ease,color .15s ease;cursor:pointer}:where(html:not(.dark)) .dir-rail__item{color:#334155}.dir-rail__item:hover{background:#3b82f629;color:#bfdbfe}:where(html:not(.dark)) .dir-rail__item:hover{background:#3b82f61a;color:#1d4ed8}.dir-rail__item--active,.dir-rail__item--active:hover{color:#fff;background:linear-gradient(135deg,#3b82f6b3,#2563ebd9);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #fff3}:where(html:not(.dark)) .dir-rail__item--active,:where(html:not(.dark)) .dir-rail__item--active:hover{color:#fff;background:linear-gradient(135deg,#2563ebf7,#1d4ed8fa);box-shadow:0 4px 16px #2563eb4d,inset 0 1px #fff3}.dir-rail__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-rail__heading{padding:6px 12px 8px;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#d1d5db}:where(html:not(.dark)) .dir-rail__heading{color:#334155}@media(min-width:768px)and (max-width:1023px){.dir-rail__heading{display:none}}.dir-rail--drawer{display:flex;position:static;width:100%;max-height:none;overflow:visible;padding:4px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;border-radius:0}@media(min-width:768px)and (max-width:1023px){.dir-rail--drawer .dir-rail__label{display:inline}.dir-rail--drawer .dir-rail__heading{display:block}.dir-rail--drawer .dir-rail__item{justify-content:flex-start;padding-left:12px;padding-right:12px}}