:root{font-family:system-ui,sans-serif;color:#e3f4fc;background:#040913;color-scheme:dark;--cyan: #91e7f4;--muted: #9eb7c7;--line: rgb(130 199 225 / 2%);--mono: ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#040913;background-image:radial-gradient(ellipse at 50% 25%,#091422d4,#040913eb),url(/assets/carbon-fiber-v2-g5_iSF14.jpg);background-size:cover;background-position:center}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.shell{width:min(100% - 3rem,70rem);min-height:100vh;min-height:100dvh;margin-inline:auto;display:flex;flex-direction:column}.shell>main{margin-block:auto}.topbar,footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;font:.78rem var(--mono);letter-spacing:.07em}.topbar{border-bottom:1px solid var(--line);min-height:4.5rem}.brand{display:flex;align-items:center;gap:.65rem;text-transform:uppercase}.logo{display:grid;grid-template-columns:1.93fr 1fr;gap:1.6%;aspect-ratio:252 / 78}.logo-w{background:#dde5ed;clip-path:polygon(0 0,13% 0,29% 72%,43% 10%,45% 4%,48% 0,52% 0,55% 4%,57% 10%,71% 72%,87% 0,100% 0,80% 89%,77% 97%,74% 100%,68% 100%,65% 97%,62% 91%,50% 32%,38% 91%,35% 97%,32% 100%,26% 100%,23% 97%,20% 89%)}.logo-e{display:grid;grid-template-rows:repeat(3,21%);align-content:space-between}.logo-e i{background:#4baecb;border-radius:3%/16%}.brand-mark{flex:none;width:2.4rem}.separator,.muted{color:var(--muted)}nav{display:flex;gap:1.4rem}nav a{padding-block:.75rem}nav [aria-current]{color:var(--cyan);border-bottom:1px solid}.welcome{text-align:center;padding:clamp(1.4rem,4vh,3.2rem) 0;position:relative;isolation:isolate}.welcome:before{content:"";position:absolute;z-index:-1;inset:.75rem 0;pointer-events:none;background:linear-gradient(90deg,transparent,#37627e 18%,#37627e 82%,transparent) center 6rem / 100% 1px no-repeat,repeating-linear-gradient(90deg,transparent 0 39px,#182e40 39px 40px),repeating-linear-gradient(0deg,transparent 0 39px,#182e40 39px 40px);opacity:.25;-webkit-mask-image:radial-gradient(ellipse at 50% 33%,black,transparent 70%);mask-image:radial-gradient(ellipse at 50% 33%,black,transparent 70%)}.emblem{width:clamp(11rem,24vw,17rem);margin:0 auto .6rem;filter:drop-shadow(0 0 12px #4bcde34d)}h1{margin:0;font-size:clamp(1.5rem,3.6vw,2.3rem);font-weight:450;letter-spacing:.08em}.clock{display:block;margin-top:.25rem;font-size:clamp(2.8rem,8vw,5.6rem);line-height:1.1;font-weight:300;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--cyan)}.date{margin:.75rem 0 0;font:.8rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dashboard p{color:var(--muted)}.back{display:inline-block;color:var(--cyan);padding:.5rem}.panels{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.panel{position:relative;min-width:0;border:1px solid var(--line);background:#5996bd08;padding:clamp(1rem,3vw,1.6rem)}.panel:before{content:"";position:absolute;inset:-1px auto auto -1px;width:2.6rem;border-top:1px solid rgb(130 199 225 / 13%)}.panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}h2,output{margin:0;font:.8rem var(--mono);letter-spacing:.09em;text-transform:uppercase}h2 span,output{color:var(--cyan)}.event-empty{margin:1.45rem 0 .4rem;font-size:1.22rem}.panel .muted{margin:.5rem 0 0;font-size:.88rem;line-height:1.5}.progress{display:flex;gap:.35rem;margin:.9rem 0 .5rem}.progress span{flex:1;height:.24rem;background:#263f52}.progress [data-filled=true]{background:var(--cyan)}.tasks{list-style:none;margin:0;padding:0}.tasks li{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--line)}.tasks li:last-child{border:0}.tasks input[type=checkbox]{flex:none;width:1.2rem;height:1.2rem;margin:0;accent-color:var(--cyan);cursor:pointer}.tasks input[type=text]{width:100%;min-width:0;min-height:2.55rem;padding:.35rem .45rem;border:1px solid transparent;background:transparent;color:inherit;font:inherit}.tasks input[type=text]:hover,.tasks input[type=text]:focus{background:#102638}.tasks input:checked+input{text-decoration:line-through;color:var(--muted)}footer{padding:1rem 0 1.3rem}.core{display:inline-flex;align-items:center;gap:.55rem}.status-dot{width:.55rem;height:.55rem;border:1px solid #dda876;transform:rotate(45deg)}@media(max-width:640px){.shell{width:calc(100% - 2rem)}.topbar{padding:.45rem 0}.panels{grid-template-columns:1fr}}@keyframes float{0%,to{translate:0 0}50%{translate:0 var(--float-distance, -4px)}}@media(prefers-reduced-motion:no-preference){.topbar>*,.welcome>*,.panel,.panel h2,.panel output,.panel p,.progress,.tasks li,footer>*{animation:float var(--float-period, 9s) ease-in-out infinite;animation-delay:var(--float-delay, 0s)}.emblem{--float-distance: -8px;--float-period: 11s}.clock,.event,.topbar nav{--float-delay: -3s}.date,.priorities,footer>:last-child{--float-delay: -5s}.panel h2,.panel output,.panel p,.progress,.tasks li{--float-distance: -2px;--float-period: 12s}.tasks li:nth-child(2){--float-delay: -7s}.tasks li:nth-child(3){--float-delay: -9s}}.topbar,.panel,footer{border:1px solid rgb(178 225 246 / 2%);border-top-color:#c4eafa0a;background:linear-gradient(145deg,#1c354903,#0b192a0a 57%,#11263703);-webkit-backdrop-filter:blur(.5px) saturate(110%);backdrop-filter:blur(.5px) saturate(110%);box-shadow:inset 0 1px #e0f6ff03,0 8px 24px #0000000f}.topbar,footer{border-radius:1.4rem;padding:.45rem clamp(.65rem,2vw,1.2rem)}.topbar{margin-top:.8rem}footer{margin:.85rem 0 1rem;min-height:2.75rem}.panel{border-radius:1.6rem}.panel:before{content:none}nav{gap:.15rem}nav a,.back{padding:.55rem .72rem;border:1px solid transparent;border-radius:999px}nav [aria-current],nav a:hover,.back{border-color:#b7e2f50a;background:linear-gradient(#bae1f50a,#70b1cf05);box-shadow:inset 0 1px #e2f7ff05}.progress span{border-radius:999px;box-shadow:inset 0 1px #daf3ff26}.tasks input[type=text]{border-radius:.65rem}.tasks input[type=text]:hover,.tasks input[type=text]:focus{border-color:#b7e2f50a;background:#a9d7ef08}.clock{text-shadow:0 2px 20px rgb(130 229 250 / 19%)}.status-dot[data-connected=true]{border-color:#82d9ae;background:#82d9ae}@media(prefers-reduced-motion:no-preference){.topbar a,.back,.tasks input,.observatory button{transition:scale .14s ease-out,background-color .14s,border-color .14s}.topbar a:active,.back:active,.tasks input:active,.observatory button:active{scale:.97}.panel:hover,.panel:focus-within{animation-play-state:paused}}@media(hover:hover){.topbar a:hover,.back:hover,.observatory button:hover{background:#91e7f41a;border-color:#91e7f438}}.topbar a:active,.back:active,.observatory button:active,.tasks input[type=text]:active{background:#91e7f42e;border-color:#91e7f459}
