*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Jost", "Futura Now Text", "Century Gothic", sans-serif;--tracking:.2em;--tracking-tight:.15em;--white:#fff;--amber:#fcd34d;--bg:#000}html,body,#root{background:var(--bg);width:100%;height:100%;font-family:var(--font);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}canvas{cursor:grab;width:100%;height:100%;display:block}canvas.grabbing{cursor:grabbing}.ui-overlay{pointer-events:none;z-index:10;mix-blend-mode:difference;position:fixed}.ui-overlay *{pointer-events:auto}.center-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;transition:opacity .15s;display:flex;top:calc(50% + 80px);left:50%;transform:translate(-50%)}.center-panel.menu-fading{opacity:0}.center-panel.side-mode{text-align:left;align-items:flex-start;top:50%;bottom:auto;left:36px;transform:translateY(-30%)}.center-panel.pair-mode{text-align:center;align-items:center;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.title-line{white-space:nowrap;align-items:center;gap:12px;display:flex}.logo{letter-spacing:var(--tracking);text-transform:uppercase;opacity:1;font-size:18px;font-weight:500}.title-dot{opacity:.4;font-size:18px}.year-display{letter-spacing:var(--tracking);text-transform:uppercase;opacity:.8;cursor:default;font-size:18px;font-weight:500;position:relative}.year-roman{transition:opacity .4s}.year-date{opacity:0;white-space:nowrap;transition:opacity .4s;position:absolute;top:0;left:0}.year-display:hover .year-roman{opacity:0}.year-display:hover .year-date{opacity:1}.nav-dial-wrapper{align-items:center;display:flex;position:relative}.nav-dial-anchor{color:var(--white);opacity:.5;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px;transition:opacity .3s;display:flex}.nav-dial-anchor:hover{opacity:.9}.nav-dial-label{font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase;font-size:14px;font-weight:500}.nav-dial{z-index:20;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.center-panel.side-mode .nav-dial-anchor{margin-left:-3.5px;padding-left:0}.center-panel.side-mode .nav-dial{align-items:flex-start;left:0;transform:none}.center-panel.side-mode .nav-dial-item{padding-left:0}.nav-dial-item{color:var(--white);cursor:pointer;font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:14px;font-weight:500;transition:opacity .25s ease-out;animation:.25s ease-out both dial-fade-in}.nav-dial-item:hover{opacity:.9!important}.nav-dial-item.active{opacity:1!important}@keyframes dial-fade-in{0%{opacity:0}}.tooltip{letter-spacing:var(--tracking);text-transform:uppercase;color:var(--white);pointer-events:none;opacity:0;white-space:nowrap;z-index:20;background:#000000d9;border:1px solid #ffffff26;padding:6px 12px;font-size:11px;font-weight:500;transition:opacity .15s;position:fixed}.tooltip.visible{opacity:1}.center-panel.constellation-mode{text-align:left;align-items:flex-start;gap:10px;top:auto;bottom:28px;left:28px;transform:none}.ui-overlay.center-panel.constellation-mode{mix-blend-mode:normal;padding:16px 20px;overflow:visible}.ui-overlay.center-panel.constellation-mode:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20% 70%,#0000008c 0%,#00000059 20%,#00000026 45%,#0000000a 70%,#0000 100%);position:absolute;inset:-120px -120px -100px}.ui-overlay.center-panel.side-mode{mix-blend-mode:normal;padding:20px 24px;overflow:visible}.ui-overlay.center-panel.side-mode:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 30%,#000000a6 0%,#00000080 10%,#0000004d 25%,#00000026 40%,#0000000f 55%,#00000005 70%,#0000 85%);transition:opacity .6s;position:absolute;inset:-300px -250px -200px}.ui-overlay.center-panel.side-mode[data-mode=sun]:before,.ui-overlay.center-panel.side-mode[data-mode=moon]:before{opacity:0}@media (width<=640px){.center-panel{top:auto;bottom:110px}.center-panel:not(.side-mode) .nav-dial{flex-direction:row;gap:6px}.center-panel.side-mode{text-align:left;align-items:flex-start;gap:10px;padding:0;inset:24px auto auto 20px;transform:none}.ui-overlay.center-panel.side-mode:before{background:radial-gradient(at 20% 30%,#0000008c 0%,#00000059 25%,#0000001f 50%,#0000 80%);inset:-60px -120px -60px -40px}.center-panel.side-mode .speed-row{flex-wrap:wrap;gap:6px}.logo,.year-display,.title-dot{font-size:15px}.center-panel.constellation-mode{gap:8px;top:auto;bottom:16px;left:16px}.ui-overlay.center-panel.constellation-mode{padding:12px 16px}}.star-drawer{z-index:30;-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:linear-gradient(#08080ccc 0%,#08080ceb 30%,#08080cf7 100%);border-top:1px solid #ffffff0f;flex-direction:column;gap:18px;max-height:40vh;padding:28px 32px 36px;transition:bottom .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:-100%;left:0;right:0}.star-drawer.open{bottom:0}.drawer-date{font-family:var(--font);letter-spacing:var(--tracking-tight);color:#ffffffb3;font-size:16px;font-weight:400}.drawer-text-input{font-family:var(--font);letter-spacing:.02em;color:var(--white);background:0 0;border:none;border-bottom:1px solid #ffffff1f;outline:none;width:100%;padding:8px 0;font-size:15px;font-weight:400;transition:border-color .3s}.drawer-text-input::placeholder{color:#ffffff40;font-style:italic}.drawer-text-input:focus{border-bottom-color:#ffffff4d}.cat-name-input{margin-bottom:8px;font-size:13px}.drawer-categories{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.category-dot{cursor:pointer;width:28px;height:28px;font-family:var(--font);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:0;transition:border-color .2s,transform .2s;display:flex;position:relative}.category-dot:hover{transform:scale(1.15)}.category-dot.selected{border-color:#fff9;transform:scale(1.15)}.category-label{letter-spacing:var(--tracking);text-transform:uppercase;color:#ffffffb3;white-space:nowrap;pointer-events:none;font-size:10px;font-weight:400;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.category-dot.add-dot{color:#fff6;font-size:16px;font-family:var(--font);border:1px dashed #fff3;background:#ffffff14!important}.category-dot.add-dot:hover{color:#ffffffb3;border-color:#fff6}.color-picker-row{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:border-color .2s,transform .2s}.color-swatch:hover{transform:scale(1.2)}.color-swatch.selected{border-color:#fffc;transform:scale(1.2)}.drawer-new-category{flex-direction:column;gap:10px;display:flex}.drawer-new-cat-actions{justify-content:flex-end;gap:8px;display:flex}.drawer-action-btn{font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase;color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:2px;padding:6px 14px;font-size:11px;transition:opacity .2s}.drawer-action-btn:hover{color:#fffc;border-color:#ffffff4d}.drawer-action-btn.confirm{color:#ffffffe6;border-color:#ffffff4d}.drawer-action-btn:disabled{opacity:.3;cursor:default}.drawer-submit{font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase;color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:2px;align-self:flex-start;padding:10px 20px;font-size:12px;font-weight:500;transition:all .2s}.drawer-submit:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff4d}.star-tooltip{letter-spacing:.1em;color:var(--white);pointer-events:none;opacity:0;white-space:nowrap;z-index:25;background:#000000e6;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:400;transition:opacity .15s;display:flex;position:fixed}.star-tooltip.visible{opacity:1}.star-tooltip-date{text-transform:uppercase;letter-spacing:var(--tracking);opacity:.6}.star-tooltip-cat{text-transform:uppercase;letter-spacing:var(--tracking);font-size:10px}.star-tooltip-text{opacity:.8;letter-spacing:.02em;font-style:italic}.context-menu-backdrop{z-index:29;position:fixed;inset:0}.star-context-menu{z-index:30;-webkit-backdrop-filter:blur(12px);background:#0f0f14f2;border:1px solid #ffffff1a;border-radius:4px;min-width:100px;padding:4px 0;position:fixed}.context-menu-item{font-family:var(--font);letter-spacing:.08em;color:#ffffffb3;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px;font-size:12px;transition:background .15s}.context-menu-item:hover{color:var(--white);background:#ffffff0f}.context-menu-item.danger:hover{color:#e57373}.view-text{text-align:right;pointer-events:none;z-index:15;flex-direction:column;align-items:flex-end;animation:.8s ease-out both view-text-in;display:flex;position:fixed;top:50%;right:36px;transform:translateY(-50%)}.view-whisper{color:#f5f0e099;max-width:320px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-style:italic}.view-label{font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase;color:#fff6;font-size:14px;font-weight:300}@keyframes view-text-in{0%{opacity:0}to{opacity:1}}@media (width<=640px){.view-text{text-align:left;align-items:flex-start;inset:auto auto 44px 44px;transform:none}.view-whisper{max-width:240px;margin-bottom:20px;font-size:18px}.view-label{font-size:13px}}.moon-whisper{color:#f5f0e099;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-style:italic}.moon-phase-name{font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase;color:#fff6;margin-bottom:16px;font-size:14px;font-weight:300}.moon-milestone{letter-spacing:.08em;color:#ffffff40;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px}@media (width<=640px){.moon-whisper{margin-bottom:20px;font-size:18px}.moon-phase-name{margin-bottom:14px;font-size:13px}.moon-milestone{font-size:10px}}.splash-overlay{z-index:100;pointer-events:auto;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-title{z-index:2;font-family:var(--font);letter-spacing:.25em;text-transform:uppercase;background:radial-gradient(circle at 31%,#fffcf0 0%,#f5f0e0e6 20%,#dcd7c899 60%,#b4afa566 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;font-size:clamp(28px,5.5vw,64px);font-weight:300;display:flex;position:relative}.splash-o{opacity:0}.splash-space{width:.4em;display:inline-block}@media (width<=540px){.splash-space{width:100%;height:.2em}.splash-title{text-align:center}}.splash-letter{display:inline-block}.film-grain{z-index:9999;pointer-events:none;mix-blend-mode:overlay;opacity:.85;background-repeat:repeat;background-size:200px 200px;animation:.3s steps(6,end) infinite grain-drift;position:fixed;inset:0}@keyframes grain-drift{0%{background-position:0 0}16.6%{background-position:-131px -67px}33.3%{background-position:-47px -149px}50%{background-position:-163px -23px}66.6%{background-position:-89px -111px}83.3%{background-position:-7px -173px}to{background-position:0 0}}@media (width<=400px){.center-panel.side-mode{gap:8px;padding:12px 14px}.center-panel.side-mode .title-line{flex-wrap:wrap;gap:6px}}.sun-gear-btn{z-index:50;color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .2s;display:flex;position:fixed;bottom:16px;right:16px}.sun-gear-btn:hover{color:#888}.sun-panel-backdrop{z-index:49;position:fixed;inset:0}.sun-settings-panel{z-index:51;scrollbar-width:thin;scrollbar-color:#1a1a1a transparent;background:#000;width:280px;height:100vh;padding:20px 16px 40px;transition:right .3s;position:fixed;top:0;right:-290px;overflow-y:auto}.sun-settings-panel.open{right:0}.sun-settings-panel::-webkit-scrollbar{width:4px}.sun-settings-panel::-webkit-scrollbar-track{background:0 0}.sun-settings-panel::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:2px}.sun-panel-title{color:#3a3a3a;margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic}.sun-section{margin-bottom:4px}.sun-section-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:8px 0;display:flex}.sun-section-title{font-family:var(--font);text-transform:uppercase;letter-spacing:.2em;color:#333;font-size:8px;font-weight:400}.sun-section-title.active{color:#555}.sun-section-chevron{color:#333;font-size:8px;transition:transform .2s;display:inline-block}.sun-section-chevron.open{transform:rotate(0)}.sun-section-chevron:not(.open){transform:rotate(-90deg)}.sun-section-body{padding:0 0 8px}.sun-section-note{color:#444;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:9px;font-style:italic}.sun-slider{margin-bottom:10px}.sun-slider-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.sun-slider-label{font-family:var(--font);text-transform:uppercase;letter-spacing:.14em;color:#666;font-size:9px;font-weight:400}.sun-slider-value{color:#888;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic}.sun-slider input[type=range]{appearance:none;cursor:pointer;border-radius:0;outline:none;width:100%;height:1px}.sun-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#999;border-radius:50%;width:8px;height:8px;transition:background .15s}.sun-slider input[type=range]::-webkit-slider-thumb:hover{background:#fff}.sun-slider input[type=range]::-moz-range-thumb{cursor:pointer;background:#999;border:none;border-radius:50%;width:8px;height:8px}.sun-slider input[type=range]::-moz-range-thumb:hover{background:#fff}.sun-toggle-row{justify-content:space-between;align-items:center;padding:4px 0 8px;display:flex}.sun-preset-buttons{flex-direction:column;gap:6px;display:flex}.sun-btn{font-family:var(--font);text-transform:uppercase;letter-spacing:.14em;color:#888;cursor:pointer;text-align:left;background:0 0;border:1px solid #222;padding:6px 10px;font-size:9px;font-weight:400;transition:border-color .2s,color .2s}.sun-btn:hover{color:#ccc;border-color:#444}.sun-btn-add{margin-top:6px}.sun-card{border:1px solid #1a1a1a;margin-bottom:6px}.sun-card-header{cursor:pointer;width:100%;font-family:var(--font);text-transform:uppercase;letter-spacing:.12em;color:#555;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:9px;display:flex}.sun-card-summary{color:#666;margin-left:auto;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic}.sun-card-remove{font-family:var(--font);color:#444;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:10px}.sun-card-remove:hover{color:#999}.sun-card-body{padding:4px 8px 8px}