:root{--ink:#1e1e1e;--muted:#7b7b7b;--paper:#f5f5f5;--accent:#c5353c;--pink:#b8b8b8;--lime:#e3e3e3;--line:#e5e5e5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button,a{transition:background .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c5353c;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}p{line-height:1.55}h1{font-size:40px;letter-spacing:-1.7px;line-height:1.1;margin-bottom:13px}h2{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin-bottom:12px}h3{font-size:18px}small{line-height:1.45}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:var(--muted);margin-bottom:13px}.muted{color:var(--muted);font-size:12px}.pill{display:inline-block;border:1px solid currentColor;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:1.4px;font-weight:700}.shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#1b1b1b;color:#f4f4f4;padding:36px 23px 24px;display:flex;flex-direction:column}.wordmark{font-size:36px;letter-spacing:-2px;font-weight:950;font-style:italic;display:block;line-height:.9;transform:rotate(-3deg);width:max-content}.wordmark span{display:block;font-size:9px;font-style:normal;letter-spacing:5.4px;margin-top:11px;text-align:right}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#acacac;display:flex;align-items:center;gap:8px;margin-top:40px;margin-bottom:18px}.workspace-label>span:last-child{margin-left:auto}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ababab}.dot.lime{background:var(--lime)}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;text-align:left;gap:13px;border:0;background:transparent;color:#c2c2c2;border-radius:10px;font-size:12px;padding:13px 14px}.nav-item>span{font-size:20px;width:20px;text-align:center}.nav-item small{margin-left:auto;border:1px solid #5f5f5f;border-radius:7px;padding:1px 6px;font-size:9px}.nav-item.active{background:var(--pink);color:#1f1f1f;font-weight:700}.nav-item:hover:not(.active){background:#2c2c2c}.sidebar-crew{margin-top:38px}.sidebar-crew>.eyebrow{font-size:8px;letter-spacing:1.4px;color:#959595;display:block;margin:0 10px 16px}.crew-row{width:100%;display:flex;gap:9px;align-items:center;text-align:left;border:0;background:transparent;color:#ededed;padding:10px 8px;border-radius:8px;font-size:11px}.crew-row:hover{background:#2c2c2c}.crew-row>span:nth-child(2){flex:1}.crew-row small{display:block;color:#909090;font-size:8px;margin-top:4px}.crew-row i{font-style:normal;color:#939393;font-size:10px}.avatar{width:46px;height:46px;border-radius:50%;background:var(--member);color:#282828;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:18px;flex-shrink:0;border:2px solid #ffffff60}.avatar.small{width:29px;height:29px;font-size:11px}.sidebar-bottom{margin-top:auto;padding:28px 12px 0;color:#acacac;font-size:10px}.sidebar-bottom .dot{margin-right:6px}.sidebar-bottom p{font-size:9px;color:#6c6c6c;margin:9px 0 0}.workspace{margin-left:244px;flex:1;min-width:0}.topbar{min-height:84px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar>div{display:flex;align-items:center;gap:22px}.breadcrumb{font-size:10px;font-weight:700;letter-spacing:.8px}.breadcrumb b{color:#bbbbbb;margin:0 12px}.live-pill,.preview-pill{font-size:9px;border:1px solid #dcdcdc;border-radius:20px;padding:6px 10px;color:#6f6f6f}.preview-pill{background:#e9e9e9;color:#c5353c;font-size:8px;letter-spacing:1px}.live-pill{color:#707070}.date{font-size:10px;color:var(--muted)}.account{display:flex;align-items:center;gap:9px;border:0;background:none;padding:3px;font-size:11px}.account>span:last-child{color:#9f9f9f;margin-left:6px}main{max-width:1500px;margin:auto;padding:36px 42px 32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading>div>p:last-child{font-size:12px;color:var(--muted);margin:0}.page-heading .eyebrow{margin-bottom:12px}.hero{min-height:290px;background:#e3e3e3;border-radius:17px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:30px 35px;flex:1}.hero-copy .pill{font-size:8px;padding:7px 10px;border-color:#b0b0b0;color:#c5353c}.hero h2{font-size:49px;line-height:.98;letter-spacing:-2px;margin:20px 0 15px}.pink-dot{color:#c5353c}.hero p{font-size:11px;color:#6c6c6c;margin-bottom:18px;line-height:1.55}.hero-art{width:47%;position:relative;min-height:290px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#c9c9c9 0,transparent 65%)}.planet{position:absolute;left:29%;top:40px;border-radius:50%;width:199px;height:199px;background:#c5353c;display:flex;align-items:center;justify-content:center;color:#f3f3f3;font-style:italic;font-weight:950;font-size:130px;transform:rotate(-14deg);box-shadow:inset -15px -14px 0 #c5353c,13px 20px 30px #99999945}.planet>span{position:absolute;font-size:7px;letter-spacing:1.7px;font-style:normal;text-align:center;bottom:29px;line-height:1.4}.orbit{position:absolute;border:1px solid #c5353c;border-radius:50%;width:360px;height:140px;left:8%;top:78px;transform:rotate(-23deg);z-index:1}.o2{width:300px;height:256px;transform:rotate(35deg);left:15%;top:25px;border-color:#b5b5b5}.star{position:absolute;right:36px;top:21px;font-size:72px;line-height:1;color:#e2e2e2;z-index:2;transform:rotate(15deg)}.sticker{position:absolute;bottom:25px;right:28px;background:var(--lime);font-weight:800;font-size:12px;padding:18px 16px;transform:rotate(9deg);z-index:2;border-radius:4px;box-shadow:4px 4px 0 #9b9b9b35}.city-tag{position:absolute;z-index:3;transform:rotate(-7deg);font-size:8px;letter-spacing:2px;font-weight:700;border:1px solid #adadad;border-radius:20px;padding:9px 13px;background:#e3e3e3;color:#c5353c}.india{top:42px;left:4%}.swiss{bottom:56px;left:3%;transform:rotate(9deg)}.primary,.dark-button,.secondary{border:0;border-radius:8px;font-weight:700;font-size:11px;padding:13px 17px;display:inline-flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap}.primary{background:var(--accent);color:white}.primary:hover{background:#c5353c}.dark-button{background:var(--ink);color:white}.dark-button:hover{background:#303030}.secondary{background:#eeeeee;color:#c5353c;border:1px solid #d9d9d9}.secondary:hover{background:#e0e0e0}.compact{padding:11px 13px}.text-button{border:0;background:none;padding:8px 0;font-size:11px;font-weight:700;color:#c5353c;display:inline-block}.text-button:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin:20px 0 27px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 22px}.stat>span{font-size:10px;color:var(--muted)}.stat strong{display:block;font-size:31px;letter-spacing:-1px;margin:9px 0}.stat strong small{font-size:10px;font-weight:400;letter-spacing:0;color:#888888}.stat p{font-size:9px;color:#9b9b9b;margin:0}.progress{height:5px;border-radius:5px;background:#ebebeb;margin-top:16px;overflow:hidden}.progress i{display:block;background:var(--accent);height:100%;border-radius:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:22px;align-items:start}.card{--card-inset:24px;border:1px solid var(--line);border-radius:13px;background:white;padding:24px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-title .eyebrow{font-size:8px;margin-bottom:8px}.section-title h2{font-size:22px;margin:0}.filters{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.filters select,.filters input{border:1px solid #e6e6e6;border-radius:6px;font-size:9px;padding:8px;min-width:0;max-width:100%;background:#fafafa;color:#686868}.filters input{width:100%;margin-top:1px}.task-row{display:flex;align-items:center;gap:11px;border-top:1px solid #eeeeee;padding:18px 0;min-width:0}.task-check{appearance:none;width:17px;height:17px;border:1.5px solid #d2d2d2;border-radius:5px;flex-shrink:0;cursor:pointer;margin:0;display:grid;place-content:center}.task-check:checked{background:var(--accent);border-color:var(--accent)}.task-check:checked:after{content:'✓';color:white;font-size:12px}.task-title{border:0;text-align:left;background:none;flex:1;min-width:0;padding:0;line-height:1.5}.task-title>span{font-size:11px;font-weight:650;display:block}.task-title:hover>span{color:var(--accent)}.task-title small{display:block;font-size:8px;color:#a1a1a1;margin-top:5px;letter-spacing:.2px}.task-title small b{color:#7b7b7b;font-weight:500}.status{font-size:8px;white-space:nowrap;padding:5px 7px;border-radius:5px;background:#f1f1f1;color:#909090}.status-1{background:#e9e9e9;color:#c5353c}.status-2{background:#f2f2f2;color:#828282}.status-3{background:#eeeeee;color:#808080}.task-row.done .task-title>span{text-decoration:line-through;color:#a2a2a2}.side-stack{display:grid;gap:17px}.quick-review{background:#eeeeee;position:relative;overflow:hidden;padding:22px}.quick-review .mini-icon{position:absolute;right:18px;top:18px;font-size:25px;color:#9f9f9f}.quick-review .eyebrow{font-size:7px;letter-spacing:1.2px;max-width:150px;margin-bottom:18px}.quick-review h2{font-size:25px;line-height:1.15;margin-bottom:10px}.quick-review p:not(.eyebrow){font-size:10px;color:#808080}.quick-review .text-button{font-size:10px}.activity-card h2{font-size:16px;margin-bottom:18px}.activity-card .eyebrow{font-size:7px;letter-spacing:1.2px}.empty-note{font-size:10px;color:#9e9e9e;line-height:1.8;margin-bottom:0}.activity-row{display:flex;gap:9px;align-items:start;border-top:1px solid var(--line);padding:12px 0;font-size:9px;color:#858585}.activity-row:first-of-type{border:0}.activity-row strong{color:#c5353c}.activity-row small{display:block;font-size:8px;color:#9b9b9b;margin-top:5px}.drive-shortcut{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#eeeeee;font-size:11px;font-weight:700}.drive-shortcut>span{font-size:22px;color:#818181}.drive-shortcut small{display:block;font-size:9px;font-weight:400;color:#969696;margin-top:5px}.footer{display:flex;justify-content:space-between;gap:20px;margin:0 42px;padding:20px 0;border-top:1px solid var(--line);font-size:8px;color:#9b9b9b;letter-spacing:.3px}.footer span:first-child{letter-spacing:1.3px;font-weight:700}.person-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:26px 0}.person-tab{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left}.person-tab.selected{border-color:#c5353c;background:#ededed;box-shadow:0 0 0 1px #c5353c}.person-tab strong{font-size:14px}.person-tab small{font-size:9px;color:#878787}.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.episode-card{padding:14px 14px 22px}.episode-card>h2,.episode-card>p,.episode-card>.text-button{margin-left:12px}.episode-card>p{font-size:11px;color:var(--muted)}.episode-card>.text-button{margin-right:12px}.episode-art{height:218px;border-radius:8px;background:#d7d7d7;position:relative;overflow:hidden;padding:27px;margin-bottom:22px}.episode-art>b{position:absolute;bottom:24px;left:25px;font-size:37px;font-weight:900;line-height:.98;letter-spacing:-1px;z-index:1}.episode-art>span{position:absolute;right:20px;top:8px;font-size:170px;color:#c5353c;line-height:1;transform:rotate(-10deg)}.episode-art>small{font-size:8px;letter-spacing:2px}.ep-1{background:#e3e3e3}.ep-1>span{color:#b4b4b4}.review-tools{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:24px}.review-tools label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.review-tools select{padding:10px;border:1px solid var(--line);border-radius:7px;background:white;font-size:11px}.empty{text-align:center;padding:50px 25px}.empty h2{font-size:30px;letter-spacing:-1px}.empty p{font-size:12px;color:#8f8f8f}.empty>small{display:block;font-size:9px;color:#9f9f9f;line-height:1.8;margin-top:22px}.small-empty{padding:28px 10px}.small-empty>span{font-size:35px;color:#a9a9a9}.small-empty h3{margin:12px 0 8px}.small-empty p{font-size:11px}.review-empty{background:#e9e9e9;border:1px solid #d9d9d9;border-radius:16px;position:relative;overflow:hidden;padding:42px}.review-empty>.pill{font-size:8px;color:#8e8e8e;display:block;width:max-content;margin:18px auto}.film-icon{display:grid;place-items:center;width:78px;height:60px;border:2px solid #aaaaaa;border-radius:12px;font-size:40px;color:#c5353c;margin:0 auto;box-shadow:7px 7px 0 #d4d4d4}.review-example{display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;margin:32px auto 0;background:#fff9;border:1px solid #d8d8d8;border-radius:10px;padding:18px;text-align:left;box-shadow:0 10px 15px #b7b7b722}.review-example>span:first-child{font-size:11px;font-family:monospace;color:#c5353c;background:#e3e3e3;border-radius:5px;padding:8px}.review-example b{font-size:11px}.review-example small{display:block;font-size:8px;color:#a5a5a5;margin-top:4px}.review-example>span:last-child{color:#979797;font-size:18px;margin-left:18px}.video-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px;padding:2px}.video-tabs button{background:white;border:1px solid var(--line);padding:12px 16px;border-radius:9px;font-size:11px;white-space:nowrap}.video-tabs button.selected{background:#dcdcdc;border-color:#c5353c}.video-tabs small{display:inline-block;color:#c5353c;margin-left:10px}.review-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px;align-items:start}.player{aspect-ratio:16/9;background:#1f1f1f;border-radius:9px;overflow:hidden}.player video,.player iframe{width:100%;height:100%;border:0;display:block}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.player-controls>span{font-size:8px;color:var(--muted)}.player-controls .secondary{font-size:9px;padding:9px}.player-card .section-title h2{font-size:20px}#playback-note{font-size:9px;margin:12px 0 24px}.comment-bottom{display:flex;gap:9px;align-items:flex-end;margin-top:12px}.comment-bottom label{margin:0;max-width:110px}.comment-bottom button{font-size:9px;padding:12px 10px;margin-bottom:0}.comment-bottom .primary{margin-left:auto}.comment{border-top:1px solid var(--line);padding:19px 0}.comment-meta{display:flex;align-items:center;gap:8px}.comment-meta strong{font-size:10px}.timecode{font-family:monospace;font-size:10px;color:#c5353c;background:#ececec;padding:5px 7px;border-radius:5px;border:0;margin-left:auto}.comment p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 9px}.comment>small{font-size:8px;color:#a9a9a9}.comment-actions{display:flex;gap:14px;margin-top:7px}.comment-actions button{font-size:9px}.comment.resolved p{color:#9e9e9e}.comment.resolved .timecode{background:#efefef;color:#989898}.count{font-size:13px;color:#c5353c;background:#e8e8e8;padding:7px 10px;border-radius:7px}.comments-card h2{font-size:18px}.drive-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.drive-grid p{font-size:12px;color:#8b8b8b}.connection-art{background:#e3e3e3;border-radius:10px;padding:30px;font-size:30px;font-weight:900;letter-spacing:-1px;text-align:center;margin-bottom:25px}.connection-art span{color:#c5353c;padding:0 17px;font-weight:400}.connection-facts{margin:25px 0}.connection-facts p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:10px}.connection-facts b{color:#696969;font-weight:500}.connection-facts span{font-size:9px}.button-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.notice{font-size:10px!important;padding:14px;border:1px solid #dfdfdf;border-radius:8px;line-height:1.7;color:#888888!important;background:#f7f7f7;margin:20px 0 0}.notice.error{background:#f5f5f5;border-color:#d1d1d1;color:#747474!important}.resource-links{display:grid;margin:25px 0}.resource-links a,.resource{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-bottom:1px solid var(--line);padding:18px 0;font-size:11px;background:white;text-align:left}.resource-links a:hover{color:var(--accent)}.resource-links span{font-size:18px;color:#949494}.invite-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.invite-card p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0}.invite-card>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.invite-card button{font-size:10px}.conflicts{margin-top:25px}.conflict{padding:15px 0;border-top:1px solid var(--line)}.conflict>strong{font-size:11px}.conflict>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.conflict button{padding:15px;text-align:left;background:#efefef;border:1px solid #cfcfcf;border-radius:8px;font-size:12px;white-space:pre-wrap}.conflict small{display:block;font-size:8px;color:#9d9d9d;margin-bottom:10px}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#f6f6f6}.auth-art{background:#303030;color:#f0f0f0;padding:55px 60px;position:relative;overflow:hidden;min-height:800px}.auth-art .wordmark{font-size:46px}.auth-art>.eyebrow{margin-top:90px;color:#b9b9b9;font-size:9px}.auth-art>h1{font-size:49px;letter-spacing:-2px;line-height:1.07;position:relative;z-index:1}.auth-art>p:not(.eyebrow){font-size:13px;color:#a3a3a3;position:relative;z-index:1}.art-orbit{position:absolute;width:350px;height:160px;border:1px solid #c5353c;border-radius:50%;transform:rotate(-24deg);bottom:150px;left:14%}.art-orbit>span{display:grid;place-items:center;font-size:170px;letter-spacing:-10px;font-weight:900;font-style:italic;background:#c5353c;color:#dcdcdc;border-radius:50%;width:220px;height:220px;position:absolute;left:65px;top:-32px;transform:rotate(8deg);line-height:1}.art-orbit>b{font-size:80px;position:absolute;color:var(--lime);right:-30px;top:-65px}.art-orbit>i{font-size:11px;font-style:normal;background:var(--pink);color:#3f3f3f;font-weight:800;letter-spacing:1px;padding:16px;position:absolute;right:-10px;bottom:-45px;transform:rotate(33deg)}.auth-footer{position:absolute;bottom:35px;font-size:8px;letter-spacing:3px;color:#969696}.auth-panel{padding:70px 65px;max-width:560px;width:100%;align-self:center}.auth-panel>.pill{font-size:8px;color:#949494;margin-bottom:25px}.auth-panel h2{font-size:35px;margin-bottom:16px;letter-spacing:-1.4px}.auth-panel>p{font-size:12px;color:#9c9c9c;margin-bottom:30px}.auth-panel form .primary{width:100%;justify-content:space-between;margin-top:10px;padding:16px}.auth-panel .text-button{margin-top:15px}.auth-panel .auth-note{font-size:10px;color:#aeaeae;margin-top:38px}.auth form small{display:block;margin-top:7px;font-size:9px;color:#929292}.auth-panel label{color:#727272}label{display:block;font-size:11px;font-weight:500;margin-bottom:18px;color:#7b7b7b}label input,label select,label textarea{width:100%;display:block;padding:12px 13px;border:1px solid #dcdcdc;border-radius:7px;margin-top:8px;background:#fdfdfd;font-size:12px;color:#c5353c;resize:vertical}input::placeholder,textarea::placeholder{color:#a8a8a8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-error{color:#686868;font-size:11px;margin:10px 0}.form-error:empty{display:none}dialog{border:1px solid #dbdbdb;border-radius:16px;padding:28px;width:540px;max-width:calc(100vw - 26px);box-shadow:0 25px 110px #1b1b1b40;color:var(--ink)}dialog::backdrop{background:#1b1b1b80;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.modal-heading h2{font-size:25px;margin:0}.modal-heading button{border:0;border-radius:50%;width:28px;height:28px;background:#ededed;color:#c5353c;font-size:20px}.drive-browser{display:grid;max-height:60vh;overflow-y:auto}.resource{font-size:12px}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translate(-50%,20px);padding:15px 22px;border-radius:10px;background:#2b2b2b;color:#f1f1f1;font-size:12px;box-shadow:0 8px 35px #20202030;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(540px,90vw);z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.celebrate{background:#e3e3e3;color:#4c4c4c;animation:pop .3s ease}.loading{display:grid;place-items:center;min-height:100vh;font-size:18px;color:#c5353c}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pop{0%{transform:translate(-50%,12px) scale(.95)}70%{transform:translate(-50%,-5px) scale(1.02)}100%{transform:translate(-50%,0) scale(1)}}
@media(min-width:1450px){.hero{min-height:320px}.hero-copy{padding:37px 42px}.hero h2{font-size:58px}.hero-art{min-height:320px}.planet{top:40px;left:33%;width:225px;height:225px;font-size:155px}.orbit{left:15%;width:410px;top:90px}.o2{width:340px;top:22px}.star{right:60px}.sticker{right:50px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 18px}.workspace{margin-left:210px}.topbar{padding:0 26px}.topbar>div{gap:12px}main{padding:28px 26px}.footer{margin:0 26px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px;gap:17px}.card{--card-inset:20px;padding:20px}.hero-copy{padding:28px}.hero h2{font-size:43px}.hero-art{width:42%}.planet{width:170px;height:170px;font-size:115px;left:22%;top:55px}.orbit{width:300px;left:-8%;top:95px}.o2{width:270px;top:25px}.star{right:10px;font-size:60px}.sticker{right:10px;font-size:10px}.hero-art .india{left:0;top:30px}.hero-art .swiss{left:0;bottom:35px}.task-row{gap:8px}.task-row .status{display:none}.review-grid{grid-template-columns:1.45fr 1fr;gap:16px}.comment-bottom{flex-wrap:wrap}.auth-art{padding:45px}.auth-art>h1{font-size:42px}.auth-panel{padding:55px 40px}.invite-card{align-items:start;flex-direction:column}}
@media(max-width:900px){.sidebar{width:180px;padding:25px 13px}.wordmark{font-size:29px}.wordmark span{font-size:7px;letter-spacing:4px}.workspace{margin-left:180px}.nav-item{font-size:11px;padding:11px;gap:8px}.nav-item>span{font-size:17px}.sidebar-crew .eyebrow{font-size:6px}.crew-row small{font-size:7px}.crew-row{font-size:10px}.topbar{padding:0 22px;min-height:72px}.topbar .date{display:none}.breadcrumb{font-size:8px}.breadcrumb b{margin:0 6px}.live-pill,.preview-pill{font-size:7px;padding:5px 7px}main{padding:26px 22px}.page-heading h1{font-size:32px}.dashboard-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.drive-shortcut{grid-column:1/-1}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:26px}.stat strong small{font-size:9px}.hero-art{width:44%}.hero h2{font-size:40px}.hero-copy{padding:25px}.sticker{font-size:9px;bottom:15px}.hero .dark-button{font-size:10px;padding:13px}.task-row .status{display:block}.drive-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.person-tabs{gap:8px}.person-tab{padding:13px}.person-tab small{font-size:8px}.person-tab strong{font-size:12px}.episode-art>b{font-size:30px}.episode-art{height:190px}.auth-art{min-height:760px;padding:40px 30px}.auth-art>h1{font-size:35px}.auth-art>.eyebrow{font-size:8px}.art-orbit{left:-20px;bottom:170px}.auth-panel{padding:45px 28px}.auth-panel h2{font-size:29px}}
@media(max-width:640px){.shell{display:block}.sidebar{position:relative;width:100%;padding:22px 18px 12px;display:block}.wordmark{font-size:29px}.sidebar .wordmark span{font-size:6px;letter-spacing:4px}.workspace-label,.sidebar-crew,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:24px;gap:6px;padding-bottom:3px}.nav-item{white-space:nowrap;padding:10px;font-size:9px;gap:5px;border-radius:7px;flex-shrink:0}.nav-item>span{font-size:15px;width:15px}.nav-item small{display:none}.workspace{margin-left:0}.topbar{padding:0 18px;min-height:62px}.topbar>div{gap:7px}.topbar .breadcrumb{font-size:7px;letter-spacing:0}.topbar .preview-pill{font-size:6px;letter-spacing:.3px;padding:5px}.topbar .live-pill{font-size:7px}.account{font-size:9px;gap:6px}.account>.avatar{width:25px;height:25px}.account>span:last-child{display:none}main{padding:25px 18px}.page-heading{display:block;margin-bottom:21px}.page-heading h1{font-size:31px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading p:last-child{font-size:11px}.page-heading>.primary{margin-top:18px}.hero{min-height:280px}.hero-copy{padding:24px 20px;width:60%;flex:none}.hero-copy .pill{font-size:6px;padding:6px;letter-spacing:1px}.hero h2{font-size:35px;margin-top:20px}.hero p{font-size:9px}.hero .dark-button{font-size:8px;padding:11px 12px;gap:8px}.hero-art{width:40%}.planet{width:126px;height:126px;font-size:85px;left:5%;top:68px}.planet>span{font-size:4px;bottom:18px;letter-spacing:1px}.orbit{width:210px;height:100px;left:-45px;top:85px}.o2{width:170px;height:200px;left:-8px;top:25px}.star{font-size:48px;top:30px;right:4px}.sticker{font-size:7px;padding:12px;bottom:30px;right:7px}.hero-art .india{top:28px;left:-18px;font-size:5px;padding:7px;letter-spacing:1px}.hero-art .swiss{bottom:83px;left:-14px;font-size:5px;padding:7px;letter-spacing:1px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 22px}.stat{padding:15px}.stat:first-child{grid-column:1/-1}.stat:first-child strong{display:inline-block;margin:10px 0 0}.stat:first-child>span{display:block}.stat strong{font-size:30px;margin:10px 0}.stat>span{font-size:9px}.stat strong small{display:block;font-size:9px;margin-top:3px}.stat:first-child strong small{display:inline-block;margin-left:6px}.stat p{font-size:8px}.progress{margin-top:12px}.card{--card-inset:18px;padding:18px}.section-title h2{font-size:21px}.section-title .primary{font-size:9px;padding:10px}.task-row{gap:8px;padding:16px 0}.task-title>span{font-size:10px}.task-title small{font-size:7px}.task-row .status{display:none}.task-row .avatar{width:24px;height:24px;font-size:9px}.filters select{font-size:8px;padding:8px 6px}.filters{gap:5px}.side-stack{grid-template-columns:1fr}.quick-review{padding:23px}.quick-review h2 br{display:none}.quick-review p br{display:none}.quick-review .eyebrow{max-width:none}.quick-review .mini-icon{right:25px}.quick-review .text-button{font-size:11px}.activity-card h2{font-size:19px}.footer{margin:0 18px;font-size:6px;gap:10px}#toast{left:50%;width:max-content;max-width:90vw;font-size:11px}.person-tabs{grid-template-columns:repeat(2,1fr)}.person-tab{padding:17px}.person-tab .avatar{width:36px;height:36px;font-size:15px}.person-tab small{font-size:9px}.episode-grid{grid-template-columns:1fr}.episode-art{height:220px}.episode-art>b{font-size:35px}.review-tools{flex-direction:column;align-items:flex-start;gap:14px}.review-tools label{width:100%}.review-tools select{flex:1;min-width:0}.review-empty{padding:35px 18px}.review-empty h2{font-size:28px}.review-empty p{font-size:11px}.review-example{padding:14px 10px;gap:8px}.review-example>span:last-child{margin-left:5px}.review-example small{font-size:7px}.review-grid{gap:17px}.player-card .section-title h2{font-size:18px}.player-controls{align-items:start}.player-controls>span{max-width:75px;line-height:1.5;font-size:7px}.comment-bottom label{max-width:96px}.comment-bottom .primary{margin-left:0}.connection-art{padding:25px 12px;font-size:28px}.connection-art span{padding:0 10px}.invite-card>div:last-child{display:grid;width:100%}.conflict>div{grid-template-columns:1fr}.auth{display:block}.auth-art{padding:30px;min-height:330px}.auth-art>.eyebrow{margin-top:45px;font-size:7px}.auth-art>.wordmark{font-size:32px}.auth-art>h1{font-size:32px;max-width:250px;line-height:1.04}.auth-art>p:not(.eyebrow){font-size:10px;margin-bottom:0}.art-orbit{width:200px;height:100px;left:auto;right:-50px;bottom:60px;opacity:.7}.art-orbit>span{font-size:100px;width:140px;height:140px;left:30px;top:-25px}.art-orbit>b{font-size:45px;top:-35px;right:0}.art-orbit>i{display:none}.auth-footer{display:none}.auth-panel{padding:34px 30px;margin:0 auto}.auth-panel h2{font-size:29px}.auth-panel>.pill{font-size:7px}.auth-panel .auth-note{margin-top:23px}.form-grid{gap:0 10px}dialog{padding:23px}.modal-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:641px){.task-title>span{font-size:13px}.task-title small{font-size:10px}.nav-item{font-size:13px}.crew-row{font-size:12px}.crew-row small{font-size:9px}.stat>span{font-size:12px}.page-heading>div>p:last-child{font-size:14px}.hero p{font-size:13px}.status{font-size:10px}.filters select,.filters input{font-size:11px}.activity-row{font-size:11px}.activity-row small{font-size:10px}}
/* Original RASKO assets: Sugo lower thirds, Tw Cen text, supplied logos. */
@font-face{font-family:RaskoSugo;src:url('/brand/sugo-bold-italic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:RaskoSugo;src:url('/brand/sugo-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:RaskoText;src:url('/brand/twcen.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:RaskoText;src:url('/brand/twcen-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--accent:#c5353c;--pink:#c3c3c3;--ink:#31191b;--lime:#c3c3c3;font-family:RaskoText,Arial,sans-serif}
h1,h2,.episode-name{font-family:RaskoSugo,Impact,sans-serif;font-style:italic;font-weight:700;letter-spacing:.15px}h1{font-size:46px}h2{font-size:30px}.eyebrow{font-size:11px}.nav-item{font-size:15px}.task-title{font-size:17px}.task-title small{font-size:12px}.sidebar{background:#241113}.wordmark{transform:none;width:100%;letter-spacing:0;font-style:normal}.logo-window{display:block!important;position:relative;overflow:hidden;width:100%;aspect-ratio:4.5;margin:0!important;transform:none!important}.logo-window img{position:absolute;width:270%;max-width:none;height:auto;left:50%;top:60%;transform:translate(-50%,-50%)}.wordmark .qg-label{font-family:RaskoSugo,sans-serif;font-size:17px;letter-spacing:4px;margin-top:8px;color:var(--pink)}.hero{background:#1c1c1c;color:white;overflow:hidden}.hero-copy .pill{color:var(--pink)}.hero-copy h2{font-size:68px;line-height:.95;letter-spacing:0;text-transform:uppercase}.hero-copy p{color:#d5d5d5}.hero-art{position:relative;background:linear-gradient(145deg,#2c2c2c,#181818);min-height:300px}.hero-logo{position:absolute;width:70%;top:30px;left:15%}.outline-title{position:absolute;top:100px;left:14%;font:italic 700 66px/.9 RaskoSugo,sans-serif;color:transparent;-webkit-text-stroke:1.2px white;transform:rotate(-3deg)}.brand-ribbon{display:inline-block;padding:8px 18px;background:var(--pink);color:#1c1c1c;transform:rotate(-3deg) skewX(-8deg);font:italic 700 22px/1 RaskoSugo,sans-serif}.hero-art>.brand-ribbon{position:absolute;left:14%;top:228px}.city-tag{font-family:RaskoSugo,sans-serif;font-style:italic;font-size:17px;color:white;border-color:#c5353c;background:#313131}.city-tag.india{left:8%;bottom:21px;top:auto}.city-tag.swiss{right:5%;bottom:17px;top:auto}.small-ribbon{margin-bottom:24px;font-size:26px}.dark-button{background:var(--pink);color:var(--ink)}.primary{background:#c5353c}.episode-overview{margin:28px 0}.episode-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.episode-meters .card{padding:22px}.episode-name{font-size:26px;padding:0}.episode-progress{margin:16px 0 20px}.progress-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.progress-caption span{font-size:14px}.progress-caption strong{font:italic 700 32px/1 RaskoSugo,sans-serif}.episode-progress progress{display:block;appearance:none;border:0;border-radius:5px;overflow:hidden;width:100%;height:11px;background:#e6e6e6;accent-color:var(--accent)}.episode-progress progress::-webkit-progress-bar{background:#e6e6e6}.episode-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#c5353c,#b6b6b6);border-radius:5px}.episode-progress progress::-moz-progress-bar{background:#c5353c}.episode-progress small{display:block;margin-top:9px;color:#5e5e5e;font-size:13px}.episode-art{background:#1c1c1c!important;color:#fff;position:relative;overflow:hidden;padding:25px}.episode-art .episode-logo{position:absolute;width:150px;top:22px;right:20px}.episode-art b{font:italic 700 47px/.95 RaskoSugo,sans-serif;letter-spacing:.5px;position:absolute;left:25px;bottom:48px;color:transparent;-webkit-text-stroke:1px #fff;max-width:90%}.episode-art small{position:absolute;bottom:16px;left:25px;background:var(--pink);color:#1a1a1a;padding:5px 12px;transform:rotate(-3deg);font-weight:700}.person-tab strong{font:italic 700 28px/1 RaskoSugo,sans-serif}.auth-art{background:#1c1c1c}.auth-art>.wordmark{max-width:320px}.auth-art .art-orbit{border:0;background:#2c2c2c;border-radius:18px;transform:rotate(-4deg)}.art-orbit>.logo-window{width:90%;height:auto;left:5%;top:50%;translate:0 -50%;border-radius:0;background:none;margin:auto!important}.review-brand{width:210px;height:150px;object-fit:contain;background:#1b1b1b;border-radius:12px}.quick-review{background:#e9e9e9}.hero .dark-button:hover{background:#e0e0e0}.progress>i{background:var(--accent)}
@media(max-width:900px){.hero-copy h2{font-size:54px}.outline-title{font-size:53px}.hero-art>.brand-ribbon{font-size:18px;top:210px}.episode-art b{font-size:40px}}
@media(max-width:640px){h1{font-size:36px}.wordmark{width:150px}.episode-meters{grid-template-columns:1fr}.hero-copy h2{font-size:54px}.episode-art b{font-size:44px}.progress-caption strong{font-size:30px}.episode-overview .section-title{align-items:flex-start}.episode-overview .section-title>.text-button{font-size:12px}.auth-art>.wordmark{width:210px}}
.hero-art .city-tag{width:max-content;max-width:90%}.hero-art .city-tag.swiss{left:auto;right:5%;transform:rotate(5deg)}
.progress-caption strong{font:700 32px/1 RaskoText,Arial,sans-serif;font-variant-numeric:tabular-nums}
/* Épisodes, chaîne, dépôts et démarches : mêmes repères RASKO. */
.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0;margin-top:40px}.episode-title-link{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;color:inherit}.channel-banner{background:var(--purple,#c5353c);border-radius:24px;padding:28px 42px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;overflow:hidden}.channel-banner>.logo-window{width:45%;max-width:420px}.channel-banner h2{font-size:clamp(36px,5vw,70px);line-height:.95;margin:24px 0 0}.data-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#6b6b6b;padding:15px 12px;border-bottom:1px solid #d5d5d5}td{padding:18px 12px;border-bottom:1px solid #e7e7e7;font-family:RaskoText,Arial,sans-serif}td small{display:block;margin-top:5px;color:#7a7a7a}td a{color:inherit;text-decoration:none}td a:hover{text-decoration:underline}.review-approvals{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e0e0e0}.approval-people{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.approval-person{display:flex;flex-direction:column;gap:7px;flex:1;min-width:80px;border:1px solid #e0e0e0;border-radius:12px;padding:12px;background:#f8f8f8}.approval-person small{font-size:12px;color:#7a7a7a}.approval-person.approved{background:#f3f3f3;border-color:#d9d9d9}.approval-person.approved small{color:#515151}.review-approvals .primary{width:100%;font-size:14px}.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.drop-zone{position:relative;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;min-height:220px;border:2px dashed #c5353c;border-radius:20px;background:#eeeeee;gap:12px;cursor:pointer;padding:22px}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone:focus-within,.drop-zone.dragging{outline:3px solid #c5353c;outline-offset:4px;background:#e2e2e2}.drop-symbol{font:52px Arial,sans-serif;color:#c5353c}.drop-zone strong{font-size:24px}.drop-zone span:last-of-type{font-size:13px;font-weight:400}.drop-item{padding:20px 0;border-bottom:1px solid #dfdfdf;overflow-wrap:anywhere}.drop-item>strong,.drop-item>small{display:block}.drop-item>small{margin:7px 0;color:#777777}.drop-item .pill{font-size:11px}.drop-item p{line-height:1.5}.outreach-stats{grid-template-columns:repeat(4,1fr)}.mail-connection{display:grid;grid-template-columns:2fr 1fr;gap:26px;margin-bottom:24px}.mail-connection button{margin:8px 0}.episode-dashboard-hero{display:grid;grid-template-columns:1fr 1.5fr;gap:38px;padding:38px;border-radius:24px;background:#e4e4e4;margin-bottom:24px}.episode-dashboard-hero h2{font-size:38px;margin:20px 0}.episode-dashboard-progress h2{font-family:RaskoText,Arial,sans-serif;font-size:64px;font-weight:700}.episode-dashboard-hero progress{width:100%;height:12px;accent-color:#c5353c}button:disabled{opacity:.5;cursor:not-allowed}#drop-progress{width:100%;accent-color:#c5353c}a.dark-button,a.primary{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.card+.card.mail-connection{margin-top:24px}
@media(max-width:1050px){.outreach-stats{grid-template-columns:repeat(2,1fr)}.drop-grid{grid-template-columns:1fr}.mail-connection{grid-template-columns:1fr}.episode-dashboard-hero{gap:24px;padding:26px}}
@media(max-width:640px){.channel-banner{padding:22px;gap:16px}.channel-banner>.logo-window{width:40%}.channel-banner .brand-ribbon{font-size:10px}.channel-banner h2{font-size:36px}.episode-dashboard-hero{grid-template-columns:1fr;gap:12px}.outreach-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-person{min-width:72px;padding:10px}.data-table-wrap td{min-width:110px}.drop-zone{min-height:180px}}

.episode-dashboard-video h2{font-family:RaskoText,Arial,sans-serif;font-style:normal;font-weight:700;font-size:34px;letter-spacing:-.4px;line-height:1.15}.nav-item{min-height:44px}
.review-markers{margin:4px 0 16px}.marker-caption{display:flex;justify-content:space-between;gap:10px;color:#6e6e6e;font-size:10px;letter-spacing:.5px}.marker-caption small{font-size:10px;text-align:right}.marker-track{position:relative;height:55px;margin:10px 8px 0;background:linear-gradient(transparent 23px,#dcdcdc 23px,#dcdcdc 28px,transparent 28px)}.review-marker{border:0;background:#b6b6b6;color:#242424;border-radius:6px;min-width:25px;min-height:26px;font-family:RaskoText,Arial,sans-serif;font-size:14px;cursor:pointer}.marker-track .review-marker{position:absolute;top:calc(6px + var(--marker-row)*16px);transform:translateX(-50%);z-index:2;border:1px solid #f6f6f6}.review-marker.resolved{background:#dfdfdf}.review-marker.selected,.review-marker:hover{background:#c5353c;color:white;z-index:3}.marker-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.marker-chips .review-marker{padding:6px 10px}#review-playhead{position:absolute;height:40px;top:4px;width:2px;left:0;background:#252525;z-index:1}.comment.highlighted{background:#e8e8e8;box-shadow:inset 4px 0 #c5353c;border-radius:12px;padding:16px}.comment:focus{outline:2px solid #c5353c;outline-offset:3px}.marker-empty{padding:10px 0;margin:0}

.crew-row>span:not(.avatar){min-width:0}.crew-row small{white-space:normal;line-height:1.35}.crew-row .avatar,.crew-row>i{flex-shrink:0}
/* Le logo original dispose d’une marge complète, même avec le menu étendu. */
.sidebar>.wordmark{flex-shrink:0}.sidebar .workspace-label,.sidebar-crew{flex-shrink:0}

.nav-item>span:first-child{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px}.nav-logo{display:block;width:24px;height:24px;overflow:visible}.outreach-logo{transform:rotate(-5deg)}.nav-item:hover .outreach-logo{transform:rotate(4deg)}@media(prefers-reduced-motion:reduce){.nav-item:hover .outreach-logo{transform:rotate(-5deg)}}

/* The main episode button covers its card; secondary actions stay above it. */
.episode-card,.episode-meters>.card{position:relative;cursor:pointer}.episode-title-link::after,.episode-meters .episode-name::after{content:"";position:absolute;inset:0;border-radius:inherit}.episode-card>.primary,.episode-card>.text-button{position:relative;z-index:1}.episode-card:hover,.episode-meters>.card:hover{border-color:var(--accent)}.episode-title-link:focus-visible,.episode-meters .episode-name:focus-visible{outline:none}.episode-title-link:focus-visible::after,.episode-meters .episode-name:focus-visible::after{outline:3px solid var(--accent);outline-offset:3px}

.nav-item.active{--sidebar-icon-cutout:var(--pink)}
.export-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden;background:#202020;color:#cdcdcd;padding:0;cursor:pointer}.export-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.preview-placeholder{font-size:14px}.preview-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1b1b1bcc;color:white;font:30px Arial;box-shadow:0 0 0 1px #ffffff66}.export-preview:not(.loaded) .preview-play{display:none}.export-preview:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.export-preview:hover .preview-play{background:#c5353c}.episode-dashboard-hero .export-preview+h2{font-size:25px;margin:15px 0 8px}

/* Review notes share the actual playback scrubber inside the video. */
.custom-player{position:relative;background:#101010}.custom-player video{object-fit:contain}.review-transport{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 8px;color:#fff;background:linear-gradient(transparent,#0c0c0cdd);z-index:2}.review-scrubber{position:relative;height:24px;margin:0 7px}.review-seek{appearance:none!important;display:block!important;width:100%!important;height:4px!important;border:0!important;border-radius:9px!important;margin:10px 0!important;padding:0!important;background:linear-gradient(to right,#c5353c var(--played,0%),#ffffff55 var(--played,0%))!important;cursor:pointer}.review-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:white;border:2px solid #c5353c;border-radius:50%;box-shadow:0 1px 5px #0008}.review-seek::-moz-range-thumb{width:10px;height:10px;background:white;border:2px solid #c5353c;border-radius:50%}.review-scrubber .review-markers{position:absolute;inset:0;margin:0;pointer-events:none}.timeline-note{position:absolute;top:0;translate:-50% 0;width:16px;height:24px;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;z-index:2}.note-dot{display:block;position:absolute;left:4px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--note-color,#c5353c);box-shadow:0 0 0 1px #241113}.timeline-note:hover .note-dot,.timeline-note:focus-visible .note-dot,.timeline-note.selected .note-dot{box-shadow:0 0 0 3px #ffffff77;scale:1.3}.timeline-note.resolved .note-dot{opacity:.5}.note-tooltip{display:none;position:absolute;bottom:30px;left:50%;translate:-50% 0;width:200px;max-width:50vw;padding:10px 12px;background:#1a1a1af5;color:#fff;border:1px solid #c5353c66;border-radius:10px;box-shadow:0 4px 20px #0005;font:12px/1.4 RaskoText,Arial;text-align:left;pointer-events:none}.note-tooltip b,.note-tooltip span{display:block}.note-tooltip b{color:#c4c4c4;margin-bottom:4px}.timeline-note:hover,.timeline-note:focus-visible{z-index:4}.timeline-note:hover .note-tooltip,.timeline-note:focus-visible .note-tooltip{display:block}.transport-row{display:flex;align-items:center;gap:9px;height:32px}.transport-row button{background:transparent;color:white;border:0;padding:3px 5px;min-width:28px;cursor:pointer;font:22px Arial}.transport-row button:focus-visible,.review-seek:focus-visible{outline:2px solid #c7c7c7;outline-offset:4px}.review-clock{font:12px RaskoText,Arial;white-space:nowrap}.transport-spacer{flex:1}.review-volume{width:60px!important;padding:0!important;margin:0!important;height:4px!important;accent-color:#c5353c}.custom-player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.custom-player:fullscreen .review-transport{padding:40px 30px 15px}.custom-player:fullscreen video{width:100%;height:100%}

.note-dot{font:9px/14px RaskoText,Arial;color:#1b1b1b;text-align:center}.note-dot:not(:empty){width:14px;height:14px;top:5px;left:1px}

.review-seek{position:absolute;top:10px;left:0;margin:0!important}.timeline-note.edge-start .note-tooltip{left:0;translate:0 0}.timeline-note.edge-end .note-tooltip{left:auto;right:0;translate:0 0}

.ideas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px}.ideas-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}.ideas-list{display:grid;gap:18px}.idea-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.idea-card>p,.idea-report-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.6}.idea-card h2{margin-bottom:14px}.report-entry{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:15px 0;border-bottom:1px solid #d9d9d9;width:100%;text-align:left}.comment[data-marker]{cursor:pointer}.comment>p{font-family:RaskoText,Arial,sans-serif;font-size:19px;font-weight:700;line-height:1.6;color:#31191b;margin:15px 0;white-space:pre-wrap}.comment-meta strong{font-size:16px}.comment>small,.comment-actions .text-button{font-size:13px}.comment .timecode{font-size:14px;font-weight:700}.comment:focus-visible{outline:3px solid #cc6166;outline-offset:3px}#comment-form textarea{font-size:18px;font-weight:700;line-height:1.5}#comment-form label>small{display:block;font-weight:400;font-size:12px;margin:7px 0;color:#686868}@media(max-width:760px){.ideas-layout{grid-template-columns:1fr}.comment>p{font-size:18px}}

.comment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.comment-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1 1 160px;min-height:48px;padding:12px 16px;border-radius:12px;border:0;font-family:RaskoText,Arial;font-size:16px;font-weight:700;cursor:pointer}.comment-actions button>span{font-size:24px;line-height:1}.comment-resolve{background:#e7e7e7;color:#4d4d4d}.comment-resolve:hover,.comment-resolve.is-done{background:#626262;color:#fff}.comment-to-task{background:#c5353c;color:#fff}.comment-to-task:hover{background:#9e242b}.comment-actions button:focus-visible{outline:3px solid #cc6166;outline-offset:3px}

.comment-edit-tools{display:flex;gap:18px;margin-top:12px}.comment-edit-tools .text-button{font:14px RaskoText,Arial;color:#595959;padding:6px 0}#edit-comment-form textarea{font:700 18px/1.5 RaskoText,Arial}

@media(min-width:1101px){.review-grid{align-items:start}.player-card{position:sticky;top:20px}}
.comment-actions{gap:8px;margin-top:14px}.comment-actions button{flex:0 1 auto;min-height:34px;padding:7px 11px;border-radius:8px;font-size:13px;gap:7px}.comment-actions button>span{font-size:17px}.comments-card{display:flex;flex-direction:column;min-height:0}.comments-card>.section-title,.comments-card>#review-approvals{flex-shrink:0}.comments-card>#comments-list{overflow-y:auto;overscroll-behavior:contain;max-height:55vh;min-height:0;padding:4px 8px 6px 4px;scrollbar-width:thin;scrollbar-color:#9a9a9a transparent}.comment{scroll-margin:8px}@media(min-width:1101px){.comments-card{position:sticky;top:20px;max-height:calc(100dvh - 40px)}.comments-card>#comments-list{min-height:160px;flex:1 1 auto}.comments-card .review-approvals{padding-bottom:16px;margin-bottom:12px}.comments-card .approval-people{margin:10px 0}.comments-card>.section-title{margin-bottom:14px}}
#toast.visible button{pointer-events:auto}

/* A quiet, direct place to drop an idea. */
.idea-canvas{max-width:720px;margin:clamp(25px,7vh,90px) auto 70px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.idea-intro{text-align:center;margin-bottom:34px}.idea-intro h1{font-family:inherit;font-size:42px;font-weight:650;font-style:normal;letter-spacing:-1.5px;text-transform:none}.idea-intro p{font-size:17px;color:#757575}.idea-input-wrap{position:relative}.idea-input-wrap textarea{display:block;width:100%;min-height:180px;resize:vertical;border:1px solid #e1e1e1;border-radius:22px;padding:25px 65px 25px 25px;background:#fff;color:#292929;font:400 21px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 8px 35px #2a2a2a06}.idea-input-wrap textarea::placeholder{color:#9e9e9e}.idea-input-wrap button{position:absolute;right:18px;bottom:18px;border:0;border-radius:50%;width:38px;height:38px;background:#c5353c;color:white;font-size:26px}.idea-hint{display:flex;justify-content:space-between;gap:16px;margin:13px 4px;color:#838383;font-size:12px}.idea-delivery{text-align:center;font-size:12px;color:#7a7a7a;margin-top:25px}.idea-history{margin-top:50px;border-top:1px solid #e2e2e2;padding-top:20px}.idea-history summary{cursor:pointer;font-size:14px;color:#6d6d6d}.idea-history-links{display:flex;gap:20px;margin:20px 0}.idea-history-item{padding:20px 0;border-bottom:1px solid #e2e2e2}.idea-history-item p{font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:10px}.idea-history-item small{font-size:12px;color:#7a7a7a}@media(max-width:600px){.idea-hint{flex-direction:column;gap:5px}.idea-intro h1{font-size:34px}}

.task-assignee{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:76px;padding:7px 10px;border-radius:8px;font:700 13px/1.2 RaskoText,Arial,sans-serif;background:#eaeaea;color:#373737;letter-spacing:0}.task-assignee[data-member="audouin"]{background:#dddddd;color:#393939}.task-assignee[data-member="gad"]{background:#e2e2e2;color:#414141}.task-assignee[data-member="kevin"]{background:#e9e9e9;color:#4d4d4d}.task-assignee[data-member="marki"]{background:#e6e6e6;color:#4d4d4d}@media(max-width:600px){.task-assignee{min-width:68px;padding:6px 9px;font-size:12px}.task-row{gap:12px}}

.task-owner-actions{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:5px}.task-edit{border:0;background:transparent;color:#6b6b6b;font:13px/1.3 RaskoText,Arial,sans-serif;padding:3px 8px;border-radius:5px}.task-edit:hover{background:#e9e9e9;color:#393939}

.episode-dashboard-heading{grid-column:1/-1;border-bottom:1px solid #cccccc;padding-bottom:24px}.episode-dashboard-heading>.text-button{margin-bottom:20px}.episode-dashboard-heading>.eyebrow{margin-bottom:14px}.episode-dashboard-heading>h1{margin-bottom:13px}.episode-dashboard-heading>p:last-child{margin-bottom:0;color:#6f6f6f;font-size:14px}

.task-check:disabled{cursor:not-allowed;opacity:.4}.task-check:disabled:hover{border-color:#d1d1d1}

.comment-actions.subtle-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.subtle-actions button{flex:none;min-height:28px;padding:4px 0;border:0;background:transparent;color:#777777;font:14px/1.3 RaskoText,Arial,sans-serif;border-radius:6px}.subtle-actions button:hover{color:#3e3e3e}.subtle-actions .comment-resolve{gap:5px}.subtle-actions .comment-resolve svg{width:18px;height:18px}.subtle-actions .comment-resolve span{font-size:13px}.subtle-actions .comment-resolve.is-done{color:#6a6a6a;background:transparent}.comment-thread{border-left:2px solid #e1e1e1;padding-left:15px;margin:17px 0 4px;cursor:default}.comment-reply{padding:10px 0}.comment-reply>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.comment-reply strong{font:700 14px RaskoText,Arial}.comment-reply small{font-size:11px;color:#808080}.comment-reply p{font:500 16px/1.5 RaskoText,Arial;color:#3a3a3a;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.reply-form{margin-top:16px;cursor:default}.reply-form>div{position:relative}.reply-form textarea{width:100%;resize:vertical;background:#f9f9f9;border:1px solid #e1e1e1;border-radius:10px;padding:12px 40px 12px 12px;font:16px/1.5 RaskoText,Arial;color:#2b2b2b}.reply-form button{position:absolute;bottom:10px;right:9px;width:27px;height:27px;border:0;border-radius:50%;background:#e9e9e9;color:#c5353c;font:20px Arial}.reply-form>small{font-size:10px;color:#8d8d8d}.transport-row [data-player="play"] svg{display:block;width:24px;height:24px}

.episode-dashboard-summary{display:flex;flex-direction:column;gap:36px;padding-top:0}.episode-dashboard-heading{grid-column:auto;border:0;padding-bottom:0}.episode-dashboard-progress{margin-top:auto}.episode-dashboard-progress>p:last-child{margin-bottom:0}@media(max-width:760px){.episode-dashboard-summary{padding-top:0;gap:26px}.episode-dashboard-progress{margin-top:0;margin-bottom:20px}}

.drop-grid.drop-single{grid-template-columns:minmax(0,1fr);max-width:860px;margin:0 auto}

/* Focused entry screen and branded Drop submit. */
.auth.auth-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:48px 24px;gap:32px;background:#1c1c1c}
.auth-minimal .auth-art{padding:0;min-height:0;width:min(100%,320px);overflow:visible;background:none}
.auth-minimal .auth-art>.wordmark{width:100%;max-width:none;text-align:center}
.auth-minimal .qg-label{display:block;margin-top:16px}
.auth-minimal .auth-panel{align-self:auto;max-width:420px;padding:32px;background:#f6f6f6;border-radius:20px}
.auth-minimal .auth-panel>.pill{margin-bottom:12px}
.auth-minimal .auth-panel>p{margin-bottom:24px}
.auth-minimal .auth-panel .auth-note{margin:24px 0 0}
.primary.drop-submit{display:flex;margin:24px auto 0;padding:7.84px 14.7px;min-width:102.9px;min-height:31.36px;gap:8.82px;font-size:22.54px;line-height:1;border-radius:5.88px}
@media(max-width:640px){.auth.auth-minimal{padding:32px 20px;gap:24px}.auth-minimal .auth-art{width:260px}.auth-minimal .auth-panel{padding:28px 24px}}
.auth-minimal .auth-panel{margin:0}.auth-minimal .qg-label{text-align:center}


.comment-reply .reply-delete{font-size:12px;padding:4px 0;color:#858585;margin-top:2px}.comment-reply .reply-delete:hover{color:#c5353c}
.drop-submit>span{transform:translateY(2.45px)}
@media(max-width:640px){.primary.drop-submit{font-size:clamp(14.7px,3.92vw,22.54px);padding:7.84px 9.8px;gap:6.86px}.drop-submit>span{transform:translateY(.109em)}}

.episode-art.has-photo{height:auto;aspect-ratio:16/9;padding:0}.episode-cover{display:block;width:100%;height:100%;object-fit:cover}.episode-art.has-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none}.episode-art.has-photo .episode-logo{width:100px;top:12px;right:12px;z-index:1;filter:drop-shadow(0 1px 3px #0006)}.episode-art.has-photo small{z-index:1;font-size:9px;left:15px;bottom:13px;padding:4px 9px}

.episode-flag{display:inline-block;margin-left:6px;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:.72em;font-style:normal;font-weight:400;vertical-align:middle;letter-spacing:0}
.idea-input-wrap button,.reply-form button{width:auto;min-width:68px;border-radius:9px;padding:0 12px;font:700 13px RaskoText,Arial,sans-serif}.idea-input-wrap textarea{padding-right:105px}.reply-form textarea{padding-right:94px}.auth-panel form .primary{justify-content:center}

.episode-notes{margin:0 12px 20px;padding-top:16px;border-top:1px solid var(--line);min-height:88px}.episode-notes-label{font:700 13px RaskoText,Arial,sans-serif;margin:0 0 5px}.episode-notes>small{display:block;color:var(--muted);font-size:11px}.episode-notes-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.episode-notes .episode-task-person{position:relative;z-index:1;border:0;min-width:0;padding:6px 9px;font-size:12px}.episode-notes-empty{font-size:12px;color:var(--muted);margin:0;line-height:1.5}

.episode-task-count{font-size:10px;opacity:.75;margin-left:6px}.episode-completed{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.episode-completed .section-title{margin-bottom:8px}.task-done-mark{color:#686868;display:grid;place-items:center;width:18px;flex-shrink:0;font:700 16px/1 Arial,sans-serif}.episode-completed .task-title small{color:#686868}

.task-owner-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;max-width:176px}.task-owner-badges .task-assignee{min-width:0}.task-responsibles{border:0;padding:0;margin:0 0 20px}.task-responsibles legend{font-size:11px;color:var(--muted);margin-bottom:10px}.task-responsibles>div{display:flex;flex-wrap:wrap;gap:8px}.task-owner-choice{display:flex;align-items:center;gap:6px;margin:0;cursor:pointer}.task-owner-choice input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.task-owner-choice .task-assignee{min-width:0;opacity:.6}.task-owner-choice:has(input:checked) .task-assignee{opacity:1}

.episode-card .episode-synopsis{font-size:12px;line-height:1.5;min-height:54px;margin-right:12px}.episode-outline{margin:24px 0}.episode-outline h2{font-size:24px}.episode-outline p,.episode-outline li{font-size:13px;line-height:1.6}.episode-outline summary{font-size:12px;font-weight:700;cursor:pointer}.episode-outline li{margin:7px 0}

.episode-number{font-family:RaskoText,Arial,sans-serif;font-style:normal;font-weight:700;font-size:.84em}.episode-card>h2{min-height:72px}.episode-card .episode-art:not(.has-photo){height:auto;aspect-ratio:16/9}

.episode-video-ready{display:flex;align-items:center;gap:8px;width:100%;text-align:left;margin-top:18px;padding:10px 12px;border:1px solid #cecece;border-radius:9px;background:#f0f0f0;color:#c5353c}.episode-video-ready svg{width:20px;height:20px;flex-shrink:0}.episode-video-ready b{display:block;font:700 12px RaskoText,Arial,sans-serif}.episode-video-ready small{display:block;margin-top:3px;font:11px RaskoText,Arial,sans-serif}.episode-video-ready:hover{background:#e3e3e3}.episode-video-pending{font-size:11px;color:var(--muted);margin:18px 0 0}

.episode-video-ready{position:relative;z-index:1}.episode-card>.episode-video-ready{width:calc(100% - 24px);margin:14px 12px}.episode-card>.episode-video-pending{margin:18px 12px}.qg-task-area{margin-top:24px}

.review-fps{border:0;background:transparent;color:inherit;font:inherit;font-size:11px;max-width:82px;padding:4px;opacity:.8}.review-fps option{background:#1b1b1b;color:#fff}

/* A discreet authorship signature on every screen. */
.app-credit{position:fixed;z-index:8;bottom:0;left:0;width:244px;padding:16px 23px 20px;background:#241113;color:#aeaeae;font:10px/1.5 RaskoText,Arial,sans-serif;letter-spacing:.1px}
.app-credit span,.app-credit strong,.app-credit small{display:block}
.app-credit strong{font-size:11px;font-weight:700;color:#e3e3e3;margin:2px 0 7px}
.app-credit small{font-size:9px;color:#9d9d9d}
.sidebar{padding-bottom:120px}
.auth.auth-minimal{padding-bottom:150px}
body:has(.auth) .app-credit{background:#1c1c1c;width:260px}
@media(max-width:1150px){.app-credit{width:210px;padding-left:18px;padding-right:18px}}
@media(max-width:900px){.app-credit{width:180px;padding-left:13px;padding-right:13px}}
@media(max-width:640px){.app-credit,body:has(.auth) .app-credit{position:static;width:100%;padding:20px 18px}.sidebar{padding-bottom:12px}.auth.auth-minimal{padding-bottom:32px}}

.channel-banner{justify-content:center;min-height:180px}
.channel-banner>.logo-window{width:min(75%,460px);max-width:460px}
.review-fullscreen-bar,.review-approval-fold>summary{display:none}
.review-approval-fold{flex-shrink:0;min-height:0}
.review-fullscreen{overflow:hidden}
.review-fullscreen .sidebar,.review-fullscreen .topbar,.review-fullscreen .footer,.review-fullscreen main>.page-heading,.review-fullscreen .review-tools,.review-fullscreen .video-tabs{display:none}
.review-fullscreen .review-grid{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) clamp(310px,28vw,390px);grid-template-rows:48px auto minmax(0,1fr);gap:0 18px;padding:12px 18px 40px;background:#141414;align-items:stretch;height:100dvh;overflow:hidden}
.review-fullscreen .review-fullscreen-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ededed;padding-bottom:12px;min-width:0}
.review-fullscreen-bar>div{min-width:0}.review-fullscreen-bar strong{display:block;font:700 14px RaskoText,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-fullscreen-bar small{display:block;font-size:10px;color:#b9b9b9;margin-top:4px}
.review-fullscreen-bar button{flex-shrink:0;background:#2b2b2b;border-color:#585858;color:#ededed;font-size:11px;padding:10px 14px}
.review-fullscreen .player-card{display:contents}
.review-fullscreen .player-card>.section-title,.review-fullscreen .player-controls,.review-fullscreen #playback-note{display:none}
.review-fullscreen #video-player{grid-column:1;grid-row:2/4;width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:12px;background:#070707}
.review-fullscreen #video-player video{object-fit:contain;width:100%;height:100%}
.review-fullscreen #comment-form{grid-column:2;grid-row:2;margin:0;padding:18px 18px 10px;background:var(--paper);border-radius:14px 14px 0 0;min-width:0}
.review-fullscreen #comment-form label>small{font-size:10px;margin:5px 0 8px}
.review-fullscreen #comment-form textarea{height:104px;min-height:64px;max-height:20vh;resize:vertical;font-size:16px}
.review-fullscreen .comment-bottom{gap:7px;margin-top:8px;flex-wrap:wrap}.review-fullscreen .comment-bottom label{max-width:105px}.review-fullscreen .comment-bottom input{padding:9px;font-size:12px}.review-fullscreen .comment-bottom button{padding:10px 8px;font-size:10px}
.review-fullscreen #comment-form .form-error{margin:6px 0 0;font-size:11px}
.review-fullscreen .comments-card{grid-column:2;grid-row:3;position:static;top:auto;max-height:none;min-height:0;border:0;border-radius:0 0 14px 14px;padding:10px 14px 14px;background:var(--paper);overflow:hidden}
.review-fullscreen .comments-card>.section-title{margin:0;padding:10px 4px;border-top:1px solid var(--line)}
.review-fullscreen .comments-card>.section-title .eyebrow{display:none}.review-fullscreen .comments-card h2{font:700 14px RaskoText,Arial,sans-serif;margin:0}.review-fullscreen .comments-card .count{font-size:11px}
.review-fullscreen .review-approval-fold{max-height:45%;overflow:auto;margin:0 4px 8px;font-size:12px}.review-fullscreen .review-approval-fold>summary{display:list-item;cursor:pointer;color:#c5353c;padding:7px 0}.review-fullscreen .review-approvals{margin:0;padding:8px 0}
.review-fullscreen .comments-card>#comments-list{min-height:0;max-height:none;flex:1;overflow-y:auto;overscroll-behavior:contain}
.review-fullscreen .app-credit{z-index:21;bottom:8px;left:18px;width:auto;padding:0;background:none;display:flex;gap:5px;align-items:baseline;font-size:8px;pointer-events:none}.review-fullscreen .app-credit strong{font-size:8px;margin:0}.review-fullscreen .app-credit small{font-size:8px}.review-fullscreen .app-credit br{display:none}
@media(max-width:720px){.review-fullscreen .review-grid{grid-template-columns:1fr;grid-template-rows:48px minmax(140px,1fr) auto minmax(100px,1fr);gap:8px;padding:8px 10px 34px}.review-fullscreen #video-player{grid-column:1;grid-row:2}.review-fullscreen #comment-form{grid-column:1;grid-row:3;padding:10px 14px}.review-fullscreen #comment-form textarea{height:64px}.review-fullscreen .comments-card{grid-column:1;grid-row:4}.review-fullscreen-bar small{display:none}.review-fullscreen .app-credit{left:10px;position:fixed}.review-fullscreen .app-credit>span{display:none}}

/* Before the first export, give the heading its own row and align the two summaries. */
.episode-dashboard-empty{row-gap:28px;align-items:start}
.episode-dashboard-empty .episode-dashboard-summary{display:contents}
.episode-dashboard-empty .episode-dashboard-heading{grid-column:1/-1;padding:0 0 24px;border-bottom:1px solid #cccccc}
.episode-dashboard-empty .episode-dashboard-heading>h1{max-width:none}
.episode-dashboard-empty .episode-dashboard-progress{margin:0}
.episode-dashboard-empty .episode-dashboard-video{align-self:start}
.episode-dashboard-empty .episode-dashboard-video>.eyebrow{margin-top:0}
.episode-dashboard-empty .episode-dashboard-video>h2{font-size:clamp(24px,2.3vw,32px);margin:18px 0 14px}
@media(max-width:640px){.episode-dashboard-empty{row-gap:24px}.episode-dashboard-empty .episode-dashboard-heading{grid-column:1}.episode-dashboard-empty .episode-dashboard-video{padding-top:20px;border-top:1px solid #cccccc}}

.approval-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.approval-person{min-width:0}

.comment-bottom .comment-send{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:42px;padding:10px;border-radius:10px}.comment-send svg{display:block;width:24px;height:24px}

.episode-dashboard-heading>.text-button{padding-top:0;padding-bottom:0;line-height:16px}.episode-dashboard-video>.eyebrow{line-height:16px}
.outreach-overview{max-width:100%}.outreach-bars{display:grid;gap:22px;padding:12px 0}.outreach-stage{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;align-items:center;gap:24px}.outreach-stage>span{font-size:15px}.outreach-stage>strong{font:700 22px RaskoText,Arial;text-align:right}.outreach-track{height:9px;border-radius:8px;overflow:hidden;background:#ebebeb}.outreach-track>i{height:100%;display:block;background:var(--accent);border-radius:8px}.outreach-source{margin-top:18px}.outreach-settings{margin-top:24px;color:var(--muted);font-size:13px}.outreach-settings>summary{cursor:pointer}.outreach-settings>p{margin-top:16px}.outreach-settings button{margin-right:14px}@media(max-width:640px){.outreach-stage{grid-template-columns:90px minmax(0,1fr) 28px;gap:12px}.outreach-stage>span{font-size:13px}}

.outreach-response{display:flex;gap:28px;align-items:center;padding:8px 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.response-ring{display:grid;place-items:center;flex-shrink:0;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--accent) var(--response),#e9e9e9 0);position:relative}.response-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:white}.response-ring strong{position:relative;font:700 30px RaskoText,Arial}.outreach-response p:last-child{margin-bottom:0}.outreach-track>i{transform-origin:left;animation:outreach-grow .65s ease-out both}.outreach-response{animation:outreach-appear .45s ease-out both}@keyframes outreach-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes outreach-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.outreach-track>i,.outreach-response{animation:none}}@media(max-width:640px){.outreach-response{gap:18px}.response-ring{width:96px;height:96px}.outreach-response h2{font-size:22px}}
.episode-dashboard-hero:not(.episode-dashboard-empty) .episode-dashboard-video>h2,.episode-dashboard-hero:not(.episode-dashboard-empty) .episode-dashboard-video>p:not(.eyebrow){text-align:right}.episode-dashboard-hero:not(.episode-dashboard-empty) .episode-review-cta{display:flex;margin-left:auto}
.episode-dashboard-video .episode-review-cta{display:inline-flex;align-items:center;gap:13px;max-width:100%;min-height:62px;padding:10px 25px 10px 11px;border:1px solid #ffffff85;border-radius:999px;background:linear-gradient(165deg,#d2d2d2 0%,#b9b9b9 55%,#c5353c 100%);color:#282828;font-family:RaskoText,Arial,sans-serif;font-size:clamp(18px,1.7vw,24px);font-weight:700;letter-spacing:-.35px;line-height:1.15;white-space:normal;text-align:left;box-shadow:inset 0 1px 0 #ffffff90,0 3px 5px #c5353c0a,0 8px 22px -10px #c5353c50;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.review-cta-play{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #ffffff75;border-radius:50%;background:#fff5;box-shadow:inset 0 1px 1px #ffffff70}
.review-cta-play svg{width:21px;height:21px;margin-left:-2px}
@media(hover:hover){.episode-dashboard-video .episode-review-cta:hover{background:linear-gradient(165deg,#dcdcdc,#c2c2c2 55%,#b6b6b6);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffffa0,0 5px 10px #c5353c10,0 12px 25px -9px #c5353c60}}
.episode-dashboard-video .episode-review-cta:active{transform:translateY(0) scale(.98);box-shadow:inset 0 1px 3px #c5353c18,0 3px 8px #c5353c14}
.drop-zone>.drop-file{display:block;width:56px;height:56px;overflow:hidden;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.episode-dashboard-video .episode-review-cta{transition:none}.episode-dashboard-video .episode-review-cta:hover,.episode-dashboard-video .episode-review-cta:active{transform:none}}
@media(max-width:640px){.episode-dashboard-video .episode-review-cta{font-size:18px;padding-right:19px;gap:10px;min-height:58px}.review-cta-play{width:36px;height:36px;flex-basis:36px}}

.remount-panel{border-top:1px solid var(--line);padding:14px 0;margin-bottom:12px;font-size:12px}.remount-heading{display:flex;flex-direction:column;gap:4px}.remount-heading>span{color:var(--muted);font-size:11px}.remount-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.remount-actions button{display:flex;flex-direction:column;gap:5px;background:#e8e8e8;border:1px solid #d5d5d5;color:var(--ink);padding:11px;border-radius:12px;font:700 13px/1.2 RaskoText,Arial;text-align:left;align-items:flex-start}.remount-actions button:hover{background:#d9d9d9}.remount-actions small{font:400 11px/1.3 RaskoText,Arial;color:#696969}.remount-status{font-size:12px;color:#676767;margin:8px 0}.remount-status p{margin:6px 0}.remount-newer{color:#606060}.remount-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:9px}.remount-links a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.review-fullscreen .remount-panel{padding:9px 0;margin-bottom:4px}.review-fullscreen .remount-heading>span{display:none}.review-fullscreen .remount-actions{margin:7px 0}.review-fullscreen .remount-actions button{padding:8px;font-size:12px}.review-fullscreen .remount-actions small{font-size:10px}.review-fullscreen #review-remount{flex-shrink:0}

.episode-review-prompt{display:flex;flex-direction:column;align-items:flex-end;gap:15px;margin-top:18px}
.episode-review-status{margin:0;text-align:right;font:700 19px/1.25 RaskoText,Arial,sans-serif;color:#3e3e3e}
.episode-review-status small{display:block;margin-top:5px;font-size:13px;font-weight:400;color:#6b6b6b}
.episode-review-prompt.is-approved .episode-review-status{color:#595959}
.episode-dashboard-video .episode-review-cta.is-reviewed{background:linear-gradient(155deg,#f8f8f8,#e7e7e7);color:#505050;box-shadow:inset 0 1px 0 #ffffffb0,0 6px 16px -10px #50505040}
.episode-dashboard-video .episode-review-cta.is-reviewed:hover{background:linear-gradient(155deg,#fbfbfb,#ededed)}
.preview-play svg{width:23px;height:23px;margin-left:-2px}
.preview-play{transition:transform .25s ease,background .25s ease;isolation:isolate}
.preview-play::after{content:"";position:absolute;inset:-1px;border:1px solid #ffffff90;border-radius:50%;pointer-events:none;animation:preview-play-pulse 3.8s ease-out infinite}
.export-preview:hover .preview-play,.export-preview:focus-visible .preview-play{transform:scale(1.09);background:#c5353c}
@keyframes preview-play-pulse{0%,30%{transform:scale(1);opacity:0}40%{opacity:.55}80%,100%{transform:scale(1.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.preview-play{transition:none}.preview-play::after{animation:none;display:none}.export-preview:hover .preview-play,.export-preview:focus-visible .preview-play{transform:none}}

/* Quiet motion for project cards and a file deposit icon. */
.drop-zone>.drop-file{color:#c5353c;transform-origin:50% 86%;transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s ease}
.drop-zone:hover>.drop-file,.drop-zone.dragging>.drop-file,.drop-zone:focus-within>.drop-file{transform:translateY(-3px) scale(1.05);filter:drop-shadow(0 5px 6px #c5353c26)}
.episode-grid>.episode-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.episode-card .episode-cover{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.episode-grid>.episode-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px -15px #41414135;border-color:#c2c2c2}.episode-card:hover .episode-cover{transform:scale(1.025)}}
.episode-grid>.episode-card:focus-within{border-color:#acacac;box-shadow:0 8px 24px -15px #41414135}
.idea-voice{margin:15px 3px}.idea-voice-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.voice-record{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcdcdc;border-radius:999px;background:#ededed;color:#c5353c;padding:10px 16px;font:600 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.voice-record svg{width:19px;height:19px}.voice-record.recording{color:#454545;background:#ececec;border-color:#cbcbcb}.voice-status{font-size:13px;color:#686868;margin:9px 0;line-height:1.4}.voice-status:empty{display:none}.voice-privacy{display:block;font-size:11px;color:#888888;line-height:1.5;margin-top:9px}.voice-playback audio,.idea-history-item audio{width:100%;height:38px;margin:12px 0}.voice-level{display:flex;align-items:center;gap:3px;height:24px}.voice-level i{display:block;width:3px;height:14px;border-radius:4px;background:#c5353c;animation:voice-wave .85s ease-in-out infinite alternate}.voice-level i:nth-child(2n){animation-delay:-.3s;height:21px}.voice-level i:nth-child(3){animation-delay:-.6s}.idea-history-item small{display:block}
@keyframes voice-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.drop-zone>.drop-file,.episode-grid>.episode-card,.episode-card .episode-cover{transition:none}.drop-zone:hover>.drop-file,.drop-zone.dragging>.drop-file,.drop-zone:focus-within>.drop-file,.episode-grid>.episode-card:hover,.episode-card:hover .episode-cover{transform:none}.voice-level i{animation:none}}

.episode-review-prompt.is-pending .episode-review-cta{background:linear-gradient(155deg,#d9d9d9,#bfbfbf 55%,#b4b4b4);color:#373737;border-color:#f1f1f1;animation:review-needed 3s ease-in-out infinite}
.episode-review-prompt.is-pending .episode-review-cta:hover{background:linear-gradient(155deg,#e3e3e3,#c8c8c8 55%,#bcbcbc)}
@keyframes review-needed{0%,100%{box-shadow:inset 0 1px 0 #ffffff90,0 4px 14px -6px #71717140,0 0 0 0 #adadad00}50%{box-shadow:inset 0 1px 0 #ffffff90,0 7px 22px -6px #71717155,0 0 0 6px #adadad1c}}
@media(prefers-reduced-motion:reduce){.episode-review-prompt.is-pending .episode-review-cta{animation:none}}

/* A shared, quiet hover language; the review transport stays stationary. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .nav-item,.crew-row,.account {
    transition:background-color .22s ease,box-shadow .22s ease;
  }
  .nav-item>span:first-child,.crew-row .avatar,.account .avatar {
    transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s ease;
  }
  .nav-item:hover>span:first-child {transform:translateY(-1px) scale(1.08)}
  .nav-item:hover {box-shadow:inset 0 0 0 1px #ffffff0d}
  .crew-row:hover .avatar,.account:hover .avatar {
    transform:scale(1.07);box-shadow:0 3px 10px #1b1b1b18;
  }
  :is(.primary,.secondary,.dark-button,.voice-record,.episode-video-ready):not(.episode-review-cta):not(:disabled):not([aria-disabled="true"]) {
    transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s ease,box-shadow .22s ease,border-color .22s ease;
  }
  :is(.primary,.secondary,.dark-button,.voice-record,.episode-video-ready):not(.episode-review-cta):not(:disabled):not([aria-disabled="true"]):hover {
    transform:translateY(-2px);box-shadow:0 6px 14px -7px #41414155;
  }
  :is(.primary,.secondary,.dark-button,.voice-record,.episode-video-ready):not(.episode-review-cta):not(:disabled):not([aria-disabled="true"]):active {
    transform:translateY(0) scale(.98);box-shadow:0 2px 5px -3px #41414135;
  }
  .text-button {transition:color .2s ease,text-decoration-color .2s ease;text-underline-offset:4px;text-decoration:underline;text-decoration-color:transparent}
  .text-button:hover {color:#c5353c;text-decoration-color:currentColor}
  .task-row {position:relative;isolation:isolate}
  .task-row::before {
    content:"";position:absolute;z-index:-1;pointer-events:none;
    inset:0 calc(-1 * var(--card-inset,24px));
    background:linear-gradient(to bottom,transparent,rgba(0,0,0,.075) 24%,rgba(0,0,0,.075) 76%,transparent);
    mask-image:linear-gradient(to right,transparent,#000 var(--card-inset,24px),#000 calc(100% - var(--card-inset,24px)),transparent);
    opacity:0;transition:opacity .28s ease;
  }
  .task-row:hover::before {opacity:1}
  .task-title>span,.task-title small {transition:color .22s ease}
  .episode-meters>.card {
    transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s ease,border-color .26s ease;
  }
  .episode-meters>.card:hover {
    transform:translateY(-3px);box-shadow:0 10px 26px -15px #41414140;border-color:#c2c2c2;
  }
  .drop-zone {transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease}
  .drop-zone:hover {background-color:#e7e7e7;border-color:#c5353c;box-shadow:inset 0 0 28px #c5353c14}
}

/* Dictation sits in the composer's lower-left corner, alongside Send. */
.idea-input-wrap {background:#fff;border:1px solid #e1e1e1;border-radius:22px;box-shadow:0 8px 35px #2a2a2a06}
.idea-input-wrap:focus-within {border-color:#c5353c;box-shadow:0 0 0 3px #c5353c15,0 8px 35px #2a2a2a06}
.idea-input-wrap textarea {border:0;box-shadow:none;border-radius:22px 22px 0 0;padding:25px;min-height:150px}
.idea-input-wrap textarea:focus-visible {outline:none}
.idea-input-footer {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px 18px 18px}
.idea-input-footer .idea-voice {margin:0;min-width:0}
.idea-input-footer .idea-voice-actions {gap:10px}
.idea-input-footer button {position:static}
.idea-input-footer .voice-record {width:auto;height:auto;min-width:0;border:1px solid #dcdcdc;border-radius:999px;padding:10px 14px;background:#ededed;color:#c5353c;font:600 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.idea-input-footer .voice-record.recording {color:#454545;background:#ececec;border-color:#cbcbcb}
.idea-input-footer .text-button {width:auto;height:auto;min-width:0;background:none;color:#c5353c;font-size:12px;padding:5px 0}
.idea-input-footer>button[type=submit] {flex-shrink:0;align-self:flex-end}
.idea-voice-details {margin:10px 4px 0}
@media(max-width:400px) {.idea-input-footer{padding:4px 12px 14px;gap:8px}.idea-input-footer .voice-record{padding:9px 10px;font-size:12px}.idea-input-footer .voice-record svg{width:16px;height:16px}}

.episode-review-prompt.is-neutral .review-cta-play svg{margin-left:0;stroke-width:1.6}

/* Phone layout: compact navigation, readable content and touch controls. */
.mobile-menu-toggle{display:none}
@media(max-width:640px){
  .sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));overflow:visible}
  .sidebar .wordmark{width:142px;flex-shrink:0}
  .sidebar .qg-label{font-size:11px;letter-spacing:3px;margin-top:2px}
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff0a;color:#ededed;font:700 14px RaskoText,Arial}
  .mobile-menu-toggle svg{width:21px;height:21px}
  .sidebar nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:10px 16px 18px;background:#241113;border-bottom:1px solid #404040;box-shadow:0 14px 25px #24111322;max-height:calc(100dvh - 90px);overflow:auto;gap:8px}
  .sidebar.mobile-nav-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar .nav-item{min-width:0;min-height:48px;padding:11px 12px;font-size:14px;gap:9px;border-radius:12px;white-space:normal}
  .sidebar .nav-item>span:first-child{width:22px}
  .sidebar .nav-logo{width:22px;height:22px}
  .topbar{padding:0 16px;min-height:56px;gap:8px}
  .topbar>div:first-child{min-width:0;flex-wrap:wrap;gap:4px 8px;padding:9px 0}
  .topbar .breadcrumb{font-size:11px;line-height:1.3;overflow-wrap:anywhere}
  .topbar .live-pill,.topbar .preview-pill{font-size:9px}
  .account{min-height:44px;font-size:13px;flex-shrink:0}
  .account>.avatar{width:30px;height:30px;font-size:12px}
  main{padding:24px 16px 32px}
  .page-heading h1{font-size:36px;line-height:1.08}
  .page-heading .eyebrow{font-size:10px;letter-spacing:1.4px}
  .page-heading>div>p:last-child{font-size:15px;line-height:1.45}
  .primary,.secondary,.dark-button{min-height:44px;font-size:14px;white-space:normal;gap:9px}
  .text-button{min-height:36px;font-size:13px}
  input:not([type=checkbox]):not([type=range]),select,textarea{font-size:16px}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .filters select,.filters input{width:100%;min-height:44px;font-size:16px;padding:10px;box-sizing:border-box;margin:0}
  .filters input{grid-column:1/-1}
  .stat>span{font-size:13px}.stat p,.stat strong small,.stat:first-child strong small{font-size:12px;line-height:1.35}
  .stat strong{font-size:32px}
  .episode-grid,.person-tabs{grid-template-columns:1fr}
  .person-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .person-tab{min-width:0;padding:16px}.person-tab strong{font-size:24px}.person-tab small{font-size:12px}
  .episode-meters .episode-name{font-size:25px;line-height:1.15;text-align:left}
  .episode-card>h2{min-height:0;margin-top:20px;margin-bottom:22px}
  .episode-card .episode-synopsis{min-height:0;font-size:15px}
  .episode-card>p,.episode-video-pending,.episode-progress small{font-size:13px}
  .episode-card>.primary{margin:12px;max-width:calc(100% - 24px)}
  .task-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;column-gap:10px;row-gap:8px;padding:18px 0}
  .task-check{width:26px;height:26px;margin-top:2px}
  .task-title{grid-column:2;min-width:0}.task-title>span{font-size:16px;line-height:1.4}.task-title small{font-size:12px;margin-top:6px}
  .task-row>.status{display:none}
  .task-owner-actions{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
  .task-owner-badges{max-width:none;justify-content:flex-start}.task-assignee{font-size:12px;padding:7px 10px}
  .task-owner-actions>.text-button{min-height:36px;padding:6px 4px}
  .episode-dashboard-hero{padding:22px 18px;gap:24px;border-radius:20px}
  .episode-dashboard-heading h1{font-size:36px;overflow-wrap:anywhere}
  .episode-dashboard-progress h2{font-size:52px}
  .episode-dashboard-video .episode-review-cta{width:100%;min-height:56px;font-size:18px;padding:10px 15px 10px 10px;justify-content:center}
  .episode-review-status{font-size:18px}.episode-review-status small{font-size:14px}
  .episode-dashboard-hero .export-preview+h2{font-size:22px}
  .review-grid{display:flex;flex-direction:column;gap:18px}
  .player-card,.comments-card{position:static;width:100%;max-height:none;min-width:0}
  .comments-card>#comments-list{max-height:none;overflow:visible;min-height:0}
  .video-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .video-tabs button{min-width:160px;min-height:52px;font-size:14px;white-space:normal}
  .player-card .section-title{flex-wrap:wrap}.player-card h2{font-size:23px;overflow-wrap:anywhere}
  .review-transport{padding:25px 8px 4px}.transport-row{height:40px;gap:4px}
  .transport-row button{min-width:40px;min-height:40px;padding:7px}.review-clock{font-size:11px;white-space:nowrap}
  .review-volume,.review-fps{display:none}
  .review-scrubber{min-height:24px}.review-seek{min-height:24px}
  #comment-form textarea,.reply-form textarea{font-size:17px;line-height:1.45}
  .comment-bottom{gap:8px}.comment-bottom .comment-send{width:48px;min-width:48px;height:44px;margin-left:auto}
  .comment-meta{flex-wrap:wrap}.comment>p{font-size:17px}.comment-edit-tools{gap:16px}
  .comment-actions button,.comment-edit-tools button,.reply-delete{min-height:40px}
  .remount-actions{grid-template-columns:1fr}.remount-actions button{min-height:50px}
  .review-fullscreen .review-grid{display:grid;grid-template-rows:44px minmax(150px,1fr) auto minmax(100px,1fr);padding:8px max(10px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .review-fullscreen .comments-card>#comments-list{overflow-y:auto;min-height:0}
  .review-fullscreen #comment-form textarea{font-size:16px;max-height:16dvh}
  .drop-zone{min-height:190px;padding:20px 14px}.drop-zone strong{font-size:25px}.drop-zone span:last-of-type{font-size:14px;line-height:1.5}
  .primary.drop-submit{min-width:130px;min-height:44px;font-size:23px;border-radius:10px}
  .idea-canvas{margin:24px auto 40px}.idea-intro{margin-bottom:24px}.idea-intro h1{font-size:36px}
  .idea-input-wrap textarea{font-size:18px;padding:20px;min-height:180px}
  .idea-input-footer{padding:4px 12px 14px;gap:8px}.idea-input-footer .voice-record{min-height:44px;font-size:12px;padding:9px 11px}
  .idea-input-footer>button[type=submit]{height:44px;font-size:14px}.idea-hint{font-size:12px}.voice-privacy{font-size:12px;line-height:1.5}
  .form-grid{grid-template-columns:1fr}dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:22px 18px;border-radius:20px}
  .auth.auth-minimal{padding:32px 16px;min-height:calc(100svh - 100px)}.auth-minimal .auth-art{width:220px}.auth-minimal .auth-panel{width:100%;padding:24px 20px}
  .auth-panel input{min-height:48px;font-size:16px}.auth-panel p{font-size:15px}
  .footer{margin:0 16px;padding-bottom:20px;font-size:11px;gap:12px;flex-wrap:wrap}
  .app-credit{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  #toast{max-width:calc(100% - 24px);font-size:14px;bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:640px){
  .review-fullscreen #review-remount{display:none}
}
@media(max-width:950px) and (max-height:500px){
  .review-fullscreen .review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,38%);grid-template-rows:36px auto minmax(0,1fr);gap:0 10px;padding:6px 10px 24px}
  .review-fullscreen #video-player{grid-column:1;grid-row:2/4}
  .review-fullscreen #comment-form{grid-column:2;grid-row:2;padding:8px 12px}
  .review-fullscreen #comment-form textarea{height:56px;min-height:44px;max-height:22dvh}
  .review-fullscreen #comment-form label>small,.review-fullscreen #review-remount,.review-fullscreen-bar small{display:none}
  .review-fullscreen .comments-card{grid-column:2;grid-row:3;padding:5px 10px;min-height:0}
  .review-fullscreen .comments-card>#comments-list{min-height:0;overflow-y:auto}
}

/* Dedicated iPhone presentation; the desktop/browser layout is unchanged. */
html.ios-app {font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;--muted:#717171}
.ios-app body {font-family:-apple-system,BlinkMacSystemFont,sans-serif;overscroll-behavior-y:none}
.ios-app .sidebar,.ios-app .topbar,.ios-app .workspace>.footer {display:none}
.ios-app .shell {display:block;min-height:100dvh}
.ios-app .workspace {margin:0;width:100%}
.ios-app main {padding:20px 18px 24px;max-width:800px}
.ios-app .app-credit {position:static;margin:0;padding:8px 18px 20px;font-size:9px;opacity:.6}
.ios-app .app-credit>span,.ios-app .app-credit>strong,.ios-app .app-credit>small {display:inline;font-size:9px}
.ios-app .app-credit>strong {margin:0 4px}
.ios-app .app-credit br {display:none}
.ios-app .page-heading {margin-bottom:20px;align-items:flex-start;gap:12px;flex-wrap:wrap}
.ios-app .page-heading h1 {font-size:34px;line-height:1.06;letter-spacing:-.5px;margin-bottom:8px}
.ios-app .page-heading .eyebrow {font-size:9px;letter-spacing:1.5px;margin-bottom:8px}
.ios-app .page-heading>div>p:last-child {font-size:14px;line-height:1.45}
.ios-app .page-heading>.primary {padding:10px 14px;font-size:13px;min-height:44px}
.ios-app .hero {min-height:0;border-radius:22px}
.ios-app .hero-art {display:none}
.ios-app .hero-copy {padding:24px}
.ios-app .hero h2 {font-size:38px;line-height:1.05;margin:16px 0}
.ios-app .hero p {font-size:14px}
.ios-app .card {padding:20px 16px;border-radius:22px;box-shadow:0 3px 16px #1e1e1e04}
.ios-app h2 {font-size:24px}
.ios-app .section-title {gap:10px;align-items:center;flex-wrap:wrap}
.ios-app .section-title .eyebrow {font-size:9px;margin-bottom:7px}
.ios-app .stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px}
.ios-app .stat {padding:16px;border-radius:18px;min-width:0}
.ios-app .stat:first-child {grid-column:1/-1}
.ios-app .stat strong,.ios-app .stat:first-child strong {font-size:34px}
.ios-app .stat>span {font-size:12px;line-height:1.3}
.ios-app .stat p {font-size:12px;margin-bottom:0}
.ios-app .home-grid,.ios-app .episode-grid {display:grid;grid-template-columns:1fr;gap:16px}
.ios-app .episode-card {padding:12px;border-radius:24px;overflow:hidden}
.ios-app .episode-card .episode-cover-wrap {border-radius:16px}
.ios-app .episode-card h2 {font-size:28px;margin:18px 8px 16px;min-height:0}
.ios-app .episode-card .episode-synopsis {min-height:0;margin-bottom:12px}
.ios-app .episode-card .episode-progress {margin:12px 4px}
.ios-app .episode-progress .progress-caption strong {font-size:28px}
.ios-app .episode-card>.primary {width:calc(100% - 8px);margin:12px 4px 4px;border-radius:14px;min-height:48px}
.ios-app .episode-dashboard-hero {display:flex;flex-direction:column;gap:20px;padding:22px 16px;border-radius:24px}
.ios-app .episode-dashboard-heading h1 {font-size:34px;margin-bottom:10px}
.ios-app .episode-dashboard-heading>p:last-child {display:none}
.ios-app .episode-dashboard-progress {order:3;width:100%;padding-top:16px;border-top:1px solid #cacaca}
.ios-app .episode-dashboard-progress h2 {font-size:36px;margin:10px 0}
.ios-app .episode-dashboard-progress .sticker-title {font-size:15px}
.ios-app .episode-dashboard-video {width:100%}
.ios-app .episode-dashboard-video .eyebrow {margin-bottom:10px}
.ios-app .episode-dashboard-video .episode-review-cta {font:750 16px -apple-system,BlinkMacSystemFont,sans-serif;width:100%;min-height:52px;letter-spacing:-.3px}
.ios-app .episode-dashboard-hero .export-preview+h2 {font-size:18px;margin:14px 0}
.ios-app .episode-review-status {font-size:16px}
.ios-app .task-row {padding:16px 0}
.ios-app .task-title>span {font-size:15px}
.ios-app .task-assignee {font-size:11px}
.ios-app .filters {gap:8px;margin-bottom:16px}
.ios-app button,.ios-app .primary,.ios-app .secondary,.ios-app .dark-button {touch-action:manipulation}
.ios-app .primary,.ios-app .secondary,.ios-app .dark-button {border-radius:14px;min-height:44px;font-size:14px}
.ios-app input:not([type=checkbox]):not([type=range]),.ios-app select,.ios-app textarea {font:400 16px -apple-system,BlinkMacSystemFont,sans-serif;border-radius:12px}
.ios-app textarea {line-height:1.5}
.ios-app[data-page=reviews] main {padding:16px 12px 20px}
.ios-app[data-page=reviews] .page-heading {margin:0 4px 12px}
.ios-app[data-page=reviews] .page-heading h1 {font-size:28px}
.ios-app[data-page=reviews] .page-heading .eyebrow,.ios-app[data-page=reviews] .page-heading>div>p:last-child {display:none}
.ios-app[data-page=reviews] .page-heading>.primary {font-size:12px;min-height:44px;padding:8px 12px}
.ios-app .review-tools {margin:0 4px 12px}
.ios-app .review-tools label {display:flex;align-items:center;gap:10px;font-size:13px}
.ios-app .review-tools select {flex:1;min-width:0;min-height:44px}
.ios-app .video-tabs {margin-bottom:12px;gap:8px}
.ios-app .video-tabs button {min-height:44px;min-width:130px;font-size:13px;border-radius:12px;padding:10px}
html.ios-app body:not(.review-fullscreen) .review-grid {display:flex;flex-direction:column;gap:14px}
.ios-app .player-card {padding:12px}
.ios-app .player-card .section-title {margin:4px 4px 12px}
.ios-app .player-card .section-title h2 {font-size:18px;margin-bottom:0}
.ios-app .player-card .section-title .eyebrow {font-size:9px;margin-bottom:5px}
.ios-app .player-card .section-title>a {font-size:12px;min-height:44px;display:flex;align-items:center}
.ios-app .player {border-radius:14px;overflow:hidden}
.ios-app .player-controls {margin:8px 0;gap:8px;flex-wrap:wrap}
.ios-app .player-controls>span {display:none}
.ios-app .player-controls>.secondary {font-size:11px;min-height:44px;background:transparent;color:#6c6c6c;padding:8px}
.ios-app #playback-note {font-size:12px;line-height:1.45;margin:8px 0 12px}
.ios-app #comment-form {margin-top:8px;border-top:1px solid #e9e9e9;padding-top:16px}
.ios-app #comment-form label {font-size:14px}
.ios-app #comment-form label>small {display:none}
.ios-app #comment-form textarea {min-height:92px;padding:14px;resize:vertical;background:#f9f9f9}
.ios-app .comment-bottom {display:flex;gap:8px;align-items:flex-end;flex-wrap:nowrap}
.ios-app .comment-bottom>label {flex:1;min-width:70px;max-width:120px;font-size:11px}
.ios-app .comment-bottom input {width:100%;min-height:44px}
.ios-app .comment-bottom>[data-action=capture] {font-size:11px;max-width:115px;padding:8px;min-height:44px}
.ios-app .comment-bottom .comment-send {min-width:48px;width:48px;height:44px}
.ios-app .comments-card {padding:20px 16px}
.ios-app .comments-card .section-title h2 {font-size:23px}
.ios-app .comment>p {font-size:16px;line-height:1.5}
.ios-app .comment-meta {font-size:12px}
.ios-app .review-approval-fold {margin-bottom:14px}
.ios-app .review-approval-fold summary {min-height:44px;display:flex;align-items:center;font-size:13px}
.ios-app .review-transport {padding:22px 6px 4px}
.ios-app .transport-row {gap:2px;min-height:44px}
.ios-app .transport-row button {min-width:38px;min-height:44px;padding:6px}
.ios-app .review-volume,.ios-app .review-fps {display:none}
.ios-app .review-clock {font-size:10px}
.ios-app .drop-zone {min-height:180px;border-radius:22px}
.ios-app .drop-zone strong {font-size:24px}
.ios-app .idea-canvas {margin:8px auto 24px}
.ios-app .idea-intro h1 {font-size:34px}
.ios-app .idea-input-wrap {border-radius:22px}
.ios-app .idea-input-wrap textarea {min-height:160px;padding:18px;font-size:18px}
.ios-app .auth.auth-minimal {min-height:calc(100svh - 40px);padding:32px 22px;justify-content:center}
.ios-app .auth-minimal .auth-art {width:230px;margin-bottom:28px}
.ios-app .auth-minimal .auth-panel {padding:24px;border-radius:24px}
.ios-app .auth-panel .primary {width:100%;min-height:50px}
.ios-app .auth-panel .auth-note {display:none}
.ios-app dialog {border-radius:24px;padding:24px 18px;max-height:calc(100dvh - 24px)}
/* Let native date controls shrink within the dialog instead of widening it. */
dialog .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
dialog .form-grid>label {min-width:0}
dialog input[type=date] {appearance:none;-webkit-appearance:none;min-width:0;max-width:100%;width:100%;min-height:44px}
@media(max-width:640px) {
  dialog .form-grid {grid-template-columns:minmax(0,1fr)}
}
.ios-app #toast {bottom:16px;font-size:14px}
.ios-app .review-fullscreen .app-credit {display:none}
@media(min-width:641px) {
 .ios-app .episode-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ios-app main {padding:16px 24px}
}
@media(prefers-reduced-motion:reduce) {.ios-app * {scroll-behavior:auto}}

/* Keep authorship readable on phones without a large footer banner. */
@media(max-width:640px) {
 body:not(.review-fullscreen) .app-credit {position:static;width:100%;padding:14px 18px calc(18px + env(safe-area-inset-bottom));background:transparent;color:var(--muted);font-size:10px}
 body:not(.review-fullscreen) .app-credit strong {color:var(--ink);font-size:11px;margin:2px 0 4px}
 body:not(.review-fullscreen) .app-credit small {color:var(--muted);font-size:9px}
}
.ios-app:not(.review-fullscreen) .app-credit {background:transparent;opacity:1;color:var(--muted)}
.ios-app:not(.review-fullscreen) .app-credit>span,.ios-app:not(.review-fullscreen) .app-credit>strong,.ios-app:not(.review-fullscreen) .app-credit>small {display:block}
.ios-app:not(.review-fullscreen) .app-credit>strong {margin:2px 0 4px;color:var(--ink)}

/* Drop: selected, receiving, transferring, and confirmed states. */
.drop-feedback{display:grid;gap:10px;margin:18px 0 24px}
.drop-feedback[hidden]{display:none}
.drop-feedback-item{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #dbdbdb;border-radius:18px;background:linear-gradient(135deg,#f7f7f7,#fff);box-shadow:0 4px 18px #2d2d2d08;animation:drop-appear .25s ease-out}
.drop-feedback-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#e2e2e2;color:#c5353c;font-size:20px;font-weight:700}
.drop-feedback-content{min-width:0;flex:1}.drop-feedback-content>strong{display:block;overflow-wrap:anywhere;font-size:15px}.drop-feedback-content>small{color:#7f7f7f;font-size:11px}.drop-feedback-title{font-weight:700;color:#414141;margin:9px 0 3px;font-size:14px}.drop-feedback-detail{color:#727272;font-size:12px;line-height:1.5;margin:0}.drop-feedback .text-button{display:inline-block;margin-top:10px;font-size:12px}
.drop-feedback-item.success{background:linear-gradient(135deg,#f6f6f6,#fff);border-color:#e1e1e1}.success .drop-feedback-icon{background:#eaeaea;color:#656565;animation:drop-confirm .4s ease-out}.success .drop-feedback-title{color:#606060}
.drop-feedback-item.error,.drop-feedback-item.destination{border-color:#d3d3d3;background:#fbfbfb}.error .drop-feedback-icon,.destination .drop-feedback-icon{background:#e8e8e8;color:#686868}
.drop-spinner{width:18px;height:18px;border:2px solid #b2b2b2;border-top-color:#c5353c;border-radius:50%;animation:drop-spin .85s linear infinite}
.drop-meter{display:flex;gap:12px;align-items:center;margin-top:12px}.drop-meter progress{display:block;appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#e2e2e2}.drop-meter progress::-webkit-progress-bar{background:#e2e2e2;border-radius:10px}.drop-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#c5353c,#afafaf);border-radius:10px;transition:width .2s}.drop-meter progress::-moz-progress-bar{background:#c5353c;border-radius:10px}.drop-meter b{min-width:46px;font-size:12px;color:#c5353c;text-align:right}
.drop-zone.has-files{border-style:solid;background:#e9e9e9}.drop-zone.is-uploading{border-style:solid;pointer-events:none}.drop-zone.is-uploading .drop-file{animation:drop-breathe 1.5s ease-in-out infinite}
@keyframes drop-spin{to{transform:rotate(360deg)}}@keyframes drop-breathe{50%{transform:translateY(-4px) scale(1.04);opacity:.65}}@keyframes drop-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes drop-confirm{from{transform:scale(.75)}60%{transform:scale(1.1)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.drop-feedback-item,.drop-feedback-icon,.drop-spinner,.drop-zone.is-uploading .drop-file{animation:none!important}.drop-meter progress::-webkit-progress-value{transition:none}}
@media(max-width:600px){.drop-feedback-item{padding:14px;gap:10px}.drop-feedback-icon{flex-basis:30px;width:30px;height:30px}.drop-feedback-content>strong{font-size:14px}}
/* Actions: one explicit two-state control, no workflow codes. */
.task-row.simple-task{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px}
.task-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px;border:1px solid #d0d0d0;border-radius:22px;background:#f0f0f0;color:#c5353c;font:700 12px RaskoText,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.task-toggle.is-done{background:#ebebeb;color:#565656;border-color:#e0e0e0}.task-toggle:disabled{opacity:.55;cursor:default}.task-toggle:not(:disabled):hover{transform:translateY(-1px)}
.drop-destination{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #dcdcdc;border-radius:7px;margin-top:8px;background:#fdfdfd;color:#c5353c;text-align:left;font-size:12px;font-weight:500;height:38px;cursor:pointer}.drop-destination::after{content:"";width:7px;height:7px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 10px}.ios-app .drop-destination{font:400 16px -apple-system,BlinkMacSystemFont,sans-serif;border-radius:12px;height:auto;min-height:46px}
@media(max-width:700px){.task-row.simple-task{grid-template-columns:28px minmax(0,1fr);gap:10px}.simple-task>.task-owner-actions{grid-column:2}.simple-task>.task-title{grid-column:2}.simple-task>.task-check{grid-column:1;grid-row:1;align-self:start}.simple-task .task-title>span{font-size:14px}.simple-task .task-title small{font-size:12px}}

/* Navigation counters match the native Mac's rose notification pills. */
.sidebar .nav-item > small {
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; min-width:22px; height:22px; margin-left:auto;
  padding:0 6px; border:0; border-radius:999px;
  background:#c3c3c3; color:#31191b;
  font:700 12px/1 RaskoText,Arial,sans-serif; font-variant-numeric:tabular-nums;
}
.sidebar .nav-item.active > small {box-shadow:0 0 0 1px #31191b20}
.sidebar .nav-item > small[hidden] {display:none}

/* One portrait treatment for the crew, cockpit, comments and iPhone web screens. */
.avatar{position:relative;overflow:hidden;isolation:isolate}
.avatar > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(var(--portrait-y,0%)) scale(var(--portrait-zoom,1));pointer-events:none}

/* Review timecodes keep their author's crew color, including resolved notes. */
.comment .timecode,.comment.resolved .timecode{background:color-mix(in srgb,var(--comment-author,#c5353c) 38%,white);color:var(--ink);border:1px solid color-mix(in srgb,var(--comment-author,#c5353c) 65%,white)}

/* Shared RASKO action pills. People badges and navigation/video tabs keep their rounded rectangles. */
:root :is(.primary,.secondary,.dark-button,.episode-video-ready),
html.ios-app .episode-card>.primary,html.ios-app .primary.drop-submit {
  border-radius:999px;
}
:root :is(.secondary,.episode-video-ready),:root .page-heading>.primary {
  background:#e9e9e9;color:#c5353c;border:1px solid #c5353c1f;
  box-shadow:0 1px 3px #c5353c06;font-weight:700;
}
:root .page-heading>.primary {gap:9px;min-height:36px;padding:9px 16px}
:root .episode-video-ready {padding:10px 16px}
:root :is(.review-tools,.filters,.review-author-filter) select {
  appearance:none;-webkit-appearance:none;border-radius:999px;
  background-color:#e9e9e9;color:#c5353c;border:1px solid #c5353c1f;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%238150ab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding:9px 34px 9px 16px;min-height:36px;font-family:RaskoText,Arial,sans-serif;font-weight:700;font-size:14px;
  box-shadow:0 1px 3px #c5353c06;
}
:root :is(.review-tools,.filters,.review-author-filter) select:focus-visible {outline:2px solid #c5353c;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  :root :is(.secondary,.episode-video-ready):not(:disabled):hover,:root .page-heading>.primary:not(:disabled):hover {
    background:#dbdbdb;border-color:#c5353c3d;box-shadow:0 3px 7px #c5353c1a;transform:translateY(-1px);
  }
  :root :is(.review-tools,.filters,.review-author-filter) select {transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
  :root :is(.review-tools,.filters,.review-author-filter) select:hover {background-color:#dbdbdb;border-color:#c5353c3d}
}
@media(max-width:760px),(pointer:coarse) {
  :root :is(.primary,.secondary,.dark-button,.episode-video-ready),:root .page-heading>.primary {min-height:44px}
  :root :is(.review-tools,.filters,.review-author-filter) select {min-height:44px;font-size:16px}
}
html.ios-app :is(.primary,.secondary,.dark-button,.episode-video-ready),html.ios-app .page-heading>.primary {min-height:44px}
html.ios-app :is(.review-tools,.filters,.review-author-filter) select {min-height:44px;font-size:16px}

/* A thin visible track inside a generous touch target, shared with native iPhone. */
.review-seek{top:0;height:24px!important;min-height:24px!important;background:transparent!important;box-shadow:none!important}
.review-seek::-webkit-slider-runnable-track{height:3px;border:0;border-radius:3px;background:linear-gradient(to right,#c5353c var(--played,0%),#ffffff55 var(--played,0%))}
.review-seek::-webkit-slider-thumb{margin-top:-4.5px}
.review-seek::-moz-range-track{height:3px;border:0;border-radius:3px;background:linear-gradient(to right,#c5353c var(--played,0%),#ffffff55 var(--played,0%))}
.task-title .task-due{display:table;width:fit-content;margin-top:6px;padding:4px 8px;border-radius:7px;font-size:12px;font-weight:700;color:#6c6c6c;background:#f0f0f0}
.task-title .task-due.soon{color:#5c5c5c;background:#f1f1f1}
.task-title .task-due.today,.task-title .task-due.overdue{color:#ac344e;background:#eaeaea}
.task-title .task-due.completed{color:#747474;background:#f1f1f1}

/* Open select lists stay white while their closed triggers keep neutral backgrounds. */
select option,select optgroup{background:#fff;color:#212121}

.review-add-mobile{display:none}
@media(max-width:760px){
 :root:not(.ios-app) .page-heading>.primary.review-add-video{min-height:36px;height:36px;padding:7px 13px;font-size:14px;line-height:20px;margin-top:14px}
 :root:not(.ios-app) .review-add-wide{display:none}
 :root:not(.ios-app) .review-add-mobile{display:inline}
 :root:not(.ios-app) .review-tools{margin-bottom:16px;gap:8px}
 :root:not(.ios-app) .review-tools label{width:auto;max-width:100%;gap:8px;font-size:12px}
 :root:not(.ios-app) .review-tools select{flex:0 1 auto;width:220px;max-width:calc(100vw - 130px);min-height:36px;height:36px;padding:6px 29px 6px 12px;font-size:16px;line-height:22px;font-weight:600;background-position:right 11px center}
}

@media(max-width:760px){:root:not(.ios-app) .review-episode-label{display:none}}

/* Personal cockpit: the next steps of the signed-in person; team overview stays in QG. */
.personal-summary{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 26px;color:var(--muted);font-size:14px}
.personal-summary b{color:var(--accent);font-size:20px;margin-right:4px}
.personal-priorities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:24px;align-items:start}
.personal-priorities .card{min-width:0;margin:0}
.personal-priorities h2{margin:6px 0 18px}
.personal-video{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px;border:1px solid #cbcbcb;border-radius:12px;background:#f1f1f1;color:var(--ink);margin:0 0 10px;font:inherit;cursor:pointer}
.personal-video>span:nth-child(2){flex:1;min-width:0}
.personal-video strong,.personal-video small{display:block}
.personal-video strong{font-size:16px;line-height:1.35}
.personal-video small{font-size:12px;color:var(--muted);margin-top:5px}
.personal-play{color:var(--accent);font-size:26px}
.personal-review-cta{color:var(--accent);font-size:12px;white-space:nowrap}
.personal-video:hover{background:#e5e5e5;border-color:#c5353c}
.personal-video:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.personal-empty{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0}
.personal-urgent .task-row{grid-template-columns:24px minmax(0,1fr) auto}
.personal-urgent .task-title>span{font-size:15px}
.personal-completed{margin-top:20px;color:var(--muted)}
.personal-completed summary{cursor:pointer;padding:12px 0;font-weight:700}
.personal-filters{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}
@media(max-width:1000px){.personal-priorities{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.personal-summary{gap:8px 16px;font-size:12px;margin-bottom:20px}.personal-summary b{font-size:18px}.personal-priorities{gap:16px;margin-bottom:18px}.personal-video{padding:13px;gap:10px}.personal-video strong{font-size:15px}.personal-review-cta{font-size:11px}.personal-filters{grid-template-columns:minmax(0,1fr)}.personal-urgent .task-row{grid-template-columns:24px minmax(0,1fr)}}

/* Crew profiles: individual shares and factual workload, in each person's color. */
.crew-row.selected{background:#ffffff12;outline:1px solid #b0b0b0;border-radius:10px}
.profile-back{margin-bottom:24px}.profile-heading{display:flex;align-items:center;gap:22px;margin-bottom:28px}.profile-heading .avatar{width:78px;height:78px;flex:0 0 78px}.profile-heading h1{margin:6px 0;font-size:48px}.profile-heading p{margin:0;color:var(--muted)}
.profile-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-bottom:24px}.profile-overview .card,.profile-breakdown .card{margin:0;min-width:0}.profile-completion{display:flex;gap:25px;align-items:center}.profile-completion h2{margin:0 0 12px}.profile-completion p{margin:0 0 8px}.profile-completion small{color:var(--muted);line-height:1.6;display:block}
.profile-ring{width:132px;height:132px;flex:0 0 132px;border-radius:50%;background:conic-gradient(var(--profile-color) var(--progress),#ececec 0);display:grid;place-items:center;position:relative}.profile-ring:before{content:'';position:absolute;inset:12px;background:white;border-radius:50%}.profile-ring strong{position:relative;font-size:28px;color:var(--ink)}
.profile-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-numbers .card{padding:22px 14px;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center}.profile-numbers b{font-size:38px;line-height:1;color:var(--ink)}.profile-numbers span{font-size:13px;color:var(--muted)}.profile-numbers .has-urgent{background:#f4f4f4;border-color:#cfcfcf}.profile-numbers .has-urgent b{color:#ac344e}
.profile-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.profile-breakdown h2{margin:6px 0 20px}.profile-episode{margin-top:22px}.profile-episode>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:14px}.profile-progress{height:7px;border-radius:5px;background:#ececec;margin:10px 0 7px;overflow:hidden}.profile-progress i{display:block;height:100%;border-radius:inherit;background:var(--profile-color)}.profile-episode small{color:var(--muted);font-size:12px}.profile-actions h2{margin:6px 0 22px}.profile-task-heading{font-size:14px;color:var(--muted);margin:22px 0 8px}
@media(max-width:1100px){.profile-overview{grid-template-columns:1fr}.profile-numbers .card{padding:18px}.profile-numbers b{font-size:30px}}
@media(max-width:760px){.profile-breakdown{grid-template-columns:1fr}.profile-heading{gap:16px;margin-bottom:22px}.profile-heading h1{font-size:38px}.profile-heading .avatar{width:62px;height:62px;flex-basis:62px}.profile-completion{gap:16px;flex-wrap:wrap}.profile-ring{width:104px;height:104px;flex-basis:104px}.profile-ring strong{font-size:25px}.profile-completion h2{font-size:25px}.profile-numbers{gap:8px}.profile-numbers .card{padding:18px 8px}.profile-numbers span{font-size:12px}.profile-overview,.profile-breakdown{gap:16px}}

.review-author-filter{margin:0 0 16px}.review-author-filter select{max-width:100%;width:auto;min-width:190px;font-size:14px;min-height:36px;padding:7px 34px 7px 14px}
/* Episode summary: one quiet card, one action, version on the image. */
.episode-dashboard-hero{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:30px;padding:28px;background:white;border:1px solid var(--line);border-radius:20px;align-items:center}
.episode-dashboard-summary{display:flex;flex-direction:column;gap:26px;justify-content:flex-start;min-width:0}.episode-dashboard-heading{margin:0}.episode-dashboard-heading h1{font-size:38px;margin:18px 0 0}.episode-dashboard-progress{margin:0}.episode-progress-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted);font-size:14px}.episode-progress-caption strong{font:700 28px RaskoText,Arial,sans-serif;color:var(--ink)}.episode-dashboard-progress .profile-progress{height:6px;margin:12px 0 8px}.episode-dashboard-progress .profile-progress i{background:var(--accent)}.episode-dashboard-progress p{font-size:12px;color:var(--muted);margin:0}
.episode-dashboard-hero .episode-review-prompt{align-items:flex-start;gap:0;margin:0}.episode-dashboard-hero .episode-review-prompt button.episode-review-cta,.ios-app .episode-dashboard-hero .episode-review-prompt button.episode-review-cta{display:inline-flex;width:auto;min-height:40px;max-width:100%;gap:8px;padding:9px 16px;margin:0;border:1px solid #d8d8d8;border-radius:999px;background:#e7e7e7;color:#c5353c;font:700 15px/1.3 RaskoText,Arial,sans-serif;letter-spacing:0;box-shadow:none;animation:none;text-align:left;transform:none}
.episode-dashboard-hero .episode-review-prompt button.episode-review-cta:hover{background:#dedede;box-shadow:none;transform:none}.episode-dashboard-hero .episode-review-prompt button.episode-review-cta.is-reviewed{background:#ededed;color:#585858;border-color:#dadada}.episode-dashboard-hero .episode-review-prompt button.episode-review-cta.is-reviewed:hover{background:#e5e5e5}.episode-dashboard-hero .review-cta-play{width:18px;height:18px;flex-basis:18px;border:0;border-radius:0;background:none;box-shadow:none}.episode-dashboard-hero .review-cta-play svg{width:18px;height:18px;margin:0}
.episode-dashboard-video{min-width:0}.episode-version-overlay{position:absolute;bottom:12px;right:12px;background:#1b1b1bd9;color:white;border:1px solid #ffffff35;padding:7px 11px;border-radius:8px;font:700 13px RaskoText,Arial,sans-serif;z-index:2}.episode-no-video{display:flex;min-height:200px;align-items:center;justify-content:center;flex-direction:column;background:#f6f6f6;border-radius:14px;color:var(--muted)}
@media(max-width:760px){.episode-dashboard-hero{grid-template-columns:1fr;padding:18px;gap:20px}.episode-dashboard-summary{gap:20px}.episode-dashboard-heading h1{font-size:32px}.episode-version-overlay{bottom:9px;right:9px;font-size:12px}.episode-dashboard-hero .episode-review-prompt button.episode-review-cta{width:auto;font-size:15px;min-height:40px}}

.episode-dashboard-video{position:relative}.episode-dashboard-hero:not(.episode-dashboard-empty) .episode-dashboard-video .episode-review-prompt{position:absolute;bottom:12px;left:12px;z-index:3;max-width:calc(100% - 138px)}.episode-dashboard-hero .export-preview .preview-play{display:none}.episode-dashboard-hero .episode-review-prompt button.episode-review-cta{margin:0;box-shadow:0 2px 8px #1b1b1b18}.episode-dashboard-empty .episode-review-prompt{margin-top:14px}.episode-dashboard-hero .export-preview{border-radius:14px}
@media(max-width:760px){.episode-dashboard-hero:not(.episode-dashboard-empty) .episode-dashboard-video .episode-review-prompt{bottom:9px;left:9px;max-width:calc(100% - 110px)}.episode-dashboard-hero .episode-review-prompt button.episode-review-cta{min-height:34px;padding:7px 11px;gap:5px;font-size:13px}.episode-version-overlay{padding:7px 9px}}

/* The same actionable summary on desktop, phone and the iPhone shell. */
.personal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:720px;margin:0 0 26px}
.personal-summary button.personal-stat{min-width:0;display:grid;grid-template-columns:1fr;justify-items:center;gap:8px;padding:20px 12px 18px;border:1px solid #dddddd;border-radius:16px;background:#ededed;color:#c5353c;text-align:center;font:inherit;cursor:pointer;transition:box-shadow .16s,transform .16s}
.personal-summary button.personal-stat>svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.personal-summary button.personal-stat>b{font:700 34px/1 RaskoText,Arial,sans-serif;color:inherit;margin:1px 0 0}
.personal-summary button.personal-stat>span{font-size:14px;font-weight:600;line-height:1.25}
.personal-summary button.personal-stat.has-urgent{background:#f2f2f2;border-color:#d9d9d9;color:#616161}
.personal-summary button.personal-stat-review{background:#ededed;border-color:#d9d9d9;color:#c5353c}
.personal-summary button.personal-stat:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(hover:hover){.personal-summary button.personal-stat:hover{box-shadow:0 5px 16px #2f2f2f18;transform:translateY(-2px)}}
.personal-summary button.personal-stat:active{transform:scale(.97)}
.personal-actions,.personal-urgent,.personal-reviews,.personal-priorities .task-row,.personal-actions .task-row{scroll-margin-top:20px}
.personal-actions:focus,.personal-urgent:focus,.personal-reviews:focus,.personal-priorities .task-row:focus,.personal-actions .task-row:focus{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:760px){
 .personal-summary{gap:10px;margin-bottom:22px}
 .personal-summary button.personal-stat{gap:7px;padding:16px 7px 14px;border-radius:15px}
 .personal-summary button.personal-stat>svg{width:22px;height:22px}
 .personal-summary button.personal-stat>b{font-size:31px}
 .personal-summary button.personal-stat>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.personal-summary button.personal-stat{transition:none}}

.personal-profile .profile-numbers button.card{font:inherit;align-items:center;cursor:pointer;transition:box-shadow .16s,transform .16s}
.personal-profile .profile-numbers button.card:hover{box-shadow:0 4px 16px #2f2f2f18}
.personal-profile .profile-numbers button.card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.personal-profile .personal-urgent{margin:0 0 24px}
.personal-profile .personal-urgent.has-urgent{border-color:#cfcfcf}
.personal-profile .personal-urgent.has-urgent>.eyebrow{color:#ac344e}
.personal-profile .personal-urgent h2{margin:6px 0 12px}
.personal-profile .personal-urgent .task-row:focus{outline:2px solid var(--accent);outline-offset:3px;scroll-margin-top:20px}
@media(max-width:760px){.personal-profile .personal-urgent{margin-bottom:16px}.personal-profile .profile-numbers button.card{min-height:110px}.personal-profile .profile-numbers b{font-size:31px}}

/* A single precise row, including in the iPhone shell. */
.review-scrubber{height:24px}
.review-scrubber .review-seek,.ios-app .review-scrubber .review-seek{top:0!important;bottom:auto!important}
.review-scrubber .review-markers{left:6px;right:6px}
.review-scrubber .timeline-note{top:0;bottom:auto;height:24px;min-height:0;width:var(--note-width,16px);min-width:0;padding:0}
.timeline-note .note-dot{width:var(--note-dot-width,8px);height:8px;top:8px;left:50%;transform:translateX(-50%)}
.timeline-note.selected .note-dot{box-shadow:0 0 0 2px #fff9}
.ios-app .review-episode-label{display:none}
.ios-app .video-tabs button{color:var(--ink)}

/* Collective QG overview: four equally weighted, readable indicators. */
.qg-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}.qg-metric{--metric:#c5353c;min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--metric) 18%,white);border-radius:18px;background:color-mix(in srgb,var(--metric) 5%,white)}.qg-metric-done{--metric:#666666}.qg-metric-urgent{--metric:#666666}.qg-metric-reviews{--metric:#c5353c}.qg-metric-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:var(--metric)}.qg-metric-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--metric) 10%,transparent)}.qg-metric-icon svg{width:24px;height:24px}.qg-metric-top strong{font:700 38px/1.15 RaskoText,Arial,sans-serif;font-variant-numeric:tabular-nums}.qg-metric h2{font:700 17px/1.3 RaskoText,Arial,sans-serif;margin:0 0 5px}.qg-metric p{font-size:13px;line-height:1.4;color:var(--muted);margin:0}
@media(max-width:1100px){.qg-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.qg-metrics{gap:10px}.qg-metric{padding:16px}.qg-metric h2{font-size:15px}.qg-metric p{font-size:12px}.qg-metric-top strong{font-size:32px}.qg-metric-icon{width:36px;height:36px}.qg-metric-icon svg{width:21px;height:21px}}

/* Phone review: one constrained vertical notes column, and landscape only. */
.review-rotate-prompt{display:none}
.review-fullscreen .comments-card,.review-fullscreen #comments-list{min-width:0;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-x:none}
.review-fullscreen .comment,.review-fullscreen .comment-thread,.review-fullscreen .comment-reply{min-width:0;max-width:100%;overflow-wrap:anywhere}
.review-fullscreen .comment-meta{flex-wrap:wrap}.review-fullscreen .comment-meta strong{min-width:0;overflow-wrap:anywhere}
@media(pointer:coarse) and (orientation:portrait){
 .review-fullscreen .review-grid{display:flex!important;align-items:center;justify-content:center;padding:24px!important}
 .review-fullscreen .review-grid>*{display:none!important}
 .review-fullscreen .review-grid>.review-rotate-prompt{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:16px;color:#ededed;max-width:310px}
 .review-rotate-prompt>span{font-size:48px;color:#bfbfbf}.review-rotate-prompt strong{font-size:22px}.review-rotate-prompt p{font-size:16px;margin:0}
}
@media(orientation:landscape) and (max-height:600px){
 html body.review-fullscreen .review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,34%);grid-template-rows:34px auto minmax(0,1fr);gap:0 10px;height:100dvh;min-height:0;width:100%;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 html body.review-fullscreen .review-fullscreen-bar{grid-column:1/-1;grid-row:1;padding:0 0 4px;gap:8px}
 html body.review-fullscreen .review-fullscreen-bar strong{font-size:13px}
 html body.review-fullscreen .review-fullscreen-bar button{min-height:28px;padding:5px 10px;font-size:12px}
 html body.review-fullscreen #video-player{grid-column:1;grid-row:2/4;min-width:0;min-height:0;height:100%}
 html body.review-fullscreen #comment-form{grid-column:2;grid-row:2;margin:0;border:0;padding:8px 10px;min-width:0}
 html body.review-fullscreen #comment-form textarea{width:100%;height:52px;min-height:44px;max-height:52px;padding:8px;font-size:16px;line-height:1.2;resize:none}
 html body.review-fullscreen #comment-form label>small{display:none}
 html body.review-fullscreen .comment-bottom{display:flex;flex-wrap:nowrap;gap:6px;margin-top:5px;align-items:flex-end}
 html body.review-fullscreen .comment-bottom>label{flex:1;min-width:0;max-width:110px;font-size:10px}
 html body.review-fullscreen .comment-bottom input{width:100%;min-height:32px;height:32px;padding:5px 8px;font-size:16px}
 html body.review-fullscreen .comment-bottom button{flex-shrink:0;min-height:34px;height:34px;padding:6px}
 html body.review-fullscreen .comment-bottom .comment-send{min-width:34px;width:34px;margin-left:auto}
 html body.review-fullscreen .comments-card{grid-column:2;grid-row:3;display:block;position:static;min-width:0;min-height:0;max-height:none;padding:6px 10px 10px;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;overscroll-behavior:contain;border-radius:0 0 14px 14px}
 html body.review-fullscreen .comments-card>.section-title{padding:5px 0;margin:0}.review-fullscreen .comments-card .section-title h2{font-size:14px}
 html body.review-fullscreen .review-approval-fold{max-height:none;overflow:visible;margin:0 0 5px}
 html body.review-fullscreen .review-approval-fold>summary{display:list-item!important;min-height:28px;padding:5px 0;font-size:12px}
 html body.review-fullscreen #review-remount{display:none}
 html body.review-fullscreen .review-author-filter{margin:5px 0 8px;min-width:0}
 html body.review-fullscreen .review-author-filter select{min-width:0;width:100%;max-width:100%;min-height:32px;font-size:13px;padding:6px 28px 6px 10px}
 html body.review-fullscreen .comments-card>#comments-list{flex:none;min-width:0;min-height:0;max-height:none;overflow:visible;padding:0}
 html body.review-fullscreen .comment{padding:10px 0}.review-fullscreen .comment>p{font-size:14px;line-height:1.35}
 html body.review-fullscreen .comment-meta{gap:6px}.review-fullscreen .comment-meta strong{font-size:13px}.review-fullscreen .comment .timecode{font-size:12px}
 html body.review-fullscreen .approval-person{padding:8px;font-size:12px}.review-fullscreen .approval-person b{font-size:12px}
 html body.review-fullscreen .app-credit{display:none}
}

/* Second fullscreen level: keep the same player and restore the notes on exit. */
html body.review-video-only .review-grid{display:block;padding:0!important}
html body.review-video-only .review-grid>*{display:none!important}
html body.review-video-only .review-grid>.player-card{display:contents!important}
html body.review-video-only .player-card>*{display:none!important}
html body.review-video-only .player-card>#video-player{display:block!important;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;border-radius:0;z-index:25}
html body.review-video-only .app-credit{display:none}

.qg-mobile-action{display:none;margin:-10px 0 26px}.qg-mobile-action button{min-height:44px;padding:11px 20px;font-size:16px}.ios-app .qg-mobile-action{display:flex;justify-content:center}
@media(max-width:640px){.qg-mobile-action{display:flex;justify-content:center}}

.personal-profile .profile-breakdown.without-reviews{grid-template-columns:1fr}.personal-profile .profile-numbers{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}

/* Transient feedback stays small and away from the iPhone content. */
#toast[hidden]{display:none!important}
.ios-app #toast{top:12px;bottom:auto;left:50%;width:max-content;max-width:calc(100% - 24px);padding:9px 12px;font-size:12px;border-radius:14px}
.ios-app #toast .secondary{min-height:32px;padding:5px 12px;font-size:12px}
.ios-app body.review-fullscreen #toast{top:auto;bottom:10px}

/* Keep double taps on the picture separate from transport and comment controls. */
.review-fullscreen #video-player video{touch-action:manipulation}
.review-frame-feedback{position:absolute;top:45%;z-index:6;pointer-events:none;padding:12px 16px;border-radius:999px;background:#1b1b1bd9;color:#fff;font-size:15px;font-weight:700;box-shadow:0 3px 16px #0003}
.review-frame-feedback[data-side="left"]{left:12%}.review-frame-feedback[data-side="right"]{right:12%}
.review-frame-feedback[hidden]{display:none}

.fullscreen-arrows{width:24px;height:24px;flex-shrink:0}
.fullscreen-arrows .fullscreen-contract{display:none}
.review-video-only .fullscreen-arrows .fullscreen-expand{display:none}
.review-video-only .fullscreen-arrows .fullscreen-contract{display:initial}

/* RASKO: quiet personal studio. */
:root{--ink:#31191b;--muted:#727272;--paper:#f7f7f7;--accent:#c5353c;--pink:#c3c3c3;--lime:#eaeaea;--line:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body,button,input,select,textarea,.comment>p,.task-title,.nav-item{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,.episode-name,.outline-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-style:normal;letter-spacing:-.035em;-webkit-text-stroke:0!important;text-shadow:none!important;color:var(--ink)}
h1{font-size:38px}h2{font-size:24px}.sidebar{background:#241113}.sidebar-crew,.app-credit{display:none}.logo-window{aspect-ratio:4!important}.logo-window img{width:100%!important;left:0!important;top:0!important;transform:none!important;object-fit:contain}.card{border-radius:18px}.primary{background:#c5353c;color:white}.page-heading{margin-bottom:28px}.qg-metrics{gap:14px}.qg-metric{background:#eaeaea!important;color:#31191b!important}.qg-metric strong{color:#31191b!important}.auth-art{background:#241113!important}.auth-art .outline-title{color:#c3c3c3!important}.auth-art .city-tag,.auth-art .brand-ribbon{display:none}.sidebar .nav-item.active{background:#c3c3c3;color:#241113}.resource-links{display:grid;gap:10px;margin:18px 0}.form-error:empty{display:none}

.nav-item.active{--sidebar-icon-cutout:#c3c3c3}.qg-metric-icon{color:#c5353c!important}.logo-window img{object-fit:contain}.auth-art{background:#241113!important}

.filters select,.personal-filters select{background:#ededed!important;border-color:#dcdcdc!important;color:#9e242b!important}.text-button{color:#a12b32}.sidebar .nav-item{color:#cfcfcf}.sidebar .nav-item.active{color:#31191b}.logo-window{background:#241113}.qg-label{font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;font-style:normal!important}

/* RASKO invoices: one clear next step, cash received separate from amounts owed. */
.invoice-module{max-width:1180px;margin:auto}.invoice-module h1{font-size:clamp(36px,4vw,56px)}.invoice-module h2{font-size:22px}.invoice-module .card{margin-bottom:22px;padding:26px}.invoice-module .notice[hidden],.invoice-notice[hidden]{display:none}.invoice-notice{padding:14px 18px;background:#eaeaea;border-radius:12px;margin-bottom:18px}.invoice-setup{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#eaeaea;border:1px solid #cfcfcf;border-radius:18px;margin-bottom:22px}.invoice-setup p{margin:6px 0 0}.invoice-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.invoice-metric>strong{display:block;font-size:clamp(24px,3vw,38px);color:#c5353c;letter-spacing:-1px}.invoice-metric p{margin-top:0}.invoice-metric small{display:block;margin-top:12px;color:var(--muted)}.invoice-toolbar,.invoice-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0}.invoice-actions{justify-content:flex-start}.invoice-chart{display:grid;grid-template-columns:repeat(12,minmax(52px,1fr));gap:10px;overflow-x:auto;padding:18px 2px}.invoice-month{text-align:center;display:flex;flex-direction:column;gap:10px;font-size:12px}.invoice-bar-value{font-size:10px;white-space:nowrap}.invoice-bar-track{height:145px;border-radius:8px;background:#f4f4f4;display:flex;align-items:flex-end;overflow:hidden}.invoice-bar{width:100%;min-height:2px;background:#c5353c;border-radius:8px 8px 0 0}.invoice-year{min-width:95px}.invoice-chart-card .section-title{align-items:flex-start}.invoice-list{display:flex;flex-direction:column}.invoice-row{width:100%;display:flex;align-items:center;gap:20px;padding:20px 0;text-align:left;border:0;border-bottom:1px solid #e7e7e7;background:transparent;cursor:pointer;color:inherit}.invoice-row>span:first-child{flex:1;min-width:0}.invoice-row small,.invoice-summary-line small{display:block;margin-top:7px;color:var(--muted);font-size:13px}.invoice-row-total{text-align:right;white-space:nowrap}.invoice-status{border-radius:30px;background:#eaeaea;padding:6px 12px;font-size:12px;white-space:nowrap}.invoice-status.draft{background:#efefef}.invoice-status.paid{background:#ededed;color:#494949}.invoice-empty{text-align:center;padding:32px 12px}.invoice-empty>span{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eaeaea;color:#c5353c;font-size:32px}.invoice-footnote{color:var(--muted);font-size:13px;line-height:1.6}.invoice-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:18px}.invoice-form input,.invoice-form select,.invoice-form textarea,.invoice-module form input{width:100%;box-sizing:border-box}.invoice-form details{margin:18px 0}.invoice-form summary,.invoice-module details summary{cursor:pointer;color:var(--muted);margin-bottom:14px}.invoice-line{display:grid;grid-template-columns:minmax(180px,1fr) 85px 125px 90px 30px;gap:12px;align-items:center;margin:16px 0;padding:14px 0;border-bottom:1px solid #e7e7e7}.invoice-line input{min-width:0}.invoice-summary-line{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #e7e7e7}.invoice-summary-line strong{white-space:nowrap}.invoice-check{display:flex;gap:12px;align-items:center;margin:24px 0}.invoice-module .invoice-check input{width:20px;height:20px}.invoice-payment{padding:20px 0;border-bottom:1px solid #e7e7e7}.invoice-payment details{margin-top:12px}.invoice-payment-history{margin-top:25px}.invoice-delete{margin-top:30px}.invoice-paid{color:#494949;font-weight:bold}.invoice-multiline{white-space:pre-wrap}.invoice-embedded .sidebar,.invoice-embedded .topbar,.invoice-embedded .footer{display:none}.invoice-embedded .shell{display:block}.invoice-embedded .workspace{margin:0;width:100%}.invoice-embedded #main{padding:28px}.invoice-module a.secondary{display:inline-block;text-decoration:none}.invoice-module button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.invoice-metrics{grid-template-columns:1fr}.invoice-module .card{padding:20px}.invoice-setup{flex-direction:column;align-items:flex-start}.invoice-row{flex-wrap:wrap;gap:12px}.invoice-row>span:first-child{flex-basis:65%}.invoice-status{margin-left:auto}.invoice-row-total{text-align:left}.invoice-line{grid-template-columns:1fr 1fr 1fr 30px}.invoice-description{grid-column:1/-1}.invoice-line label{font-size:12px}.invoice-chart-card .section-title{gap:10px}.invoice-chart-card h2{font-size:18px}}
.invoice-module .primary{background:#c5353c;color:#fff;border:1px solid #c5353c;box-shadow:none}.invoice-module .primary:hover{background:#a8262d;border-color:#a8262d}.invoice-module .primary:focus-visible{outline:3px solid #b5b5b5;outline-offset:3px}

:root .invoice-module .page-heading>.primary{background:#c5353c;color:white;border-color:#c5353c}:root .invoice-module .page-heading>.primary:not(:disabled):hover{background:#a8262d;color:white}:root .invoice-module .secondary{background:#eaeaea;color:#8d2228;border-color:#cfcfcf}:root .invoice-module .secondary:not(:disabled):hover{background:#cfcfcf}

/* Keep the complete artwork visible, including portrait poster credits. */
.rasko-project-cover{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;margin-bottom:18px}.rasko-project-cover-detail{margin-bottom:0}

/* Personal RASKO palette: black navigation, transparent red wordmark, neutral surfaces. */
:root{--ink:#171717;--muted:#6b6b6b;--paper:#f7f7f7;--accent:#c5353c;--pink:#ededed;--lime:#ededed;--line:#e2e2e2}
.sidebar,.auth-art{background:#000!important}.sidebar .wordmark,.auth-art .wordmark{background:transparent!important;text-decoration:none}
.sidebar .wordmark>.rasko-wordmark,.auth-art .wordmark>.rasko-wordmark{display:block;color:#c5353c;font:900 38px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px;text-align:left;background:transparent}
.sidebar .nav-item{color:#ccc}.sidebar .nav-item:hover{background:#171717;color:#fff}.sidebar .nav-item.active{background:#202020;color:#ed5259;--sidebar-icon-cutout:#202020}
.secondary{background:#ededed;color:#171717;border-color:#ddd}.secondary:hover{background:#e2e2e2}.episode-progress progress::-webkit-progress-value{background:#c5353c}.episode-progress progress::-moz-progress-bar{background:#c5353c}
@media(max-width:640px){.sidebar .wordmark>.rasko-wordmark,.auth-art .wordmark>.rasko-wordmark{font-size:28px}}

.projects-archived{display:flex;align-items:center;gap:8px;margin:18px 0}.projects-archived input{width:auto;margin:0;accent-color:#c5353c}

/* Invoice preview stays in the app; downloading is a separate action. */
dialog.invoice-preview-dialog{width:min(1040px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid #ddd;border-radius:16px;background:#eee;overflow:hidden}
dialog.invoice-preview-dialog[open]{display:flex;flex-direction:column}
.invoice-preview-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0}
.invoice-preview-header h2{margin:0;font-size:23px}.invoice-preview-header p{margin:4px 0 0;color:#666;font-size:13px;overflow-wrap:anywhere}
.invoice-preview-dialog iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#ddd}
.invoice-preview-loading{margin:10px 20px;font-size:13px}.invoice-preview-loading[hidden]{display:none}
@media(max-width:640px){dialog.invoice-preview-dialog{width:calc(100vw - 12px);height:calc(100dvh - 16px);border-radius:12px}.invoice-preview-header{padding:12px;align-items:flex-start;flex-wrap:wrap}.invoice-preview-header .invoice-actions{margin:0;gap:8px}}
.invoice-preview-zoom{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0}
.invoice-preview-zoom button{padding:4px 14px;min-width:42px}.invoice-preview-zoom span{font-size:12px;min-width:45px;text-align:center}
.invoice-preview-pages{flex:1;min-height:0;overflow:auto;padding:16px;background:#ddd;overscroll-behavior:contain}
.invoice-preview-pages canvas{display:block;height:auto;margin:0 auto 16px;background:white;box-shadow:0 2px 8px #0002;max-width:none}

/* Keep Apple Live Text selection off the review image, not the comment editor. */
#video-player video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
dialog:has(#delete-comment-form){width:min(420px,calc(100vw - 32px))}
.delete-comment-preview{max-height:100px;overflow-y:auto;overflow-wrap:anywhere;color:var(--muted)}
.delete-comment-buttons{display:flex;justify-content:flex-end;gap:12px}

.review-cache-status{position:absolute;top:8px;right:10px;z-index:3;max-width:calc(100% - 20px);padding:3px 8px;border-radius:20px;background:#171717b8;color:#eeeeee;font-size:11px;pointer-events:none}

/* Video-only playback stays unobstructed; pausing restores every control. */
body.review-video-only #video-player.review-playing .review-transport,
body.review-video-only #video-player.review-playing .review-cache-status,
body.review-video-only #video-player.review-playing .review-frame-feedback{visibility:hidden;pointer-events:none}
body.review-video-only #video-player.review-playing{cursor:none}

/* Match WAGWAN navigation typography while retaining the personal RASKO theme. */
.sidebar .nav-item{font-family:RaskoText,Arial,sans-serif}

/* Center the login wordmark on web and the iPhone WebView. */
.auth-minimal .auth-art .wordmark>.rasko-wordmark{text-align:center}

/* Tapping non-control space in a project card opens its dashboard. */
.episode-card[data-episode-dashboard]{cursor:pointer}
/* iPhone login uses one black canvas, including native safe areas and overscroll. */
html.ios-app:has(.auth),.ios-app body:has(.auth),.ios-app .auth.auth-minimal{background:#000!important}
.ios-app .auth-minimal .auth-art{background:transparent!important}

.invoice-list-entry{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e7e7e7}.invoice-list-entry .invoice-row{flex:1;min-width:0;border-bottom:0}.invoice-list-pay{flex-shrink:0;white-space:nowrap;font-size:13px;padding:10px 16px}@media(max-width:700px){.invoice-list-entry{flex-wrap:wrap;gap:0;padding-bottom:16px}.invoice-list-entry .invoice-row{flex-basis:100%}.invoice-list-pay{margin-left:auto}}

.invoice-module .invoice-payment-hint{margin-top:18px;margin-bottom:0;line-height:1.6}.invoice-payment-history:empty{display:none}

.invoice-module .invoice-year{min-width:0;margin:0;flex-shrink:0}.invoice-module #invoice-year{-webkit-appearance:none;appearance:none;display:block;width:auto;min-width:108px;min-height:40px;padding:10px 38px 10px 18px;border:1px solid #dedede;border-radius:999px;background-color:#f1f1f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23c5353c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;color:#252525;font-size:14px;font-weight:600;line-height:20px;cursor:pointer;box-shadow:none}.invoice-module #invoice-year:focus-visible{outline:2px solid #c5353c;outline-offset:3px}

/* RASKO shared review improvements, scoped away from invoices. */

.review-notes-export{display:flex;justify-content:flex-start;margin:12px 0;flex-shrink:0}
.review-notes-export .secondary{font-size:14px;max-width:100%}

/* The same export intake is used by the browser and the iPhone shell. */
.review-tools{flex-wrap:wrap;gap:12px;justify-content:space-between}
.review-upload-zone{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:12px;padding:26px 18px;border:2px dashed var(--accent);border-radius:20px;background:#f5f5f5;cursor:pointer}
.review-upload-zone span{font-size:13px;color:var(--muted)}
.review-upload-zone input{width:100%;max-width:340px;font-size:14px}
.review-upload-zone input::file-selector-button{border:0;border-radius:999px;padding:10px 14px;background:#e9e9e9;color:#222222;font:inherit;margin-right:8px;cursor:pointer}
.review-upload-zone.dragging{background:#e9e9e9;border-style:solid}
.review-upload-zone.is-disabled{opacity:.65;cursor:default}
.review-upload-status{padding:16px;border-radius:16px;background:#f5f5f5;overflow-wrap:anywhere}
.review-upload-status p{margin:8px 0;font-size:14px}
.review-upload-status progress{width:100%;accent-color:var(--accent)}
.review-upload-status.error,.review-upload-status.drive-error{background:#fff0e9}
.review-upload-status.complete{background:#eaf3e8}
.review-upload-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.review-upload-actions [hidden]{display:none}
.review-upload-pending{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0 0 14px;text-align:left;font:inherit;cursor:pointer}
.review-upload-pending span:first-child{display:grid;gap:5px;min-width:0}
.review-upload-pending small{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.review-upload-pending span:last-child{font-size:13px}
#review-upload-selection{overflow-wrap:anywhere}
@media(max-width:600px){.review-upload-pending{align-items:flex-start;flex-direction:column;gap:8px}.review-upload-zone{padding:18px 12px}.review-tools>.primary{width:100%}}

.new-review-badge{display:table;margin-bottom:6px;padding:4px 9px;border-radius:999px;background:var(--accent);color:white;font-size:12px;font-weight:700;line-height:1.2}

.task-delete-button{border:1px solid #f0bcc5;background:#fce9ed;color:#b32643;padding:9px 16px;border-radius:999px;font-weight:700}

.episode-new-version{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid #dedede;border-radius:16px;background:#f1f1f1;color:var(--accent);text-align:left}.episode-new-version>span:nth-child(2){flex:1;min-width:0}.episode-new-version strong,.episode-new-version small{display:block}.episode-new-version strong{font-size:17px}.episode-new-version small{margin-top:5px;font-size:14px}#review-upload-form .form-grid{gap:16px}#review-upload-form select,#review-upload-form input[type=date]{appearance:none;min-height:48px;background:#f1f1f1;border:1px solid #dedede;border-radius:14px;padding:12px 16px;color:var(--accent);font-weight:700}#review-upload-form select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23c5353c' stroke-width='2'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}

/* Full-label disclosure targets and a trailing export footer on every client. */
.review-grid summary { cursor:pointer; }
.review-notes-export { justify-content:flex-end; margin:12px 0 0; padding:10px 0; position:sticky; bottom:0; background:var(--canvas,#f8f6f3); z-index:2; }
.review-fullscreen .review-notes-export { margin-top:auto; }

/* Compact mobile review navigation. Desktop keeps its version tabs. */
.review-add-compact,.review-tools .review-version-compact{display:none}
@media(max-width:760px){
 .review-heading .page-heading{display:flex;align-items:center;gap:12px}
 .review-heading .page-heading>div{min-width:0;flex:1}
 .review-heading .review-add-compact{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;font-size:26px;line-height:1}
 .review-tools{display:flex;flex-direction:row;width:100%;flex-wrap:nowrap;gap:10px;align-items:center}
 .review-tools>label,.review-tools .review-version-compact{display:block;flex:1 1 0;min-width:0;margin:0}
 :root:not(.ios-app) body .review-tools select,.ios-app body .review-tools select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}
 .review-tools>.primary,.review-tools .review-episode-label,.video-tabs{display:none}
}

.review-mobile-title{display:none}
@media(max-width:760px){
 :root:not(.ios-app) .player-card>.section-title .eyebrow,
 :root:not(.ios-app) .player-card .review-original-title{display:none}
 :root:not(.ios-app) .player-card .review-mobile-title{display:inline}
 :root:not(.ios-app) .player-card>.section-title>div{min-width:0;flex:1}
 :root:not(.ios-app) .player-card>.section-title h2{font-family:Arial,Arial,sans-serif;font-style:normal;font-weight:700;font-size:23px;line-height:1.2;letter-spacing:.15px;overflow-wrap:normal;word-break:normal}
}

.guest-shell{max-width:1600px;margin:auto}.guest-shell main{padding:24px}
.guest-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111111;color:white;padding:20px 28px}.guest-brand img{width:170px;max-height:70px;object-fit:contain}.guest-brand b,.guest-brand span{display:block}.guest-brand b{color:#e65860;letter-spacing:2px}.guest-brand span{margin-top:6px}
.guest-welcome{max-width:680px;margin:40px auto;padding:24px;background:#111111;border-radius:24px}.guest-welcome>img{display:block;width:230px;max-width:80%;margin:10px auto 28px}.guest-welcome .card{padding:28px}.guest-welcome h1{font-size:38px}.guest-welcome label{display:grid;gap:8px}.guest-welcome input{width:100%;min-height:46px}.guest-welcome small{display:block;margin-top:20px;color:var(--muted)}
.guest-links>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.guest-links small{display:block;color:var(--muted);margin-top:5px}.guest-links{margin-top:22px}#created-guest-link{margin-top:18px}#created-guest-link input{width:100%}.guest-mic{order:0}.guest-review .app-credit{position:static}.guest-review .review-heading h1{margin:8px 0 24px}
@media(max-width:760px){.guest-brand{padding:16px}.guest-brand img{width:120px}.guest-brand span{font-size:13px}.guest-shell main{padding:16px}.guest-welcome{margin:12px}.guest-shell .review-heading h1{font-size:32px}}

.guest-brand>.logo-window{width:190px;flex-shrink:0}.guest-brand .logo-window img,.guest-welcome .logo-window img{width:270%;max-height:none;height:auto}.guest-welcome>.logo-window{width:240px;margin:0 auto 24px!important}
@media(max-width:760px){.guest-brand>.logo-window{width:130px}}

.review-notes-export .secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.review-action-icon{width:18px;height:18px;flex:0 0 18px}

 /* one video, one coherent note panel. */
.guest-shell{max-width:1480px;padding:24px 32px 0}
.guest-brand{border-radius:20px;padding:20px 28px}
.guest-shell main{padding:28px 0 0}
.guest-review .review-heading h1{font-size:38px;margin:6px 0 22px}
.guest-review body:not(.review-fullscreen) .review-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:22px;align-items:start}
.guest-review body:not(.review-fullscreen) .player-card,.guest-review body:not(.review-fullscreen) .comments-card{padding:24px;border-radius:20px}
.guest-review body:not(.review-fullscreen) .comments-card{position:static;max-height:none;display:flex;flex-direction:column}
.guest-review body:not(.review-fullscreen) .comments-card>.section-title{margin:0 0 16px}
.guest-review body:not(.review-fullscreen) .comments-card h2{font-size:26px}
.guest-review body:not(.review-fullscreen) #comment-form{margin:0 0 20px;padding:0 0 20px;border-top:0;border-bottom:1px solid var(--line)}
.guest-review body:not(.review-fullscreen) #comment-form textarea{height:120px;min-height:100px;border-radius:14px;padding:14px}
.guest-review body:not(.review-fullscreen) #comments-list{max-height:420px;overflow:auto;min-height:120px}
.guest-review body:not(.review-fullscreen) #comments-list .empty{padding:24px 12px}
.guest-review .review-notes-export{background:transparent;border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px}
.guest-review .review-notes-export>button{width:100%}
.guest-review .app-credit{position:static;width:auto;max-width:1480px;margin:20px auto 0;padding:16px 32px 22px;background:transparent;color:var(--muted);text-align:center}
.guest-review .app-credit strong{color:var(--ink)}
@media(max-width:900px){.guest-shell{padding:12px 16px 0}.guest-review body:not(.review-fullscreen) .review-grid{grid-template-columns:1fr}.guest-shell main{padding-top:20px}.guest-review body:not(.review-fullscreen) .player-card,.guest-review body:not(.review-fullscreen) .comments-card{padding:18px}.guest-review .review-heading h1{font-size:30px}.guest-brand{padding:16px;border-radius:16px}}
.guest-review body:not(.review-fullscreen) .review-notes-export{position:static}

.guest-brand .rasko-wordmark,.guest-welcome>.rasko-wordmark{display:block;color:#c5353c;font:900 40px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px}.guest-welcome>.rasko-wordmark{display:block;text-align:center;margin-bottom:24px}

.guest-participants{display:grid;gap:10px;margin:20px 0}.guest-participants h2{font:700 18px/1.3 -apple-system,BlinkMacSystemFont,sans-serif}.guest-person{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--canvas,#f7f5f2);border-radius:14px}.guest-person small{margin:0!important;font-size:12px}.guest-welcome #guest-join{margin-top:18px}.guest-welcome #guest-join[hidden]{display:none}
/* RASKO guest rooms keep the black brand canvas through every review state. */
html.guest-review{background:#000;--canvas:#000;--ink:#f5f5f5;--muted:#b3b3b3;--line:#303030;--lavender:#181818;--soft:#171717;color-scheme:dark}
.guest-review body{background:#000;color:#f5f5f5;min-height:100dvh}
.guest-review #app{min-height:calc(100dvh - 112px)}
.guest-review .guest-shell,.guest-review .guest-brand,.guest-review .guest-welcome,.guest-review .card,.guest-review .player-card,.guest-review .comments-card,.guest-review .comment,.guest-review .empty,.guest-review .review-grid,.guest-review #comment-form,.guest-review .guest-person{background:#000;color:#f5f5f5}
.guest-review h1,.guest-review h2,.guest-review h3,.guest-review strong,.guest-review label{color:#f5f5f5}
.guest-review input,.guest-review textarea,.guest-review select{background:#101010;color:#fff;border-color:#383838}
.guest-review input::placeholder,.guest-review textarea::placeholder{color:#a7a7a7}
.guest-review .secondary{background:#191919;color:#f18d93;border-color:#3b2427}
.guest-review .app-credit{display:block;position:static;width:auto;max-width:none;margin:0;padding:18px 14px 20px;background:#000;color:#b3b3b3;text-align:left;font:11px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}
.guest-review .app-credit>span,.guest-review .app-credit>strong,.guest-review .app-credit>small{display:block}
.guest-review .app-credit strong{color:#eee;font-size:12px;margin:2px 0 7px}
.guest-review .app-credit small{color:#b3b3b3;font-size:10px}
.guest-review body.review-fullscreen .app-credit,.guest-review body.review-video-only .app-credit{display:none}
.guest-review .comment p,.guest-review .comment-reply p,.guest-review .empty p{color:#ddd}
.guest-review dialog,.guest-review dialog form,.guest-review .dialog-head,.guest-review .modal-actions{background:#000;color:#f5f5f5}
.guest-review .guest-links .danger{color:#ff7c85}
.guest-review #comment-form label small,.guest-review .comment-bottom label,.guest-review .empty p,.guest-review .comment-meta,.guest-review .comment-reply small{color:#b3b3b3}
.guest-review .comments-card .count{background:#171717;color:#f18d93}

/* Consistent project cards across desktop web and mobile. */
.episode-grid.rasko-project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),340px));gap:22px;align-items:stretch;justify-content:start}
.rasko-project-grid>.rasko-project-card{padding:0;overflow:hidden;border-radius:20px;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e6e6e6}
.rasko-card-art{position:relative;height:190px;flex:none;overflow:hidden;background:linear-gradient(135deg,#171717,#a52c35)}
.rasko-card-art .rasko-project-cover{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;transition:transform .25s ease}
.rasko-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0003);pointer-events:none}
.rasko-card-placeholder{display:grid;place-items:center;height:100%;color:#fff9;font:900 34px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-1px}
.rasko-card-phase{position:absolute;z-index:1;top:14px;right:14px;max-width:calc(100% - 28px);padding:8px 11px;border-radius:30px;background:#000b;color:#fff;font:700 10px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rasko-card-content{display:flex;flex-direction:column;gap:14px;padding:20px;flex:1;min-width:0}
.rasko-project-card .rasko-card-content h2{margin:0;min-height:68px;height:68px;font:800 27px/1.25 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#171717}
.rasko-project-card .rasko-card-meta{margin:0;min-height:20px;font-size:13px;line-height:20px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rasko-project-card .episode-progress{margin:0;min-height:64px}
.rasko-project-card .progress-caption{margin:0 0 8px;font-size:12px}
.rasko-project-card .progress-caption strong{font-size:22px;line-height:1}
.rasko-project-card progress{height:6px;margin:0 0 5px}
.rasko-project-card .episode-progress small{font-size:11px}
.rasko-card-review{min-height:48px;display:flex;align-items:center}
.rasko-card-review>*{width:100%;margin:0!important}
.rasko-card-review .episode-video-status{margin:0}
.rasko-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;min-height:38px}
.rasko-card-actions .primary{display:flex;gap:12px;align-items:center;padding:10px 14px;font-size:12px}
.rasko-card-actions .text-button{padding:8px 0;font-size:12px}
@media(hover:hover){.rasko-project-card:hover .rasko-project-cover{transform:scale(1.035)}}
@media(max-width:640px){.episode-grid.rasko-project-grid{grid-template-columns:minmax(0,1fr);gap:18px}.rasko-card-art{height:200px}}
@media(prefers-reduced-motion:reduce){.rasko-card-art .rasko-project-cover{transition:none}.rasko-project-card:hover .rasko-project-cover{transform:none}}