/* Accepted design: concept 03, right-hand vessel. Overrides only presentation. */
:root{--bg:#0c0f10;--side:#0c0f10;--panel:#161a1b;--raised:#202525;--line:#343838;--text:#e3dfd5;--muted:#8c9292;--soft:#6e7676;--blue:#87baf0;--accent:#d2ba8e;--gold:#b9a17a;--green:#a6b8a2;--radius:8px;--font:Georgia,'Times New Roman',serif;--nav-width:clamp(205px,18.1vw,288px);--rail-width:clamp(330px,27.73vw,440px)}
body{background:radial-gradient(ellipse at 40% 10%,#1c22212e,transparent 54%),#0c0f10;font-size:15px;color:var(--text)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:-1;background-image:url('gothic/cathedral.jpg');background-size:cover;filter:grayscale(1)}
h1,h2,h3,.task-name,button,input,select,textarea{font-family:var(--font)}h1{font-size:46px;font-weight:400;letter-spacing:-.02em;color:#e4d8c0}h2{font-size:23px;font-weight:400;letter-spacing:0}h3{font-weight:400}
.app{grid-template-columns:var(--nav-width) minmax(0,1fr);min-height:100dvh}.sidebar{padding:0 14px;position:sticky;top:0;height:100dvh;border-right:1px solid #68553c65;background:#0d1011 url('gothic/cathedral.jpg') center bottom/100% 100% no-repeat;isolation:isolate;overflow:auto;scrollbar-width:thin}.sidebar:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#080b0a26,#080a0966 50%,transparent 80%)}
.sidebar .brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;font-size:36px;font-weight:400;letter-spacing:-.6px;white-space:normal;padding:14px 0 25px;border-bottom:1px solid #7c67423b}.sidebar .brand img{width:44px;height:70px;object-fit:contain;margin-bottom:8px}.sidebar .brand small{font:10px/1.9 Georgia,serif;text-transform:uppercase;letter-spacing:4px;color:#96968a;margin-top:6px}.sidebar nav{margin:18px -1px 0;display:grid;grid-template-columns:1fr;gap:2px}.nav-link{font-size:19px;padding:16px 23px;border:1px solid transparent;border-radius:0 7px 7px 0;gap:23px;min-height:60px;margin:0;color:#b8b7b0}.nav-link svg{width:27px;height:27px;color:#999681;stroke-width:1.5;display:block}.nav-link.active{background:linear-gradient(100deg,#78634242,#302a2320);color:#e9dfcb;border-color:#8c78574d;border-left:2px solid #c7a468;box-shadow:inset 8px 0 22px #b18e2e13}.nav-link.active svg{color:#d8b679;filter:drop-shadow(0 0 5px #b6945155)}.nav-link:hover{background:#6c624323}.nav-link .count{display:none}.sidebar .side-bottom{margin-top:auto;padding:26px 10px 155px;gap:8px;opacity:.85}.side-bottom #levelSummary{font-size:11px;max-width:190px}.side-bottom #levelSummary p{font-size:10px}.side-bottom .link{font-size:12px}.side-bottom .progress{height:2px;background:#35352c}.side-bottom .progress i{background:#a88d64}
/* Required everyday controls live at the bottom of the navigation, outside the main composition. */
.topbar{position:fixed;left:15px;bottom:17px;width:calc(var(--nav-width) - 30px);z-index:35;padding:12px 7px 0;min-height:0;height:auto;background:linear-gradient(transparent,#090c0df5 22%);border:0;display:block}.topbar #dateLabel{display:none}.top-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.top-actions #saveStatus{order:6;width:100%;text-align:center;color:#7c847d;font-size:10px}.top-actions .btn{font-size:11px;padding:6px 8px;min-height:30px}.top-actions #notificationMute{font-size:10px;flex-basis:100%;max-width:160px;margin:auto}.top-actions .btn:last-child{border-color:#8e795266;color:#d9c4a0}
.workspace-body{display:grid!important;grid-template-columns:minmax(0,1fr) var(--rail-width)!important;align-items:start;min-height:100dvh;gap:0!important}.workspace-body:has(#workRail[hidden]){grid-template-columns:minmax(0,1fr)!important}#view{padding:28px 40px 36px;max-width:none;margin:0;width:100%;min-height:100dvh;min-width:0}.workspace>footer{font-size:10px;letter-spacing:1px;color:#656c69;padding:18px 30px;border-top:1px solid #55482d24}body[data-route=day] .workspace>footer{display:none}
.btn{background:linear-gradient(135deg,#222626aa,#171b1bdd);border:1px solid #464b495c;border-radius:7px;color:#c8c8bf;font-weight:400}.btn:hover{background:#32362e;border-color:#a68d61;color:#eee1c7}.btn.primary{background:linear-gradient(125deg,#71613c5c,#28251b);border-color:#c4a16b;color:#f0dfb9;box-shadow:inset 0 0 16px #ba96521a}.btn.ghost{background:transparent}.icon-btn{color:#b5ae9d}.icon-btn:hover{background:#77705a20;color:#ecdebe}.panel,.client-card,.adhd-card,.modal,.login-card,.chat-wrap{background:linear-gradient(118deg,#171b1c,#111516);border-color:#353938;border-radius:8px}.modal{box-shadow:0 30px 100px #000c;border-color:#706348;padding:26px}.modal-backdrop{background:#050809ce;backdrop-filter:blur(5px)}.modal h2{color:#e4d6ba}input,select,textarea{background:#101415;border-color:#424742;color:#d8d8cc;border-radius:6px}.notice{background:#1a252a;border-color:#354747}.notice.warn{background:#2c261b;border-color:#615139}.empty{border-color:#565340;background:#17191744;color:#979b92}.chip{background:#332e2070;color:#cfc1a1}.toast{background:#1c2527;border-color:#5a655d}.filterbar select,.filterbar input{font-size:13px}.task-name{font-weight:400}.task-check{border-color:#b2b4a8;border-radius:4px;color:#c6d7bc;width:24px;height:24px;box-shadow:inset 0 0 3px #f3f2d71a}.task-check:hover{background:#77715a30;border-color:#ebd2a0}.task-row{border-color:#353a36}.task-quick select{font-size:12px}.table-heading{color:#abaf9f}.table-task{padding:20px 0}.task-live-timer{background:#16292e;border-color:#456275;color:#b0c7d6}.adhd-card.running{border-color:#b8a275;box-shadow:0 0 16px #a4975720}.adhd-meta,.adhd-actions .btn{font-size:12px}.adhd-global-time{color:#d5c9aa}.focus-overlay{background:radial-gradient(ellipse at 50% 20%,#1c2426,#090d0f 65%)}.timer-readout{font-family:Georgia,serif;color:#e3d9c5;letter-spacing:1px}.floating-timer{background:radial-gradient(circle at 35% 25%,#344344,#121819 70%);border-color:#a99572;color:#e4d7be}.floating-timer[data-kind=adhd]{background:radial-gradient(circle at 35% 25%,#343d36,#111c19 70%);border-color:#a7ad85}
.day-motto{text-transform:uppercase;letter-spacing:6px;text-align:center;font-size:10px;color:#7b8581;line-height:1.7;padding-bottom:12px;border-bottom:1px solid #84704830;margin:0 0 50px;white-space:normal}.gothic-day-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:42px}.gothic-day-head h1{font-size:64px;line-height:1.05;letter-spacing:-1px}.gothic-day-head>div>p{font-size:20px;color:#aa9e87;margin-top:10px}.day-date{text-align:right;padding-top:9px;flex-shrink:0;color:#a0a5a3;font-size:15px}.day-date>span{display:flex;gap:12px;align-items:center;justify-content:flex-end}.day-date em{display:block;color:#6d7474;font-size:14px;line-height:1.55;margin-top:22px;letter-spacing:.5px}.gothic-recommendations{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 19px;margin-bottom:16px;border:1px solid #464c484d;border-radius:8px;background:linear-gradient(115deg,#131718,#1a1e1f);overflow:visible}.recommendation-heading{display:flex;gap:15px;align-items:center;min-width:0}.recommendation-heading>svg{color:#8dbbe6;filter:drop-shadow(0 0 7px #2e8ef366);width:31px;height:31px}.recommendation-heading h2{font-size:23px;white-space:nowrap}.recommendation-heading p{font-size:12px;color:#777f7e;margin-top:6px;max-width:235px}.recommendation-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.gothic-recommendations .mode-bar{display:flex;margin:0;gap:7px;flex-wrap:nowrap}.gothic-recommendations .mode-bar .btn{min-height:39px;font-size:13px;padding:8px 13px;border:1px solid #555b555c;background:linear-gradient(120deg,#252a28,#1a1e1d);color:#bbb7a8;border-radius:7px}.gothic-recommendations .mode-bar .active{border-color:#d1ac67;color:#ead7a6;box-shadow:inset 0 0 12px #b59c4f12;background:#29271d}.gothic-recommendations .recommendation-controls>.btn{font-size:12px;min-height:39px;white-space:nowrap}.extra-modes{position:relative}.extra-modes summary{list-style:none;margin:0!important;width:25px;min-height:39px;display:grid;place-items:center;border:1px solid #4e514544;border-radius:6px}.extra-modes>div{position:absolute;top:44px;right:0;z-index:12;min-width:145px;padding:8px;background:#1b201f;border:1px solid #736443;border-radius:6px;display:grid;gap:8px}.extra-modes:has(.active) summary{color:#e3c38a;border-color:#9b844d}.extra-modes summary::-webkit-details-marker{display:none}
.today-panel{padding:0;margin:0;background:none;border:0}.gothic-task{position:relative;border:1px solid #3e454147;border-radius:8px;background:linear-gradient(110deg,#141819,#202525);margin:0 0 9px;min-width:0}.gothic-task-main{display:flex;align-items:center;gap:24px;padding:16px 23px;min-height:88px}.gothic-task-main>.task-check{flex:none}.gothic-task-copy{min-width:0;flex:1}.gothic-task .task-name{font-size:20px;line-height:1.3;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;display:block}.gothic-task .task-meta{margin-top:9px;font-size:13px;gap:16px;flex-wrap:wrap;line-height:1.2;color:#8b9392}.gothic-client{display:flex;align-items:center;gap:8px;max-width:230px;overflow-wrap:anywhere}.gothic-client svg{opacity:.7}.priority-label{padding:3px 7px;border-radius:4px;background:#4d402d55;color:#c8b283;font-size:12px;border:1px solid #6e5c3333}.origin-label{color:#8ea6b3;display:inline-flex;align-items:center;gap:4px;font-size:10px}.origin-label span{display:none}.origin-label:hover span{display:inline}.gothic-task-duration{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap;font-size:13px}.gothic-task-actions{display:flex;gap:14px;flex:none;margin-left:15px}.gothic-task-actions .icon-btn{width:46px;height:46px;border:1px solid #696c5d99;border-radius:15px;color:#d2c4aa;background:linear-gradient(135deg,#3a403537,#11151644)}.gothic-task-actions .icon-btn[data-action=edit-task]{border-radius:12px}.gothic-task-actions .icon-btn svg{width:21px;height:21px}.gothic-task-actions .icon-btn[data-action=focus] svg{fill:currentColor;stroke-width:1}.gothic-task-details{position:relative}.gothic-task-details>summary{position:absolute;right:4px;top:-23px;list-style:none;display:flex;align-items:center;justify-content:center;gap:4px;width:22px;height:18px;margin:0;color:#85887a;opacity:.5}.gothic-task-details>summary span{display:none}.gothic-task-details>summary::-webkit-details-marker{display:none}.gothic-task:hover .gothic-task-details>summary,.gothic-task-details[open]>summary,.gothic-task:focus-within .gothic-task-details>summary{opacity:1}.gothic-task-extra{padding:16px 23px;border-top:1px solid #42473c}.gothic-task-extra .row>label{flex:1;min-width:120px}.gothic-task-extra .row>.btn{align-self:end}.gothic-task.is-done{opacity:.52}.gothic-task.is-done .task-name{text-decoration:line-through;color:#929c95}.day-list-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 36px}.day-list-footer .btn{font-size:11px;min-height:29px;border-color:#55534055}.day-tools{padding:18px 0;border-top:1px solid #4e4a3633;border-bottom:1px solid #4e4a3633;margin:0 0 22px}.day-tools-title{font-size:12px;letter-spacing:1px;color:#a4a58f}.day-tools .btn{font-size:12px;padding:6px 8px;min-height:30px}.day-journal{padding:20px;background:#1217167a;border-color:#4d493b33}.day-journal h2{font-size:19px}.day-epigraph{text-align:center;text-transform:uppercase;color:#6e7772;font-size:10px;letter-spacing:5px;line-height:2;padding:60px 20px 8px}.ornament-rule{height:1px;background:linear-gradient(90deg,transparent,#9a7f4466 20%,#9a7f4466 80%,transparent);position:relative;width:90%;margin:16px auto}.ornament-rule:after{content:'◇';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#9b8356;background:#101415;padding:0 5px}
/* Right column — the vessel, a real live timer, and client notes. */
.work-rail{border-left:1px solid #85704655;background:linear-gradient(90deg,#0a0e10,#141a1b77 13%,#101617 90%,#06090b);padding:19px 18px 24px;min-height:100dvh;position:relative;overflow:visible}.work-rail:before{content:'';position:absolute;inset:0;pointer-events:none;border-left:4px double #6a5a3b40;border-right:4px double #6a5a3b40;border-radius:78px 78px 0 0;box-shadow:inset 0 2px #a38b4a55}.gothic-energy{text-align:center;position:relative;padding-top:12px;min-width:0}.gothic-energy>h2{font:10px/1.5 var(--font);letter-spacing:5px;text-transform:uppercase;color:#94978d;margin:0}.gothic-energy .ornament-rule{margin:12px auto 0;width:82%}.energy-art-button{display:block;border:0;padding:0;margin:0;width:100%;background:transparent;color:inherit;cursor:pointer}.energy-art-button:hover .vessel-composite{filter:brightness(1.08)}.energy-art-button:focus-visible{outline:1px solid #cbb58b;border-radius:12px;outline-offset:0}.energy-start{margin-bottom:18px}
.gothic-vessel{display:flex;flex-direction:column;gap:0;max-width:100%;padding:0}.gothic-vessel .vessel-stage{position:relative;width:100%;max-width:318px!important;aspect-ratio:2/3;height:auto;margin:8px auto 0;filter:drop-shadow(0 10px 18px #000b);flex:none;display:block}.vessel-composite{display:block;width:100%;height:100%;overflow:visible}.gothic-vessel .vessel-globe{position:relative;left:0;top:0;width:100%;height:100%;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 32% 20%,#263441,#09121e 53%,#010917);box-shadow:inset 0 0 60px #01040b}.gothic-vessel .vessel-fill{background:radial-gradient(ellipse at 50% 90%,#23adff 0,#0360ee 28%,#0642c1 55%,#062467 90%)!important;box-shadow:inset 15px -15px 55px #0036a777,0 -3px 18px #4ae9ff!important}.gothic-vessel .mana-liquid:before{display:none}.gothic-vessel .liquid-surface{height:45px;top:-27px;filter:drop-shadow(0 0 6px #007aff)}.gothic-vessel .surface-front{fill:#2b98ff;opacity:.8}.gothic-vessel .surface-back{fill:#a5f5ff;opacity:.8}.gothic-vessel .vessel-glass{border-radius:0;background:radial-gradient(ellipse at 26% 20%,#e6f5ff44,transparent 26%),radial-gradient(ellipse at 50% 100%,transparent 30%,#00020b44);box-shadow:inset -20px -20px 50px #000b,inset 15px 10px 35px #9cc7ff13}.gothic-vessel .vessel-current{background:radial-gradient(ellipse,#41aaff60,transparent 66%)}.gothic-vessel .vessel-bubble{box-shadow:inset 0 0 8px #b6e6ff66,0 0 8px #1497ff;min-width:4px;min-height:4px}.gothic-vessel .vessel-particles{background-size:95px 130px;background-image:radial-gradient(circle at 15% 20%,#d4f8ff 0 1px,transparent 3px),radial-gradient(circle at 78% 56%,#5bc3ff 0 2px,transparent 4px),radial-gradient(circle at 33% 77%,#95ddff 0 1px,transparent 3px)}.vessel-sparkles{position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at 26% 38%,#ddffff 0 2px,transparent 4px),radial-gradient(circle at 69% 79%,#ddffff 0 2px,transparent 5px),radial-gradient(circle at 51% 58%,#aaffff 0 3px,transparent 6px);animation:gothic-sparkle 4s infinite alternate}.gothic-vessel .vessel-reading{width:100%;justify-content:center;gap:10px;margin:-1px 0 24px;text-shadow:0 0 16px #58a2ee22;pointer-events:none}.gothic-vessel .vessel-reading b{font:400 38px/1 Georgia,serif!important;letter-spacing:0!important;color:#d7dce0}.gothic-vessel .vessel-reading span{font:400 35px/1 Georgia,serif!important;color:#c5c9ca}.gothic-vessel .vessel-reading small{font:9px/1.5 Georgia,serif;letter-spacing:4px;text-transform:uppercase;color:#7a8485;margin-top:0}.gothic-vessel .vessel-burst{inset:24% 13% 26%;border-radius:50%}.gothic-vessel.vessel-small{flex-direction:row;justify-content:center;gap:10px}.gothic-vessel.vessel-small .vessel-stage{max-width:100px!important;width:100px;margin:0}.gothic-vessel.vessel-small .vessel-reading{width:auto;max-width:125px;margin:0}.gothic-vessel.vessel-small .vessel-reading b{font-size:28px!important}.gothic-vessel.vessel-small .vessel-reading span{font-size:19px!important}.gothic-vessel.vessel-small .vessel-reading small{font-size:7px;letter-spacing:1px}.modal .gothic-vessel .vessel-stage{max-width:190px!important}.modal .gothic-vessel .vessel-reading{margin-bottom:14px}.modal .gothic-vessel .vessel-reading b{font-size:32px!important}.modal .gothic-vessel .vessel-reading span{font-size:28px!important}@keyframes gothic-sparkle{from{opacity:.25;transform:translateY(4%)}to{opacity:.85;transform:translateY(-8%)}}
.gothic-brief{background:linear-gradient(120deg,#1b2022b0,#101719);border:1px solid #4b50434d;border-radius:7px;padding:16px;margin:10px 0 10px}.gothic-brief-heading{display:flex;align-items:center;gap:12px}.gothic-brief-heading>svg{color:#6fadd5}.gothic-brief-heading h2{font-size:19px;line-height:1.1}.gothic-brief-heading .tiny{font-size:13px;margin-top:5px}.gothic-brief-heading>.icon-btn{margin-left:auto;align-self:start;min-width:24px;min-height:24px;padding:0}.rail-timer-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.rail-time{font:400 43px/1.3 Georgia,serif;letter-spacing:1px;border:0;background:none;color:#e3dece;padding:0;font-variant-numeric:tabular-nums}.rail-timer-row>.icon-btn{width:50px;height:50px;border-radius:50%;border:1px solid #c2ad87;color:#e3d5b9}.rail-brief-context .active-timer-panel{margin:6px 0 0;padding:6px 0 0;border:0;border-top:1px solid #343c3a;background:none;gap:6px}.rail-brief-context .active-timer-panel>div{min-width:0}.rail-brief-context .active-timer-panel strong{font-size:12px;line-height:1.4;color:#909b98}.rail-brief-context .active-timer-panel .tiny{display:none}.rail-brief-context .active-timer-panel>b{display:none}.rail-brief-context .active-timer-panel>.btn{font-size:10px;min-height:25px;padding:4px 5px}.rail-brief-context .row{gap:8px;margin-top:6px}.rail-brief-context .row .btn{font-size:11px;min-height:25px;padding:3px 7px}.gothic-clients{border:1px solid #444c454d;border-radius:7px;background:linear-gradient(115deg,#191f20aa,#121819);padding:10px 14px}.gothic-clients .rail-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 5px;border:0}.gothic-clients .rail-head h2{display:flex;align-items:center;gap:12px;font-size:19px}.gothic-clients .rail-head h2 svg{color:#949c95}.gothic-clients .client-summary{background:none;border:0;border-radius:0;margin:0;border-top:1px solid #6d735532}.gothic-clients .client-summary>summary{display:flex;align-items:center;padding:10px 0;margin:0;gap:12px;min-height:53px}.gothic-clients .client-summary>summary>span:nth-child(2){min-width:0;flex:1}.gothic-clients .client-avatar{font-size:0;width:12px;height:12px;min-width:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e3d1a2,#8c713b 65%,#282721);border:1px solid #bba77b;box-shadow:0 0 9px #be994428}.gothic-clients .client-summary:nth-child(3n+2) .client-avatar{background:radial-gradient(circle at 30% 25%,#91bfdf,#385e80 65%,#1d2631);border-color:#729ebd}.gothic-clients .client-summary:nth-child(3n) .client-avatar{background:radial-gradient(circle at 30% 25%,#c7aedf,#5e467c 65%,#292335);border-color:#977bb5}.gothic-clients .client-summary strong{display:block;font-size:14px;font-weight:400}.gothic-clients .client-summary small{font-size:12px;color:#7e8b89;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:210px;display:block}.client-task-count{font-size:10px;color:#98a09b;border:1px solid #64695550;padding:4px 8px;white-space:nowrap;border-radius:14px}.gothic-clients .disclosure{display:none}.gothic-clients .client-expanded{padding:12px 0}.gothic-clients .client-active .task-row{padding:14px 0}.gothic-clients .client-active .task-name{font-size:14px}.gothic-clients .client-expanded .btn{font-size:10px}.gothic-clients .client-note{background:#121a1c;border-color:#414a42}.rail-epigraph{text-transform:uppercase;letter-spacing:4px;font-size:9px;line-height:2;text-align:center;color:#77817a;margin-top:20px}.client-summary{border-color:#4a5145;background:#141a1a}.client-note{background:#141d1d;border-color:#435042}.client-summary>summary{padding:18px}.client-summary strong{font-weight:400}.client-summary .client-avatar{background:#343a2e;color:#c8b989}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.workspace-body{grid-template-columns:minmax(0,1fr) var(--rail-width)!important}}
@media(max-width:1450px) and (min-width:1101px){#view{padding:28px}.gothic-day-head h1{font-size:55px}.gothic-day-head>div>p{font-size:17px}.day-date{font-size:13px}.day-date em{font-size:12px}.gothic-recommendations{flex-wrap:wrap;gap:13px;padding:17px}.recommendation-controls{width:100%;justify-content:space-between}.gothic-task-main{padding:16px;gap:14px}.gothic-task .task-name{font-size:18px}.gothic-task .task-meta{gap:9px;font-size:12px}.gothic-task-duration{margin-left:0}.gothic-task-actions{gap:8px;margin-left:4px}.gothic-task-actions .icon-btn{width:39px;height:39px}.nav-link{padding:15px 12px;gap:16px;font-size:17px}.sidebar .brand{font-size:31px}.gothic-vessel .vessel-stage{max-width:280px!important}.gothic-vessel .vessel-reading{margin-top:0}.work-rail{padding:19px 12px}}
@media(max-width:1100px){:root{--nav-width:190px;--rail-width:305px}.app{grid-template-columns:var(--nav-width) minmax(0,1fr)}.workspace-body{grid-template-columns:minmax(0,1fr)!important}.sidebar{padding:0 10px}.sidebar .brand{font-size:29px}.nav-link{font-size:16px;padding:14px 9px;gap:12px}.nav-link svg{width:24px;height:24px}#view{padding:25px;min-height:auto}.work-rail{border-top:1px solid #66553755;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;min-height:0}.gothic-energy{grid-row:1/3}.gothic-clients{grid-column:2}.rail-epigraph{display:none}.gothic-vessel .vessel-stage{max-width:265px!important}.gothic-day-head h1{font-size:56px}.gothic-recommendations{flex-wrap:wrap}.recommendation-controls{justify-content:flex-start}.day-motto{margin-bottom:35px;letter-spacing:4px}.gothic-task .task-name{font-size:18px}.gothic-task-actions{gap:9px}.day-epigraph{padding:35px 0}.topbar{left:10px;width:170px}.gothic-brief{margin:0}.gothic-clients .client-summary small{max-width:140px}}
@media(max-width:760px){:root{--nav-width:0px}.app{display:block}.sidebar{height:auto;position:sticky;top:0;z-index:40;background:#0c1011f5;border-right:0;border-bottom:1px solid #63543866;padding:0 7px;overflow:visible;backdrop-filter:blur(10px)}.sidebar:before,.sidebar .brand,.sidebar .side-bottom{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.nav-link{font-size:12px;justify-content:center;gap:0;padding:14px 2px;min-height:48px;border-radius:0;white-space:nowrap}.nav-link svg{display:none}.nav-link.active{border:0;border-bottom:2px solid #c2a36a;box-shadow:none;background:#65542e22}.topbar{position:static;width:100%;padding:8px 12px;display:block;background:none;border-bottom:1px solid #4647353b;min-height:0}.top-actions{justify-content:flex-end;gap:6px}.top-actions #notificationMute{flex-basis:auto;max-width:none;margin:0 auto 0 0;font-size:10px}.top-actions #saveStatus{display:none}.top-actions .btn{padding:5px 7px;min-height:30px;font-size:10px}.workspace-body{display:flex!important;flex-direction:column}.workspace-body:has(#workRail[hidden]){display:block!important}#view{padding:23px 14px;order:2;min-height:0}.work-rail{order:1;width:100%!important;display:grid;grid-template-columns:1fr;gap:0;padding:0 14px 10px;border-top:0;border-bottom:1px solid #4d46373d;background:radial-gradient(ellipse at 50% 40%,#18202770,transparent 70%)}.work-rail:before{display:none}.gothic-energy{grid-row:auto;padding-top:17px}.gothic-energy>h2{font-size:9px;letter-spacing:4px}.gothic-energy .ornament-rule{max-width:220px;margin:9px auto 0}.gothic-energy .gothic-vessel{flex-direction:row;justify-content:center;gap:12px;max-width:390px;margin:auto}.gothic-energy .vessel-stage{max-width:178px!important;width:48%;margin:6px 0 0}.gothic-energy .vessel-reading{width:135px;margin:0;gap:7px;max-width:45%}.gothic-energy .vessel-reading b{font-size:35px!important}.gothic-energy .vessel-reading span{font-size:27px!important}.gothic-energy .vessel-reading small{font-size:8px;letter-spacing:2px;margin-top:8px}.gothic-brief{margin:8px 0 0;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}.gothic-brief-heading{gap:9px}.gothic-brief-heading h2{font-size:16px}.gothic-brief-heading .tiny{font-size:11px}.gothic-brief-heading>.icon-btn{display:none}.rail-timer-row{margin:0;gap:10px}.rail-time{font-size:29px}.rail-timer-row>.icon-btn{width:35px;height:35px;min-width:35px;min-height:35px}.rail-brief-context{grid-column:1/-1}.rail-brief-context .active-timer-panel{display:flex}.gothic-clients{grid-column:1;display:none}.day-mobile-clients{display:block;margin-top:24px}.day-mobile-clients .gothic-clients{display:block}.rail-epigraph{display:none}.day-motto{font-size:8px;letter-spacing:3px;margin-bottom:25px;padding-bottom:10px}.gothic-day-head{margin-bottom:24px;gap:12px;align-items:center}.gothic-day-head h1{font-size:43px}.gothic-day-head>div>p{font-size:14px;margin-top:8px}.day-date{font-size:10px;max-width:120px;padding-top:0;flex-shrink:1}.day-date>span{gap:5px;flex-wrap:wrap}.day-date svg{width:15px;height:15px}.day-date em{display:none}.gothic-recommendations{padding:14px;gap:14px;margin-bottom:12px}.recommendation-heading h2{font-size:20px}.recommendation-heading p{font-size:11px;max-width:none}.recommendation-controls{width:100%;justify-content:space-between;gap:8px}.gothic-recommendations .mode-bar{gap:5px}.gothic-recommendations .mode-bar .btn{font-size:11px;padding:7px 9px;min-height:35px}.gothic-recommendations .recommendation-controls>.btn{font-size:11px;min-height:35px;flex-grow:1}.extra-modes summary{min-height:35px}.gothic-task-main{padding:16px 13px;gap:12px;align-items:flex-start;min-height:94px}.gothic-task .task-name{font-size:17px;line-height:1.35}.gothic-task .task-meta{font-size:11px;gap:8px;margin-top:8px}.gothic-task-duration{margin-left:0;font-size:11px}.gothic-client{max-width:160px;font-size:11px;gap:5px}.gothic-task-actions{gap:6px;margin-left:0;flex-direction:column}.gothic-task-actions .icon-btn{width:33px;height:33px;min-width:33px;min-height:33px;border-radius:10px}.gothic-task-actions .icon-btn svg{width:17px;height:17px}.gothic-task-main>.task-check{width:21px;height:21px;margin-top:2px}.gothic-task-details>summary{right:9px;top:-18px;width:44px;height:22px}.gothic-task-extra{padding:14px}.gothic-task-extra .row>label{min-width:110px}.priority-label{font-size:10px}.day-list-footer{margin-bottom:25px}.day-list-footer>.row{gap:6px}.day-tools{padding:15px 0}.day-tools .row{gap:6px}.day-tools .btn{font-size:11px}.day-journal{padding:16px}.day-journal h2{font-size:19px}.day-journal .row{gap:6px}.day-journal .btn{font-size:10px}.day-epigraph{font-size:8px;letter-spacing:3px;padding:35px 5px 15px}.modal{padding:20px}.modal-backdrop{padding:12px}.modal .gothic-vessel .vessel-stage{max-width:160px!important}.modal .gothic-vessel{max-width:100%}.form-grid{gap:12px}.page-head h1{font-size:36px}.settings-grid{grid-template-columns:1fr}.table-task{padding:20px 0}.tasks-table{padding:16px}.top-actions .btn kbd{display:none}}
@media(min-width:761px){.day-mobile-clients{display:none}}
@media(prefers-reduced-motion:reduce){.vessel-sparkles{animation:none}}
:root[data-vessel-motion=on] .vessel-sparkles{animation:gothic-sparkle 4s infinite alternate!important}
:root[data-vessel-motion=off] .vessel *{animation:none!important;transition:none!important}
@media print{.work-rail,.gothic-energy,.topbar,.day-motto,.day-epigraph,.day-tools{display:none!important}.gothic-task{background:#fff!important;color:#000;border-color:#bbb}.gothic-task .task-name{color:#000}}

/* Native-size alignment pass. */
.work-rail{top:0;height:auto;background:linear-gradient(90deg,#0a0e10e8,#101617e8 13%,#101617e8 90%,#06090be8),url('gothic/cathedral.jpg') center top/100% 100% no-repeat}
.sidebar .brand{padding-bottom:13px}
.gothic-day-head{margin-bottom:30px}
.gothic-vessel .vessel-stage{max-width:306px!important}
.gothic-energy .vessel-reading{margin-bottom:13px}
.gothic-vessel .vessel-fill{background:radial-gradient(ellipse at 45% 87%,#088afc 0,#0045c7 33%,#001c74 72%,#000b2a 100%)!important}
.gothic-vessel .surface-front{fill:#096ff5;opacity:.7}.gothic-vessel .surface-back{fill:#83e6ff;opacity:.92}
.gothic-vessel .vessel-current{background:radial-gradient(ellipse,#2295ff30,transparent 60%)}
@media(max-width:760px){.gothic-energy .vessel-stage{max-width:178px!important}.gothic-day-head{margin-bottom:24px}.work-rail{background:radial-gradient(ellipse at 50% 40%,#18202770,transparent 70%)}}
/* Refraction texture drifts underneath the independently animated surface and bubbles. */
.gothic-vessel .vessel-fill:after{content:'';position:absolute;inset:0;z-index:0;background:url('gothic/liquid-depth.jpg') 50% 70%/115% 130% no-repeat;opacity:.92;mix-blend-mode:screen;animation:liquid-depth 11s ease-in-out infinite alternate;pointer-events:none}
.gothic-vessel .vessel-bubble,.gothic-vessel .vessel-particles,.gothic-vessel .vessel-sparkles{z-index:2}.gothic-vessel .liquid-surface{z-index:3}.gothic-vessel .vessel-current{z-index:1}
@keyframes liquid-depth{from{background-position:30% 90%;opacity:.85}to{background-position:75% 20%;opacity:1}}
:root[data-vessel-motion=on] .gothic-vessel .vessel-fill:after{animation:liquid-depth 11s ease-in-out infinite alternate!important}
:root[data-vessel-motion=off] .gothic-vessel .vessel-fill:after{animation:none!important}
@media(prefers-reduced-motion:reduce){.gothic-vessel .vessel-fill:after{animation:none}}

/* The reference has a broad glass belly with a compact neck. */
.gothic-vessel .vessel-stage{max-width:348px!important;aspect-ratio:348/459}
.gothic-vessel .vessel-glass{background:radial-gradient(ellipse at 50% 100%,transparent 30%,#00020b44)}
.gothic-vessel.vessel-small .vessel-stage{max-width:100px!important}.modal .gothic-vessel .vessel-stage{max-width:190px!important}
@media(max-width:1450px) and (min-width:1101px){.gothic-vessel .vessel-stage{max-width:300px!important}}
@media(max-width:1100px){.gothic-vessel .vessel-stage{max-width:275px!important}}
@media(max-width:760px){.gothic-energy .vessel-stage{max-width:178px!important}.modal .gothic-vessel .vessel-stage{max-width:160px!important}}
.gothic-energy{isolation:isolate}.gothic-energy:before{content:'';position:absolute;inset:-19px -18px -3px;z-index:-1;background:url('gothic/panel-frame.jpg') center/100% 100% no-repeat;pointer-events:none}.work-rail:before{border-radius:0;border-top:0;box-shadow:none}
@media(max-width:760px){.gothic-energy:before{inset:0 0 -3px;background-size:100% 100%;opacity:.55}.gothic-energy{padding:22px 10px 10px}.gothic-energy>h2{position:relative}.gothic-brief{margin-top:12px}}
.energy-toast{display:flex;gap:12px;align-items:center;min-width:240px}.energy-toast strong{font-size:14px;font-weight:400}.energy-toast p{font-size:12px;color:#9aaea8;margin-top:3px}.energy-toast>div:first-child{color:#bcd5df}.energy-toast svg{display:block}
@media(max-width:760px){#toasts{right:12px;bottom:15px;max-width:calc(100% - 24px)}.toast{padding:11px 14px;max-height:150px;overflow:auto}}
.origin-label.manual-origin{color:#d1bd8d}.origin-label.manual-origin span{display:inline}.gothic-vessel .vessel-fill{filter:saturate(1.35)}
/* Tablet table uses stacked rows before the desktop columns become cramped. */
@media(min-width:761px) and (max-width:1000px){.tasks-table{padding:20px}.table-heading{display:none}.v9-task.table-task{grid-template-columns:minmax(0,1fr) auto;gap:12px}.table-task .task-identity{grid-column:1/-1;grid-row:1}.table-task .task-created{grid-column:1/-1;grid-row:2;display:flex;gap:10px;align-items:center}.table-task .mobile-label{display:inline}.table-task .task-dates{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:12px;align-items:end}.table-task .task-dates>label{flex:1}.table-task .task-dates input{width:100%}.table-task .task-quick{grid-column:1;grid-row:4;flex-direction:row}.table-task .task-quick select{width:50%;min-width:0}.table-task .task-tools{grid-column:2;grid-row:4;flex-direction:row}}
@media(min-width:761px) and (max-width:1000px){.page-head{flex-wrap:wrap}.page-head>div:first-child{flex-basis:100%}.table-task .task-dates{flex-direction:row;justify-content:flex-start;align-items:end}.table-task .task-dates>label{display:grid;text-align:left;min-width:140px;gap:5px}.table-task .task-dates input{max-width:none}.table-task .task-dates>.btn{align-self:end;min-height:35px}}

.nav-link[href="#adhd"] svg{fill:currentColor;stroke-width:.5}.nav-link[href="#clients"] svg{fill:currentColor;stroke-width:.8}
.gothic-vessel .liquid-surface{height:58px;top:-33px}

/* Keep interaction states in the dark palette, including legacy primary:hover. */
body.gothic-app .btn:not(:disabled):is(:hover,:active),
body.gothic-app .icon-btn:not(:disabled):is(:hover,:active){
  background:#30362f;color:#f4e9d4;border-color:#b79a67;
}
body.gothic-app .btn.primary:not(:disabled):is(:hover,:active),
body.gothic-app .btn.active:not(:disabled):is(:hover,:active){
  background:#433923;color:#fff0cb;border-color:#d9b778;
}
body.gothic-app .btn.danger:not(:disabled):is(:hover,:active){
  background:#45282c;color:#ffd4d7;border-color:#c77e87;
}
body.gothic-app :is(button,a.btn,.nav-link,summary):focus-visible{
  outline:2px solid #d9b778;outline-offset:3px;
}
body.gothic-app .btn:disabled{cursor:not-allowed;opacity:.5}

/* Separate fixed recommendations from the complete daily queue. */
.recommendation-choice>h3{font-size:13px;color:#b7ae99;margin:16px 0 8px}.recommendation-choice.main-choice>h3{color:#e7c58a}.main-choice .gothic-task{border-color:#a58a565e}.recommendation-reason{margin:0 12px 18px;line-height:1.5}.day-bottom>h2{margin:20px 0 8px}.day-bottom{min-width:0}.statistics-tabs{flex-wrap:wrap}
/* Keep energy visible while the daily queue scrolls. */
body[data-route=day] .work-rail{position:sticky;top:0;min-height:0;max-height:100dvh;overflow-y:auto;scrollbar-width:thin}
body[data-route=day] .gothic-energy{position:sticky;top:0;z-index:2;background:#0c1113}
body[data-route=day] .gothic-energy .vessel-stage{max-height:42dvh;width:auto;max-width:100%!important}
@media(max-width:1100px){
 .app{display:block}.sidebar{height:auto;position:sticky;top:0;z-index:40;padding:0 8px;background:#0c1011f5;overflow:visible;border-bottom:1px solid #63543866;backdrop-filter:blur(10px)}
 .sidebar .brand,.sidebar .side-bottom,.sidebar:before{display:none}.sidebar nav{display:flex;margin:0;overflow-x:auto;gap:0}.sidebar .nav-link{flex:1;justify-content:center;min-height:48px;padding:12px 10px;white-space:nowrap;font-size:14px;gap:7px}.sidebar .nav-link svg{width:18px;height:18px}.sidebar .nav-link.active{border:0;border-bottom:2px solid #c2a36a}
 .topbar{position:static;width:100%;padding:8px 12px;background:none}.top-actions{justify-content:flex-end}.top-actions #notificationMute{flex-basis:auto;max-width:none;margin:0 auto 0 0}.top-actions #saveStatus{display:none}
 body[data-route=day] .workspace-body{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important}
 body[data-route=day] .work-rail{top:49px;max-height:calc(100dvh - 49px);display:block;padding:12px;border-top:0;border-left:1px solid #63543866}
 .gothic-clients{display:block}.gothic-brief{margin-top:12px}
}
@media(max-width:760px){
 .sidebar .nav-link{font-size:12px;padding:12px 9px}.sidebar .nav-link svg{display:none}
 body[data-route=day] .workspace-body{display:flex!important;flex-direction:column}
 body[data-route=day] .work-rail{top:49px;max-height:none;overflow:visible;width:100%;z-index:25;border:0;border-bottom:1px solid #62543b;background:#0c1113f5;padding:0 12px 8px}
 body[data-route=day] .gothic-energy{position:relative;padding:0;background:transparent}
 body[data-route=day] .gothic-energy>h2,body[data-route=day] .gothic-energy>.ornament-rule{display:none}
 body[data-route=day] .gothic-energy .vessel-stage{height:94px;max-height:94px;width:72px!important;margin:0}
 body[data-route=day] .gothic-energy .vessel-reading{width:auto;max-width:none}.gothic-energy .vessel-reading b{font-size:27px!important}.gothic-energy .vessel-reading span{font-size:23px!important}.gothic-energy .vessel-reading small{display:none}
 body[data-route=day] .work-rail>.gothic-clients{display:none}
 .gothic-brief{margin-top:0;padding:7px 10px}.gothic-brief-heading .tiny{display:none}.gothic-brief-heading h2{font-size:14px}.rail-time{font-size:24px}
}

.day-all-clients{display:block;margin-top:32px}.day-all-clients .gothic-clients{display:block}.autopilot-queue{padding:14px 10px;border:1px solid #514832;border-radius:8px;margin-top:12px;background:#141a1b}.autopilot-queue h3{font-size:17px;margin-bottom:12px}.autopilot-queue>.between{padding:9px 0;gap:12px;border-top:1px solid #343c36;font-size:13px}.autopilot-queue>.between>span{min-width:0;overflow-wrap:anywhere}.autopilot-queue .icon-btn{flex:none}
@media(max-width:760px){.work-rail>.autopilot-queue{max-height:105px;overflow:auto}.day-all-clients .client-summary small{max-width:220px}}