:root{--base03: #002b36;--base02: #073642;--base01: #586e75;--base00: #657b83;--base0: #839496;--base1: #93a1a1;--base2: #eee8d5;--base3: #fdf6e3;--yellow: #b58900;--orange: #cb4b16;--red: #dc322f;--magenta: #d33682;--violet: #6c71c4;--blue: #268bd2;--cyan: #2aa198;--green: #859900;--scene-bg: #0b3b47;--box-plate: #0a3140;--box-patch: #093240;--box-top: #0c3644;--box-front: #08303c;--box-side: #062831;--ripple-color: rgba(238, 232, 211, .9);--link: #5ec9c0;--link-hover: var(--base2);--footer-text: #a8b8bb;--hover-label: #7fa6ad;--placeholder: #6f989e;--glass-dark: rgba(0, 43, 54, .62);--glass-light: rgba(253, 246, 227, .62);--glass-dark-text: #cfd8d8;--glass-light-text: #3f5459;--font-sans: "Inter", Helvetica, sans-serif;--font-mono: "JetBrains Mono", monospace}@keyframes baseRipple{0%{transform:translateZ(.6px) scale(1.06);opacity:1}to{transform:translateZ(.6px) scale(1.8);opacity:0}}@keyframes horizonRise{0%{transform:translateY(8%) scaleX(.95)}to{transform:translateY(-6%) scaleX(1.05)}}@keyframes pRise{0%{opacity:0;transform:translateY(70px) scale(.96)}to{opacity:1;transform:none}}@keyframes pUnfold{0%{opacity:0;transform:perspective(1200px) rotateY(-38deg) translate(-70px)}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0)}}@keyframes pIris{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes pSlide{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:none}}@keyframes pDrop{0%{opacity:0;transform:translateY(-90px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes pWide{0%{opacity:0;transform:scaleX(.3) scaleY(.9)}to{opacity:1;transform:none}}@keyframes pTilt{0%{opacity:0;transform:perspective(1200px) rotateX(46deg) translateY(60px)}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0)}}@keyframes pBlur{0%{opacity:0;filter:blur(14px);transform:scale(1.06)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pSpring{0%{opacity:0;transform:translateY(46px) scale(.9)}60%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:none}}@keyframes inUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}html,body{margin:0;padding:0;background:var(--scene-bg);overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}a{color:var(--link);text-decoration:none;border-bottom:1px solid rgba(94,201,192,.4)}a:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}.scene-root{position:relative;width:100%;min-height:100vh;background-color:var(--scene-bg);overflow:hidden;font-family:var(--font-sans);transition:background-color 1.8s cubic-bezier(.4,0,.2,1)}.scene-root.is-lit{background-color:color-mix(in srgb,var(--scene-bg) 90%,var(--glow))}.scene-scale{position:absolute;left:50%;top:50%;width:0;height:0}.scene-stage{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateX(58deg) rotate(45deg)}.scene-horizon{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.8s cubic-bezier(.4,0,.2,1)}.scene-root.is-lit .scene-horizon{opacity:1}.scene-horizon:before,.scene-horizon:after{content:"";position:absolute}.scene-horizon:before{left:-10%;right:-10%;bottom:-35%;height:70%;border-radius:50%;background-color:var(--glow);filter:blur(8vmin);opacity:.3;transition:background-color 1.8s cubic-bezier(.4,0,.2,1);animation:horizonRise 10s ease-in-out infinite alternate;animation-play-state:paused}.scene-root.is-lit .scene-horizon:before{animation-play-state:running}.scene-horizon:after{inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:overlay}@media (prefers-reduced-motion: reduce){.scene-horizon:before{animation:none}}.hover-label{position:absolute;left:0;right:0;bottom:14%;text-align:center;font-family:var(--font-mono);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--hover-label);pointer-events:none;animation:inUp .3s ease both}.footer{position:absolute;left:34px;bottom:22px;display:flex;align-items:center;gap:13px;color:var(--footer-text)}.footer__logo{display:block;padding:0;border:0;border-radius:2px;background:none;color:inherit;cursor:pointer}.footer__logo:focus-visible{outline:1px solid rgba(94,201,192,.7);outline-offset:4px}.footer__mark{display:block;width:38px;height:40.8px;overflow:visible}.footer__text{font-family:var(--font-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.footer__logo:hover+.footer__text,.footer__logo:focus-visible+.footer__text{opacity:1;transform:none}@media (max-width: 640px){.footer{left:16px;bottom:16px;gap:10px}.footer__mark{width:30px;height:32.2px}.footer__text{font-size:11px}}.open-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.open-layer .panel-wrapper{pointer-events:auto}z-scene>[slot^=panel-]{display:none}.tile{position:absolute;width:120px;height:120px;transform-style:preserve-3d;transition-property:transform}.tile-hit{position:absolute;inset:0;transform-style:preserve-3d;cursor:pointer;transition:transform .55s cubic-bezier(.2,1.5,.3,1)}@media (hover: hover) and (pointer: fine){.tile-hit:hover{transform:translateZ(36px)}}.tile-plate{position:absolute;left:-124.45px;top:-124.45px;width:244.45px;height:244.45px;background:var(--box-plate);clip-path:path("M 0 3 Q 0 0 3 0 L 117 0 Q 120 0 122.12 2.12 L 242.33 122.33 Q 244.45 124.45 244.45 127.45 L 244.45 241.45 Q 244.45 244.45 241.45 244.45 L 127.45 244.45 Q 124.45 244.45 122.33 242.33 L 2.12 122.12 Q 0 120 0 117 Z");transform:translateZ(-.5px)}.tile-ripple-wrap{position:absolute;inset:0;transform-style:preserve-3d;transition:opacity .5s ease;pointer-events:none}.tile-ripple{position:absolute;left:-34px;top:-34px;width:188px;height:188px;border:2px solid var(--ripple-color);border-radius:16px;animation:baseRipple 1.24s linear infinite}.tile-shell{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,1.5,.3,1);pointer-events:none}.tile-patch{position:absolute;left:0;top:0;width:124px;height:124px;background:var(--box-patch);border-radius:5px;transform:translateZ(109.5px)}.tile-top{position:absolute;left:0;top:0;width:120px;height:120px;background:var(--box-top);border-radius:5px;transform:translateZ(110px)}.tile-color{position:absolute;inset:10px;background:var(--tile-color)}.tile-tint{position:absolute;inset:0;transition:opacity .55s ease,background-color .55s ease}.tile-front{position:absolute;left:0;top:0;width:120px;height:110px;background:var(--box-front);border-radius:5px;transform-origin:0 0;transform:translate3d(0,120px,0) rotateX(90deg)}.tile-side{position:absolute;left:0;top:0;width:110px;height:120px;background:var(--box-side);border-radius:5px;transform-origin:0 0;transform:translate3d(120px,0,0) rotateY(-90deg)}.panel{position:relative;width:100%;max-height:calc(100vh - 60px);overflow:auto;background:var(--glass-dark);backdrop-filter:blur(7px) saturate(1.05);-webkit-backdrop-filter:blur(7px) saturate(1.05);border:1px solid rgba(147,161,161,.18);padding:30px 28px;color:var(--glass-dark-text);font-family:var(--font-mono);box-shadow:0 40px 90px #00000073}.eyebrow{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase}.panel-close{position:absolute;padding:0;border:0;background:none;right:20px;top:16px;cursor:pointer;font-family:var(--font-mono);font-size:18px;color:var(--close-color, #a8b8bb);line-height:1}.panel-close:hover{color:var(--close-hover, var(--base2))}.about{position:fixed;left:34px;bottom:78px;z-index:25;width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 110px);animation:inUp .3s ease both;font-family:var(--font-sans)}.panel-wrapper{position:absolute;display:flex}.panel-animator{position:relative;width:100%}@media (max-width: 640px){.panel-wrapper{inset:16px 16px auto!important;width:auto!important;transform:none!important}.panel{max-height:calc(100vh - 32px)!important;padding:22px 18px!important}.about{left:16px;bottom:60px;max-height:calc(100vh - 84px)!important}}.float-layer{position:fixed;inset:0;z-index:21;isolation:isolate;pointer-events:none}.float-panel{position:absolute;font-family:var(--font-mono);pointer-events:auto}.float-panel__pad{background:#0b3b4780;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.float-panel__header{display:flex;align-items:center;height:26px;border-radius:2px;touch-action:none;transition:background .18s ease;background:transparent}.float-panel__header:hover{background:var(--hdr-hover, transparent)}.float-panel__header.is-dragging{background:var(--hdr-drag, transparent)}.icon-btn:hover{color:var(--icon-hover, var(--base2))}.task-list{margin:10px -18px 0;padding:0 10px;min-height:92px;overflow-y:auto;cursor:text}.task-row{display:flex;align-items:flex-start;gap:10px;padding:4px 6px;border-left:2px solid transparent;border-radius:2px;cursor:auto;transition:background .2s ease,border-color .2s ease}.task-row--doing{background:#d9b13a0f;border-left-color:#d9b13a66}.task-row.is-running{background:#d9b13a33;border-left-color:#d9b13a;animation:taskBreathe 2.4s ease-in-out infinite}@keyframes taskBreathe{50%{border-left-color:#d9b13a59}}@media (prefers-reduced-motion: reduce){.task-row.is-running{animation:none}}.task-list[data-reordering] .task-row{transition:background .2s ease,border-color .2s ease,transform .15s ease}.task-list[data-reordering] .task-row[data-reordering]{position:relative;z-index:1;transition:none;background-color:var(--base02);box-shadow:0 4px 14px #00000059}.task-list[data-reordering],.task-list[data-reordering] .task-check{cursor:grabbing}.task-check{flex:none;display:flex;align-items:center;justify-content:center;width:16px;height:21px;color:#7fa6ad;cursor:pointer;outline:none;touch-action:none;transition:color .2s ease}.task-check svg{width:16px;height:16px}.task-check:hover,.task-check:focus-visible{color:var(--base2)}.task-row--doing .task-check{color:#d9b13a}.task-row--done .task-check{color:#5ec9c0}.task-row.is-blank .task-check{visibility:hidden}.task-text{flex:1;min-width:0;display:block;height:21px;padding:0;overflow:hidden;resize:none;border:0;outline:none;background:transparent;color:#cfd8d8;font-family:Inter,Helvetica,sans-serif;font-size:14px;line-height:21px;letter-spacing:.01em;transition:color .2s ease}.task-text::placeholder{color:var(--placeholder)}.task-row--doing .task-text{color:var(--base2)}.task-row.is-running .task-text{color:#fff}.task-row--done .task-text{color:#6f8a8f;text-decoration:line-through;text-decoration-color:#93a1a180}.task-timer{flex:none;display:flex;align-items:center;gap:4px;height:21px;font-size:11px;letter-spacing:.04em;color:#7fa6ad;font-variant-numeric:tabular-nums}.task-timer__time{min-width:38px;text-align:right}.task-timer__cycles{color:#6f8a8f}.task-timer__btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer}.task-timer__btn svg{width:13px;height:13px}.task-timer__toggle{opacity:.45;transition:opacity .2s ease}.task-row:hover .task-timer__toggle,.task-row--doing .task-timer__toggle{opacity:1}.task-row.is-running .task-timer{color:#d9b13a}.task-timer.is-break .task-timer__time{color:#5ec9c0}.panel-pill-pad{max-width:300px;padding:14px 18px}.panel-pill{--hdr-hover: rgba(94, 201, 192, .14);--hdr-drag: rgba(94, 201, 192, .22);gap:10px;padding:6px 8px;margin:-6px -8px;cursor:grab;outline:none;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:#5ec9c0}.panel-pill.is-dragging{cursor:grabbing}.panel-pill:focus-visible{box-shadow:inset 0 0 0 1px #5ec9c099}.panel-pill__dot{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.panel-pill__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel-pill__meta{flex:none;letter-spacing:.12em;color:#7fa6ad;font-variant-numeric:tabular-nums}.panel-pill.is-running{--hdr-hover: rgba(217, 177, 58, .14);--hdr-drag: rgba(217, 177, 58, .22);color:#d9b13a;box-shadow:inset 2px 0 #d9b13a}.panel-pill.is-running .panel-pill__label{font-family:Inter,Helvetica,sans-serif;font-size:13px;line-height:1.2;letter-spacing:.01em;text-transform:none;color:var(--base2)}.panel-pill.is-running .panel-pill__meta{font-size:11px;color:#d9b13a}.panel-pill.is-running .panel-pill__dot{opacity:1;animation:pillPulse 2.4s ease-in-out infinite}.panel-pill.is-running.is-break,.panel-pill.is-running.is-break .panel-pill__meta{color:#5ec9c0}.panel-pill.is-running.is-break{box-shadow:inset 2px 0 #5ec9c0}@keyframes pillPulse{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.panel-pill.is-running .panel-pill__dot{animation:none}}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px 2px;margin-top:12px;font-size:10px;text-align:center}.cal-weekday{padding-bottom:4px;font-size:9px;letter-spacing:.12em;color:#6f989e}.cal-day{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0 auto;border-radius:50%;color:#a8b8bb;font-variant-numeric:tabular-nums;outline:none}.cal-day.is-today{box-shadow:inset 0 0 0 1px #eee8d58c;color:var(--base2)}.cal-day.has-done{background:#5ec9c0;color:#0b3b47;font-weight:500;cursor:default}.cal-day.has-done.is-today{box-shadow:0 0 0 2px #0b3b47,0 0 0 3px #eee8d5b3}.cal-day__count{display:none}.cal-day.has-done:hover,.cal-day.has-done:focus-visible,.cal-day.has-done:focus{background:var(--base2)}.cal-day.has-done:hover .cal-day__num,.cal-day.has-done:focus .cal-day__num{display:none}.cal-day.has-done:hover .cal-day__count,.cal-day.has-done:focus .cal-day__count{display:inline}@media (max-width: 640px){.float-panel{max-width:calc(100vw - 24px)}}