@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--ypb-blue:#2563eb;--ypb-blue-bright:#3b82f6;--ypb-blue-soft:#dbeafe;--ypb-blue-ink:#123a78;color:#17201f;font-synthesis:none;background:#111817;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{background:#e8e6df;min-height:100vh;display:flex}.sidebar{color:#e7e7df;background:#111817;flex-direction:column;flex-shrink:0;width:300px;padding:30px 18px 22px;display:flex}.brand{letter-spacing:-1.5px;align-items:flex-start;gap:10px;margin:4px 12px 62px;font-size:20px;font-weight:700;line-height:.8;display:flex}.brand i{clip-path:polygon(0 0,100% 0,100% 31%,34% 31%,34% 100%,0 100%);background:#2879ed;flex:none;width:27px;height:27px;margin-top:-4px;display:block}nav{gap:8px;display:grid}.nav-item{appearance:none;color:#a5aaa1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;padding:12px;font:500 13px DM Sans;display:flex}.nav-item span{color:#d5d8d0;width:16px;font-size:17px}.nav-item em{color:#7d857c;margin-left:auto;font:12px DM Mono}.nav-item.active{color:#fff;background:#26302c}.shoot{border-top:1px solid #2a3430;align-items:flex-start;gap:10px;margin:auto 7px 25px;padding:15px 0;display:flex}.lime-dot{background:#c9ff44;border-radius:50%;width:7px;height:7px;margin-top:5px;display:block}.shoot b{font-size:12px;font-weight:600;display:block}.shoot small{color:#858c83;margin-top:4px;font-size:11px;display:block}.sidebar-foot{color:#737b72;margin:0 7px;font:10px/1.7 DM Mono}.sidebar-foot span{color:#b5b9ae}.jobs-sidebar{border-top:1px solid #2a3430;flex-direction:column;flex:1;min-height:0;margin:28px 7px 16px;padding-top:16px;display:flex}.jobs-header{color:#9ca79d;letter-spacing:.08em;justify-content:space-between;align-items:center;font:10px DM Mono;display:flex}.jobs-header b{color:#e7e7df;font-weight:500}.jobs-total-progress,.job-progress{background:#2a3430;display:block;overflow:hidden}.jobs-total-progress{height:4px;margin:10px 0 12px}.jobs-total-progress i,.job-progress b{background:var(--ypb-blue-bright);height:100%;transition:width .2s;display:block}.jobs-list{gap:2px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.job-group{cursor:grab;border-bottom:1px solid #28312e}.job-group:active{cursor:grabbing}.job-link{color:#d7dbd5;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:8px;width:100%;padding:9px 5px 8px;font:600 11px/1.25 DM Sans;display:flex}.job-link:hover,.job-group.open .job-link{color:#fff;background:#1c2723}.job-chevron{color:#60a5fa;text-align:center;flex:0 0 12px;font-size:16px;line-height:.8}.job-number{color:#65746a;flex:0 0 17px;padding-top:2px;font:9px DM Mono}.job-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.job-name small{color:#7f8b82;margin-top:3px;font:9px DM Mono;display:block}.job-progress{height:2px;margin-top:5px}.job-tasks{gap:1px;padding:0 0 7px 25px;display:grid}.job-task{color:#9ea9a0;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:5px 4px;font:10px DM Sans;overflow:hidden}.job-task span{color:#60a5fa;width:14px;display:inline-block}.job-task:hover,.job-task.selected{color:#fff;background:#26302c}.job-task.done{color:#718076}.workspace{background:#f8f7f2;flex:1;min-width:0;padding:44px clamp(22px,4vw,62px) 35px}.topbar{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.crumb,.inspect-label{letter-spacing:.08em;color:#7a8179;margin:0 0 12px;font:10px DM Mono}.topbar h1{letter-spacing:-1.7px;color:#16201d;margin:0;font:600 clamp(28px,3vw,42px)/1 Fraunces,serif}.progress{text-align:right}.progress b{letter-spacing:-1px;font:600 30px/1 Fraunces}.progress b span{color:#8e958d;font-size:18px}.progress small{color:#737c73;margin-top:5px;font-size:11px;display:block}.command{background:#fff;border:1px solid #c9cdc3;align-items:center;height:60px;padding-left:18px;display:flex;box-shadow:0 4px 16px #0e1b1220}.command span{color:#7c857b;margin-right:10px;font:20px DM Mono}.command input{color:#26302b;background:0 0;border:0;outline:0;flex:1;min-width:0;font:14px DM Sans}.command input::placeholder{color:#969c94}.command button{color:#c9ff44;cursor:pointer;background:#1d2925;border:0;width:48px;height:46px;margin:6px;font-size:23px}.command-result{color:#697169;height:22px;margin:8px 2px 10px;font:11px DM Mono}.quick-actions{align-items:center;gap:10px;margin:0 0 8px;display:flex}.quick-actions form{flex:1;gap:7px;display:flex}.quick-actions input,.quick-actions select{color:#26302b;background:#fff;border:1px solid #cdd1c8;min-width:0;height:34px;padding:0 10px;font:11px DM Sans}.quick-actions input:first-child{flex:1}.quick-actions button{color:#d9ff6e;cursor:pointer;background:#26332e;border:0;height:34px;padding:0 13px;font:600 11px DM Sans}.quick-actions .telegram{color:#5b665f;white-space:nowrap;background:#eff0e9;border:1px solid #cdd1c8}.quick-actions .telegram.connected{color:#29402e;background:#dcebab;border-color:#c6dc78}.tabs{border-bottom:1px solid #d6d8d0;gap:22px;display:flex}.tabs button{color:#747c73;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0;font:12px DM Sans}.tabs button span{margin-left:4px;font:10px DM Mono}.tabs .selected{color:#17211e;border-color:#b4df31;font-weight:700}.board{grid-template-columns:minmax(480px,1fr) minmax(250px,310px);gap:43px;margin-top:22px;display:grid}.tier{margin-bottom:31px}.tier-heading{align-items:baseline;gap:13px;margin-bottom:8px;display:flex}.tier-heading h2{margin:0;font:600 17px Fraunces}.tier-heading p{color:#858d84;margin:0;font-size:11px}.task-row{cursor:pointer;border-top:1px solid #dddeda;grid-template-columns:26px 28px minmax(0,1fr) 66px 12px;align-items:center;gap:10px;padding:12px 7px 12px 0;transition:background .18s;display:grid}.task-row:last-child{border-bottom:1px solid #dddeda}.task-row.done .task-copy h3{color:#768076;text-decoration:line-through}.check{color:#1c2a25;cursor:pointer;background:#fff;border:1px solid #aeb4aa;width:18px;height:18px;font-size:12px;line-height:1}.task-row.done .check{background:#c9ff44;border-color:#b9e936}.rank{color:#99a097;font:10px DM Mono}.task-copy h3{letter-spacing:-.15px;color:#18231f;margin:0 0 3px;font-size:13px}.task-copy p{color:#727a72;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.35;overflow:hidden}.duration{color:#69736a;text-align:right;font:10px DM Mono}.chevron{color:#7f897f;font-size:20px}.inspector{border-left:1px solid #d8d9d1;height:max-content;padding:8px 0 0 28px;position:sticky;top:20px}.inspector h2{letter-spacing:-1px;color:#18211f;margin:0;font:600 26px/1.1 Fraunces}.rule{background:#c9ff44;width:40px;height:3px;margin:22px 0}.inspector dl{gap:18px;margin:0;display:grid}.inspector dl div{gap:5px;display:grid}.inspector dt{text-transform:uppercase;color:#858d83;font:10px DM Mono}.inspector dd{color:#334039;margin:0;font-size:12px;line-height:1.45}.film-ready{border-top:1px solid #d9dbd3;margin:28px 0 23px;padding-top:17px}.film-ready h3{margin:0 0 12px;font:600 14px Fraunces}.film-ready label{color:#5d685f;margin:9px 0;font-size:11px;display:block}.film-ready input{accent-color:#a4d42d;margin:0 8px 0 0}.task-resources,.bot-handoff{border-top:1px solid #d9dbd3;margin:22px 0;padding-top:16px}.resource-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.resource-heading h3{margin:0;font:600 14px Fraunces}.attach-button,.resource-heading button{color:var(--ypb-blue-ink);cursor:pointer;background:#eff6ff;border:1px solid #b9c8e6;padding:6px 8px;font:600 10px DM Sans}.attach-button input{display:none}.task-resources p,.bot-handoff p{color:#778078;margin:9px 0 0;font:10px/1.45 DM Sans}.task-resources ul{gap:4px;margin:9px 0 0;padding:0;list-style:none;display:grid}.task-resources li{color:#536159;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:5px;font:10px DM Sans;display:grid}.task-resources li span{color:var(--ypb-blue)}.task-resources li small{color:#8a938a;font:9px DM Mono}.bot-handoff textarea{resize:vertical;color:#26302b;background:#fff;border:1px solid #cdd1c8;width:100%;min-height:80px;margin-top:10px;padding:8px;font:11px/1.4 DM Sans}.complete-button{color:#d5ff62;cursor:pointer;background:#1b2823;border:0;width:100%;padding:13px;font:600 12px DM Sans}.complete-button.is-done{color:#263321;background:#dbe5b6}.production-note{border-top:1px solid #d3d5cc;justify-content:space-between;gap:25px;margin-top:6px;padding:19px 0 0;display:flex}.production-note span{text-transform:uppercase;color:#7a837a;font:10px DM Mono}.production-note p{color:#526058;max-width:640px;margin:6px 0;font:12px/1.5 DM Sans}.production-note b{text-align:right;white-space:nowrap;font:600 12px/1.35 Fraunces}.production-note small{color:#778078;font:400 10px DM Sans}@media (width<=900px){.sidebar{width:280px}.workspace{padding:33px 28px}.board{grid-template-columns:1fr}.inspector{border-top:1px solid #d8d9d1;border-left:0;padding:26px 0 0;position:static}.task-area{min-width:0}}@media (width<=640px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:17px 20px;display:block}.brand{margin:0 0 15px}.sidebar nav{gap:3px;display:flex}.nav-item{padding:8px}.shoot,.sidebar-foot,.jobs-sidebar{display:none}.workspace{padding:29px 18px}.topbar{align-items:start}.topbar h1{font-size:32px}.progress b{font-size:25px}.command{height:54px}.command button{width:43px;height:42px}.quick-actions,.quick-actions form{grid-template-columns:1fr 1fr;display:grid}.quick-actions input:first-child,.quick-actions .telegram{grid-column:1/-1}.tabs{gap:15px;overflow:auto}.task-row{grid-template-columns:24px 24px minmax(0,1fr) 51px 8px}.task-copy p{white-space:normal}.duration{font-size:9px}.production-note{display:block}.production-note b{text-align:left;margin-top:14px;display:block}}.brand i{background:var(--ypb-blue-bright)}.nav-item.active span{color:#60a5fa}.lime-dot{background:var(--ypb-blue-bright)}.command button{color:#fff;background:#173b78}.command button:hover{background:var(--ypb-blue)}.quick-actions button{background:var(--ypb-blue);color:#fff}.quick-actions button:hover{background:#1d4ed8}.quick-actions .telegram.connected{background:var(--ypb-blue-soft);color:var(--ypb-blue-ink);border-color:#93c5fd}.tabs .selected{border-color:var(--ypb-blue);color:var(--ypb-blue-ink)}.task-row:hover,.task-row.focus{background:#eff6ff}.task-row.done .check{background:var(--ypb-blue);border-color:var(--ypb-blue);color:#fff}.rule{background:var(--ypb-blue)}.film-ready input{accent-color:var(--ypb-blue)}.complete-button{background:var(--ypb-blue);color:#fff}.complete-button:hover{background:#1d4ed8}.complete-button.is-done{background:var(--ypb-blue-soft);color:var(--ypb-blue-ink)}.work-date{margin:18px 0}.work-date label{color:#7a837a;text-transform:uppercase;gap:6px;font:10px DM Mono;display:grid}.work-date input{border:1px solid #cdd1c8;padding:7px;font:11px DM Sans}.calendar-view{margin-top:28px}.calendar-view>header{border-bottom:1px solid #d6d8d0;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.calendar-view>header h2{margin:0;font:600 25px Fraunces}.calendar-view>header button{width:34px;height:30px;color:var(--ypb-blue);cursor:pointer;background:#fff;border:1px solid #cdd1c8;font-size:22px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays span{color:#7a837a;text-transform:uppercase;padding:11px 8px;font:10px DM Mono}.calendar-day{border:1px solid #e0e1db;min-height:112px;margin:-1px 0 0 -1px;padding:7px}.calendar-day>b{color:#526058;margin-bottom:6px;font:11px DM Mono;display:block}.calendar-day.muted{background:#f1f1ed}.calendar-day.today>b{color:var(--ypb-blue)}.calendar-day button,.calendar-backlog button{color:#173b78;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#dbeafe;border:0;width:100%;margin:3px 0;padding:4px;font:10px DM Sans;display:block;overflow:hidden}.calendar-day small{color:#6f7970;font:9px DM Mono}.calendar-backlog{border-top:1px solid #d6d8d0;margin-top:24px;padding-top:15px}.calendar-backlog h3{margin:0 0 9px;font:600 16px Fraunces}.calendar-backlog h3 span{color:var(--ypb-blue);font:11px DM Mono}
