:root{color-scheme:dark;--bg:#090e16;--panel:#0e1520;--card:#121b28;--card2:#192432;--card3:#1d2937;--line:#263140;--line-soft:#1c2735;--txt:#f5f7fb;--sub:#9aa8ba;--muted:#67778d;--red:#e22132;--red2:#ff4555;--green:#7fdec1;--amber:#e5bd74;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.24);--sidebar-width:232px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.52 Inter,"Segoe UI",Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ff6771;outline-offset:3px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}.muted{color:var(--sub)}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800;color:var(--red2)}.app-layout{}#app{display:flex;min-height:100vh;max-width:100vw}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(36px,4.5vw,65px)}h2{font-size:clamp(21px,2.2vw,28px)}h3{font-size:18px}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:100dvh;position:sticky;top:0;background:linear-gradient(165deg,#070b12,#0a111b 58%,#080c13);border-right:1px solid #222b35;display:flex;flex-direction:column;z-index:35;transition:width .25s,flex-basis .25s}.brand{display:flex;flex-direction:column;align-items:center;gap:0;padding:29px 8px 26px;min-height:180px}.brand-mark{display:block;width:78px;height:70px;object-fit:contain;filter:drop-shadow(0 2px 18px #c0192530)}.brand-word{font-size:29px;font-weight:900;font-style:italic;line-height:1.1;letter-spacing:3px}.brand-dot{color:var(--red)}.brand-edition{font-size:8px;letter-spacing:2.4px;color:#718093;font-weight:800;margin-top:6px}.sidebar-section{margin:24px 20px 13px;color:#647186;font-size:10px;letter-spacing:2px;font-weight:750}.sidebar-nav{padding:0 13px;display:grid;gap:6px}.side-link{display:flex;align-items:center;gap:13px;padding:12px 15px;border:0;background:transparent;color:#92a0b3;text-align:left;border-radius:10px;min-height:48px;position:relative;width:100%;transition:background .2s,color .2s}.side-link svg{width:19px;height:19px}.side-link:hover{color:#fff;background:#ffffff0a}.side-link.active{color:#fff;background:linear-gradient(90deg,rgba(223,34,47,.2),rgba(43,53,68,.5));font-weight:700}.side-link.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:8px;background:#f0293e}.sidebar-bottom{margin-top:auto;padding:19px 16px 23px;border-top:1px solid #17212d;display:flex;align-items:center;justify-content:space-between}.sidebar-version{display:flex;align-items:flex-start;gap:11px;color:#a3aebd;font-size:12px;line-height:1.5}.sidebar-version small{color:#64748b}.live-dot{display:block;width:10px;height:10px;background:#6d7a8b;border:2px solid #8590a2;border-radius:50%;margin-top:4px}.sidebar-collapse{width:27px;height:27px;background:#17212d;color:#9daec0;border:1px solid #283342;border-radius:7px}.shell{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:75px;flex:0 0 75px;border-bottom:1px solid #1b2430;background:rgba(9,14,22,.87);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,45px);backdrop-filter:blur(18px)}.topbar-start,.topbar-end{display:flex;align-items:center;gap:17px}.crumb-prefix{font-size:12px;letter-spacing:1.7px;font-weight:850}.crumb-separator{color:#48586a}.topbar #breadcrumb{font-size:12px;color:#a5b1c2}.top-date{font-size:12px;color:#78889c;text-transform:capitalize}.search-trigger{display:flex;align-items:center;gap:9px;background:#111a27;border:1px solid #293443;border-radius:9px;padding:8px 10px;color:#b2bfd0;font-size:12px;min-width:148px}.search-trigger svg{width:16px;height:16px}.search-trigger kbd{margin-left:auto;border:1px solid #313d4d;background:#1a2635;border-radius:4px;font-size:9px;color:#7e90a3;padding:2px 4px}.search-trigger:hover{background:#1b2838;color:#fff}.topbar-line{height:25px;width:1px;background:#293443}.user-avatar{border:1px solid #3b4556;background:linear-gradient(145deg,#2c3443,#131b27);width:37px;height:37px;border-radius:50%;color:#f3f5f8;font-size:11px;font-weight:800;letter-spacing:.3px}.icon-button{display:grid;place-items:center;background:transparent;color:#fff;border:0}.mobile-menu{display:none}.content{width:100%;flex:1;margin:0 auto;max-width:1590px;padding:0 clamp(18px,3vw,45px) 42px}.footer{display:flex;gap:12px;align-items:center;color:#65758b;font-size:10px;letter-spacing:.1em;padding:18px clamp(18px,3vw,45px) 24px;border-top:1px solid #16212d}.footer span:nth-child(2){margin-left:auto}.mobile-dock{display:none}
/* Hero */
.hero{position:relative;min-height:240px;overflow:hidden;display:flex;align-items:center;margin:0 -4px 23px;padding:35px 28px 20px;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e16 0%,rgba(9,14,22,.87) 38%,rgba(9,14,22,.1) 100%),linear-gradient(0deg,#090e16 0%,transparent 60%);pointer-events:none;z-index:-1}.hero-planet{position:absolute;z-index:-2;right:-2%;top:-105px;width:67%;height:390px;background-image:url('assets/planet.webp');background-position:50% 30%;background-size:cover;opacity:.86;filter:saturate(1.15)}.hero-planet:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e16,transparent 65%)}.hero-main{display:flex;align-items:center;gap:22px;position:relative;z-index:1}.hero-logo{width:92px;height:108px;object-fit:contain;filter:drop-shadow(0 13px 26px #ed26301c)}.hero-title{font-size:clamp(39px,5.1vw,75px);font-weight:850;letter-spacing:-.06em;line-height:1.02;margin:10px 0 9px}.version-inline{font-size:15px;color:#8793a7;letter-spacing:0;margin-left:11px;font-weight:550}.hero-sub{font-size:12px;letter-spacing:5px;color:#95a1b2;font-weight:550;text-transform:uppercase;margin:0}.hero-motto{margin-left:auto;align-self:center;flex:0 0 136px;color:#c4cbd7;letter-spacing:4px;font-size:12px;line-height:1.9;text-transform:uppercase}.motto-rule{display:block;width:52px;height:2px;background:var(--red);margin-top:9px;box-shadow:0 0 15px #e31f37}.section-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 24px}.section-title{margin:0 0 5px;font-size:clamp(22px,2.3vw,30px);font-weight:800}.section-description{margin:0;color:#9caaba;font-size:14px}.section-count{font-size:11px;color:#63758c;letter-spacing:1.5px;padding-bottom:5px;white-space:nowrap}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.module-card{position:relative;text-align:left;border-radius:20px;overflow:hidden;min-width:0;aspect-ratio:1.55;min-height:235px;background:linear-gradient(130deg,#111b27,#111820);border:1px solid #34404c;isolation:isolate;padding:26px;display:flex;flex-direction:column;color:#f6f7fa;box-shadow:0 8px 22px #0004;transition:transform .26s var(--ease),border-color .24s,box-shadow .24s}.module-card:hover{transform:translateY(-5px);border-color:#8e5760;box-shadow:0 20px 32px #0008,0 0 0 1px #b1233033}.module-card:active{transform:translateY(-1px)}.module-card:before{content:"";position:absolute;z-index:-1;inset:36% 0 0 0;background-image:var(--card-img);background-position:center 70%;background-size:cover;filter:saturate(.95);transition:transform .35s}.module-card:hover:before{transform:scale(1.06)}.module-card:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(180deg,#0e1621 0%,#0e1621 29%,rgba(14,22,32,.77) 44%,rgba(9,13,21,.01) 100%)}.module-top{display:flex;align-items:flex-start;gap:17px}.module-graphic{display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;color:#f2f3f6;background:#ffffff09;border:1px solid #ffffff0b;border-radius:13px}.module-graphic svg{width:28px;height:28px;filter:drop-shadow(3px 3px 0 #bc1122)}.module-text{min-width:0;flex:1;padding-top:0}.module-title{font-size:clamp(18px,1.7vw,26px);font-weight:800;line-height:1.15;letter-spacing:-.04em;display:block;margin:1px 0 8px}.module-desc{font-size:13px;line-height:1.5;color:#aab3c3;max-width:205px;display:block}.module-arrow{border:1px solid #5c6879;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#ffffff0b;margin-left:auto;color:#fff;flex:0 0 auto}.module-arrow svg{width:18px}.module-card:hover .module-arrow{background:var(--red);border-color:#f64a57}.module-status{margin-top:auto;display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#c1c9d3;font-weight:650;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 5px #070a0e}.status-dot{width:6px;height:6px;background:#8290a0;border-radius:100%}.status-dot.linked{background:#70d5a8;box-shadow:0 0 8px #47a67e}.dashboard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding:16px 19px;background:linear-gradient(90deg,#121c29,#101722);border:1px solid #233143;border-radius:14px}.dashboard-foot p{margin:0;font-size:12px;color:#9cabbd}.dashboard-foot strong{color:#dfe7f2}.dashboard-foot button{white-space:nowrap}.soft-button,.primary-button,.outline-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:13px;font-weight:750;min-height:40px;padding:10px 16px;border:1px solid #384657;color:#e9edf3;background:#172331;transition:background .2s,border-color .2s}.soft-button:hover,.outline-button:hover{background:#263649;border-color:#64778c}.primary-button{background:linear-gradient(135deg,#ed293c,#b91526);border-color:#f84a59;color:white;box-shadow:0 6px 24px #a1142233}.primary-button:hover{background:linear-gradient(135deg,#f64857,#d22032)}.danger-button{color:#ff99a2;background:#34191f;border-color:#733239}.danger-button:hover{background:#4b2028}.text-button{background:none;border:0;color:#e8a5ac;font-size:13px;padding:7px 5px}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.panel{background:linear-gradient(145deg,#121d2a,#0d1622);border:1px solid #293849;border-radius:18px;padding:22px}.panel + .panel{margin-top:16px}.panel-title{margin:0 0 7px;font-size:18px;font-weight:800}.panel-desc{color:#94a6bb;font-size:13px;margin:0 0 18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:33px 0 26px}.page-heading h1{font-size:clamp(30px,3.5vw,43px);margin:7px 0}.page-heading p{color:#96a5ba;margin:0}.page-eyebrow{font-size:11px;letter-spacing:2px;color:#f35d69;font-weight:800}.icon-label{display:flex;align-items:center;gap:8px}.icon-label svg{width:18px;height:18px}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{padding:23px;border:1px solid #2b3849;border-radius:16px;background:#121b28}.stat-label{color:#98a9bc;font-size:12px;margin-bottom:15px}.stat-value{font-size:36px;font-weight:850;letter-spacing:-.05em;line-height:1}.stat-foot{font-size:11px;color:#647b90;margin-top:9px}.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px}.list-card{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #263548;border-radius:14px;background:#111b29;margin-bottom:11px}.list-card h3{margin:0 0 4px;font-size:16px}.list-card p{margin:0;font-size:12px;color:#93a5b9}.list-card .mini-icon{width:43px;height:43px;border-radius:12px;background:#243143;display:grid;place-items:center;color:#fff;flex-shrink:0}.list-card .mini-icon svg{width:23px;height:23px}.list-card .grow{flex:1;min-width:0}.status-pill{font-size:11px;border-radius:40px;background:#2b2d33;border:1px solid #4f535f;padding:6px 11px;color:#c6cbd5;white-space:nowrap}.status-pill.ready{color:#9ae8c4;background:#12362e;border-color:#22644e}.status-note{font-size:12px;color:#d3a5a9;margin-top:12px}.module-spotlight{height:245px;background:linear-gradient(90deg,rgba(12,18,26,.95),rgba(12,18,26,.3)),var(--spotlight-img) center 63%/cover;border:1px solid #354456;border-radius:20px;position:relative;display:flex;align-items:center;padding:32px;margin:0 0 23px}.module-spotlight-icon{width:86px;height:86px;border-radius:24px;border:1px solid #ffffff22;background:#ffffff12;display:grid;place-items:center;margin-right:24px}.module-spotlight-icon svg{width:44px;height:44px}.module-spotlight h1{margin:8px 0;font-size:clamp(33px,4vw,58px)}.module-spotlight p{color:#b6c3d3;margin:0}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.feature-list li{display:flex;gap:10px;align-items:center;color:#a9b9c9;font-size:13px}.feature-list svg{width:16px;height:16px;color:#cb3746}.viewer-shell{height:calc(100dvh - 171px);min-height:480px;border:1px solid #334151;background:#fff;border-radius:14px;overflow:hidden}.viewer-shell iframe{width:100%;height:100%;border:0}.viewer-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.viewer-toolbar strong{margin-right:auto}.viewer-warning{font-size:12px;color:#a2b0c1;margin:8px 0 15px}.empty{text-align:center;padding:48px 25px;color:#8e9cb0;background:#111c29;border:1px dashed #374658;border-radius:16px}.empty svg{width:34px;height:34px;color:#8f9bb0}.empty h3{color:#f3f5f7;margin:12px 0 8px}.empty p{margin:0 auto 16px;max-width:440px;font-size:13px}
/* Forms, calendar and notes */
.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:700;color:#bdc8d7}.field input,.field textarea,.field select,.search-input{width:100%;background:#0a131e;color:#edf2f6;border:1px solid #38465a;border-radius:10px;padding:12px 13px;min-height:43px;outline:none}.field textarea{resize:vertical;min-height:115px}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:#c63544;box-shadow:0 0 0 3px #c6354425}.field small{font-size:11px;color:#71849a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.integrations{display:grid;gap:12px}.integration-row{display:flex;align-items:flex-start;gap:15px;padding:16px;background:#0c1723;border:1px solid #26374a;border-radius:13px}.integration-row .mini-icon{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#1c2b3d}.integration-main{flex:1;min-width:0}.integration-main label{font-size:13px;font-weight:800;display:block;margin-bottom:5px}.integration-main small{font-size:11px;color:#7f94ac;display:block;margin-top:5px}.integration-main input{width:100%;border:1px solid #324153;border-radius:8px;background:#08121d;color:#e5ebf3;padding:11px;margin-top:8px;font-size:12px}.integration-main input:focus{outline:1px solid #c63244}.integration-row svg{width:19px;height:19px}.setting-section{margin-bottom:21px}.setting-section h3{margin-bottom:8px}.setting-section p{font-size:12px;color:#8da0b4}.toggle{display:flex;align-items:center;gap:12px;color:#dce4ed;font-size:13px;cursor:pointer}.toggle input{accent-color:#ec3346;width:16px;height:16px}.status-row{display:flex;gap:10px;align-items:center}.small-note{color:#8e9fb2;font-size:12px}.settings-bottom{padding-top:18px;border-top:1px solid #28384a;margin-top:22px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.note-card{display:flex;flex-direction:column;gap:10px;min-height:198px;border:1px solid #344153;border-radius:15px;padding:21px;background:linear-gradient(145deg,#192434,#111a27)}.note-card h3{font-size:17px;margin:0;overflow-wrap:anywhere}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#a7b7c8;font-size:13px;line-height:1.58;max-height:96px;overflow:hidden;margin:0}.note-card footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#708198;font-size:11px}.tiny-button{background:transparent;color:#aebccb;border:0;padding:4px 5px;font-size:12px}.tiny-button:hover{color:#fff}.tiny-button.delete:hover{color:#fb6575}.calendar-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.month-switch{display:flex;align-items:center;gap:12px}.month-title{min-width:150px;text-align:center;text-transform:capitalize;font-size:18px;font-weight:800}.nav-round{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;border:1px solid #334357;color:#d4deea;background:#1b2636}.nav-round:hover{background:#263549}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday{color:#758aa0;text-align:center;font-size:11px;font-weight:800;text-transform:uppercase;padding:10px 0}.calendar-day{border:1px solid #263649;min-height:90px;background:#0c1723;border-radius:9px;text-align:left;padding:10px;color:#c0cbda;position:relative}.calendar-day:hover{border-color:#9b424b;background:#172434}.calendar-day.out{color:#566479;background:#0b111b}.calendar-day.today{border-color:#d93143}.calendar-day.selected{background:#282029;border-color:#ed3d4b}.calendar-number{font-weight:700;font-size:12px}.calendar-count{position:absolute;bottom:8px;left:10px;font-size:10px;color:#ffd7dc;background:#96223550;padding:2px 5px;border-radius:4px}.calendar-event{padding:11px 14px;background:#152436;border:1px solid #2c4055;border-radius:10px;margin-bottom:8px;display:flex;gap:12px;align-items:center}.calendar-event span{flex:1;font-size:13px}.calendar-event small{color:#8095a9}.no-events{font-size:13px;color:#8da0b7}.calendar-side{padding:21px}.calendar-side h3{margin:0 0 13px}.mt-12{margin-top:12px}.mt-18{margin-top:18px}.mt-25{margin-top:25px}
/* modal */
.modal-overlay{position:fixed;inset:0;background:#020610cc;backdrop-filter:blur(10px);z-index:90;display:flex;justify-content:center;align-items:center;padding:16px;animation:fade .16s}.modal{width:min(540px,100%);border-radius:19px;background:linear-gradient(145deg,#1b2736,#0f1926);border:1px solid #425266;box-shadow:0 35px 120px #000c;padding:23px;max-height:92dvh;overflow:auto}.modal-header{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:18px}.modal h2{font-size:21px;margin:0}.modal-dismiss{border:1px solid #35485b;color:#b9c8d9;background:#1a2838;width:34px;height:34px;border-radius:9px}.modal .button-row{justify-content:flex-end}.search-modal{width:min(630px,100%)}.search-input{font-size:17px;padding:14px 17px}.search-results{margin-top:17px;display:grid;gap:8px;max-height:320px;overflow:auto}.search-item{background:#0b1522;color:#e6eef7;border:1px solid #263a51;display:flex;align-items:center;gap:12px;border-radius:10px;text-align:left;padding:13px;width:100%}.search-item:hover{border-color:#d53748}.search-item svg{width:18px}.search-item span{flex:1}.search-item small{color:#71859c;font-size:11px}.search-hint{margin-top:12px;font-size:11px;color:#798ba0}.no-results{color:#9daebf;text-align:center;padding:24px}.modal-overlay:focus{outline:0}.mobile-scrim{display:none}#toast{position:fixed;z-index:130;bottom:28px;right:25px;background:#182c31;color:#d6fff0;border:1px solid #39836e;padding:13px 17px;border-radius:11px;font-size:13px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translateY(0)}.sidebar-collapsed{--sidebar-width:77px}.sidebar-collapsed .brand{min-height:112px;padding:17px 4px}.sidebar-collapsed .brand-mark{height:54px;width:52px}.sidebar-collapsed .brand-word,.sidebar-collapsed .brand-edition,.sidebar-collapsed .sidebar-section,.sidebar-collapsed .side-link span,.sidebar-collapsed .sidebar-version span:last-child{display:none}.sidebar-collapsed .sidebar-nav{padding:0 10px}.sidebar-collapsed .side-link{justify-content:center;padding:11px}.sidebar-collapsed .sidebar-bottom{padding:17px 8px;flex-wrap:wrap;justify-content:center;gap:12px}.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}
@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:1350px){.module-card{padding:19px}.module-top{gap:12px}.module-graphic{width:44px;height:44px}.module-title{font-size:20px}.module-arrow{width:34px;height:34px}.cards-grid{gap:12px}}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{aspect-ratio:1.64;min-height:240px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-motto{display:none}.hero-planet{width:75%}}
@media(max-width:800px){:root{--sidebar-width:230px}.sidebar{position:fixed;transform:translateX(-105%);transition:transform .24s var(--ease);width:230px;flex-basis:230px;box-shadow:0 10px 60px #0006}.sidebar.open{transform:translateX(0)}.sidebar-collapsed .sidebar{width:230px}.sidebar-collapsed .sidebar .brand-word,.sidebar-collapsed .sidebar .brand-edition,.sidebar-collapsed .sidebar .sidebar-section,.sidebar-collapsed .sidebar .side-link span,.sidebar-collapsed .sidebar .sidebar-version span:last-child{display:initial}.sidebar-collapsed .sidebar .brand{min-height:180px;padding:29px 8px 26px}.sidebar-collapsed .sidebar .brand-mark{width:78px;height:70px}.sidebar-collapsed .sidebar .side-link{justify-content:flex-start;padding:12px 15px}.sidebar-collapsed .sidebar .sidebar-nav{padding:0 13px}.sidebar-collapse{display:none}.mobile-scrim{display:block;position:fixed;inset:0;background:#030811aa;z-index:31;visibility:hidden;opacity:0;transition:opacity .2s}.mobile-scrim.show{visibility:visible;opacity:1}.mobile-menu{display:grid;width:28px;height:34px;font-size:18px}.topbar{height:60px;flex-basis:60px;padding:0 20px}.topbar-end{gap:10px}.search-trigger{min-width:unset;padding:9px}.search-trigger>span:not(.search-trigger-icon),.search-trigger kbd,.top-date,.topbar-line{display:none}.content{padding:0 20px 110px}.footer{padding-bottom:97px}.mobile-dock{position:fixed;z-index:26;display:grid;grid-template-columns:repeat(4,1fr);height:75px;bottom:0;left:0;right:0;background:rgba(12,20,30,.96);backdrop-filter:blur(20px);border-top:1px solid #2b3542;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:content-box}.dock-link{border:0;background:none;color:#8596a9;display:flex;gap:3px;align-items:center;justify-content:center;flex-direction:column;font-size:10px;font-weight:700;padding:8px}.dock-link svg{height:21px;width:21px}.dock-link.active{color:#ff4b59}.hero{min-height:230px;padding:24px 6px}.hero-planet{height:280px;top:-12px;width:93%;right:-17%;opacity:.57}.hero-logo{width:70px;height:85px}.hero-main{gap:15px}.hero-title{font-size:clamp(32px,6vw,55px)}.hero-sub{font-size:10px;letter-spacing:3px}.version-inline{font-size:13px}.split{grid-template-columns:1fr}}
@media(max-width:560px){.content{padding-left:16px;padding-right:16px}.topbar{padding:0 16px}.hero{margin:0 -7px 10px;min-height:196px}.hero-logo{width:56px;height:70px}.hero-title{font-size:clamp(30px,7vw,42px)}.hero-sub{font-size:8.5px;letter-spacing:2.1px}.hero-main{gap:10px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.version-inline{font-size:11px;margin-left:6px}.section-bar{margin-bottom:17px}.section-title{font-size:24px}.section-description{font-size:12px}.section-count{display:none}.cards-grid{grid-template-columns:1fr;gap:12px}.module-card{aspect-ratio:2.1;min-height:198px;padding:20px}.module-title{font-size:23px}.module-status{font-size:9px}.module-card:before{inset:37% 0 0}.dashboard-foot{flex-direction:column;align-items:flex-start;gap:12px}.summary-cards{grid-template-columns:1fr 1fr}.stat{padding:17px}.stat-value{font-size:29px}.stat:last-child{grid-column:span 2}.page-heading{margin:25px 0 22px}.page-heading h1{font-size:31px}.page-heading .primary-button{padding:10px;font-size:11px}.notes-grid,.form-grid{grid-template-columns:1fr}.panel{padding:17px}.calendar-day{min-height:62px;padding:6px}.calendar-number{font-size:11px}.calendar-count{left:5px;bottom:5px;font-size:8px}.weekday{font-size:9px}.month-title{min-width:112px;font-size:15px}.calendar-toolbar{flex-wrap:wrap}.module-spotlight{height:216px;padding:19px}.module-spotlight-icon{width:58px;height:58px;border-radius:17px;margin-right:14px}.module-spotlight-icon svg{width:32px}.module-spotlight h1{font-size:33px}.module-spotlight p{font-size:12px}.integration-row{padding:13px;gap:10px}.integration-row .mini-icon{width:32px;height:32px}.viewer-shell{height:calc(100dvh - 235px)}.footer{font-size:9px}.footer span:nth-child(2){display:none}}
@media(max-width:385px){.module-card{min-height:193px;aspect-ratio:1.7}.module-title{font-size:20px}.module-desc{font-size:12px}.module-arrow{width:32px;height:32px}.hero-logo{width:46px}.hero-title{font-size:28px}.module-graphic{width:40px;height:40px}.module-top{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.inline-icon{width:14px;height:14px;vertical-align:middle;margin-right:3px}.compact-cards .module-card{min-height:193px;aspect-ratio:1.85}.compact-cards .module-card .module-desc{font-size:12px}

/* v0.2: Supabase session, connection status, and mobile-friendly auth */
.auth-locked #app{visibility:hidden;pointer-events:none}
.auth-gate[hidden]{display:none!important}
.auth-gate{position:fixed;z-index:350;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(ellipse at 83% 10%,#51131d55,transparent 45%),radial-gradient(ellipse at 12% 90%,#17263b,transparent 60%),#090e16}
.auth-panel{width:min(440px,100%);margin:auto;background:linear-gradient(160deg,#182232f2,#101720fa);border:1px solid #38465c;border-radius:21px;padding:38px 34px;box-shadow:0 28px 95px #0009;display:flex;flex-direction:column;gap:12px}
.auth-mark{width:83px;height:75px;object-fit:contain;object-position:left center;margin-bottom:6px}
.auth-kicker{color:#ef495c;font-size:10px;letter-spacing:2.2px;font-weight:800}
.auth-panel h1{margin:0;color:#f5f7f9;font-size:34px;letter-spacing:-1px;line-height:1.2}
.auth-panel p{font-size:13px;line-height:1.6;color:#9fb0c3;margin:0 0 6px}
.auth-panel form{display:flex;flex-direction:column;gap:10px;margin-top:13px}
.auth-panel label{font-size:12px;color:#dee7f3;font-weight:700;margin-top:7px}
.auth-panel input{height:47px;background:#0b1522;border:1px solid #35465c;border-radius:10px;color:#f9fafb;padding:0 13px;font:inherit;min-width:0}
.auth-panel input:focus{outline:2px solid #ed4257;outline-offset:1px}
.auth-submit{width:100%;height:46px;justify-content:center;margin-top:12px}
.auth-panel .auth-help{margin-top:9px;font-size:11px;color:#7c8da1}
.auth-error{font-size:12px;color:#a9baca;min-height:18px;overflow-wrap:anywhere}
.auth-error.is-error{color:#ff9fa9}
.sync-status{background:#223044;border:1px solid #324b65;color:#c0d2e7;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap;cursor:pointer}
.sync-status.ok{background:#16372d;border-color:#347e62;color:#92f2cc}
.sync-status.pending{background:#3d2d1a;border-color:#785b34;color:#f0c78b}
.sync-status.error{background:#472028;border-color:#a04452;color:#ffb1bd}
.account-section{border-color:#415361}
@media(max-width:650px){.auth-panel{padding:29px 23px}.auth-panel h1{font-size:31px}.sync-status{font-size:0;width:12px;height:12px;padding:0;border-radius:50%;min-width:12px}.sync-status:focus{outline:2px solid #fff}.account-section .button-row{flex-wrap:wrap}}

/* Consistent icon sizes for actions across all screens (v0.1 compatibility fix). */
.soft-button svg,.primary-button svg,.outline-button svg,.danger-button svg,.text-button svg{width:17px;height:17px;flex:0 0 17px}

/* ===== Atlas - cdb v1.0 · Profile, Home & Planner ===== */
[hidden]{display:none!important}
.profile-holder{position:relative;flex:0 0 auto}
.profile-trigger{display:flex;align-items:center;gap:10px;max-width:260px;background:#141f2c;border:1px solid #344052;border-radius:28px;color:#f5f7fa;padding:4px 12px 4px 4px;text-align:left;min-height:45px;transition:border-color .18s,background .18s}
.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{border-color:#bd3446;background:#1b2838}
.profile-trigger-name{font-size:12px;font-weight:750;white-space:nowrap}
.profile-trigger .user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center 30%;border:1px solid #576273;flex:0 0 auto}
.profile-chevron{font-size:18px;color:#9daab9;margin-left:2px;line-height:1}
.profile-menu{position:absolute;z-index:80;right:0;top:calc(100% + 12px);background:linear-gradient(155deg,#1d2837,#111a27);width:290px;max-width:calc(100vw - 22px);border:1px solid #405065;border-radius:17px;box-shadow:0 22px 60px #000b;padding:9px;animation:fade .18s}
.profile-menu-head{display:flex;align-items:center;gap:12px;padding:12px 10px 14px;border-bottom:1px solid #364253}
.profile-menu-head img{object-fit:cover;object-position:center 30%;border-radius:14px;border:1px solid #536070}
.profile-menu-head span{min-width:0;display:grid;gap:4px}.profile-menu-head strong{font-size:13px;color:#fff}.profile-menu-head small{font-size:10px;color:#94a5b7;overflow-wrap:anywhere}
.profile-menu-caption{font-size:10px;letter-spacing:2px;color:#73869b;font-weight:800;padding:15px 12px 6px}
.profile-menu-item{width:100%;display:flex;gap:12px;align-items:center;border:0;background:none;color:#ced9e7;text-align:left;font-size:13px;border-radius:10px;padding:13px 12px}
.profile-menu-item:hover{background:#29384a;color:white}.profile-menu-exit{border-top:1px solid #344253;color:#ffa7ae;border-radius:0 0 9px 9px;margin-top:5px}
.hero-v1{min-height:286px;padding:38px 32px 38px;margin-bottom:18px}.hero-v1 .hero-main{max-width:900px}
.hero-v1 .hero-title{font-size:clamp(40px,4.9vw,78px);line-height:1.06;margin:15px 0 17px;letter-spacing:-.055em}
.hero-red{background:linear-gradient(100deg,#ff5461 0%,#e8273d 55%,#bf1727 100%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 22px rgba(199,27,47,.13))}
.hero-white{color:#f5f7fb}.hero-v1 .hero-sub{font-size:10.5px;letter-spacing:4px}
.hero-v1 .hero-planet{right:-5%;width:74%;opacity:.87;top:-95px;height:440px}
.hero-v1 .hero-motto{flex-basis:150px}
.todo-panel{border:1px solid #354353;border-radius:19px;background:linear-gradient(140deg,#131f2d,#0e1722 80%);overflow:hidden;margin:24px 0 34px;box-shadow:0 15px 35px #0003}
.todo-header{padding:25px 26px 22px;display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:1px solid #2b3a4b;background:radial-gradient(circle at 10% 0%,#9b283021,transparent 40%)}
.todo-header h2{font-size:28px;display:flex;align-items:center;gap:12px;margin:6px 0}.todo-header h2 svg{width:28px;height:28px;color:#f04452}
.todo-header p{font-size:13px;color:#9dadbf;margin:5px 0 0}.todo-header .button-row{justify-content:flex-end}
.todo-layout{display:grid;grid-template-columns:minmax(194px,240px) minmax(0,1fr);min-height:330px}
.todo-folders{border-right:1px solid #2b394a;background:#0a131ee0;padding:19px 12px;display:flex;flex-direction:column;gap:5px}
.todo-folders-title{display:flex;justify-content:space-between;color:#6e8196;letter-spacing:1.5px;font-size:10px;font-weight:800;margin:3px 11px 10px}
.todo-folder{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:#a5b6c9;border:1px solid transparent;padding:11px;border-radius:10px;font-size:12px;min-height:43px}
.todo-folder svg{width:17px;height:17px;color:#889aae}.todo-folder span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-folder small{color:#8195ab;font-size:11px}
.todo-folder.active{background:#d9273a19;border-color:#ae2b3a65;color:white}.todo-folder.active svg{color:#fc5666}.todo-folder:hover{background:#283646;color:white}
.todo-content{padding:23px 27px 27px;min-width:0}.todo-content-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.todo-content-top h3{margin:0 0 3px;font-size:21px}.todo-content-top span{font-size:12px;color:#8fa2b6}.todo-content-top .tiny-button svg{width:16px;height:16px}
.todo-quick{display:flex;gap:10px;margin-top:21px;margin-bottom:17px}.todo-quick input{min-width:0;flex:1;background:#0b1521;border:1px solid #35465b;border-radius:10px;padding:12px 14px;color:#edf4f9;min-height:43px;font-size:13px}.todo-quick input:focus{outline:1px solid #e34552}
.todo-items{display:flex;flex-direction:column;gap:8px}.todo-item{display:flex;align-items:center;gap:12px;border:1px solid #293a4a;border-radius:11px;padding:12px 12px;background:#101b28;min-height:60px}
.todo-item:hover{background:#172432;border-color:#415267}.todo-checkbox{width:22px;height:22px;flex:0 0 22px;border:1.5px solid #617088;background:#0a141f;border-radius:7px;color:white;display:grid;place-items:center;padding:2px}
.todo-checkbox[aria-pressed="true"]{background:#2c987e;border-color:#4bd0af}.todo-checkbox svg{width:15px;height:15px}.todo-item-main{min-width:0;flex:1;display:grid;gap:4px}.todo-item-title{font-size:13px;font-weight:650;color:#e4ecf3;overflow-wrap:anywhere}.todo-item-main small{font-size:10px;color:#8c9fb2}
.todo-item.done .todo-item-title{text-decoration:line-through;color:#788a9e}.todo-item .tiny-button{display:grid;place-items:center;border-radius:7px;min-width:28px;min-height:30px}.todo-item .tiny-button svg{width:16px;height:16px}.todo-item .tiny-button:hover{background:#ffffff10}
.todo-done-label{color:#788da2;font-size:10px;font-weight:800;letter-spacing:1.3px;padding:13px 4px 4px}.todo-empty{padding:27px 14px;text-align:center;background:#0c1723;border:1px dashed #344458;border-radius:10px;color:#92a4b8;font-size:12px}.todo-empty svg{height:17px;width:17px;vertical-align:middle;margin-right:7px;color:#52c49d}
.calendar-section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 16px}.calendar-section-header h2{margin:5px 0;font-size:26px}
.calendar-split{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}
.notes-grid .note-card{min-height:230px}.note-card .tiny-button{display:inline-flex;align-items:center;gap:5px;justify-content:center}.note-card .tiny-button svg{width:16px;height:16px}
/* Tablets / narrow desktops */
@media(max-width:1190px){.profile-trigger-name{display:none}.profile-trigger{padding:4px 9px 4px 4px}.hero-v1 .hero-planet{width:87%}.hero-v1 .hero-motto{display:none}.todo-header{align-items:flex-start;flex-direction:column}.todo-header .button-row{justify-content:flex-start}}
@media(max-width:800px){.sidebar{overflow-y:auto}.sidebar-collapsed .sidebar{transform:translateX(-105%)}.sidebar-collapsed .sidebar.open{transform:translateX(0)}.mobile-dock{height:calc(65px + env(safe-area-inset-bottom));box-sizing:border-box;padding:4px 8px env(safe-area-inset-bottom);grid-template-columns:repeat(4,minmax(0,1fr))}.dock-link{padding:7px 3px;font-size:10px;gap:3px}.dock-link svg{width:20px;height:20px}.footer{padding-bottom:calc(83px + env(safe-area-inset-bottom))}.content{padding-bottom:22px}.profile-trigger{min-height:42px}.profile-trigger .user-avatar{width:33px;height:33px}.hero-v1{min-height:235px;padding:26px 19px;margin:0 -3px 14px}.hero-v1 .hero-title{font-size:clamp(38px,6.4vw,58px)}.hero-v1 .hero-planet{right:-28%;width:110%;opacity:.72}.todo-layout{grid-template-columns:185px minmax(0,1fr)}.todo-content{padding:18px}.todo-header{padding:21px}}
@media(max-width:650px){.topbar{height:64px;flex-basis:64px;padding:0 14px}.topbar-start,.topbar-end{gap:9px}.crumb-prefix{font-size:11px}.topbar #breadcrumb{font-size:11px}.profile-trigger-name{display:none}.profile-chevron{display:none}.profile-trigger{padding:3px;border-radius:50%;min-height:unset;background:transparent;border-color:transparent}.profile-trigger .user-avatar{width:39px;height:39px}.profile-menu{right:-4px;top:calc(100% + 9px)}.sync-status{height:14px;width:14px;min-width:14px}.content{padding-left:14px;padding-right:14px;max-width:100vw}.hero-v1{min-height:205px;padding:26px 12px 24px;margin:0 -2px 18px}.hero-v1 .hero-main{gap:0}.hero-v1 .hero-title{font-size:clamp(34px,8vw,46px);margin:14px 0}.hero-v1 .hero-sub{font-size:9px;letter-spacing:2px}.hero-v1 .hero-planet{opacity:.38;right:-44%;width:142%;top:-50px}.hero-v1 .eyebrow{font-size:8px;letter-spacing:1.2px}.section-title{font-size:24px}.cards-grid{grid-template-columns:1fr}.module-card{width:100%;aspect-ratio:auto;min-height:205px;padding:19px}.module-top{gap:13px}.module-title{font-size:22px}.module-arrow{width:35px;height:35px}.module-card:before{inset:31% 0 0}.page-heading{margin:25px 0 21px}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.todo-panel{margin:20px 0 29px;border-radius:15px}.todo-header{padding:17px 15px;gap:15px}.todo-header h2{font-size:24px}.todo-header .button-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.todo-header .button-row button{padding:9px 6px;min-width:0;font-size:11px;white-space:nowrap}.todo-header .button-row svg{width:14px;height:14px}.todo-layout{display:flex;flex-direction:column}.todo-folders{display:flex;flex-direction:row;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;border-right:0;border-bottom:1px solid #2b394a;padding:9px 12px;min-height:60px}.todo-folders-title{display:none}.todo-folder{flex:0 0 auto;width:auto;padding:8px 10px;font-size:11px;min-height:37px;max-width:190px}.todo-folder span{max-width:132px}.todo-content{padding:16px 13px 20px}.todo-content-top h3{font-size:19px}.todo-quick{gap:6px;margin:15px 0}.todo-quick input{padding:10px;font-size:12px}.todo-quick .primary-button{padding:10px 11px}.todo-quick .primary-button span{display:none}.todo-item{gap:9px;padding:11px 8px}.todo-item .tiny-button{min-width:23px;padding:3px}.todo-item-title{font-size:12px}.calendar-section-header h2{font-size:23px}.calendar-section-header .primary-button{padding:10px;font-size:11px}.calendar-split{gap:12px}.calendar-day{min-height:59px;border-radius:7px;padding:6px}.calendar-number{font-size:11px}.calendar-count{font-size:8px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-toolbar{flex-direction:column;align-items:stretch;gap:13px}.calendar-toolbar strong{font-size:13px}.month-switch{justify-content:space-between}.month-title{min-width:0}.footer{font-size:9px}.notes-grid{grid-template-columns:1fr}}
@media(max-width:370px){.hero-v1 .hero-title{font-size:32px}.hero-v1 .hero-sub{font-size:8px}.profile-menu{width:270px}.crumb-prefix{display:none}.crumb-separator{display:none}.todo-header .button-row button{font-size:10px}.module-card{min-height:188px}.calendar-grid{gap:3px}.calendar-day{min-height:52px}}
/* Keep calendar panes stacked on mobile/tablet: prevent narrow two-column layout. */
@media(max-width:800px){.calendar-split{grid-template-columns:minmax(0,1fr)}.calendar-split>.panel{min-width:0}.calendar-split .calendar-grid{width:100%}}
@media(max-width:650px){.calendar-split>.panel{padding:15px}.calendar-grid{gap:4px}.calendar-day{min-width:0}.calendar-section-header{align-items:center}.calendar-toolbar{align-items:stretch}.calendar-side{min-height:155px}}