.overview{padding:clamp(72px,9vw,128px) 0 clamp(40px,6vw,88px)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{display:flex;flex-direction:column;gap:16px;padding:14px 14px 22px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.tile:focus-visible{outline-offset:4px}@media (hover: hover){.tile:hover{transform:translateY(-3px)}.tile:hover .tile__go{transform:translate(3px);color:var(--accent-ink)}}.tile__art{height:150px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(color-mix(in oklab,var(--ink) 11%,transparent) 1px,transparent 1.3px) 0 0 / 14px 14px,color-mix(in oklab,var(--surface) 50%,transparent);box-shadow:inset 0 0 0 1px var(--border)}.tile__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px}.tile h3{font-size:20px;font-weight:600;line-height:1.15;letter-spacing:-.02em}.tile__go{display:grid;color:var(--ink-mute);transition:transform .35s var(--ease),color .3s}.tile p{padding:0 6px;font-size:15px;line-height:1.55;color:var(--ink-dim)}.tile:not(.is-live) .art *,.tile:not(.is-live) .art *:before{animation:none}.art-plan{display:flex;align-items:center;gap:14px}.ap-doc{width:46px;height:60px;padding:9px 8px;border-radius:6px;display:grid;gap:5px;align-content:start;background:var(--surface);box-shadow:0 0 0 1px var(--border),0 6px 14px -10px #3a261866}.ap-doc i{height:4px;border-radius:2px;background:var(--surface-lift)}.ap-doc i:first-child{width:70%;background:color-mix(in oklab,var(--accent) 38%,var(--surface-lift))}.ap-flow{display:flex;gap:4px}.ap-flow i{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.35;animation:ap-flow 1.2s ease-in-out infinite}.ap-flow i:nth-child(2){animation-delay:.2s}.ap-flow i:nth-child(3){animation-delay:.4s}@keyframes ap-flow{50%{opacity:1}}.ap-sprints{display:grid;gap:7px}.ap-row{display:flex;align-items:center;gap:5px}.ap-row b{width:20px;font-family:var(--mono);font-size:10px;font-weight:500;color:var(--ink-mute)}.ap-row span{width:26px;height:14px;border-radius:4px;background:var(--surface);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 38%,var(--border));animation:ap-pop 4.8s var(--ease) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes ap-pop{0%{transform:scale(.4);opacity:0}12%,85%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.art-run{width:250px}.ar-lanes{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:6px;font-family:var(--mono);font-size:10px;color:var(--ink-mute)}.ar-lanes i{font-style:normal;padding-left:3px}.ar-track{position:relative;height:76px;border-radius:8px;background:linear-gradient(90deg,transparent calc(33.333% - .5px),var(--border) calc(33.333% - .5px),var(--border) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),var(--border) calc(66.666% - .5px),var(--border) calc(66.666% + .5px),transparent calc(66.666% + .5px)),color-mix(in oklab,var(--surface-lift) 50%,transparent)}.ar-card{--l: 0;--r: 0;position:absolute;top:calc(5px + var(--r) * 36px);left:calc(var(--l) * 33.333% + 3px);width:calc(33.333% - 6px);height:30px;display:grid;place-items:center;border-radius:6px;background:var(--surface);box-shadow:0 0 0 1px var(--border);font-family:var(--mono);font-size:10.5px;color:var(--ink-dim)}.ar-move{color:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 45%,transparent),0 6px 14px -8px var(--accent-glow);transform:translate(calc(200% + 12px));animation:ar-move 4.5s var(--ease) infinite}@keyframes ar-move{0%,15%{transform:translate(0)}35%,55%{transform:translate(calc(100% + 6px))}75%,95%{transform:translate(calc(200% + 12px))}to{transform:translate(0)}}.art-sig{position:relative;width:210px;height:104px}.as-chart{position:absolute;left:0;bottom:0;width:170px;height:74px;overflow:visible}.as-plan{fill:none;stroke:var(--wire);stroke-width:1.5;stroke-dasharray:3 4}.as-real{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;animation:as-draw 4.2s var(--ease) infinite}.as-now{fill:var(--accent)}@keyframes as-draw{0%{stroke-dashoffset:100}45%,to{stroke-dashoffset:0}}.as-pill{position:absolute;right:0;top:0;display:grid;font-family:var(--mono);font-size:11px}.as-pill em{grid-area:1 / 1;padding:3px 9px;border-radius:999px;font-style:normal;white-space:nowrap}.as-ok{opacity:0;color:var(--ink-dim);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);animation:as-ok 4.2s infinite}.as-bad{opacity:1;color:var(--accent-ink);background:color-mix(in oklab,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 45%,transparent);animation:as-bad 4.2s infinite}@keyframes as-ok{0%,48%{opacity:1}56%,to{opacity:0}}@keyframes as-bad{0%,48%{opacity:0}56%,to{opacity:1}}.ac-box{position:relative;width:220px;height:120px}.ac-wires{position:absolute;inset:0;width:220px;height:120px;overflow:visible}.ac-wires path{fill:none;stroke:var(--wire);stroke-width:1.25;stroke-dasharray:3 5;animation:march 1.2s linear infinite}.ac-src{position:absolute;left:12px;top:calc(var(--y) - 15px);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface);box-shadow:0 0 0 1px var(--border);color:var(--ink)}.ac-src svg{width:15px;height:15px}.ac-hub{position:absolute;left:166px;top:36px;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#f97316,#db4c74);box-shadow:inset 0 1px #ffffff59,0 10px 22px -10px var(--accent-glow)}.ac-hub svg{width:26px;height:26px}.ac-hub svg path{stroke:#fff}.ac-hub svg circle{fill:#fff}.ac-dot{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);offset-path:var(--p);offset-rotate:0deg;opacity:0;animation:ac-go 2.4s ease-in-out infinite;animation-delay:var(--d)}@keyframes ac-go{0%{offset-distance:0%;opacity:0}10%{opacity:1}70%{offset-distance:100%;opacity:1}80%,to{offset-distance:100%;opacity:0}}.art-portal{position:relative}.apo-card{width:214px;padding:12px;border-radius:10px;display:grid;gap:7px;background:var(--surface);box-shadow:0 0 0 1px var(--border),0 10px 24px -16px #3a261866}.apo-pill{justify-self:start;padding:2px 8px;border-radius:999px;font-family:var(--mono);font-size:10px;color:var(--accent-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 45%,transparent)}.apo-card b{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:-.01em}.apo-card i{height:6px;border-radius:3px;background:var(--surface-lift);transform-origin:left;animation:apo-line 4s var(--ease) infinite}.apo-card .apo-short{width:60%}@keyframes apo-line{0%{transform:scaleX(0)}25%,to{transform:scaleX(1)}}.apo-seen{position:absolute;right:-18px;top:-12px;padding:3px 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;background:var(--accent);color:var(--on-accent);box-shadow:0 6px 14px -6px var(--accent-glow);animation:apo-seen 4s var(--ease) infinite}@keyframes apo-seen{0%,30%{transform:scale(0);opacity:0}42%{transform:scale(1.1);opacity:1}50%,90%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.art-sec{display:flex;align-items:center;gap:16px}.asc-lock{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--accent-ink);background:color-mix(in oklab,var(--accent) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 25%,transparent);animation:asc-lock 3.6s ease-in-out infinite}.asc-lock svg{width:24px;height:24px}@keyframes asc-lock{0%,to{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 25%,transparent),0 0 color-mix(in oklab,var(--accent) 30%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 25%,transparent),0 0 0 9px transparent}}.asc-roles{display:grid;gap:6px}.asc-roles span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:var(--surface);box-shadow:0 0 0 1px var(--border);font-size:12px;font-weight:500;animation:asc-in 3.6s var(--ease) infinite}.asc-roles span:nth-child(2){animation-delay:.15s}.asc-roles span:nth-child(3){animation-delay:.3s}.asc-roles svg{width:13px;height:13px}.asc-guest{color:var(--ink-mute)}@keyframes asc-in{0%{opacity:0;transform:translate(-6px)}15%,90%{opacity:1;transform:none}to{opacity:0}}@media (max-width: 960px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.tiles{grid-template-columns:minmax(0,1fr)}}.who{padding:clamp(72px,9vw,128px) 0}.who__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,88px);align-items:center}.who__line{margin-top:28px;max-width:42ch;min-height:7.5em;font-size:20px;line-height:1.55;color:var(--ink-dim)}.who__line.is-swap{animation:fade-up .5s var(--ease)}.who__vis{display:grid}.who__shot{grid-area:1 / 1;align-self:center;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .5s var(--ease),transform .8s var(--ease);pointer-events:none}.who__shot.is-on{opacity:1;transform:none;pointer-events:auto}.chips{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:13px}.chips__thumb{position:absolute;left:0;top:0;width:0;height:0;border-radius:9px;background:var(--surface);box-shadow:0 0 0 .5px var(--glass-keyline),0 1px 2px #3a26181f,0 6px 16px -8px #783c144d;transition:transform .55s var(--ease),width .55s var(--ease),height .55s var(--ease)}:root[data-theme=dark] .chips__thumb{background:#ffffff17;box-shadow:inset 0 1px #ffffff1f,0 6px 16px -8px #0009}.chip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;font-size:14px;font-weight:500;line-height:1.2;color:var(--ink-mute);transition:color .3s var(--ease)}.chip__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .4s var(--ease)}.chip[aria-pressed=true]{color:var(--ink)}.chip[aria-pressed=true] .chip__dot{transform:scale(1)}@media (hover: hover){.chip:hover{color:var(--ink)}}@media (max-width: 1100px){.who__grid{grid-template-columns:minmax(0,1fr)}.who__line{min-height:0}}@media (max-width: 560px){.chips{max-width:100%;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:8px 13px;font-size:13px}.who__line{font-size:18px}}.rule{--base: #0B0A0A;--surface: #151413;--surface-lift: #1D1B1A;--accent: #F97316;--accent-glow: rgba(249, 115, 22, .3);--accent-ink: #FB923C;--ink: #F3F0ED;--ink-dim: #B9B3AE;--ink-mute: #958E89;--border: #282524;--wire: rgba(255, 245, 238, .14);--glass: rgba(255, 255, 255, .035);--glass-strong: rgba(22, 21, 20, .84);--glass-border: rgba(255, 255, 255, .08);--glass-keyline: rgba(0, 0, 0, .55);--glass-hi: rgba(255, 255, 255, .16);--glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 40%);--glass-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 24px 60px -24px rgba(0, 0, 0, .7);color-scheme:dark;position:relative;isolation:isolate;overflow:clip;margin:0 16px;padding:clamp(96px,12vw,160px) 0;border-radius:28px;background:#0e0d0c;color:var(--ink);box-shadow:inset 0 1px #ffffff0f}.rule:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 60% at 78% 0%,rgba(234,88,12,.34),transparent 70%),radial-gradient(36% 50% at 12% 100%,rgba(219,76,116,.16),transparent 70%)}.rule:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,240,230,.1) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:radial-gradient(60% 70% at 72% 50%,#000 10%,transparent 75%);mask-image:radial-gradient(60% 70% at 72% 50%,#000 10%,transparent 75%)}.rule__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,5vw,80px);align-items:center}.rule h2{font-size:clamp(40px,4.6vw,68px);font-weight:600;line-height:1;letter-spacing:-.04em}.rule h2 .w{display:inline-block}.rule__close{margin-top:24px;max-width:40ch;font-size:19px;line-height:1.55;color:var(--ink-dim)}.dial{position:relative;padding:18px 20px}.dial__week{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:10px 0 2px}.day{display:grid;justify-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--ink-mute)}.day__bars{width:100%;height:118px;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:8px 0;border-radius:10px;background:color-mix(in oklab,var(--surface) 60%,transparent);box-shadow:inset 0 0 0 1px var(--border);transition:background .5s var(--ease),box-shadow .5s var(--ease)}.day__bars i{width:6px;height:var(--h);border-radius:3px;background:#fff0e657;transform-origin:bottom}.day.is-draft .day__bars{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 40%,transparent)}.day.is-lit .day__bars{background:color-mix(in oklab,var(--accent) 16%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent),0 0 28px -6px var(--accent-glow)}.day.is-lit .day__bars i{background:var(--accent)}.day.is-lit span{color:var(--accent-ink)}.day.is-off{opacity:.45}.dial__hand{position:absolute;top:4px;bottom:26px;left:0;width:2px;margin-left:-1px;border-radius:2px;background:linear-gradient(var(--accent),transparent);box-shadow:0 0 14px var(--accent-glow)}.dial__hand:before{content:"";position:absolute;top:-4px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.dial__out{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.dial__status{display:flex;align-items:center;gap:9px;min-width:0;font-size:13.5px;color:var(--ink-dim)}.dial__status .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink-mute);transition:background .3s,box-shadow .3s}.dial.is-ready .dial__status .dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent)}.dial .publish.is-wait{background:var(--surface-lift);color:var(--ink-mute);box-shadow:inset 0 0 0 1px var(--border)}:root[data-theme=dark] .rule{background:#131211;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff14}:root[data-theme=dark] .rule:before{opacity:.5}@media (max-width: 1100px){.rule__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.rule{margin:0 8px;border-radius:22px}.dial{padding:14px}.dial__week{gap:4px}.day__bars{height:92px;gap:2px}.day__bars i{width:4px}.dial__out{flex-direction:column;align-items:flex-start}}