:root{color-scheme:dark;--ink:#050505;--surface:#151515;--paper:#fafafa;--red:#da1817;--deep:#8b0000;--muted:rgba(250,250,250,.54);--line:rgba(250,250,250,.12);--glass:rgba(14,14,14,.72);--shadow:0 28px 100px rgba(0,0,0,.45);font-family:Outfit,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--paper);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:300}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:500;color:rgba(250,250,250,.57)}
.ambient{position:fixed;left:50%;top:48%;width:75vw;aspect-ratio:1;transform:translate(calc(-50% + var(--repel-x,0px)),calc(-50% + var(--repel-y,0px)));z-index:0;pointer-events:none;mix-blend-mode:screen;transition:left .85s cubic-bezier(.2,.8,.2,1),top .85s cubic-bezier(.2,.8,.2,1),width .85s cubic-bezier(.2,.8,.2,1),opacity .65s,filter .65s,transform .5s cubic-bezier(.2,.75,.2,1);opacity:1}.ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;transition:filter .62s cubic-bezier(.23,.72,.18,1),opacity .62s cubic-bezier(.23,.72,.18,1)}.orb-video{z-index:1;filter:blur(0px) contrast(1) saturate(1)}.shield-video{z-index:2;filter:blur(.45px) contrast(1) saturate(1)}.ambient[data-hover="orb"] .shield-video{filter:blur(1.5px) contrast(1) saturate(1);opacity:.955}.ambient[data-hover="shield"] .orb-video{filter:blur(1.2px) contrast(1) saturate(1);opacity:.955}.ambient[data-hover="orb"] .orb-video{filter:blur(0px) contrast(1.008) saturate(1.015)}.ambient[data-hover="shield"] .shield-video{filter:blur(0px) contrast(1.008) saturate(1.015)}.ambient-vignette{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,0,0,.18) 65%,#050505 100%)}body:not([data-view="home"]):not([data-view="login"]) .ambient{left:76%;top:51%;width:75vw;opacity:.75;filter:saturate(.8)}body:not([data-view="home"]):not([data-view="login"]) .ambient-vignette{background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.1) 55%,rgba(0,0,0,.35))}
.app{position:relative;z-index:1;min-height:100vh}.screen{min-height:100vh;padding:48px clamp(28px,5vw,92px) 132px;animation:screen-in .42s ease both}@keyframes screen-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dock{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:999px;backdrop-filter:blur(26px) saturate(1.2);box-shadow:0 10px 35px rgba(0,0,0,.4)}.dock-link{border:0;background:transparent;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:100px;font-weight:300;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}.dock-link:hover{color:#fff;background:rgba(255,255,255,.08)}.dock-link.active{background:rgba(250,250,250,.08);color:#fff}.dock-icon{font-size:16px;line-height:1;opacity:.8}.settings-trigger{position:fixed;z-index:21;right:26px;top:22px;width:40px;height:40px;color:rgba(255,255,255,.67);border:0;border-radius:50%;background:rgba(25,25,25,.38);backdrop-filter:blur(12px);opacity:.12;transition:opacity .25s,background .25s,transform .25s}.settings-trigger:hover,.settings-trigger:focus-visible{opacity:1;background:rgba(60,60,60,.7);transform:rotate(30deg)}.settings-trigger span{font-size:20px}
.settings-trigger::before{content:"";position:absolute;inset:-25px}
.home{height:calc(100vh - 180px);min-height:520px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.home-greeting{position:relative;z-index:3;max-width:390px}.home-greeting h1{font-size:clamp(48px,5.1vw,78px);letter-spacing:-.045em;line-height:1.03;font-weight:200;mix-blend-mode:difference}.home-name{display:flex;align-items:baseline;gap:9px}.priority-count{border:0;background:transparent;color:rgba(250,250,250,.82);padding:0;font-size:17px;font-weight:200;line-height:1;transform:translateY(-16px)}.priority-count:hover{color:#fafafa}.home-queue{grid-column:3;z-index:3;width:min(100%,350px);justify-self:end;align-self:center}.home-queue h2{font-size:28px;letter-spacing:-.02em;font-weight:300;margin-bottom:14px}.queue-window{max-height:230px;overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}.queue-window::-webkit-scrollbar{display:none}.queue-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;color:rgba(250,250,250,.58);padding:7px 17px 7px 4px;transform-origin:left center;transition:transform .28s,color .28s,opacity .28s}.queue-row.is-active{color:#fff;transform:scale(1.025)}.queue-row:hover{color:#fff}.queue-row .client-icon{flex:0 0 auto}.queue-title{font-size:18px;font-weight:200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-date{margin-left:auto;flex:none;min-width:39px;text-align:right;font-size:11px;opacity:0;transition:opacity .2s;white-space:nowrap}.queue-row.is-active .queue-date{opacity:.7}
.client-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#1b1b1b;color:var(--red);font-weight:600;font-size:12px;line-height:1}.client-icon.yellow{color:#d9e64a}.client-icon.blue{color:#8ecdf4}.client-icon.light{color:#e2e2e2}.client-icon.large{width:46px;height:46px;font-size:20px}
.context{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:rgba(255,255,255,.44);margin:0 0 40px;min-height:22px;font-size:13px;font-weight:300}.context button{border:0;background:none;color:inherit;padding:0;font-weight:inherit}.context button:hover{color:#fff}.context strong{font-weight:400;color:#fff}.context .sep{opacity:.35}.page-intro{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.page-intro h1{font-size:clamp(42px,5vw,74px);letter-spacing:-.05em;line-height:.96}.page-intro p{color:var(--muted);font-size:16px;font-weight:200;max-width:520px;margin-top:17px}.glass-page{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(42px) saturate(.82);border-radius:32px;box-shadow:var(--shadow);padding:clamp(26px,3.2vw,48px)}.glass-page::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 28%,rgba(218,24,23,.025) 80%)}.glass-page>*{position:relative}.glass-lite{background:rgba(26,26,26,.66);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(24px);border-radius:22px}.text-btn{border:0;background:none;color:rgba(255,255,255,.7);padding:8px 0;font-size:13px}.text-btn:hover{color:white}.ghost-btn,.solid-btn,.pill-btn{border:1px solid rgba(255,255,255,.17);border-radius:100px;padding:11px 17px;background:rgba(255,255,255,.06);color:white;font-weight:300;font-size:13px;white-space:nowrap}.ghost-btn:hover,.pill-btn:hover{background:rgba(255,255,255,.13)}.solid-btn{background:#fafafa;color:#111;border-color:#fafafa;font-weight:400}.solid-btn:hover{background:#ddd}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%}.section-kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}
.clients-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-tile{position:relative;min-height:230px;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;text-align:left;color:white;padding:22px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .3s,border-color .3s}.client-tile:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.4)}.client-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.76))}.client-tile .client-icon{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18)}.client-tile h2{font-size:27px;letter-spacing:-.035em;max-width:250px}.client-tile span:last-child{display:block;font-size:12px;color:rgba(255,255,255,.62);margin-top:7px}.banner-portal{background:radial-gradient(circle at 75% 20%,rgba(103,159,181,.75),transparent 35%),linear-gradient(145deg,#132232,#334b59 42%,#060b11)}.banner-vida{background:radial-gradient(circle at 75% 20%,rgba(245,189,126,.7),transparent 38%),linear-gradient(145deg,#634337,#48384b 60%,#17100d)}.banner-vendemkt{background:radial-gradient(circle at 72% 22%,rgba(218,24,23,.85),transparent 42%),linear-gradient(135deg,#1c0909,#5b0707 55%,#050505)}.banner-amiguinho{background:radial-gradient(circle at 75% 20%,rgba(153,201,118,.64),transparent 35%),linear-gradient(145deg,#213221,#496c54 42%,#0d140e)}.client-tile.is-placeholder{border-style:dashed;background:rgba(255,255,255,.03);justify-content:center;align-items:center;text-align:center}.client-tile.is-placeholder::after{display:none}.client-tile.is-placeholder h2{font-size:20px}.client-tile.is-placeholder .plus{font-size:34px;font-weight:100;margin-bottom:10px}
.client-hero{position:relative;min-height:270px;border-radius:24px;overflow:hidden;padding:30px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.client-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 85%)}.client-hero>*{position:relative;z-index:1}.client-hero h1{font-size:clamp(45px,4.7vw,70px);letter-spacing:-.05em;line-height:1;margin-top:12px}.client-hero .client-icon{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2)}.client-hub-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.hub-panel{border:1px solid var(--line);border-radius:22px;padding:24px;background:rgba(255,255,255,.025);backdrop-filter:blur(30px)}.hub-panel h2{font-size:24px;margin-bottom:5px}.hub-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.hub-list{display:grid;gap:6px}.hub-row{border:0;border-top:1px solid var(--line);background:none;color:#fff;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 0;font-size:16px;font-weight:300}.hub-row span:last-child{margin-left:auto;color:var(--muted);font-size:12px}.hub-row:hover{color:#fff;background:rgba(255,255,255,.035)}.hub-row-index{color:var(--red);font-size:12px;width:25px}.upcoming-list{display:grid;gap:10px}.upcoming-item{border:0;border-radius:13px;background:rgba(255,255,255,.045);padding:11px 13px;display:flex;gap:12px;align-items:center;color:white;text-align:left}.upcoming-item:hover{background:rgba(255,255,255,.1)}.upcoming-item small{display:block;margin-top:4px}.upcoming-date{min-width:30px;color:rgba(255,255,255,.72);font-size:13px}
.playbook-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:27px}.playbook-top h1{font-size:clamp(40px,4.5vw,65px);letter-spacing:-.05em}.playbook-top p{font-size:15px;color:var(--muted);max-width:500px;margin-top:8px;font-weight:200}.playbook-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2.15fr);gap:22px}.phase-nav{display:grid;align-content:start;gap:7px}.phase-btn{border:1px solid transparent;background:transparent;color:var(--muted);padding:15px;border-radius:14px;display:flex;align-items:center;gap:14px;text-align:left;font-size:14px;font-weight:300}.phase-btn:hover{background:rgba(255,255,255,.05);color:white}.phase-btn.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:white}.phase-num{color:var(--red);font-size:12px}.phase-btn small{display:block;margin-top:4px}.phase-main{min-height:435px;border-left:1px solid var(--line);padding-left:30px}.phase-main h2{font-size:35px;letter-spacing:-.03em}.phase-main>p{margin-top:8px;color:var(--muted);font-weight:200}.step-list{margin-top:26px}.step-row{width:100%;display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:17px;align-items:center;padding:18px 5px;border:0;border-top:1px solid var(--line);color:#fff;background:none;text-align:left}.step-row:hover{background:rgba(255,255,255,.04)}.step-status{width:12px;height:12px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.34)}.step-status.progress{background:#da1817;border-color:#da1817}.step-status.done{background:#fafafa;border-color:#fafafa}.step-row h3{font-size:18px;font-weight:300}.step-row p{font-size:12px;color:var(--muted);margin-top:5px}.assignees{display:flex;align-items:center;gap:0}.avatar{display:grid;place-items:center;width:24px;height:24px;border:2px solid #171717;border-radius:50%;background:#493331;color:#fff;font-size:10px;margin-left:-4px}.avatar:nth-child(2){background:#334453}.avatar:nth-child(3){background:#4d4531}.status-summary{display:flex;gap:18px;align-items:center;margin-top:23px;color:var(--muted);font-size:12px}.status-summary span{display:flex;align-items:center;gap:8px}.status-summary .step-status{width:8px;height:8px}
.step-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:26px}.step-heading h1{font-size:clamp(44px,4.7vw,68px);letter-spacing:-.04em}.step-heading p{color:var(--muted);font-weight:200;margin-top:10px;font-size:16px}.step-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:18px}.document{background:rgba(250,250,250,.035);backdrop-filter:blur(30px);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,3vw,44px);min-height:530px}.document h2{font-size:28px;margin-bottom:14px}.document h3{font-size:18px;margin:24px 0 10px}.document p{color:rgba(255,255,255,.74);font-size:15px;line-height:1.65;font-weight:200}.document blockquote{border-left:2px solid var(--red);padding-left:18px;margin:20px 0;color:#fff;font-size:18px;font-weight:200}.doc-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:13px}.doc-table td,.doc-table th{border-bottom:1px solid var(--line);padding:11px;text-align:left;font-weight:300}.doc-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.11em}.commentable{background:rgba(218,24,23,.14);border-bottom:1px solid rgba(218,24,23,.75);padding:0 2px}.comment-bubble{display:inline-grid;place-items:center;width:19px;height:19px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:10px;vertical-align:top;margin-left:4px}.demand-column{display:grid;align-content:start;gap:14px}.demand-box{border:1px solid rgba(218,24,23,.33);background:rgba(5,5,5,.52);backdrop-filter:blur(30px);border-radius:18px;padding:21px}.demand-box h3{font-size:20px;margin:11px 0 7px}.demand-box p{color:var(--muted);font-size:13px;line-height:1.55}.demand-box .meta{margin:14px 0;display:flex;align-items:center;gap:10px;font-size:12px}.demand-box .meta b{font-weight:400}.demand-box button{margin-top:6px}.comment-panel{border:1px solid var(--line);border-radius:18px;padding:19px;background:rgba(5,5,5,.4);backdrop-filter:blur(30px)}.comment-panel h3{font-size:17px;margin-bottom:13px}.comment-panel p{color:rgba(255,255,255,.72);font-size:13px;line-height:1.5}.comment-panel .quote{color:var(--red);margin-bottom:7px}.editable-note{font-size:12px;color:var(--muted);margin-top:14px}
.calendar-toolbar{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:18px;margin-bottom:21px}.calendar-toolbar h1{font-size:clamp(40px,4.3vw,65px);letter-spacing:-.04em}.calendar-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:4px;border-radius:100px}.segmented button{background:none;border:0;color:var(--muted);padding:8px 13px;border-radius:100px;font-size:12px}.segmented button.selected{background:rgba(255,255,255,.16);color:#fff}.filter-active{border-color:rgba(218,24,23,.65);background:rgba(218,24,23,.16);color:#fff}.filter-ribbon{display:flex;gap:8px;align-items:center;margin-bottom:14px;padding:9px 13px;border-radius:11px;background:rgba(218,24,23,.16);color:#fff;font-size:12px;border:1px solid rgba(218,24,23,.5)}.filter-ribbon button{border:0;background:none;color:white;text-decoration:underline;margin-left:auto}.month-strip{display:flex;align-items:center;gap:13px;margin:18px 0 14px}.month-strip h2{font-size:22px;min-width:210px}.month-strip button{border:0;color:var(--muted);background:none;font-size:18px}.month-strip button:hover{color:#fff}.month-strip .today{font-size:12px;margin-left:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:12px;overflow:hidden}.day-label{padding:11px 10px;color:var(--muted);text-align:right;font-size:11px;background:rgba(255,255,255,.035);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day{min-height:114px;padding:9px 6px 8px;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(20,20,20,.49)}.day.outside{background:rgba(255,255,255,.018)}.day-date{font-size:12px;text-align:right;color:rgba(255,255,255,.62);margin:0 4px 7px}.day.today .day-date{display:grid;place-items:center;background:var(--red);border-radius:50%;width:22px;height:22px;float:right;margin-top:-4px;color:#fff}.cal-items{clear:both;display:grid;gap:3px}.cal-item{border:0;border-left:2px solid var(--item-color);border-radius:5px;background:color-mix(in srgb,var(--item-color) 22%,transparent);color:white;text-align:left;display:flex;align-items:center;gap:5px;padding:5px 5px;min-width:0;font-size:11px;font-weight:300;line-height:1.2}.cal-item:hover{filter:brightness(1.4)}.cal-item .client-icon{width:16px;height:16px;font-size:8px;background:rgba(0,0,0,.24)}.cal-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-item.mega{min-height:43px;align-items:flex-start;padding-top:7px;box-shadow:inset 0 0 20px rgba(255,255,255,.045)}.cal-item.done{--item-color:#696969!important;opacity:.53}.calendar-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:17px;font-size:11px;color:rgba(255,255,255,.64)}.legend-pair{display:flex;align-items:center;gap:7px}.legend-swatch{width:8px;height:8px;border-radius:2px;background:var(--item-color)}.legend-note{margin-left:auto;color:rgba(255,255,255,.38)}
.glass-page:has(.calendar-toolbar){padding:27px 32px}.glass-page:has(.calendar-toolbar) .day{min-height:94px}.glass-page:has(.calendar-toolbar) .calendar-toolbar h1{font-size:52px}
.mobile-calendar{display:none}.mobile-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mobile-weekday{text-align:center;font-size:11px;color:var(--muted);padding:7px 0}.mobile-day{min-width:0;min-height:47px;border:0;border-radius:9px;background:rgba(255,255,255,.035);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:13px}.mobile-day.outside{opacity:.35}.mobile-day.today:not(.selected){color:#ff8584}.mobile-day.selected{background:rgba(218,24,23,.35)}.mobile-dots{display:flex;justify-content:center;gap:2px;min-height:4px}.mobile-dots i{width:4px;height:4px;border-radius:50%}.mobile-day-list{margin-top:22px}.mobile-day-list h3{font-size:23px;margin-bottom:13px}.mobile-day-list p{color:var(--muted);font-size:13px}.mobile-task{display:flex;align-items:center;gap:10px;width:100%;border:0;border-left:2px solid var(--item-color);border-radius:9px;background:color-mix(in srgb,var(--item-color) 22%,transparent);color:#fff;text-align:left;padding:12px;margin-bottom:7px}.mobile-task>span:nth-child(2){flex:1;min-width:0}.mobile-task strong{display:block;font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-task small{display:block;margin-top:4px;font-size:11px}
.overlay-root{position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(30px);display:grid;place-items:center;padding:30px;animation:overlay-in .3s ease}.overlay-root[hidden]{display:none}@keyframes overlay-in{from{opacity:0}to{opacity:1}}.modal{width:min(100%,760px);max-height:calc(100vh - 60px);overflow:auto;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(30px);border-radius:28px;box-shadow:0 18px 55px rgba(0,0,0,.42);padding:32px}.modal.wide{width:min(100%,1050px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.modal-head h2{font-size:36px;letter-spacing:-.04em}.close-btn{border:0;background:rgba(255,255,255,.08);color:white;width:32px;height:32px;border-radius:50%;font-size:20px}.close-btn:hover{background:rgba(255,255,255,.18)}.priority-list{display:grid;gap:10px}.priority-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);color:white;padding:15px}.priority-row:hover{background:rgba(255,255,255,.09)}.priority-row strong{font-size:18px;font-weight:300}.priority-row small{display:block;margin-top:5px}.tag{display:inline-block;border-radius:100px;padding:5px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.11);white-space:nowrap}.tag.red{background:rgba(218,24,23,.22);color:#ffaaa9}.tag.green{background:rgba(112,167,123,.2);color:#adf0b9}.tag.yellow{background:rgba(201,153,65,.2);color:#f2d79a}
.demand-detail{display:grid;grid-template-columns:1.45fr .8fr;gap:23px}.detail-main p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.6;margin-top:13px}.detail-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}.detail-parts{display:grid;gap:8px}.detail-part{border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px}.detail-part h4{font-weight:300;font-size:14px}.detail-part small{display:block;margin-top:5px}.detail-side{border-left:1px solid var(--line);padding-left:20px}.detail-side h3{font-size:18px;margin-bottom:10px}.detail-side p{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:18px}.detail-side .button-row{margin-top:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:12px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;padding:11px 13px;font-weight:300;outline:none}.field select option{background:#151515}.field textarea{min-height:90px;resize:vertical}.check-row{display:flex;align-items:center;gap:10px;font-size:13px;margin:14px 0;color:rgba(255,255,255,.81)}.check-row input{accent-color:var(--red)}.disclosure{border:1px solid var(--line);border-radius:12px;padding:14px;margin:15px 0}.disclosure summary{cursor:pointer;font-size:13px;color:rgba(255,255,255,.75)}.disclosure p{font-size:12px;color:var(--muted);margin:11px 0}.disclosure input{margin:6px 0}.filter-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filter-option{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:11px;padding:11px;display:flex;gap:9px;align-items:center;color:#fff;text-align:left;font-size:13px}.filter-option.selected{border-color:var(--red);background:rgba(218,24,23,.14)}.filter-option .legend-swatch{width:10px;height:10px}
.collective-part+.collective-part{border-top:1px solid var(--line);padding-top:14px}.recurrence-modes{margin:5px 0 15px}.recurrence-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.recurrence-choices[hidden]{display:none}.recurrence-choices button{min-height:36px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);font-size:12px}.recurrence-choices button:hover{color:#fff}.recurrence-choices button.selected{border-color:var(--red);background:rgba(218,24,23,.22);color:#fff}
.settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px}.settings-nav{display:grid;align-content:start;gap:4px}.settings-nav button{border:0;background:none;color:var(--muted);text-align:left;padding:11px;border-radius:10px}.settings-nav button.active,.settings-nav button:hover{color:#fff;background:rgba(255,255,255,.08)}.settings-content h2{font-size:35px;margin-bottom:8px}.settings-content p{color:var(--muted);font-size:14px;margin-bottom:20px}.settings-table{width:100%;border-collapse:collapse;font-size:13px}.settings-table td,.settings-table th{padding:13px 7px;text-align:left;border-bottom:1px solid var(--line);font-weight:300}.settings-table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.settings-table td:last-child{text-align:right}.settings-table button{border:0;background:none;color:#fff}.settings-info{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:18px;font-size:13px;color:var(--muted)}
.mobile-only{display:none}
@media(max-width:1100px){.clients-grid{grid-template-columns:repeat(2,1fr)}.home{grid-template-columns:1fr 250px}.home-queue{grid-column:2}.home-greeting h1{font-size:58px}body[data-view="home"] .ambient{left:48%;width:80vw}.calendar-grid{min-width:760px}.calendar-wrap{overflow-x:auto}.playbook-layout{grid-template-columns:220px 1fr}}
@media(max-width:720px){.screen{padding:28px 18px 110px}.ambient{width:130vw;left:50%;top:42%;opacity:.65}body:not([data-view="home"]):not([data-view="login"]) .ambient{width:115vw;left:80%;top:40%;opacity:.75}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:calc(100vh - 155px);min-height:480px;padding-top:16vh}.home-greeting h1{font-size:clamp(45px,12vw,64px)}.home-queue{width:100%;align-self:auto;justify-self:auto}.home-queue h2{font-size:22px}.queue-window{max-height:160px}.queue-title{font-size:16px}.dock{bottom:14px}.dock-link{padding:10px 12px;font-size:11px;gap:5px}.dock-icon{font-size:13px}.context{margin-bottom:25px}.page-intro{display:block}.page-intro h1{font-size:44px}.glass-page{padding:19px;border-radius:21px}.clients-grid{grid-template-columns:1fr}.client-tile{min-height:190px}.client-hub-grid,.playbook-layout,.step-layout,.demand-detail,.settings-layout{grid-template-columns:1fr}.phase-main,.detail-side{border-left:0;padding-left:0}.phase-nav{display:flex;overflow-x:auto}.phase-btn{min-width:160px}.client-hero{min-height:210px;padding:20px}.client-hero h1{font-size:43px}.calendar-toolbar{display:block}.calendar-controls{margin-top:17px}.field-grid{grid-template-columns:1fr}.modal{padding:20px;border-radius:20px}.overlay-root{padding:12px}.modal-head h2{font-size:28px}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.mobile-only{display:inline}.desktop-only{display:none}}

