*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--navy-900: #0b1524;--navy-800: #0f1b2d;--navy-700: #152437;--navy-600: #1b2d43;--line: #23364e;--gray-100: #e8edf4;--gray-300: #b9c6d6;--gray-500: #8b9db4;--yellow: #f6d572;--coral: #ff7b63;--glow-yellow: rgba(246, 213, 114, .18);--glow-coral: rgba(255, 123, 99, .16);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--radius: 20px;--gap: clamp(.875rem, 1.5vw, 1.5rem);--pad: clamp(1.25rem, 2vw, 2rem);font-family:var(--font-sans);color-scheme:dark}@media(prefers-color-scheme:light){:root{--navy-900: #101d31;--navy-800: #142339;--navy-700: #1a2c44;--navy-600: #21354e;--line: #2c4260;--gray-100: #f2f6fb;--gray-300: #cdd8e6;--gray-500: #9db0c6}}body{min-height:100dvh;background-color:var(--navy-900);background-image:radial-gradient(62% 46% at 16% 0%,rgba(246,213,114,.07),transparent 70%),radial-gradient(52% 42% at 100% 100%,rgba(255,123,99,.05),transparent 70%);background-attachment:fixed;color:var(--gray-100)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.desk{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:1680px;min-height:100dvh;margin-inline:auto;padding:clamp(1.25rem,2.6vw,2.75rem)}.desk__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-inline:.25rem}.desk__where{display:flex;flex-direction:column;gap:.3rem}.desk__date{font-size:1rem;color:var(--gray-300)}.desk__controls{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1.5rem)}.desk__notice{padding-inline:.25rem}.desk__grid{display:grid;gap:var(--gap);grid-template-areas:"weather" "side" "hourly";flex:1}.desk__side{grid-area:side;display:grid;gap:var(--gap);grid-template-rows:auto 1fr;min-height:0}.card--weather{grid-area:weather}.card--hourly{grid-area:hourly}@media(min-width:60rem){.desk__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"weather side" "hourly hourly"}}.card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.6rem;padding:var(--pad);border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(130% 150% at 100% 0%,rgba(246,213,114,.05),transparent 62%),linear-gradient(180deg,var(--navy-700),var(--navy-800));box-shadow:0 26px 50px -34px #000000d9,inset 0 1px #ffffff08;transition:border-color .3s ease,box-shadow .3s ease}.card>*:not(.clouds,.card__hit){position:relative;z-index:1}.card__hit{position:absolute;inset:0;z-index:2;border:0;border-radius:inherit;background:transparent;cursor:pointer}.card__hit:focus-visible{outline:2px solid var(--yellow);outline-offset:-5px}.card:has(.card__hit:hover),.card:has(.card__hit:focus-visible){border-color:#f6d57257;box-shadow:0 28px 60px -30px #000000e6,0 0 44px -14px var(--glow-yellow),inset 0 1px #ffffff0a}.card__more{position:absolute;top:var(--pad);right:var(--pad);font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);opacity:0;transition:opacity .25s ease}.card:has(.card__hit:hover) .card__more,.card:has(.card__hit:focus-visible) .card__more{opacity:.9}.card__empty{font-size:.875rem;color:var(--gray-500)}.label{font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-500)}.card--weather{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,3rem);padding:clamp(1.5rem,3vw,3rem);min-height:clamp(15rem,30vh,24rem)}.weather__mark{position:relative;width:clamp(7.5rem,14vw,12rem);aspect-ratio:1;display:grid;place-items:center}.weather__mark:before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,var(--glow-yellow),transparent 70%);animation:halo 7s ease-in-out infinite}.weather__glyph{position:relative;z-index:1;display:grid;place-items:center;animation:breathe 9s ease-in-out infinite}.weather__read{display:flex;flex-direction:column;gap:.35rem;min-width:0}.weather__temp{display:flex;align-items:baseline;gap:.15rem;font-family:var(--font-mono)}.weather__value{font-size:clamp(3.75rem,8.5vw,7rem);font-weight:500;line-height:.92;letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:0 0 70px rgba(246,213,114,.14)}.weather__unit{font-size:clamp(1.125rem,1.8vw,1.875rem);color:var(--yellow)}.weather__condition{font-size:clamp(1rem,1.2vw,1.25rem);color:var(--gray-300)}.weather__meta{display:flex;flex-wrap:wrap;gap:.4rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--gray-500);font-variant-numeric:tabular-nums}.weather__meta-sep{opacity:.5}@media(max-width:34rem){.card--weather{grid-template-columns:minmax(0,1fr);justify-items:start}}.sun-ring{position:absolute;inset:0;width:100%;height:100%}.sun-ring__track{fill:none;stroke:#e8edf414;stroke-width:1.5}.sun-ring__arc{fill:none;stroke:var(--yellow);stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 6px rgba(246,213,114,.45));animation:ring-pulse 6.5s ease-in-out infinite;transition:stroke-dasharray 1s linear}.sun-ring[data-night=true] .sun-ring__arc{stroke:#b9c6d680;filter:none}.sun-ring__bead{fill:var(--yellow);filter:drop-shadow(0 0 7px rgba(246,213,114,.8))}.clouds{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.5}.clouds[data-density=quiet]{opacity:.2}.clouds[data-density=heavy]{opacity:.72}.clouds__drift{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(232,237,244,.1),transparent 66%);filter:blur(6px);will-change:transform}.clouds__drift--a{width:46%;height:58%;top:-14%;left:-26%;animation:drift 96s linear infinite}.clouds__drift--b{width:34%;height:44%;top:34%;left:-30%;animation:drift 138s linear infinite;animation-delay:-42s}.clouds__drift--c{width:26%;height:32%;top:10%;left:-22%;animation:drift 174s linear infinite;animation-delay:-96s}.card--sun{gap:.4rem}.sun__value{font-family:var(--font-mono);font-size:clamp(2rem,3.2vw,3rem);line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--yellow)}.sun__at{font-size:.8125rem;color:var(--gray-500)}.sun__sep{padding-inline:.4rem;opacity:.5}.sun__bar{position:relative;height:4px;margin-top:.6rem;border-radius:999px;background:#e8edf417;overflow:hidden}.sun__bar-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--progress) * 100%);border-radius:inherit;background:linear-gradient(90deg,rgba(246,213,114,.3),var(--yellow));box-shadow:0 0 12px #f6d57273;transition:width 1s linear}.sun__ends{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;color:var(--gray-500);font-variant-numeric:tabular-nums}.card--task{gap:.5rem}.task__title{display:flex;align-items:baseline;gap:.6rem;font-size:clamp(1.0625rem,1.6vw,1.5rem);line-height:1.3;color:var(--gray-100);text-wrap:balance}.task__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px var(--glow-coral);translate:0 -.2em}.task__next{font-size:.8125rem;color:var(--gray-500);padding-left:1.2rem}.task__actions{position:relative;z-index:3;display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:.5rem}.task__count{font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500)}.task__empty{display:flex;flex-direction:column;gap:.2rem;color:var(--gray-300)}.task__empty-hint{font-size:.8125rem;color:var(--gray-500)}.hourly{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(3.25rem,1fr);gap:.2rem;list-style:none;padding:0;overflow-x:auto;scrollbar-width:thin}.hourly__hour{display:grid;justify-items:center;gap:.4rem;padding:.5rem .2rem .4rem;border-radius:14px}.hourly__hour[data-current]{background:#f6d5720f;box-shadow:inset 0 0 0 1px #f6d5722e}.hourly__time{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500)}.hourly__hour[data-current] .hourly__time{color:var(--yellow)}.hourly__temp{font-family:var(--font-mono);font-size:1rem;font-variant-numeric:tabular-nums;color:var(--gray-100)}.hourly__bar{position:relative;width:3px;height:clamp(1.5rem,3vh,2.25rem);border-radius:999px;background:#e8edf412}.hourly__bar:after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--fill) * 100%);border-radius:inherit;background:linear-gradient(to top,rgba(246,213,114,.3),var(--yellow))}.hourly__rain{min-height:1em;font-family:var(--font-mono);font-size:.625rem;color:var(--coral);opacity:.85}.clock{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--gray-100)}.clock__digits{font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1;letter-spacing:-.035em}.clock__colon{color:var(--yellow);animation:colon 2s ease-in-out infinite}.clock__suffix{font-family:var(--font-sans);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-500)}.clock[data-variant=focus] .clock__digits{font-size:clamp(4.5rem,15vw,11rem);letter-spacing:-.05em;text-shadow:0 0 90px rgba(246,213,114,.15)}.desk--focus{justify-content:center}.focus{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.5rem,5vh,3.25rem);text-align:center;animation:rise .45s ease both}.focus__task{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.focus__title{max-width:34ch;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.35;color:var(--gray-100);text-wrap:balance}.focus__title--empty{color:var(--gray-500)}.focus__exit{position:fixed;bottom:clamp(1.25rem,4vh,2.5rem);left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border:0;border-radius:999px;background:transparent;font-family:var(--font-sans);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-500);cursor:pointer;opacity:.5;transition:opacity .3s ease}.focus__exit:hover,.focus__exit:focus-visible{opacity:1;color:var(--gray-300)}.ghost-button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;background:#e8edf40a;font-family:var(--font-sans);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-300);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.ghost-button:hover{color:var(--gray-100);border-color:#f6d57266;background:#f6d57214}.solid-button{padding:.5rem 1rem;border:0;border-radius:10px;background:var(--yellow);color:var(--navy-900);font-size:.875rem;font-weight:600;cursor:pointer}.solid-button:hover{background:#ffe08a}.icon-button{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--gray-500);cursor:pointer;transition:color .2s ease,border-color .2s ease}.icon-button:hover{color:var(--coral);border-color:#ff7b6359}.link-button{padding:0;border:0;background:none;font:inherit;color:var(--yellow);text-decoration:underline;text-underline-offset:3px;cursor:pointer}kbd{padding:0 .25rem;border:1px solid var(--line);border-radius:4px;font-family:var(--font-mono);font-size:.625rem;color:var(--gray-500)}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.panel-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.5rem;background:#050a1299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s ease both}.panel{display:flex;flex-direction:column;gap:1.15rem;width:min(26.5rem,100%);max-height:min(78vh,40rem);overflow-y:auto;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--navy-600),var(--navy-800));box-shadow:0 40px 80px -40px #000000e6,0 0 60px -30px var(--glow-yellow);animation:rise .22s ease both}.panel:focus{outline:none}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel__title{font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-300)}.panel__body{display:flex;flex-direction:column;gap:1.15rem}.panel__section{display:flex;flex-direction:column;gap:.6rem;padding-top:1.15rem;border-top:1px solid var(--line)}.panel__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.panel__current{font-size:.9375rem;color:var(--gray-100)}.panel__muted{font-size:.8125rem;color:var(--gray-500)}.panel__foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:1.15rem;border-top:1px solid var(--line);font-size:.75rem;color:var(--gray-500)}.readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.25rem}.readings__value{margin-top:.15rem;font-family:var(--font-mono);font-size:1.0625rem;font-variant-numeric:tabular-nums;color:var(--gray-100)}.notice{font-size:.875rem;color:var(--gray-300)}.notice--warn{color:var(--coral)}.field{flex:1 1 12ch;min-width:0;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:#0b1524b3;color:var(--gray-100);font-size:.9375rem}.field::placeholder{color:var(--gray-500)}.field:focus-visible{outline:none;border-color:#f6d57280;box-shadow:0 0 0 3px #f6d5721f}.segmented{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:999px}.segmented__option{padding:.4rem .8rem;border:0;background:transparent;font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500);cursor:pointer}.segmented__option[aria-pressed=true]{background:#f6d57224;color:var(--yellow)}.search{display:flex;flex-direction:column;gap:.4rem}.search__message:empty{display:none}.search__results{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0}.search__result{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .6rem;border:0;border-radius:8px;background:transparent;font:inherit;font-size:.875rem;color:var(--gray-100);text-align:left;cursor:pointer}.search__result:hover{background:#e8edf40f}.task-list{display:flex;flex-direction:column;gap:.15rem;list-style:none;padding:0}.task-list__item{display:flex;align-items:center;gap:.6rem}.task-list__title{flex:1;min-width:0;padding:.3rem 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--gray-100);font-size:.9375rem}.task-list__title:hover{border-bottom-color:var(--line)}.task-list__title:focus-visible{outline:none;border-bottom-color:var(--yellow)}.task-list__item[data-done] .task-list__title{color:var(--gray-500);text-decoration:line-through}.checkbox{position:relative;flex:none;width:1rem;height:1rem;appearance:none;border:1.5px solid var(--line);border-radius:5px;background:#0b152499;cursor:pointer}.checkbox:checked{border-color:var(--yellow);background:#f6d57229}.checkbox:checked:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:.6875rem;color:var(--yellow)}.page{max-width:60ch;margin-inline:auto;padding:clamp(2rem,8vh,5rem) 2rem;display:flex;flex-direction:column;gap:.75rem}.page h1{font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,4rem);letter-spacing:-.04em;color:var(--yellow)}.page p{color:var(--gray-300)}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(560%,0,0)}}@keyframes ring-pulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes halo{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes colon{0%,to{opacity:1}50%{opacity:.35}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.glyph{overflow:visible}.glyph-cloud circle,.glyph-cloud rect{fill:var(--gray-300)}.glyph-sun circle{fill:var(--yellow)}.glyph-rays line{stroke:var(--yellow);stroke-width:2;stroke-linecap:round}.glyph-moon>circle{fill:var(--gray-100)}.glyph-line line{stroke:var(--gray-500);stroke-width:2;stroke-linecap:round}.glyph[data-family=rain] .glyph-line line,.glyph[data-family=drizzle] .glyph-line line{stroke:var(--yellow);opacity:.7}.glyph-flake circle{fill:var(--gray-100)}.glyph-bolt{fill:var(--coral)}