@media(max-width:950px){.calendar-wrap{display:none}.mobile-calendar{display:block}.glass-page:has(.calendar-toolbar){padding:22px}.glass-page:has(.calendar-toolbar) .calendar-toolbar h1{font-size:clamp(42px,5vw,52px)}}
@media(max-width:720px){.calendar-wrap{display:none}.mobile-calendar{display:block}.glass-page:has(.calendar-toolbar){padding:18px}.glass-page:has(.calendar-toolbar) .calendar-toolbar h1{font-size:42px}.calendar-legend{gap:10px}.calendar-legend .legend-note{display:none}.queue-date{display:none}}

/* Refinements: motion, glass and task context */
.arrow-icon{width:15px;height:15px;flex:none;vertical-align:-2px;color:currentColor}
.ambient{pointer-events:none}
body[data-view="login"]{overflow:hidden}
body[data-view="login"] .screen{height:100vh;min-height:0;padding:0 clamp(34px,8vw,130px);display:grid;align-items:center;overflow:hidden}
body[data-view="login"] .ambient{left:75%;top:50%;width:74vw;opacity:1}
body[data-view="login"] .ambient-vignette{background:radial-gradient(circle at 75% 50%,transparent 10%,rgba(0,0,0,.12) 46%,#050505 96%)}
.login-wrap{height:100%;display:grid;grid-template-columns:minmax(320px,44%) 1fr;align-items:center}
.login-panel{position:relative;z-index:2;max-width:440px;width:100%;padding:0;border:0;background:none;backdrop-filter:none}
.login-panel h1{font-size:clamp(52px,5vw,72px);letter-spacing:-.05em;font-weight:200;margin:22px 0 8px}
.login-panel p{font-size:17px;color:var(--muted);font-weight:200;margin-bottom:35px}
.login-panel .solid-btn{width:100%;margin-top:12px}
.login-brand{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,250,250,.56)}
.login-panel .editable-note{font-size:11px;margin-top:18px;opacity:.5}
.loader{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:space-between;gap:5vw;padding:0 clamp(34px,8vw,130px);background:rgba(5,5,5,.96);backdrop-filter:blur(45px);color:#fafafa;clip-path:inset(0 0 0 0);transition:clip-path 1.3s cubic-bezier(.74,0,.15,1)}
.loader.finished{clip-path:inset(0 0 100% 0)}
.loader-brand{display:flex;align-items:center;gap:24px;min-width:0;animation:brand-appear 1.15s cubic-bezier(.19,1,.22,1) both}
.loader-brand img{display:block;width:clamp(180px,15vw,235px);max-height:110px;object-fit:contain}
.loader-status{display:flex;align-items:center;justify-content:flex-start;gap:26px;min-width:300px;animation:status-appear 1s .55s both}
.loader-status #loaderProgress{font-size:clamp(31px,3vw,43px);font-weight:100;letter-spacing:-.045em;font-variant-numeric:tabular-nums;min-width:84px}
.loader-track{display:block;width:clamp(100px,12vw,180px);height:2px;background:rgba(250,250,250,.16);overflow:hidden}
.loader-track #loaderBar{display:block;height:100%;width:0;background:#fafafa;transition:width .12s linear}
.loader-curtain{position:absolute;left:0;right:0;bottom:0;height:32px;pointer-events:none;border-bottom:1px solid rgba(250,250,250,.2);background:linear-gradient(to top,rgba(250,250,250,.055),transparent);backdrop-filter:blur(14px)}
@keyframes brand-appear{from{opacity:0;transform:translateY(24px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes status-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body.drawer-open{--drawer-width:560px}
body.drawer-open .screen{width:calc(100% - var(--drawer-width))}
body.drawer-open .calendar-wrap{display:none}
body.drawer-open .mobile-calendar{display:block}
body.drawer-open .glass-page:has(.calendar-toolbar){padding:22px}
body.drawer-open .glass-page:has(.calendar-toolbar) .calendar-toolbar h1{font-size:clamp(39px,4vw,52px)}
.overlay-root.drawer-root{inset:0 0 0 auto;width:var(--drawer-width);display:block;padding:0;background:none;backdrop-filter:none;animation:none}
.task-drawer{height:100%;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.2);background:rgba(8,8,8,.69);backdrop-filter:blur(30px) saturate(.9);box-shadow:-18px 0 60px rgba(0,0,0,.3);animation:drawer-enter .48s cubic-bezier(.2,.8,.2,1) both}
@keyframes drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
.drawer-scroll{flex:1;min-height:0;overflow-y:auto;padding:29px 32px 30px;scrollbar-width:thin}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:37px}
.drawer-top .close-btn{background:none;border:1px solid var(--line);font-size:22px}
.drawer-client{display:flex;align-items:center;gap:10px;color:rgba(250,250,250,.75);font-size:12px}
.drawer-category{margin-left:auto;display:flex;align-items:center;gap:7px;color:rgba(250,250,250,.7);white-space:nowrap}
.drawer-category::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--item-color)}
.task-drawer h2{font-size:clamp(36px,3.4vw,51px);line-height:1.02;font-weight:200;letter-spacing:-.047em;margin:24px 0 20px}
.drawer-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:33px}
.drawer-badges span{font-size:10px;letter-spacing:.04em;color:rgba(250,250,250,.72);border:1px solid var(--line);border-radius:100px;padding:5px 9px}
.drawer-badges .drawer-state{color:#fff;border-color:rgba(250,250,250,.3)}
.drawer-section{border-top:1px solid var(--line);padding:24px 0}
.drawer-label{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(250,250,250,.49);margin-bottom:16px}
.drawer-description{font-size:16px;line-height:1.55;font-weight:200;color:rgba(250,250,250,.88)}
.drawer-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.drawer-fraction{font-size:11px;color:var(--muted)}
.drawer-parts{display:grid}
.drawer-part{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid rgba(250,250,250,.08)}
.drawer-part:first-child{border-top:0}
.drawer-part-index{font-size:11px;color:rgba(250,250,250,.34)}
.drawer-part strong{display:block;font-size:14px;font-weight:300}
.drawer-part small{display:block;margin-top:4px;font-size:11px}
.drawer-part-state{font-size:10px;color:rgba(250,250,250,.48)}
.drawer-part-state.review{color:#fafafa}
.drawer-part-state.done{color:#a8d4b1}
.drawer-flow p{font-size:13px;line-height:1.55;color:var(--muted)}
.drawer-flow-line{display:flex;justify-content:space-between;gap:12px;margin-top:17px;color:rgba(250,250,250,.58);font-size:11px}
.drawer-origin{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 0;border:0;border-top:1px solid var(--line);background:none;color:#fafafa;font-size:13px;font-weight:300;text-align:left}
.drawer-origin:hover{color:rgba(250,250,250,.68)}
.drawer-origin .arrow-icon{width:17px;height:17px}
.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;padding:19px 32px 26px;border-top:1px solid var(--line);background:rgba(5,5,5,.35)}
.drawer-actions .drawer-origin{flex-basis:100%;border-top:0;padding:0 0 10px}
.drawer-actions .solid-btn{flex:1}
.drawer-wait{font-size:12px;color:var(--muted)}
@media(max-width:950px){body.drawer-open{--drawer-width:min(420px,50vw)}body.drawer-open .calendar-controls{gap:6px}body.drawer-open .calendar-controls .solid-btn{display:none}}
@media(max-width:720px){body[data-view="login"] .screen{padding:24px 26px}body[data-view="login"] .ambient{left:50%;top:27%;width:120vw;opacity:.73}.login-wrap{grid-template-columns:1fr;align-items:end;padding-bottom:4vh}.login-panel{max-width:100%}.login-panel h1{font-size:45px;margin:12px 0 5px}.login-panel p{font-size:13px;margin-bottom:18px}.login-panel .field{margin-bottom:10px}.login-panel .editable-note{display:none}.loader{padding:0 26px;align-items:stretch;flex-direction:column;justify-content:space-around}.loader-brand{gap:16px}.loader-brand img{width:150px}.loader-status{min-width:0;gap:18px;justify-content:space-between}.loader-status #loaderProgress{min-width:70px}.loader-track{flex:1;max-width:220px}body.drawer-open{--drawer-width:100vw}body.drawer-open .screen{width:100%}.drawer-scroll{padding:24px 23px}.drawer-actions{padding:18px 23px}.task-drawer{background:rgba(8,8,8,.88)}}

/* Vertical navigation and working drawer */
body:not([data-view="home"]):not([data-view="login"])[data-view="calendar"] .ambient{left:50%;top:50%;width:75vw;opacity:.75}
body:not([data-view="home"]):not([data-view="login"])[data-view="clients"] .ambient{left:50%;top:50%;opacity:0}
body:not([data-view="home"]):not([data-view="login"])[data-view="clients"] .ambient-vignette{background:#050505}
.route-transition{position:fixed;inset:0;z-index:14;overflow:hidden;pointer-events:auto}
.route-track{position:absolute;inset:0;will-change:transform}
.route-panel{position:absolute;left:0;width:100%;height:100vh;overflow:hidden;padding:48px clamp(28px,5vw,92px) 132px}
.route-panel.route-clients{background:#050505}
body.is-routing .screen{visibility:hidden}
body.is-routing .dock{pointer-events:none}
body.drawer-open{--drawer-width:560px}
body.drawer-open .calendar-wrap{display:block}
body.drawer-open .mobile-calendar{display:none}
body.drawer-open.calendar-compact .calendar-wrap{display:none}
body.drawer-open.calendar-compact .mobile-calendar{display:block}
body.drawer-open .glass-page:has(.calendar-toolbar){padding:27px 32px}
body.drawer-open.calendar-compact .glass-page:has(.calendar-toolbar){padding:22px}
.task-drawer.no-enter{animation:none}
.drawer-resize{position:absolute;left:-4px;top:0;bottom:0;width:9px;z-index:2;cursor:ew-resize}
.drawer-resize::after{content:"";position:absolute;left:4px;top:35%;height:30%;width:1px;background:rgba(250,250,250,.2);transition:background .2s,width .2s}
.drawer-resize:hover::after,.drawer-resizing .drawer-resize::after{background:rgba(250,250,250,.7);width:2px}
.drawer-resizing{user-select:none;cursor:ew-resize}
.drawer-tools{display:flex;align-items:center;gap:6px}
.drawer-tools button:not(.close-btn){width:27px;height:27px;border:1px solid rgba(250,250,250,.13);border-radius:50%;background:transparent;color:#fafafa;font:200 17px Outfit,sans-serif}
.drawer-tools button:not(.close-btn):hover{background:rgba(250,250,250,.09)}
.drawer-size-label{min-width:39px;text-align:center;font-size:10px;color:rgba(250,250,250,.43);font-variant-numeric:tabular-nums}
.drawer-part{width:100%;border:0;border-top:1px solid rgba(250,250,250,.08);border-radius:0;background:transparent;color:#fafafa;text-align:left;cursor:pointer}
.drawer-part:hover,.drawer-part.selected{background:rgba(250,250,250,.045)}
.drawer-part.selected{box-shadow:inset 2px 0 #da1817;padding-left:10px}
.drawer-save-state,.drawer-fraction{display:inline-block;margin:-5px 0 15px;color:rgba(250,250,250,.44);font-size:11px}
.work-field-label{display:block;color:rgba(250,250,250,.73);font-size:12px;margin:10px 0 9px}
.work-editor,.review-note textarea{width:100%;min-height:185px;resize:vertical;outline:none;border:1px solid rgba(250,250,250,.2);border-radius:14px;background:rgba(250,250,250,.045);color:#fafafa;padding:16px;font:200 14px/1.55 Outfit,sans-serif}
.work-editor:focus,.review-note textarea:focus{border-color:rgba(250,250,250,.55);background:rgba(250,250,250,.065)}
.work-read{min-height:65px;white-space:pre-wrap;color:rgba(250,250,250,.85);font-size:14px;line-height:1.6}
.work-links-head{display:flex;justify-content:space-between;align-items:center;margin-top:21px;color:rgba(250,250,250,.42);font-size:11px}
.work-links{display:grid;gap:7px}
.work-link-card{display:flex;align-items:center;gap:13px;border:1px solid rgba(250,250,250,.14);border-radius:12px;background:rgba(250,250,250,.05);padding:12px 13px;min-width:0}
.work-link-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;color:#fafafa}
.work-link-icon svg{width:19px;height:19px}
.work-link-card a{min-width:0;flex:1;text-decoration:none;color:#fafafa}
.work-link-card strong,.work-link-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.work-link-card strong{font-size:12px;font-weight:300}.work-link-card small{font-size:10px;color:rgba(250,250,250,.5);margin-top:3px}
.work-link-remove{border:0;background:none;color:rgba(250,250,250,.6);font-size:20px}
.work-empty{font-size:12px;color:rgba(250,250,250,.4)}
.work-link-add{display:flex;gap:7px;margin-top:10px}
.work-link-add input{min-width:0;flex:1;border:1px solid rgba(250,250,250,.17);border-radius:9px;background:rgba(250,250,250,.045);color:#fafafa;padding:10px;font:200 12px Outfit,sans-serif}
.work-link-add button{border:1px solid rgba(250,250,250,.25);border-radius:9px;background:rgba(250,250,250,.08);color:#fafafa;padding:0 12px;font:300 11px Outfit,sans-serif}
.work-link-error{margin-top:7px;color:#ef7979;font-size:11px}.work-link-error[hidden],.drawer-action-hint[hidden]{display:none}
.work-feedback{border-left:2px solid #da1817;background:rgba(218,24,23,.1);padding:12px 14px;margin-bottom:15px;font-size:12px;line-height:1.5}
.work-feedback strong{font-weight:400}.work-feedback p{margin-top:5px;color:rgba(250,250,250,.7)}
.review-note{margin-top:20px}.review-note textarea{min-height:95px}
.drawer-actions .solid-btn:disabled{opacity:.35;cursor:not-allowed}
.drawer-action-hint{font-size:11px;color:rgba(250,250,250,.45)}
@media(max-width:720px){body.drawer-open .screen{width:100%}.drawer-tools .drawer-size-label,.drawer-tools button:not(.close-btn){display:none}.work-link-add{flex-direction:column}.work-link-add button{min-height:36px}}

/* Núcleo's own selection and context surfaces */
.v-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0!important;pointer-events:none!important}
.v-control{position:relative;min-width:0}
.v-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:1px solid rgba(250,250,250,.17);border-radius:11px;background:rgba(250,250,250,.06);color:#fafafa;padding:10px 13px;font-weight:300}
.v-trigger:hover,.v-control.open .v-trigger{border-color:rgba(250,250,250,.48)}
.v-caret{font-size:17px;color:rgba(250,250,250,.5)}
.v-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:90;max-height:245px;overflow:auto;border:1px solid rgba(250,250,250,.18);border-radius:12px;background:rgba(13,13,13,.96);backdrop-filter:blur(24px);padding:5px;box-shadow:0 18px 35px rgba(0,0,0,.45)}
.v-control.open .v-menu{display:block}
.v-option{width:100%;display:block;text-align:left;border:0;border-radius:8px;background:none;color:rgba(250,250,250,.68);padding:9px 10px;font-size:13px}
.v-option:hover,.v-option.chosen{background:rgba(250,250,250,.09);color:#fafafa}
.v-date-menu{width:285px;right:auto;max-height:none;padding:12px}
.v-date-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.v-date-head strong{font-size:13px;font-weight:300;text-transform:capitalize}
.v-date-head button{border:0;background:none;color:#fafafa;font-size:20px}
.v-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.v-date-grid span{font-size:10px;color:rgba(250,250,250,.4);padding:5px 0}
.v-date-grid button{border:0;border-radius:7px;background:none;color:#fafafa;min-height:31px;font-size:12px}
.v-date-grid button:hover,.v-date-grid button.chosen{background:rgba(218,24,23,.32)}

/* Orb interaction, navigation layering, and home feedback */
.orb-video{filter:blur(0px) contrast(1) saturate(1);opacity:1}
.shield-video{filter:blur(4px) contrast(1) saturate(1);opacity:1;transform:translate3d(var(--shield-repel-x,0px),var(--shield-repel-y,0px),0);transition:filter .58s cubic-bezier(.25,.72,.2,1),transform .48s cubic-bezier(.22,.8,.24,1)}
.ambient[data-hover="shield"] .orb-video{filter:blur(4px) contrast(1) saturate(1);opacity:1}
.ambient[data-hover="shield"] .shield-video{filter:blur(2px) contrast(1) saturate(1);opacity:1}
.ambient[data-hover="orb"] .orb-video{filter:blur(0px) contrast(1) saturate(1);opacity:1}
.ambient[data-hover="orb"] .shield-video{filter:blur(0px) contrast(1) saturate(1);opacity:1}
.ambient{transform:translate(-50%,-50%)}
.dock{z-index:40}
.settings-trigger{z-index:41}
body.is-routing .dock{pointer-events:auto}
body.is-routing .ambient-vignette{opacity:0!important}
.loader{background:#050505;backdrop-filter:none}
.loader-curtain{display:none}
.priority-count{font-size:25px;transform:translateY(-13px);transform-origin:left bottom;transition:font-size .54s cubic-bezier(.18,.78,.2,1),transform .54s cubic-bezier(.18,.78,.2,1),color .35s}
.priority-count:hover,.priority-count:focus-visible{font-size:1em;transform:translateY(0)}
.home-queue{overflow:visible}
.queue-viewport{position:relative;overflow:hidden}
.queue-window{mask-image:none;max-height:230px;overflow-y:auto;scroll-behavior:smooth}
.queue-row{transform:none;transition:color .3s}
.queue-row.is-active{transform:none}
.queue-row .client-icon,.queue-row .queue-title{transform-origin:left center;transition:transform .48s cubic-bezier(.17,.82,.26,1),color .38s cubic-bezier(.17,.82,.26,1)}
.queue-row.is-active .client-icon,.queue-row.is-active .queue-title{transform:scale(1.105)}
.queue-date{display:inline-flex;align-items:center;justify-content:flex-end;gap:1px;overflow:hidden;opacity:1;min-width:43px;height:21px}
.queue-date span{display:inline-block;transform:translateY(145%)}
.queue-row.is-active .queue-date span{animation:queue-date-rise .42s cubic-bezier(.19,.84,.21,1) both}
.queue-row.is-active .queue-date span:nth-child(2){animation-delay:.045s}
.queue-row.is-active .queue-date span:nth-child(3){animation-delay:.09s}
@keyframes queue-date-rise{from{transform:translateY(145%)}to{transform:translateY(0)}}
.queue-bottom-blur{position:absolute;z-index:2;left:0;right:0;bottom:0;height:72px;pointer-events:none;overflow:hidden}
.queue-bottom-blur span{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent var(--start),#000 var(--mid),#000 var(--end),transparent var(--after));-webkit-mask-image:linear-gradient(to bottom,transparent var(--start),#000 var(--mid),#000 var(--end),transparent var(--after));backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}
.queue-bottom-blur span:nth-child(1){--start:0%;--mid:12%;--end:24%;--after:37%;--blur:.5px}
.queue-bottom-blur span:nth-child(2){--start:12%;--mid:25%;--end:37%;--after:50%;--blur:1px}
.queue-bottom-blur span:nth-child(3){--start:25%;--mid:37%;--end:50%;--after:63%;--blur:2px}
.queue-bottom-blur span:nth-child(4){--start:37%;--mid:50%;--end:63%;--after:76%;--blur:4px}
.queue-bottom-blur span:nth-child(5){--start:50%;--mid:63%;--end:76%;--after:89%;--blur:8px}
.queue-bottom-blur span:nth-child(6){--start:63%;--mid:76%;--end:89%;--after:100%;--blur:16px}
.queue-bottom-blur span:nth-child(7){--start:76%;--mid:89%;--end:100%;--after:100%;--blur:28px}
.screen .home-greeting,.screen .home-queue{animation:home-ui-in .8s cubic-bezier(.18,.83,.2,1) both}
.screen .home-queue{animation-delay:.12s}
@keyframes home-ui-in{from{opacity:0;filter:blur(9px);transform:translateY(24px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
.screen .home.arrived .home-greeting,.screen .home.arrived .home-queue{animation-name:home-ui-arrive}
@keyframes home-ui-arrive{from{opacity:0;filter:blur(9px);transform:translateY(24px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(min-width:1350px){body[data-view="login"] .screen{padding-inline:clamp(120px,11vw,210px)}body[data-view="login"] .ambient{left:68%;width:64vw}.login-wrap{grid-template-columns:minmax(360px,45%) 1fr}}
@media(max-width:720px){.queue-window{max-height:160px}.queue-date{display:none}.queue-bottom-blur{height:54px}}


/* Notifications stay above the route transition but below dialogs. */
.notice-trigger{position:fixed;z-index:42;right:78px;top:22px;width:40px;height:40px;border:1px solid rgba(250,250,250,.14);border-radius:50%;background:rgba(25,25,25,.35);backdrop-filter:blur(15px);color:#fafafa;display:grid;place-items:center;opacity:.78}
.notice-trigger:hover{opacity:1;background:rgba(250,250,250,.09)}
.notice-trigger svg{width:17px;height:17px}
.notice-count{position:absolute;right:-3px;top:-4px;min-width:15px;height:15px;border-radius:9px;background:#da1817;color:#fff;font-size:9px;line-height:15px}
.notice-trigger[hidden],.notice-count[hidden]{display:none}
.notice-list{position:fixed;z-index:43;right:78px;top:70px;width:min(340px,calc(100vw - 36px));max-height:55vh;overflow:auto;border:1px solid rgba(250,250,250,.17);border-radius:16px;background:rgba(10,10,10,.91);backdrop-filter:blur(28px);box-shadow:0 20px 55px rgba(0,0,0,.45);padding:14px}
.notice-list[hidden]{display:none}
.notice-list h2{font-size:18px;font-weight:200;margin:2px 5px 10px}
.notice-list button{display:block;width:100%;text-align:left;border:0;border-radius:10px;background:rgba(250,250,250,.045);color:#fafafa;padding:11px;margin-top:5px;font-size:12px}
.notice-list button strong{display:block;font-weight:300}.notice-list button small{display:block;margin-top:3px}
.notice-list button.priority{border-left:2px solid #da1817}
.notice-list p{padding:8px 5px;font-size:12px;color:var(--muted)}
.notice-toast-stack{position:fixed;z-index:60;right:24px;bottom:92px;width:min(370px,calc(100vw - 48px));display:grid;gap:9px;pointer-events:none}
@media(min-width:721px){body.drawer-open .notice-trigger{right:calc(var(--drawer-width) + 24px)}body.drawer-open .notice-list{right:calc(var(--drawer-width) + 24px);width:min(340px,calc(100vw - var(--drawer-width) - 40px))}}
.notice-toast{pointer-events:auto;border:1px solid rgba(250,250,250,.2);border-radius:15px;background:rgba(10,10,10,.88);backdrop-filter:blur(25px);color:#fafafa;padding:14px 16px;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.38);animation:notice-enter .44s cubic-bezier(.16,.85,.25,1) both}
.notice-toast.priority{border-left:2px solid #da1817}
.notice-toast strong,.notice-toast small{display:block}.notice-toast strong{font-weight:300;font-size:14px}.notice-toast small{margin-top:6px;font-size:11px}
@keyframes notice-enter{from{transform:translateY(18px);opacity:0;filter:blur(4px)}to{transform:none;opacity:1;filter:blur(0)}}
@media(max-width:720px){.notice-list{right:18px;width:calc(100vw - 36px)}}

/* Refinement: one physical orb, readable queue, moving selection */
.ambient{transform:translate(calc(-50% + var(--repel-x,0px)),calc(-50% + var(--repel-y,0px)))}
.shield-video{transform:none}
.screen .home-greeting,.screen .home-queue,.screen .home.arrived .home-greeting,.screen .home.arrived .home-queue{animation:none}
.queue-window{padding-bottom:74px}
.queue-bottom-blur{height:52px;opacity:.78}
.queue-bottom-blur span:nth-child(4){--blur:3px}
.queue-bottom-blur span:nth-child(5){--blur:5px}
.queue-bottom-blur span:nth-child(6){--blur:8px}
.queue-bottom-blur span:nth-child(7){--blur:11px}
.dock{isolation:isolate}
@media(min-width:721px){.dock{transition:left .6s cubic-bezier(.2,.8,.2,1)}body.drawer-open .dock{left:calc((100vw - var(--drawer-width))/2)}}
.dock-link{position:relative;z-index:1}
.dock-link:hover{background:transparent;color:#fafafa}
.dock-link.active{background:transparent}
.segmented{position:relative;isolation:isolate}
.segmented button{position:relative;z-index:1;transition:color .24s cubic-bezier(.2,.8,.2,1)}
.segmented button.selected,.segmented button:hover{background:transparent;color:#fafafa}
.selection-glider{position:absolute;left:0;top:0;border:1px solid rgba(250,250,250,.13);border-radius:100px;background:rgba(250,250,250,.08);pointer-events:none;z-index:0;transition:transform .54s cubic-bezier(.17,.8,.2,1),width .54s cubic-bezier(.17,.8,.2,1),height .54s cubic-bezier(.17,.8,.2,1)}
.dock .selection-glider{background:rgba(250,250,250,.08);border-color:rgba(250,250,250,.16);backdrop-filter:blur(16px)}
.segmented .selection-glider{background:rgba(250,250,250,.13);border-color:rgba(250,250,250,.12)}
.settings-nav,.phase-nav{position:relative;isolation:isolate}
.settings-nav button,.phase-nav button{position:relative;z-index:1}
.settings-nav button.active,.settings-nav button:hover,.phase-nav button.active,.phase-nav button:hover{background:transparent}
.settings-nav .selection-glider{border-radius:10px;background:rgba(250,250,250,.08);border-color:transparent}
.phase-nav .selection-glider{border-radius:14px;background:rgba(250,250,250,.08);border-color:rgba(250,250,250,.08)}
.selection-glider.instant{transition:none}
@media(max-width:720px){.queue-window{padding-bottom:68px}.queue-bottom-blur{height:45px}}

/* Demand creation, filtering, people and rich work */
.overlay-root{background:none;backdrop-filter:none}
.calendar-controls>.pill-btn,.calendar-controls>.solid-btn{position:relative;overflow:hidden;border-radius:10px;border:1px solid rgba(250,250,250,.19);background:rgba(250,250,250,.035);color:#fafafa;min-height:40px;padding:9px 15px;transition:background .32s,border-color .32s,transform .32s cubic-bezier(.2,.8,.2,1)}
.calendar-controls>.pill-btn::after,.calendar-controls>.solid-btn::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:#fafafa;transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.calendar-controls>.pill-btn:hover,.calendar-controls>.solid-btn:hover{background:rgba(250,250,250,.09);border-color:rgba(250,250,250,.42);transform:translateY(-2px)}
.calendar-controls>.pill-btn:hover::after,.calendar-controls>.solid-btn:hover::after{transform:scaleX(1)}
.calendar-controls>.pill-btn.filter-active{border-color:rgba(218,24,23,.64);background:rgba(218,24,23,.09)}
.modal.composer-modal,.modal.filter-modal,.modal.member-modal{background:rgba(7,7,7,.97);backdrop-filter:blur(38px) saturate(.85);box-shadow:0 20px 55px rgba(0,0,0,.36);border:1px solid rgba(250,250,250,.19)}
.modal.composer-modal{width:min(1120px,calc(100vw - 36px));padding:0;border-radius:22px}
.composer-modal .modal-head{padding:25px 33px 21px;margin:0;border-bottom:1px solid var(--line)}
.composer-modal .modal-head h2{font-weight:200;font-size:31px}
.demand-composer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}
.composer-main{min-width:0;padding:29px 34px 27px}
.composer-side{min-width:0;padding:29px 31px;border-left:1px solid var(--line);background:rgba(250,250,250,.018)}
.composer-title-input{display:block;width:100%;border:0;border-bottom:1px solid rgba(250,250,250,.23);background:none;color:#fafafa;font:200 clamp(27px,3.3vw,43px)/1.1 Outfit,sans-serif;padding:0 0 17px;margin-bottom:30px;outline:none!important;letter-spacing:-.045em}
.composer-title-input::placeholder{color:rgba(250,250,250,.28)}
.composer-title-input:focus{border-bottom-color:rgba(250,250,250,.68)}
.composer-label{display:block;font-size:12px;color:rgba(250,250,250,.62);margin-bottom:10px}
.composer-spec{width:100%;min-height:165px;resize:vertical;border:1px solid rgba(250,250,250,.15);border-radius:13px;background:rgba(250,250,250,.025);color:#fafafa;padding:15px;outline:none!important;font:200 14px/1.55 Outfit,sans-serif}
.composer-spec:focus{border-color:rgba(250,250,250,.38)}
.composer-spec{resize:none;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
.composer-spec:empty::before{content:attr(data-placeholder);color:rgba(250,250,250,.32);pointer-events:none}
.composer-spec h1,.composer-spec h2,.composer-spec h3,.composer-spec h4{font-weight:300;line-height:1.2;margin:12px 0 8px}
.composer-spec h1{font-size:28px}.composer-spec h2{font-size:23px}.composer-spec h3{font-size:19px}.composer-spec h4{font-size:16px}
.composer-spec blockquote{border-left:2px solid rgba(250,250,250,.52);margin:12px 0;padding:6px 0 6px 14px}
.composer-spec table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px}.composer-spec th,.composer-spec td{border:1px solid rgba(250,250,250,.2);padding:7px}
.composer-spec details{border:1px solid rgba(250,250,250,.16);border-radius:8px;padding:8px 10px;margin:12px 0}
.member-studio input[readonly]{color:rgba(250,250,250,.55);cursor:default}
.composer-advanced{margin-top:22px;border-top:1px solid var(--line)}
.composer-disclosure,.composer-advanced>.disclosure{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:15px 0}
.composer-disclosure summary,.composer-advanced>.disclosure summary{display:flex;align-items:center;gap:9px;list-style:none;color:rgba(250,250,250,.86);font-size:13px;cursor:pointer}
.composer-disclosure summary::-webkit-details-marker,.composer-advanced>.disclosure summary::-webkit-details-marker{display:none}
.composer-disclosure summary>span{font-size:19px;font-weight:200}
.composer-disclosure p,.composer-advanced>.disclosure p{font-size:12px;line-height:1.5;color:var(--muted);margin:11px 0}
.collective-part{display:grid;grid-template-columns:1fr 180px;gap:8px;padding:9px 0;border-top:1px solid rgba(250,250,250,.08)}
.collective-part>input{min-width:0;border:1px solid rgba(250,250,250,.18);border-radius:9px;background:rgba(250,250,250,.04);color:#fafafa;padding:9px 11px;font-size:12px}
.composer-inline{border:0;background:none;color:#fafafa;padding:10px 0;font-size:12px}
.composer-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 11px}
.composer-fields .field{min-width:0}
.composer-fields .field label{color:rgba(250,250,250,.56)}
.composer-flags{margin-top:13px;border-top:1px solid var(--line);padding-top:18px}
.composer-flags .check-row{display:flex;align-items:flex-start;gap:11px;margin:0;padding:10px 0;border-bottom:1px solid rgba(250,250,250,.07)}
.composer-flags .check-row input{margin-top:3px}
.composer-flags .check-row span{display:block;color:#fafafa;font-size:12px}
.composer-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 33px;border-top:1px solid var(--line);background:rgba(7,7,7,.95);backdrop-filter:blur(18px)}
.composer-footer>div{display:flex;align-items:center;gap:12px}
.composer-cancel,.composer-submit{border:0;background:none;color:#fafafa;padding:11px;font-size:12px}
.composer-submit{display:flex;align-items:center;gap:20px;border:1px solid rgba(250,250,250,.4);border-radius:9px;padding:11px 14px;transition:background .3s,border-color .3s,transform .3s}
.composer-submit:hover{background:rgba(250,250,250,.1);border-color:#fafafa;transform:translateY(-2px)}
.composer-submit .arrow-icon{width:17px;height:17px}
.filter-modal{width:min(480px,calc(100vw - 36px));padding:25px}
.filter-modal .modal-head{margin-bottom:14px}.filter-modal .modal-head h2{font-weight:200}
.filter-studio>p{font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:18px}
.filter-studio-list{display:grid;border-top:1px solid var(--line)}
.filter-studio-row{display:flex;align-items:center;gap:13px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:rgba(250,250,250,.73);text-align:left;padding:14px 3px;font-size:14px;transition:color .25s,padding .25s,background .25s}
.filter-studio-row:hover{color:#fafafa;padding-left:10px;background:rgba(250,250,250,.035)}
.filter-studio-line{width:3px;height:19px;border-radius:2px;background:var(--item-color)}
.filter-studio-check{margin-left:auto;opacity:.15;transition:opacity .25s,transform .25s}
.filter-studio-row.selected .filter-studio-check{opacity:1;transform:scale(1.1)}
.filter-studio-footer{display:flex;justify-content:space-between;gap:8px;margin-top:20px}
.filter-studio-footer button{border:0;background:none;color:var(--muted);padding:9px;font-size:12px}
.filter-studio-footer button:last-child{display:flex;align-items:center;gap:12px;color:#fafafa;border:1px solid rgba(250,250,250,.32);border-radius:8px;padding:9px 12px}
.filter-studio-footer button:last-child:hover{background:rgba(250,250,250,.09)}
.member-modal{width:min(500px,calc(100vw - 36px));padding:27px}
.member-studio>p:first-child{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:18px}
.member-photo-row{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.member-photo-preview{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;overflow:hidden;border:1px solid rgba(250,250,250,.27)}
.member-photo-preview img{width:100%;height:100%;object-fit:cover}
.member-photo-preview .person-avatar{width:100%;height:100%;font-size:27px}
.member-upload{position:relative;overflow:hidden;border:1px solid rgba(250,250,250,.24);border-radius:9px;padding:10px 13px;color:#fafafa;font-size:12px;cursor:pointer}
.member-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.member-error{color:#ed7777;font-size:12px;margin:8px 0}.member-error[hidden]{display:none}
.member-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.member-footer button{border:1px solid rgba(250,250,250,.25);border-radius:9px;background:none;color:#fafafa;padding:10px 13px;font-size:12px}
.member-footer button:last-child{display:flex;align-items:center;gap:12px;background:rgba(250,250,250,.08)}
.person-avatar{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid rgba(250,250,250,.2);border-radius:50%;overflow:hidden;background:linear-gradient(140deg,#443234,#202020);color:#fafafa;font-size:10px;font-weight:400;line-height:1}
.person-avatar.has-photo{background:#151515}.person-avatar img{width:100%;height:100%;object-fit:cover}
.member-cell,.part-person,.drawer-creator,.v-trigger-value,.v-person-option{display:inline-flex;align-items:center;gap:8px}
.part-person{margin-top:6px;color:var(--muted)}.part-person .person-avatar{width:20px;height:20px}
.drawer-creator{color:var(--muted)}.drawer-creator .person-avatar{width:19px;height:19px}
.v-person-option{width:100%}.v-trigger-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-trigger-value .person-avatar,.v-person-option .person-avatar{width:21px;height:21px}
.assignees .person-avatar{margin-left:-5px;border:2px solid #151515}
.drawer-progress{display:flex;gap:5px;margin:-12px 0 22px}.drawer-progress-piece{height:2px;flex:1;border-radius:2px;background:rgba(250,250,250,.15)}.drawer-progress-piece.review{background:#e8b443}.drawer-progress-piece.done{background:#fafafa}
.block-editor-shell{border:1px solid rgba(250,250,250,.16);border-radius:14px;background:rgba(250,250,250,.025);overflow:hidden;transition:border-color .26s}
.block-editor-shell:focus-within{border-color:rgba(250,250,250,.38)}
.block-editor-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-bottom:1px solid rgba(250,250,250,.11)}
.block-editor-label{font-size:11px;color:var(--muted)}
.block-insert-button{border:0;border-radius:7px;background:rgba(250,250,250,.07);color:#fafafa;padding:7px 9px;font-size:11px}
.block-insert-button:hover{background:rgba(250,250,250,.14)}
.work-editor{display:block;width:100%;min-height:180px;resize:none;border:0!important;border-radius:0;background:none!important;color:#fafafa;padding:17px 18px;outline:none!important;box-shadow:none!important;font:200 14px/1.65 Outfit,sans-serif;white-space:normal;overflow-wrap:anywhere}
.work-editor:focus,.work-editor:focus-visible{outline:none!important;border:0!important;box-shadow:none!important}
.work-editor:empty::before{content:attr(data-placeholder);color:rgba(250,250,250,.34);pointer-events:none}
.work-editor p,.work-read p{margin:0 0 11px}.work-editor h1,.work-read h1{font-size:31px}.work-editor h2,.work-read h2{font-size:25px}.work-editor h3,.work-read h3{font-size:20px}.work-editor h4,.work-read h4{font-size:16px}
.work-editor h1,.work-editor h2,.work-editor h3,.work-editor h4,.work-read h1,.work-read h2,.work-read h3,.work-read h4{font-weight:300;line-height:1.2;margin:14px 0 9px}
.work-editor blockquote,.work-read blockquote{border-left:2px solid rgba(250,250,250,.52);margin:14px 0;padding:7px 0 7px 15px;color:rgba(250,250,250,.73)}
.work-editor table,.work-read table{width:100%;border-collapse:collapse;margin:15px 0;font-size:12px}.work-editor th,.work-editor td,.work-read th,.work-read td{min-width:60px;border:1px solid rgba(250,250,250,.2);padding:8px;vertical-align:top}.work-editor th,.work-read th{background:rgba(250,250,250,.07);font-weight:400}
.work-editor details,.work-read details{border:1px solid rgba(250,250,250,.14);border-radius:10px;padding:10px 12px;margin:14px 0}.work-editor summary,.work-read summary{cursor:pointer;font-weight:400}.work-editor details p,.work-read details p{margin:10px 0 0}
.block-editor-hint{border-top:1px solid rgba(250,250,250,.08);padding:10px 14px;color:rgba(250,250,250,.42);font-size:10px;line-height:1.4}
.work-read{border:1px solid rgba(250,250,250,.12);border-radius:12px;background:rgba(250,250,250,.025);padding:15px;margin-bottom:15px}
.block-menu{position:fixed;z-index:120;width:285px;max-height:min(455px,calc(100vh - 16px));overflow:auto;border:1px solid rgba(250,250,250,.2);border-radius:15px;background:rgba(12,12,12,.97);backdrop-filter:blur(24px);box-shadow:0 18px 50px rgba(0,0,0,.5);padding:7px}
.block-menu[hidden]{display:none}.block-menu-title{padding:9px 10px;color:var(--muted);font-size:9px;letter-spacing:.15em}
.block-menu-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;border-radius:8px;background:none;color:#fafafa;padding:8px;font-size:12px}
.block-menu-row:hover{background:rgba(250,250,250,.08)}
.block-menu-symbol{width:30px;height:30px;display:grid;place-items:center;flex:none;border:1px solid rgba(250,250,250,.14);border-radius:6px;font-size:12px}
.block-menu-row strong,.block-menu-row small{display:block}.block-menu-row strong{font-weight:300}.block-menu-row small{margin-top:3px;font-size:10px}
@media(max-width:820px){.demand-composer{grid-template-columns:1fr}.composer-side{border-left:0;border-top:1px solid var(--line)}.composer-footer>span{display:none}}
@media(max-width:560px){.composer-main,.composer-side{padding:22px}.composer-modal .modal-head,.composer-footer{padding:18px 22px}.composer-fields{grid-template-columns:1fr}.collective-part{grid-template-columns:1fr}.composer-footer>div{width:100%;justify-content:space-between}}
.task-drawer .drawer-top{margin-bottom:23px}
.task-drawer h2{margin:16px 0 13px}
.task-drawer .drawer-badges{margin-bottom:19px}
.task-drawer .drawer-section{padding:17px 0}
.task-drawer .drawer-label{margin-bottom:10px}
.task-drawer .drawer-description{font-size:14px;line-height:1.5}
.task-drawer .drawer-part{padding-top:9px;padding-bottom:9px}
.task-drawer .drawer-progress{margin:0 0 12px}

/* Home queue: seven mild blur bands blended into black. */
.queue-window{padding-bottom:88px}
.queue-bottom-blur{height:68px;opacity:1;isolation:isolate}
.queue-bottom-blur span:nth-child(1){--blur:.25px}
.queue-bottom-blur span:nth-child(2){--blur:.5px}
.queue-bottom-blur span:nth-child(3){--blur:1px}
.queue-bottom-blur span:nth-child(4){--blur:1.6px}
.queue-bottom-blur span:nth-child(5){--blur:2.6px}
.queue-bottom-blur span:nth-child(6){--blur:4px}
.queue-bottom-blur span:nth-child(7){--blur:6px}
.queue-bottom-blur::after{content:"";position:absolute;z-index:8;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(5,5,5,.07) 28%,rgba(5,5,5,.24) 55%,rgba(5,5,5,.56) 79%,#050505 100%)}
@media(max-width:720px){.queue-window{padding-bottom:74px}.queue-bottom-blur{height:56px}}

/* Motion shared by the calendar controls and drawer layout. */
.screen{width:100%;transition:width .76s cubic-bezier(.18,.82,.22,1),padding-inline .76s cubic-bezier(.18,.82,.22,1)}
body.drawer-open.calendar-compact .screen{padding-inline:clamp(14px,2vw,26px)}
body.drawer-open.calendar-compact .glass-page:has(.calendar-toolbar){padding:clamp(16px,2vw,22px)}
.glass-page:has(.calendar-toolbar){transition:padding .7s cubic-bezier(.18,.82,.22,1),border-radius .7s cubic-bezier(.18,.82,.22,1)}
.calendar-toolbar h1,.month-strip h2{transition:font-size .62s cubic-bezier(.18,.82,.22,1),letter-spacing .62s cubic-bezier(.18,.82,.22,1)}
.calendar-controls>.pill-btn,.calendar-controls>.solid-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;transform-origin:center;transition:transform .43s cubic-bezier(.17,.83,.22,1),background-color .36s ease,border-color .36s ease,box-shadow .43s cubic-bezier(.17,.83,.22,1)}
.calendar-controls>.pill-btn::after,.calendar-controls>.solid-btn::after{display:none}
.calendar-controls>.pill-btn:hover,.calendar-controls>.solid-btn:hover{transform:translateY(-2px) scale(1.035);background:rgba(250,250,250,.1);border-color:rgba(250,250,250,.48);box-shadow:0 9px 23px rgba(0,0,0,.22),inset 0 1px rgba(250,250,250,.1)}
.calendar-controls>.pill-btn:active,.calendar-controls>.solid-btn:active{transform:translateY(0) scale(.985);transition-duration:.15s}
.calendar-controls>.pill-btn:focus-visible,.calendar-controls>.solid-btn:focus-visible{outline:1px solid rgba(250,250,250,.8);outline-offset:4px}
.month-strip button[data-month="-1"],.month-strip button[data-month="1"]{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid transparent;border-radius:50%;font-size:21px;line-height:1;transition:transform .45s cubic-bezier(.17,.83,.22,1),color .32s ease,background-color .35s ease,border-color .35s ease}
.month-strip button[data-month="-1"]:hover,.month-strip button[data-month="1"]:hover{color:#fafafa;background:rgba(250,250,250,.075);border-color:rgba(250,250,250,.14);transform:translateY(-3px) scale(1.16)}
.month-strip button[data-month="-1"]:active,.month-strip button[data-month="1"]:active{transform:translateY(0) scale(.95);transition-duration:.16s}
.month-strip .today{padding:8px 11px;border-radius:8px;transition:transform .38s cubic-bezier(.17,.83,.22,1),color .3s,background-color .3s}
.month-strip .today:hover{transform:translateY(-2px);background:rgba(250,250,250,.06)}
.cal-item,.mobile-task{transition:transform .42s cubic-bezier(.17,.83,.22,1),filter .38s ease,background-color .38s ease,box-shadow .42s ease}
.cal-item:hover,.mobile-task:hover{transform:translateY(-2px) scale(1.012);filter:brightness(1.17);box-shadow:0 8px 18px rgba(0,0,0,.24)}
.cal-item:active,.mobile-task:active{transform:translateY(0) scale(.99);transition-duration:.14s}
.mobile-day{transition:transform .4s cubic-bezier(.17,.83,.22,1),background-color .38s ease,color .38s ease,box-shadow .4s ease}
.mobile-day:hover{transform:translateY(-2px) scale(1.045);background:rgba(250,250,250,.09);box-shadow:0 5px 16px rgba(0,0,0,.17)}
.mobile-day.selected:hover{background:rgba(218,24,23,.4)}
.mobile-day:active{transform:translateY(0) scale(.98);transition-duration:.15s}
.calendar-wrap{view-transition-name:calendar-month-grid}
.mobile-month-grid{view-transition-name:calendar-month-mobile}
.mobile-day-list{view-transition-name:calendar-day-list}
.month-strip h2{view-transition-name:calendar-month-title}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition{pointer-events:none}
html[data-calendar-motion="next"]::view-transition-old(calendar-month-grid),html[data-calendar-motion="next"]::view-transition-old(calendar-month-mobile),html[data-calendar-motion="next"]::view-transition-old(calendar-day-list),html[data-calendar-motion="next"]::view-transition-old(calendar-month-title){animation:month-out-next .3s cubic-bezier(.25,.7,.25,1) both}
html[data-calendar-motion="next"]::view-transition-new(calendar-month-grid),html[data-calendar-motion="next"]::view-transition-new(calendar-month-mobile),html[data-calendar-motion="next"]::view-transition-new(calendar-day-list),html[data-calendar-motion="next"]::view-transition-new(calendar-month-title){animation:month-in-next .48s cubic-bezier(.17,.83,.22,1) both}
html[data-calendar-motion="previous"]::view-transition-old(calendar-month-grid),html[data-calendar-motion="previous"]::view-transition-old(calendar-month-mobile),html[data-calendar-motion="previous"]::view-transition-old(calendar-day-list),html[data-calendar-motion="previous"]::view-transition-old(calendar-month-title){animation:month-out-previous .3s cubic-bezier(.25,.7,.25,1) both}
html[data-calendar-motion="previous"]::view-transition-new(calendar-month-grid),html[data-calendar-motion="previous"]::view-transition-new(calendar-month-mobile),html[data-calendar-motion="previous"]::view-transition-new(calendar-day-list),html[data-calendar-motion="previous"]::view-transition-new(calendar-month-title){animation:month-in-previous .48s cubic-bezier(.17,.83,.22,1) both}
html[data-calendar-motion="switch"]::view-transition-old(calendar-month-grid),html[data-calendar-motion="switch"]::view-transition-old(calendar-month-mobile),html[data-calendar-motion="switch"]::view-transition-old(calendar-day-list),html[data-calendar-motion="day"]::view-transition-old(calendar-day-list){animation:calendar-content-out .2s ease both}
html[data-calendar-motion="switch"]::view-transition-new(calendar-month-grid),html[data-calendar-motion="switch"]::view-transition-new(calendar-month-mobile),html[data-calendar-motion="switch"]::view-transition-new(calendar-day-list),html[data-calendar-motion="day"]::view-transition-new(calendar-day-list){animation:calendar-content-in .38s cubic-bezier(.17,.83,.22,1) both}
@keyframes month-out-next{to{opacity:0;transform:translateX(-16px) scale(.992)}}
@keyframes month-in-next{from{opacity:0;transform:translateX(19px) scale(.992)}to{opacity:1;transform:none}}
@keyframes month-out-previous{to{opacity:0;transform:translateX(16px) scale(.992)}}
@keyframes month-in-previous{from{opacity:0;transform:translateX(-19px) scale(.992)}to{opacity:1;transform:none}}
@keyframes calendar-content-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes calendar-content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}


/* Keep the two orb films as one composited object. A frame stays visible when playback is unavailable. */
.ambient{mix-blend-mode:screen;background:none}
.ambient-poster,.ambient .ambient-video,.ambient-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:screen;transform:none!important;transition:filter .58s cubic-bezier(.25,.72,.2,1),opacity .32s ease}
.ambient .orb-poster{z-index:1;filter:blur(0)!important}
.ambient .orb-video{z-index:2;filter:blur(0)!important}
.ambient .orb-still{z-index:3;filter:blur(0)!important}
.ambient .shield-poster{z-index:4;filter:blur(4px)!important}
.ambient .shield-video{z-index:5;filter:blur(4px)!important}
.ambient .shield-still{z-index:6;filter:blur(4px)!important}
.ambient[data-hover="shield"] .orb-poster,.ambient[data-hover="shield"] .orb-video,.ambient[data-hover="shield"] .orb-still{filter:blur(4px)!important}
.ambient[data-hover="shield"] .shield-poster,.ambient[data-hover="shield"] .shield-video,.ambient[data-hover="shield"] .shield-still{filter:blur(2px)!important}
.ambient[data-hover="orb"] .orb-poster,.ambient[data-hover="orb"] .orb-video,.ambient[data-hover="orb"] .orb-still,.ambient[data-hover="orb"] .shield-poster,.ambient[data-hover="orb"] .shield-video,.ambient[data-hover="orb"] .shield-still{filter:blur(0)!important}
.ambient-poster{opacity:1}
.ambient-poster.is-hidden{opacity:0}
.ambient .ambient-video{opacity:0!important}
.ambient .ambient-video.is-playing{opacity:1!important}
.ambient-still{opacity:0}
.ambient-still.is-visible{opacity:1}
.is-safari .ambient-poster.is-hidden{opacity:.65}
.is-safari .ambient .ambient-video.is-playing{opacity:.62!important}


/* Chromium renders masked backdrop filters in uneven bands; clip seven mild filters instead. */
.queue-bottom-blur{isolation:auto}
.queue-bottom-blur span{mask-image:none;-webkit-mask-image:none;clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);-webkit-clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}
.queue-bottom-blur span:nth-child(1){--clip-top:0%;--clip-bottom:93%;--blur:.15px}
.queue-bottom-blur span:nth-child(2){--clip-top:7%;--clip-bottom:86%;--blur:.25px}
.queue-bottom-blur span:nth-child(3){--clip-top:14%;--clip-bottom:79%;--blur:.4px}
.queue-bottom-blur span:nth-child(4){--clip-top:21%;--clip-bottom:72%;--blur:.6px}
.queue-bottom-blur span:nth-child(5){--clip-top:28%;--clip-bottom:65%;--blur:.85px}
.queue-bottom-blur span:nth-child(6){--clip-top:35%;--clip-bottom:58%;--blur:1.15px}
.queue-bottom-blur span:nth-child(7){--clip-top:42%;--clip-bottom:51%;--blur:1.5px}
.queue-bottom-blur span:nth-child(8){--clip-top:49%;--clip-bottom:44%;--blur:1.9px}
.queue-bottom-blur span:nth-child(9){--clip-top:56%;--clip-bottom:37%;--blur:2.4px}
.queue-bottom-blur span:nth-child(10){--clip-top:63%;--clip-bottom:30%;--blur:3px}
.queue-bottom-blur span:nth-child(11){--clip-top:70%;--clip-bottom:23%;--blur:3.6px}
.queue-bottom-blur span:nth-child(12){--clip-top:77%;--clip-bottom:16%;--blur:4.3px}
.queue-bottom-blur span:nth-child(13){--clip-top:84%;--clip-bottom:9%;--blur:5px}
.queue-bottom-blur span:nth-child(14){--clip-top:91%;--clip-bottom:0%;--blur:5.8px}
.queue-bottom-blur::after{z-index:15}

/* Keep the calendar glass translucent so its backdrop remains visible in Chromium. */
.screen{animation:none}
.glass-page{background:rgba(5,5,5,.055);-webkit-backdrop-filter:blur(42px) saturate(.82);backdrop-filter:blur(42px) saturate(.82)}

/* One composited brightness transition keeps the paired orb layers in sync in Chromium. */
body[data-view="home"] .ambient,body[data-view="login"] .ambient{filter:brightness(1) saturate(1);opacity:1}
body:not([data-view="home"]):not([data-view="login"])[data-view="calendar"] .ambient{filter:brightness(.73) saturate(.8);opacity:1}
.ambient{transition:left .85s cubic-bezier(.2,.8,.2,1),top .85s cubic-bezier(.2,.8,.2,1),width .85s cubic-bezier(.2,.8,.2,1),filter .85s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.75,.2,1),opacity .65s ease}
@media(max-width:720px){body:not([data-view="home"]):not([data-view="login"])[data-view="calendar"] .ambient{opacity:1}}

/* Queue positions are animated directly; native smooth scrolling jumps when Chrome retargets it. */
.queue-window{scroll-behavior:auto}

/* Quieter controls: no circular close button or duplicate explanatory copy. */
.close-btn,.drawer-top .close-btn{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:rgba(250,250,250,.65);font:200 30px/1 Outfit,sans-serif;box-shadow:none;transition:color .3s ease,transform .42s cubic-bezier(.17,.83,.22,1)}
.close-btn:hover,.drawer-top .close-btn:hover{border:0;background:transparent;color:#fafafa;transform:rotate(90deg) scale(1.08)}
.close-btn:focus-visible,.drawer-top .close-btn:focus-visible{outline:1px solid rgba(250,250,250,.65);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.composer-modal .modal-head .eyebrow{display:none}
.composer-modal .modal-head{padding-bottom:18px}
.composer-main,.composer-side{padding-top:29px}
.composer-title-input{margin-bottom:31px}
.composer-flags{padding-top:10px}
.composer-flags .check-row{align-items:center;justify-content:space-between;gap:18px;min-height:47px;padding:10px 0;cursor:pointer}
.composer-flags .check-row span{font-size:13px;font-weight:200}
.composer-flags .check-row input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:37px;height:21px;margin:0;border:1px solid rgba(250,250,250,.28);border-radius:100px;background:rgba(250,250,250,.06);cursor:pointer;transition:background .3s ease,border-color .3s ease}
.composer-flags .check-row input::before{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:rgba(250,250,250,.6);transition:transform .34s cubic-bezier(.17,.83,.22,1),background .3s ease}
.composer-flags .check-row input:checked{background:rgba(250,250,250,.19);border-color:rgba(250,250,250,.58)}
.composer-flags .check-row input:checked::before{transform:translateX(16px);background:#fafafa}
.composer-flags .check-row input:focus-visible{outline:1px solid #fafafa;outline-offset:3px}
.composer-footer{justify-content:flex-end}
.composer-disclosure summary,.composer-advanced>.disclosure summary{transition:color .3s ease,transform .35s cubic-bezier(.17,.83,.22,1)}
.composer-disclosure summary:hover,.composer-advanced>.disclosure summary:hover{color:#fafafa;transform:translateX(3px)}

/* Fade the vignette with the orb so the calendar does not darken again at the end of navigation. */
.ambient-vignette{background:none!important;opacity:1}
.ambient-vignette::before,.ambient-vignette::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .85s cubic-bezier(.2,.8,.2,1)}
.ambient-vignette::before{background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,0,0,.18) 65%,#050505 100%)}
.ambient-vignette::after{background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.1) 55%,rgba(0,0,0,.35))}
body[data-view="home"] .ambient-vignette::before,body[data-view="login"] .ambient-vignette::before{opacity:1}
body:not([data-view="home"]):not([data-view="login"]):not([data-view="clients"]) .ambient-vignette::after{opacity:1}
body[data-view="clients"] .ambient-vignette{background:#050505!important}
body.is-routing:not(.route-client-crossing) .ambient-vignette{opacity:1!important}

/* Keep the original transparent glass; enter without delaying its backdrop blur. */
.overlay-root.priority-root{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
.priority-root .modal{background:none;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);animation:none}
.priority-root .modal-head,.priority-root .priority-list{animation:priority-content-in .28s cubic-bezier(.18,.82,.2,1) both}
.priority-root .priority-list{animation-delay:.035s}
@keyframes priority-content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

body[data-view="settings"] .ambient,body[data-view="settings"] .ambient-vignette{display:none}

/* Safari cannot currently render the paired orb films consistently. */
.safari-gate{display:none}
html.safari-unsupported,html.safari-unsupported body{height:100%;overflow:hidden;background:#050505}
html.safari-unsupported :is(#app,.ambient,.ambient-vignette,.dock,.settings-trigger,.overlay-root,.loader){display:none!important}
html.safari-unsupported .safari-gate{position:fixed;z-index:10000;inset:0;display:grid;grid-template-columns:minmax(130px,1fr) minmax(300px,1fr);align-items:center;gap:clamp(35px,8vw,150px);padding:clamp(30px,7vw,110px);color:#fafafa;background:#050505;font-family:Outfit,sans-serif}
.safari-gate>img{display:block;width:clamp(110px,18vw,245px);height:auto;justify-self:center}
.safari-gate-copy{max-width:600px}
.safari-gate-copy>span{color:rgba(250,250,250,.44);font-size:11px;font-weight:300;letter-spacing:.15em}
.safari-gate h1{max-width:600px;margin:17px 0 15px;font-size:clamp(36px,4.2vw,68px);font-weight:200;letter-spacing:-.045em;line-height:1.05}
.safari-gate p{max-width:440px;color:rgba(250,250,250,.65);font-size:clamp(16px,1.6vw,23px);font-weight:200;line-height:1.4}
@media(max-width:650px){html.safari-unsupported .safari-gate{grid-template-columns:1fr;align-content:center;gap:45px;padding:30px}.safari-gate>img{justify-self:start;width:140px}}