:root{--nebula-base:#04060c;--nebula-deep:#01050e;--aqua-core:#00eaff;--aqua-soft:#00eaff24;--seal-glow-inset:#00eaff5c;--seal-glow-mid:#00eaff6b;--seal-glow-outer:#00eaff3d;--portal-1:#000c1ac7;--portal-2:#01142885;--portal-3:#00223c57;--grid-ink:#06304638;--grid-ink-2:#0a24362e;--void-wash:#0000006b;--void-edge:#000000d1;--core-halo:#00eaff0f;--pulse:5.236s;--double:calc(var(--pulse)*2);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--wk-z-backdrop:10000;--wk-z-dock:10008;--wk-z-add:10012;--wk-z-note:10020;--wk-z-day:10030;--wk-z-header:10035;--wk-z-close:10040}:where(.wk-backdrop,.wk-backdrop *){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d}.wk-backdrop{z-index:var(--wk-z-backdrop);isolation:isolate;background:var(--nebula-base);background-image:radial-gradient(ellipse at 50% 42%,var(--portal-1)0%,var(--nebula-deep)78%),radial-gradient(circle at 30% 30%,var(--portal-2)0%,transparent 72%),radial-gradient(circle at 70% 60%,var(--portal-3)0%,transparent 66%),repeating-radial-gradient(circle at 48% 50%,var(--grid-ink)0 2px,transparent 2px 6px),repeating-radial-gradient(circle at 52% 54%,var(--grid-ink-2)0 1px,transparent 1px 8px);background-blend-mode:overlay,screen,soft-light,normal,normal;animation:nebulaFlow var(--double)linear infinite,portalShift1 200s linear infinite,portalShift2 137s linear infinite,portalShift3 89s linear infinite;padding:var(--safe-top)var(--safe-right)var(--safe-bottom)var(--safe-left);overscroll-behavior:none;contain:layout paint style;opacity:1;transition:none;position:fixed;inset:0}.wk-backdrop:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(ellipse at 50% 42%,#0000 0%,var(--void-wash)58%,var(--void-edge)100%),radial-gradient(circle at 50% 42%,var(--core-halo)0%,transparent 62%),repeating-linear-gradient(0deg,#0000 0px,#0000 2px,#0000001a 3px);opacity:1;mix-blend-mode:normal;position:fixed;inset:0;transform:translateZ(0)}.wk-backdrop:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.028;background-image:radial-gradient(circle,#befaff8c 1px,#0000 2px),radial-gradient(circle,#ffffff47 1px,#0000 2px);background-position:0 0,1px 2px;background-size:3px 3px,5px 5px;animation:9s linear infinite twinkle;position:fixed;inset:0;transform:translateZ(0)}@keyframes nebulaFlow{0%,to{background-position:50% 40%,50%}50%{background-position:52% 44%,48% 48%}}@keyframes portalShift1{0%{background-position:50% 42%}to{background-position:55% 38%}}@keyframes portalShift2{0%{background-position:30% 30%}to{background-position:25% 35%}}@keyframes portalShift3{0%{background-position:70% 60%}to{background-position:65% 55%}}@keyframes twinkle{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-.5rem,.75rem)scale(1.03)}to{transform:translate(0,0)scale(1)}}.wk-container{pointer-events:auto;z-index:1;contain:layout paint style;background-color:#080a0eeb;width:100%;height:100%;transition:none;position:relative;overflow:hidden}.wk-container:before{content:"";pointer-events:none;opacity:.85;filter:blur(2px);animation:stagePulse var(--double)ease-in-out infinite;z-index:0;background:radial-gradient(circle at 50% 52%,#00eaff12 0%,#0000 62%);position:absolute;inset:-12%}@keyframes stagePulse{0%,to{opacity:.48;transform:scale(.94)}50%{opacity:.88;transform:scale(1.05)}}.wk-backdrop[data-month-open="1"] .wk-stage,.wk-backdrop[data-month-open="1"] .wk-add-note-btn{pointer-events:none;opacity:.35;filter:saturate(.85)}.wk-close.god-x{all:unset;top:calc(var(--safe-top) + .75rem);right:calc(var(--safe-right) + .75rem);cursor:pointer;width:2.2rem;height:2.2rem;z-index:var(--wk-z-close);touch-action:manipulation;place-content:center;transition:transform .25s;display:grid;position:absolute}.wk-close.god-x:hover{transform:scale(1.1)}.wk-close.god-x:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #a0f0ff8c}.wk-close.god-x svg,.wk-close.god-x .wk-xsvg{filter:drop-shadow(0 0 8px #00eaffb3)drop-shadow(0 0 12px #ff1559b3);width:100%;height:100%;animation:xGradient var(--pulse)linear infinite}@keyframes xGradient{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}.wk-header{top:calc(var(--safe-top) + .75rem);z-index:var(--wk-z-header);background:var(--aqua-soft);border:2px solid var(--aqua-core);box-shadow:0 0 12px var(--seal-glow-mid);-webkit-backdrop-filter:blur(8px);border-radius:9999px;padding:.25rem .5rem;position:absolute;left:50%;transform:translate(-50%)}.wk-header:after{content:"";border:2px solid var(--aqua-core);animation:neonPulse var(--pulse)ease-in-out infinite;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.wk-toggle{z-index:1;gap:.5rem;display:flex;position:relative}.wk-toggle button{all:unset;cursor:pointer;color:#e6faff;touch-action:manipulation;background:#0000002e;border-radius:9999px;padding:.5rem 1rem;font-weight:700;transition:background .18s,color .18s,transform .18s;position:relative}.wk-toggle button.active,.wk-toggle button:hover{background:var(--aqua-core);color:var(--nebula-base)}.wk-toggle button:focus-visible{outline-offset:3px;outline:2px solid #a0f0ff8c}@keyframes neonPulse{0%{box-shadow:0 0 8px var(--aqua-core)}50%{box-shadow:0 0 16px var(--aqua-core)}to{box-shadow:0 0 8px var(--aqua-core)}}.wk-seal{top:calc(var(--safe-top) + 3.8rem);background:var(--aqua-soft);color:#e6faff;box-shadow:inset 0 0 1px var(--seal-glow-inset),0 0 12px var(--seal-glow-mid);animation:sealPulse var(--pulse)ease-in-out infinite,sealFloat var(--double)ease-in-out infinite;pointer-events:none;z-index:2;border-radius:1rem;padding:.6rem 1.2rem;font:600 1rem/1.1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;left:50%;transform:translate(-50%)}.wk-sealcode{white-space:nowrap}@keyframes sealPulse{50%{box-shadow:inset 0 0 1px var(--seal-glow-inset),0 0 16px var(--seal-glow-mid)}}@keyframes sealFloat{50%{transform:translate(-50%)translateY(-.45rem)}}.wk-stage{z-index:1;width:98vmin;height:98vmin;animation:stageDrift var(--double)ease-in-out infinite alternate,stageNeon var(--double)ease-in-out infinite;contain:layout paint style;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotateX(40deg)}@keyframes stageDrift{0%{transform:translate(-50%,-50%)rotateX(40deg)rotate(0)}50%{transform:translate(-50%,-50%)rotateX(42deg)rotate(5deg)}to{transform:translate(-50%,-50%)rotateX(40deg)rotate(0)}}@keyframes stageNeon{0%,to{filter:drop-shadow(0 0 10px #00eaff2e)drop-shadow(0 0 20px #00eaff1f)}50%{filter:drop-shadow(0 0 16px #00eaff42)drop-shadow(0 0 30px #00eaff29)}}.wk-day{cursor:pointer}.wk-day:focus{outline:none}.wk-day:focus-visible{filter:drop-shadow(0 0 10px #a0f0ff8c)}.wk-ring{animation:ringBreath var(--double)ease-in-out infinite;will-change:opacity,filter,stroke-width}@keyframes ringBreath{0%,to{opacity:.82;filter:saturate(1.08)}50%{opacity:1;filter:saturate(1.18)}}.wk-day-label{letter-spacing:.2px;animation:labelBreath var(--double)ease-in-out infinite;font-family:Inter,system-ui,sans-serif;font-size:4px}@keyframes labelBreath{0%,to{opacity:.78}50%{opacity:1}}.wk-i0 .wk-ring,.wk-i0 .wk-day-label{animation-delay:0s}.wk-i1 .wk-ring,.wk-i1 .wk-day-label{animation-delay:calc(var(--pulse)*.13)}.wk-i2 .wk-ring,.wk-i2 .wk-day-label{animation-delay:calc(var(--pulse)*.26)}.wk-i3 .wk-ring,.wk-i3 .wk-day-label{animation-delay:calc(var(--pulse)*.39)}.wk-i4 .wk-ring,.wk-i4 .wk-day-label{animation-delay:calc(var(--pulse)*.52)}.wk-i5 .wk-ring,.wk-i5 .wk-day-label{animation-delay:calc(var(--pulse)*.65)}.is-today-ring{filter:drop-shadow(0 0 10px #00eaff59)drop-shadow(0 0 16px #00eaff38)}.is-today-label{filter:drop-shadow(0 0 8px #00eaff73)}.wk-add-note-btn{all:unset;left:50%;bottom:calc(clamp(14px,2.2vh,22px) + var(--safe-bottom));background:var(--aqua-core);width:3.35rem;height:3.35rem;color:var(--nebula-base);box-shadow:0 0 12px var(--seal-glow-mid);cursor:pointer;touch-action:manipulation;z-index:var(--wk-z-add);border-radius:999px;place-content:center;font-size:2rem;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;position:fixed;transform:translate(-50%)}.wk-add-note-btn:hover{box-shadow:0 0 18px var(--seal-glow-mid);transform:translate(-50%)scale(1.12)}.wk-add-note-btn:active{transform:translate(-50%)scale(1.05)}.wk-add-note-btn:focus-visible{outline-offset:4px;outline:2px solid #a0f0ff8c}.wk-add-note-btn:before,.wk-toggle button:before{content:"";background:var(--aqua-core);width:8px;height:8px;box-shadow:0 0 12px var(--aqua-core),0 0 24px var(--aqua-core);opacity:0;animation:glint var(--pulse)linear infinite;border-radius:50%;position:absolute;top:-6px;right:-6px}@keyframes glint{0%,95%{opacity:0;transform:scale(.3)translate(0)}10%{opacity:.9;transform:scale(1)translate(-2px,2px)}20%{opacity:0}}.wk-notemodal-overlay,.wk-daydetail-overlay{pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0}.wk-notemodal-overlay{z-index:var(--wk-z-note)}.wk-daydetail-overlay{z-index:var(--wk-z-day)}.wk-notes-dock{width:min(440px,86vw);max-height:48vh;z-index:var(--wk-z-dock);pointer-events:auto;position:fixed;bottom:clamp(8px,2vh,16px);right:clamp(8px,2vw,16px)}.wk-notes-list{-webkit-backdrop-filter:blur(8px);background:#00000080;border-radius:14px;padding:10px 12px;overflow:hidden;box-shadow:0 10px 24px #0000008c,inset 0 0 0 1px #ffffff1a}.wk-notes-header{align-items:center;gap:10px;display:flex}.wk-notes-header h3{color:#cfeaff;margin:0;font:700 14px/1.2 Inter,system-ui,sans-serif}.wk-notes-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.wk-export-group{align-items:center;gap:6px;display:flex}.wk-divider{background:#ffffff14;border-radius:1px;width:1px;height:16px}.wk-chip{color:#cfeaff;letter-spacing:.2px;cursor:pointer;opacity:.88;-webkit-backdrop-filter:saturate(140%)blur(4px);backdrop-filter:saturate(140%)blur(4px);background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:4px 10px;font:700 11px/1 Inter,system-ui,sans-serif;transition:opacity .15s,background .15s,border-color .15s,transform .15s}.wk-chip:hover{opacity:1;background:#ffffff0f;border-color:#ffffff38}.wk-chip:active{transform:translateY(1px)}.wk-chip:focus-visible{outline-offset:2px;outline:2px solid #a0f0ff8c}.wk-export-btn{color:#e7fbff;letter-spacing:.2px;cursor:pointer;opacity:.86;-webkit-backdrop-filter:saturate(140%)blur(6px);backdrop-filter:saturate(140%)blur(6px);background:linear-gradient(#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font:700 11px/1 Inter,system-ui,sans-serif;transition:opacity .15s,border-color .15s,box-shadow .2s,transform .15s;box-shadow:0 2px 12px #0000004d,inset 0 0 0 1px #ffffff0a}.wk-export-btn:hover{opacity:1;border-color:#ffffff38;box-shadow:0 3px 16px #0000005c,inset 0 0 0 1px #ffffff0f}.wk-export-btn:active{transform:translateY(1px)}.wk-export-btn:focus-visible{outline-offset:2px;outline:2px solid #a0f0ff8c}.wk-mem-ul{-webkit-overflow-scrolling:touch;max-height:min(40vh,240px);margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.wk-mem-li{color:#e6faff;gap:4px;padding:6px 4px;font:12px/1.35 Inter,system-ui,sans-serif;display:grid}.wk-mem-kai{color:#e7fbff;font-weight:800}.wk-mem-head{align-items:center;gap:8px;display:flex}.wk-mem-pin{text-transform:uppercase;letter-spacing:.08em;color:#d9f6ff;background:#8beaff1f;border:1px solid #8beaff4d;border-radius:999px;padding:2px 6px;font:700 10px/1 Inter,system-ui,sans-serif}.wk-mem-title{color:#f0fbff;font:700 12.5px/1.3 Inter,system-ui,sans-serif}.wk-mem-text{color:#e7fbffe0}.wk-mem-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wk-mem-intent{color:#9fdcff;text-transform:uppercase;letter-spacing:.08em;font:700 10px/1 Inter,system-ui,sans-serif}.wk-mem-tags{flex-wrap:wrap;gap:6px;display:flex}.wk-mem-tag{color:#dff8ff;background:#ffffff14;border-radius:999px;padding:2px 6px;font:600 10px/1 Inter,system-ui,sans-serif}.wk-notes-empty{color:#9db4c1;margin:10px 0 0;font:12px/1.4 Inter,system-ui,sans-serif}@media (max-width:680px){.wk-stage{width:92vmin;height:92vmin}.wk-notes-dock{left:50%;right:50%;bottom:calc(var(--safe-bottom) + 4.8rem);width:min(92vw,22rem);max-height:36vh;transform:translate(-50%)}.wk-seal{top:calc(var(--safe-top) + 3.6rem)}}@media (max-width:420px){.wk-stage{width:90vmin;height:90vmin}.wk-toggle button{padding:.45rem .8rem}}@media (dynamic-range:high){.wk-header,.wk-seal,.wk-add-note-btn{animation:hueDrift calc(var(--double)*6)linear infinite}@keyframes hueDrift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--c-bg:#050607;--c-panel:#0d0f11;--c-glow:#00eaff;--c-gold:#f5c84c;--c-red:#ff3b30;--c-note:#9d4dff;--radius-xl:26px;--radius-lg:18px;--radius:12px;--border-lg:2px solid var(--c-glow);--kai-pulse:5.236s;--tap:44px;--dvh:100dvh}*,:before,:after{box-sizing:border-box}html,body{background:var(--c-bg);color:#e7f8ff;-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:Inter var,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif}button{-webkit-tap-highlight-color:transparent}.day-modal-backdrop{z-index:10040;padding:env(safe-area-inset-top,0)env(safe-area-inset-right,0)env(safe-area-inset-bottom,0)env(safe-area-inset-left,0);min-height:var(--dvh,100vh);pointer-events:none;content-visibility:auto;contain:layout paint style;background:radial-gradient(circle,#00eaff1f,#000000eb);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-editor-backdrop{z-index:10050;pointer-events:auto;touch-action:manipulation;background:radial-gradient(circle,#00eaff1a,#000000b3);position:fixed;inset:0}.day-modal{pointer-events:auto;width:min(92vw,720px);max-height:min(92vh,calc(var(--vvh,var(--dvh,100vh)) - 8vh));min-height:min(66vh,calc(var(--vvh,var(--dvh,100vh)) - 12vh));background:var(--c-panel);border-radius:var(--radius-xl);content-visibility:auto;contain:layout paint style;contain-intrinsic-size:720px 640px;will-change:transform,opacity;animation:modal-breathe var(--kai-pulse)ease-in-out infinite alternate;border:1px solid #00eaff2e;flex-direction:column;margin:6vh auto;display:flex;overflow:hidden;box-shadow:0 0 14px 2px #00eaff59,0 0 38px 6px #00eaff26}@keyframes modal-breathe{0%{box-shadow:0 0 14px 3px #00eaff4d}to{box-shadow:0 0 24px 5px #00eaff6b}}@media (max-width:599px){.day-modal{margin-top:calc(env(safe-area-inset-top) + 4.75rem);width:min(94vw,720px);margin-bottom:4vh}}.day-header{z-index:3;background:var(--c-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #00eaff1f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex;position:sticky;top:0}.day-header h2{color:var(--c-gold);text-shadow:0 0 6px #f5c84c73;margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.day-header h2 span{color:var(--c-glow);font-weight:400}.close-btn{all:unset;cursor:pointer;width:max(2.25rem,var(--tap));height:max(2.25rem,var(--tap));color:var(--c-red);touch-action:manipulation;will-change:transform,background;background:#ffffff0d;border-radius:50%;place-items:center;font-size:1.12rem;transition:background .18s,transform .18s;display:grid;box-shadow:0 0 4px #00000059}.close-btn:hover{background:#ff3b3029;transform:rotate(90deg)}.close-btn:active{transform:scale(.92)rotate(90deg)}.close-btn:focus-visible{outline-offset:3px;outline:2px solid #ff3b3099}.beat-list{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;flex:auto;padding:.35rem 0 2.5rem;overflow-y:auto}.beat-list::-webkit-scrollbar{width:8px}.beat-list::-webkit-scrollbar-thumb{background:#00eaff59;border-radius:4px}.beat-list::-webkit-scrollbar-track{background:#ffffff05}.beat-list{scrollbar-width:thin;scrollbar-color:#00eaff59 #ffffff05}.chapter-container+.chapter-container{margin-top:1rem}.chapter-header,.beat-header{all:unset;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#00eaff14;justify-content:space-between;align-items:center;width:100%;padding:.7rem 1rem;font-size:1rem;font-weight:600;transition:background .18s;display:flex}.group-header{all:unset;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#00eaff0f;justify-content:space-between;align-items:center;width:100%;padding:.6rem .85rem;font-size:.95rem;font-weight:600;transition:background .18s;display:flex}.group-header:hover{background:#00eaff1f}.group-header.open{background:#00eaff29}.chapter-count,.beat-count,.group-count{color:#c7f4ffd9;letter-spacing:.02em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin-left:auto;padding:.15rem .5rem;font-size:.72rem}.chapter-header:hover,.beat-header:hover{background:#00eaff1f}.chapter-header.open,.beat-header.open{background:#00eaff2e}.chevron{border-right:2px solid var(--c-glow);border-bottom:2px solid var(--c-glow);flex:none;width:.55rem;height:.55rem;transition:transform .25s;transform:rotate(45deg)}.chapter-header.open .chevron,.beat-header.open .chevron,.group-header.open .chevron{transform:rotate(225deg)}.chapter-body,.beat-steps,.group-body{overflow:hidden}.beat-accordion+.beat-accordion{margin-top:.6rem}.step-row{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;transition:background .18s,transform .18s;display:flex;position:relative}.step-row:hover{background:#ffffff0f;transform:translate(4px)}.step-index{color:#c2f6ff;letter-spacing:.015em;font-size:.9rem}.step-note-preview{opacity:.75;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.step-row.has-note{background:#9d4dff17}.step-row.has-note:before{content:"";border-radius:var(--radius);pointer-events:none;position:absolute;inset:0;box-shadow:0 0 6px 2px #9d4dff52}.step-row.current{animation:breathe-current var(--kai-pulse)ease-in-out infinite;background:#00eaff24}@keyframes breathe-current{0%{box-shadow:0 0 8px 2px #00eaff59}to{box-shadow:0 0 14px 4px #00eaff80}}.note-editor{z-index:120;background:var(--c-panel);border-top:var(--border-lg);border-radius:var(--radius-lg)var(--radius-lg)0 0;pointer-events:auto;touch-action:manipulation;content-visibility:auto;contain:layout paint style;will-change:transform;max-height:calc(var(--vvh,100vh) - var(--kb-inset,0px) - 5rem);padding:1.25rem 1.4rem 1.5rem;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #00eaff38}.note-editor h4{color:var(--c-gold);text-shadow:0 0 5px #f5c84c73;margin:0 0 .6rem;font-size:1rem}.note-editor textarea{border-radius:var(--radius);color:#e7f8ff;resize:vertical;-webkit-overflow-scrolling:touch;background:#ffffff0d;border:1px solid #00eaff38;outline:none;width:100%;height:7rem;padding:.8rem .9rem;font-size:.9rem;line-height:1.4;transition:border .18s,box-shadow .18s}.note-editor textarea:focus{border-color:var(--c-glow);box-shadow:0 0 6px #00eaff8c}.note-editor footer{justify-content:flex-end;gap:.75rem;margin-top:.95rem;display:flex}.btn-cancel,.btn-save{all:unset;cursor:pointer;border-radius:var(--radius);touch-action:manipulation;padding:.58rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .18s,box-shadow .18s,filter .18s}.btn-cancel{background:#ffffff12}.btn-cancel:hover{background:#ffffff1f}.btn-save{background:var(--c-glow);color:#001217;box-shadow:0 0 8px 2px #00eaff59}.btn-save:hover:not(:disabled){box-shadow:0 0 14px 4px #00eaff8c}.btn-save:disabled{opacity:.4;cursor:not-allowed}@media (max-width:480px){.day-header{padding:1rem 1rem .85rem}.chapter-header,.beat-header{padding:.64rem .9rem}.step-row{padding:.5rem .7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--nebula-base:#04060c;--nebula-deep:#01050e;--aqua-core:#00eaff;--aqua-soft:#00eaff24;--seal-glow-inset:#00eaff5c;--seal-glow-mid:#00eaff6b;--seal-glow-outer:#00eaff3d;--note-dot:#ff1559;--pulse:5.236s;--double:calc(var(--pulse)*2);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:where(.mw-backdrop,.mw-backdrop *){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .25s,opacity .25s}.mw-backdrop{z-index:2147483000;background:var(--nebula-base);background-image:radial-gradient(ellipse at 50% 42%,#000c1af5 0%,var(--nebula-deep)80%),radial-gradient(circle at 30% 30%,#011428e6 0%,transparent 70%),radial-gradient(circle at 70% 60%,#00223cb3 0%,transparent 60%),repeating-radial-gradient(circle at 48% 50%,#004e6c40 0 2px,transparent 2px 5px);background-blend-mode:overlay,screen,lighten,normal;animation:mw-nebulaFlow var(--double)linear infinite,mw-portalShift1 200s linear infinite,mw-portalShift2 137s linear infinite,mw-portalShift3 89s linear infinite;padding:var(--safe-top)var(--safe-right)var(--safe-bottom)var(--safe-left);overscroll-behavior:none;contain:layout paint style;content-visibility:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:fixed;inset:0}@keyframes mw-nebulaFlow{0%,to{background-position:50% 40%,50%}50%{background-position:52% 44%,48% 48%}}@keyframes mw-portalShift1{0%{background-position:50% 42%}to{background-position:55% 38%}}@keyframes mw-portalShift2{0%{background-position:30% 30%}to{background-position:25% 35%}}@keyframes mw-portalShift3{0%{background-position:70% 60%}to{background-position:65% 55%}}.mw-backdrop:before,.mw-backdrop:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.06;background-image:radial-gradient(circle,#ffffffb3 1px,#0000 2px);background-size:3px 3px;animation:7s linear infinite mw-twinkle;position:fixed;inset:0}.mw-backdrop:after{opacity:.05;background-size:4px 4px;animation-duration:11s;transform:translateZ(0)}@keyframes mw-twinkle{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-.5rem,.75rem)scale(1.03)}to{transform:translate(0,0)scale(1)}}.mw-panel{pointer-events:auto;contain:layout paint style;content-visibility:auto;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100vw;height:100vh;position:relative;overflow:hidden}.mw-close.mw-close--glyph{all:unset;top:calc(var(--safe-top) + .75rem);right:calc(var(--safe-right) + .75rem);cursor:pointer;z-index:10001;place-content:center;width:2.6rem;height:2.6rem;transition:transform .25s;display:grid;position:absolute}.mw-close.mw-close--glyph:hover{transform:scale(1.1)}.mw-close.mw-close--glyph svg{filter:drop-shadow(0 0 8px #00eaffbf)drop-shadow(0 0 12px #ff1559bf);width:100%;height:100%}.glyphSheen line{stroke-dasharray:120;stroke-dashoffset:120px;animation:mw-glyphSheen var(--double)ease-in-out infinite}@keyframes mw-glyphSheen{0%{stroke-opacity:0;stroke-dashoffset:120px}8%{stroke-opacity:.8}22%{stroke-opacity:0}to{stroke-dashoffset:0}}.mw-stage{will-change:transform;contain:layout paint style;content-visibility:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100vw;height:100vh;position:absolute;inset:0;overflow:visible}.mw-stage path{stroke-linecap:round}.mw-stage text{pointer-events:none;text-shadow:0 0 4px #0009;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:4px}.mw-daychip{vector-effect:non-scaling-stroke;filter:url(#mw-neon);transition:transform .18s,opacity .18s}.mw-daychip:hover{transform:translateZ(2px)scale(1.05)}.mw-hasNote{box-shadow:0 0 10px var(--seal-glow-mid)}.mw-note-dot{filter:drop-shadow(0 0 4px var(--note-dot))drop-shadow(0 0 8px var(--note-dot))}.mw-today{filter:drop-shadow(0 0 8px var(--aqua-core))drop-shadow(0 0 12px var(--seal-glow-mid))}.mw-today-label{filter:drop-shadow(0 0 8px var(--aqua-core))drop-shadow(0 0 12px var(--seal-glow-mid));animation:mw-textPulse var(--pulse)ease-in-out infinite}@keyframes mw-textPulse{50%{filter:drop-shadow(0 0 12px var(--aqua-core))drop-shadow(0 0 16px var(--seal-glow-mid));transform:scale(1.1)}}.mw-comet .mw-comet-core{fill:var(--aqua-core);opacity:.95;animation:mw-cometCore var(--pulse)ease-in-out infinite}.mw-comet .mw-comet-glow-1{fill:var(--aqua-core);opacity:.12;animation:mw-cometGlow var(--pulse)ease-in-out infinite}.mw-comet .mw-comet-glow-2{fill:var(--aqua-core);opacity:.06;animation:mw-cometGlow var(--double)ease-in-out infinite}@keyframes mw-cometCore{50%{transform:scale(1.08)}}@keyframes mw-cometGlow{50%{opacity:.1;transform:scale(1.12)}}.mw-seal{bottom:calc(var(--safe-bottom) + 2.2rem);background:var(--aqua-soft);color:#e6faff;box-shadow:inset 0 0 1px var(--seal-glow-inset),0 0 12px var(--seal-glow-mid);animation:mw-sealPulse var(--pulse)ease-in-out infinite,mw-sealFloat var(--double)ease-in-out infinite;pointer-events:none;contain:paint;border-radius:1rem;padding:.6rem 1.2rem;font:500 1rem JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;position:absolute;left:50%;transform:translate(-50%)}@keyframes mw-sealPulse{50%{box-shadow:inset 0 0 1px var(--seal-glow-inset),0 0 16px var(--seal-glow-mid)}}@keyframes mw-sealFloat{50%{transform:translate(-50%)translateY(-.5rem)}}.mw-cam{bottom:calc(var(--safe-bottom) + .8rem);left:calc(var(--safe-left) + .8rem);z-index:10002;gap:.4rem;display:flex;position:absolute}.mw-cam-btn{all:unset;color:#ffffffe6;cursor:pointer;background:#ffffff14;border-radius:.7rem;padding:.42rem .66rem;font:500 .86rem/1 Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #ffffff1f}.mw-cam-btn:hover{background:#ffffff24}.mw-cam-btn.is-active{background:#00eaff2e;box-shadow:inset 0 0 0 1px #00eaff5c}@media (dynamic-range:high){.mw-backdrop,.mw-seal{animation:mw-hueDrift calc(var(--double)*6)linear infinite}@keyframes mw-hueDrift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:680px){.mw-seal{bottom:calc(var(--safe-bottom) + 1.6rem)}.mw-close.mw-close--glyph{top:calc(var(--safe-top) + .5rem);right:calc(var(--safe-right) + .5rem)}}.mw-stage text{font-size:4.2px}.mw-label{paint-order:stroke fill}.mw-label-day{letter-spacing:.15px}.mw-label-num{letter-spacing:.2px}
.note-modal-backdrop{z-index:10025;background:#0009;position:fixed;inset:0}.note-modal{z-index:10026;background:#0c0f12;border:1px solid #ffffff14;border-radius:16px;max-width:680px;margin:0 auto;position:fixed;inset:auto 12px 12px;box-shadow:0 10px 40px #00000080}.note-modal__chip{background:#ffffff0f;border-radius:999px;padding:2px 6px}.note-modal__close{color:#9fb;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.note-modal__body textarea{color:#e8f7ff;resize:vertical;background:#0a0d10;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;min-height:96px;padding:10px 12px}.btn-primary{color:#001018;cursor:pointer;background:linear-gradient(90deg,#8beaff,#c7f4ff);border:0;border-radius:10px;padding:8px 12px;font:600 14px/1 Inter;box-shadow:0 0 18px #8beaff59}.btn-secondary{color:#cfeaff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:8px 12px;font:600 14px/1 Inter}@media (min-width:700px){.note-modal{inset:12vh auto auto}}.note-modal-backdrop{z-index:10025;background:radial-gradient(1200px 600px at 20% -10%,#00eaff1a,#0000 60%),radial-gradient(900px 600px at 110% 110%,#ff155914,#0000 60%),#000000a8;position:fixed;inset:0;overflow:hidden}.note-modal-backdrop:before{content:"";filter:blur(50px)saturate(120%);pointer-events:none;opacity:.55;background:conic-gradient(from 180deg,#8beaff40,#c7f4ff0d,#ff155926,#8beaff40);animation:26s linear infinite aurora;position:absolute;inset:-40%}.note-modal-backdrop:after{content:"";pointer-events:none;opacity:.65;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff59 50%,#0000 51%),radial-gradient(1px 1px at 80% 70%,#ffffff38 50%,#0000 51%),radial-gradient(1px 1px at 40% 80%,#ffffff2e 50%,#0000 51%),radial-gradient(1px 1px at 60% 20%,#ffffff47 50%,#0000 51%);animation:5.236s ease-in-out infinite twinkle;position:absolute;inset:0}.note-modal{z-index:10026;-webkit-backdrop-filter:blur(6px)saturate(110%);backdrop-filter:blur(6px)saturate(110%);background:linear-gradient(#0c0f12e6 0%,#080a0deb 100%);border:1px solid #ffffff14;border-radius:16px;max-width:680px;margin:0 auto;position:fixed;inset:auto 12px 12px;overflow:hidden;box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #ffffff08}.note-modal:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.55;pointer-events:none;background:linear-gradient(90deg,#8beaff,#c7f4ff,#ff1559,#8beaff);padding:1px;animation:8.472s linear infinite borderflow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.note-modal__header{flex-direction:column;gap:6px;padding:14px 16px 6px;display:flex;position:relative}.note-modal__title{color:#cfeaff;align-items:baseline;gap:8px;font:600 14px/1.3 Inter,system-ui,sans-serif;display:flex}.note-modal__beatstep{color:#aef;text-shadow:0 0 14px #a0f0ff99;font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.note-modal__meta{color:#8aa6b3;gap:10px;font:12px/1.4 Inter,system-ui,sans-serif;display:flex}.note-modal__chip{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:2px 6px}.note-modal__close{color:#cfeaff;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.note-modal__close:hover{background:#ffffff0f}.note-modal__body{padding:6px 16px 12px}.note-modal__body textarea{color:#e8f7ff;resize:vertical;background:#0a0d10;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:112px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff05}.note-modal__body textarea:focus{border-color:#8beaffa6;box-shadow:0 0 0 3px #8beaff2e,inset 0 0 0 1px #8beaff33}.note-modal__hints{color:#a8c5d4;margin-top:8px;font:12px/1.4 Inter,system-ui,sans-serif}.note-modal__actions{justify-content:flex-end;gap:8px;padding:0 16px 16px;display:flex}.btn-primary{color:#001018;cursor:pointer;background:linear-gradient(90deg,#8beaff,#c7f4ff);border:0;border-radius:12px;padding:10px 14px;font:600 14px/1 Inter;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 0 18px #8beaff59,0 4px 18px #00000059}.btn-primary:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{color:#cfeaff;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:12px;padding:10px 14px;font:600 14px/1 Inter;transition:background .12s,border-color .12s}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff47}.btn-ghost{color:#cfeaff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:10px 14px;font:600 14px/1 Inter;transition:background .12s,border-color .12s,transform .12s}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff38}.btn-ghost:active{transform:translateY(1px)}@media (min-width:700px){.note-modal{inset:12vh auto auto}}@keyframes aurora{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes twinkle{0%,to{opacity:.65}50%{opacity:.9}}@keyframes borderflow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.note-modal__closeIcon line{stroke-linecap:round;vector-effect:non-scaling-stroke}.note-modal{will-change:bottom;transform:translateZ(0)}@supports (height:100dvh){.note-modal{bottom:max(12px,var(--kb-inset,0px))}}.note-modal{flex-direction:column;max-height:min(88vh,100dvh - 24px);display:flex}.note-modal__header,.note-modal__toolbar,.note-modal__actions{flex-shrink:0}.note-modal__content{flex:auto;padding-bottom:8px;overflow:auto}.note-modal__controls{align-items:center;gap:8px;display:flex}.note-modal__expand,.note-modal__pin{color:#e6f9ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:4px 8px;font:600 12px/1 Inter,system-ui,sans-serif;transition:background .15s,transform .15s,border-color .15s}.note-modal__expand:hover,.note-modal__pin:hover{background:#ffffff1f}.note-modal__pin.is-active{border-color:#8beaffcc;box-shadow:0 0 12px #8beaff4d}.note-modal__toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090c0fb3;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:8px 16px 4px;display:flex}.tool-btn{all:unset;cursor:pointer;color:#dff7ff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:6px 8px;font:600 12px/1 Inter,system-ui,sans-serif;transition:background .15s,border-color .15s,transform .15s}.tool-btn:active{transform:translateY(1px)}.tool-sep{background:#ffffff14;width:1px;height:20px}.tool-stats{color:#9ec1d1;gap:10px;margin-left:auto;font:600 11px/1 Inter,system-ui,sans-serif;display:flex}.note-modal__meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:12px 16px 6px;display:grid}.note-modal__label{letter-spacing:.02em;color:#a8c5d4;text-transform:uppercase;flex-direction:column;gap:6px;font:600 11px/1 Inter,system-ui,sans-serif;display:flex}.note-modal__input{color:#eaf8ff;background:#070a0cb3;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:8px 10px;font:500 13px/1.2 Inter,system-ui,sans-serif}.note-modal__input:focus{border-color:#8beaffa6;box-shadow:0 0 0 2px #8beaff29}.note-modal__select{appearance:none}.note-modal__tags{flex-wrap:wrap;gap:6px;padding:2px 16px 10px;display:flex}.note-modal__tag{color:#d9f6ff;background:#8beaff1f;border:1px solid #8beaff40;border-radius:999px;padding:3px 8px;font:600 11px/1 Inter,system-ui,sans-serif}.note-modal__field--doc textarea{min-height:260px}.note-modal__field textarea{color:#e8f7ff;resize:vertical;background:#0a0d10;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:140px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff05}.note-modal__resize{cursor:ns-resize;background:#ffffff1f;border-radius:999px;width:96px;height:6px;margin:4px auto 0}.note-modal-backdrop{background:radial-gradient(1200px 800px at 10% -10%,#74f8ff2e,#0000 60%),radial-gradient(800px 600px at 120% 120%,#a378ff2e,#0000 60%),#02060ccc}.note-modal{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(#070c12db 0%,#04080eeb 100%);border:1px solid #96ebff2e;border-radius:22px;max-width:min(760px,94vw);box-shadow:0 20px 50px #0000008c,0 0 40px #76f6ff2e,inset 0 0 0 1px #ffffff0a}.note-modal:before{opacity:.8;background:linear-gradient(120deg,#76f6ffe6,#7effe58c,#9878ffcc)}.note-modal__header{padding:18px 20px 12px}.note-modal__title{color:#e8fbff;letter-spacing:.02em;font-size:15px}.note-modal__beatstep{color:#8ff6ff;font-size:18px}.note-modal__meta{flex-wrap:wrap;gap:8px}.note-modal__chip{color:#dff9ff;background:#78f0ff1f;border:1px solid #78f0ff38}.note-modal__controls{gap:10px}.note-modal__expand,.note-modal__pin{color:#e8fbff;background:#78f0ff1f;border:1px solid #78f0ff38}.note-modal__pin.is-active{background:#78f0ff47;border-color:#78f0ffb3}.note-modal__toolbar{background:linear-gradient(90deg,#080e14e6,#060a10b3);gap:8px;padding:10px 18px;box-shadow:inset 0 0 0 1px #ffffff0a}.tool-btn{color:#e5fbff;background:#78f0ff1f;border:1px solid #78f0ff2e}.tool-btn:hover{background:#78f0ff33;border-color:#78f0ff59}.tool-stats{color:#caeeffd9}.note-modal__meta-grid{gap:12px;padding:14px 18px 8px}.note-modal__label{color:#bae6ffe6}.note-modal__input{background:#080e14cc;border:1px solid #78f0ff2e;box-shadow:inset 0 0 12px #07b4ff14}.note-modal__input::placeholder{color:#b0d2e0b3}.note-modal__tags{padding:4px 18px 10px}.note-modal__tag{background:#78f0ff2e;border-color:#78f0ff4d}.note-modal__field{padding:0 18px 8px}.note-modal__field textarea{background:#060c12f2;border:1px solid #78f0ff38;box-shadow:inset 0 0 22px #06a0ff14}.note-modal__hints{color:#bae6ffd9}.note-modal__actions{padding:6px 18px 18px}.btn-ghost{background:#78f0ff14;border-color:#78f0ff33}.btn-primary{color:#03111a;background:linear-gradient(120deg,#76f6ff,#8dffe2,#a987ff)}.btn-primary:hover{box-shadow:0 0 26px #78f0ff73}@media (max-width:520px){.note-modal{inset:auto 10px 10px}.note-modal__header{padding:14px 16px 10px}.note-modal__title{font-size:13px}.note-modal__beatstep{font-size:16px}.note-modal__meta{font-size:11px}.note-modal__controls{gap:8px}.note-modal__expand,.note-modal__pin{padding:3px 7px;font-size:11px}.note-modal__toolbar{gap:6px;padding:8px 14px}.tool-btn{padding:5px 7px;font-size:11px}.tool-stats{gap:8px;font-size:10px}.note-modal__meta-grid{gap:10px;padding:12px 14px 6px}.note-modal__label{gap:4px;font-size:10px}.note-modal__input{padding:7px 9px;font-size:12px}.note-modal__field{padding:0 14px 6px}.note-modal__field textarea{min-height:120px;padding:10px 12px;font-size:13px}.note-modal__actions{gap:6px;padding:6px 14px 14px}.btn-primary,.btn-ghost,.btn-secondary{border-radius:10px;padding:8px 12px;font-size:12px}.note-modal__toolbar{flex-wrap:wrap}.tool-stats{justify-content:flex-start;width:100%}.note-modal__actions{padding-bottom:max(18px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}}
:root{--panel-max:720px;--cy:#00f6ff;--ink:#def8ff;--ink-dim:#9bd9ee;--bg:#06101699;--glass:#081820a8;--ring:color-mix(in oklab,var(--cy)40%,transparent);--accent:#7af9ff}.solar-anchored-dial{--dial-size:clamp(240px,78vw,420px);box-sizing:border-box;place-items:start center;gap:14px;inline-size:100%;max-inline-size:100%;display:grid}.solar-anchored-dial .dial-stage{width:var(--dial-size);height:var(--dial-size);place-items:center;display:grid;position:relative}.solar-anchored-dial .dial-stage.depth-3d{background:radial-gradient(120% 180% at 50% 10%,#00ffff1a,#0000 60%),radial-gradient(120% 180% at 50% 90%,#00ffff1a,#0000 60%);border-radius:28px;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0d}.solar-anchored-dial .kai-klock-shell{width:100%;max-width:none;height:100%;max-height:none}.solar-sync-panel{width:min(100%,var(--panel-max));box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:blur(10px)saturate(1.25);border:1px solid var(--ring);max-inline-size:calc(100% - 24px);color:var(--ink);box-shadow:0 14px 40px #00000059,0 0 0 1px color-mix(in oklab,var(--cy)18%,transparent)inset;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:manipulation;border-radius:18px;max-height:min(60vh,560px);margin-inline:auto;padding:12px 14px;overflow:auto}@supports (height:100svh){.solar-sync-panel{max-height:min(60svh,560px)}}.panel-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.panel-glyph{width:28px;height:28px;color:var(--accent);background:radial-gradient(100% 100%,#00ffff38,#00ffff0d);border-radius:10px;place-items:center;font-weight:800;display:grid;box-shadow:0 0 10px #00f6ff66,inset 0 0 10px #00f6ff33}.panel-text strong{letter-spacing:.02em;font-size:.95rem}.panel-sub{color:var(--ink-dim);margin-top:2px;font-size:.8rem;display:block}.icon-button.help{border:1px solid color-mix(in oklab,var(--cy)45%,transparent);width:28px;height:28px;color:var(--ink);cursor:pointer;background:radial-gradient(100% 100%,#00000059,#00000026);border-radius:10px;place-items:center;margin-left:auto;font-weight:900;transition:transform 80ms,box-shadow .18s,border-color .18s,background .18s;display:grid;box-shadow:0 4px 18px #00f6ff1f,inset 0 0 18px #00f6ff14}.icon-button.help:hover{transform:translateY(-1px)}.icon-button.help:active{transform:translateY(0)}.row{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:8px;display:flex}.buttons-row{justify-content:space-between;width:100%}.nudge{gap:6px;display:inline-flex}.input-row{margin-top:6px}.label{width:100%;color:var(--ink-dim);margin-bottom:4px;font-size:.82rem}.input-group{align-items:center;gap:8px;width:100%;display:flex}.time-input{min-width:140px;color:var(--ink);border:1px solid color-mix(in oklab,var(--cy)35%,transparent);caret-color:var(--accent);-webkit-user-select:text;-webkit-text-size-adjust:100%;touch-action:manipulation;background:#00000059;border-radius:10px;outline:none;flex:160px;padding:10px 12px;font:600 17px/1.1 ui-sans-serif,system-ui,-apple-system,Inter,Nunito,Segoe UI,Roboto,Arial,sans-serif;transition:box-shadow .18s,border-color .18s,background .18s;box-shadow:0 0 0 2px #0000}.time-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--cy)25%,transparent);background:#00000073}.btn{appearance:none;border:1px solid color-mix(in oklab,var(--cy)65%,transparent);color:var(--ink);cursor:pointer;text-shadow:0 0 2px #7af9ff59;background:radial-gradient(120% 140% at 50% 0,#00ffff1a,#0000002e),linear-gradient(#00000059,#00000026);border-radius:12px;padding:10px 12px;font:800 .92rem/1 ui-sans-serif,system-ui,-apple-system,Inter,Nunito,Segoe UI,Roboto,Arial,sans-serif;transition:transform 80ms,box-shadow .18s,border-color .18s,background .18s,filter .18s;position:relative;box-shadow:0 6px 22px #00f6ff1a,inset 0 0 18px #00f6ff14}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary,.btn.save{color:#e8feff;text-shadow:0 0 8px #00f6ffd9,0 0 22px #7af9ff8c,0 0 46px #7af9ff4d;border-color:color-mix(in oklab,var(--cy)90%,white 10%);background:radial-gradient(130% 160% at 50% -20%,#00f6ff59,#0000),linear-gradient(#00f6ff47,#003c4642 36%,#0000005c);animation:3.1s ease-in-out infinite alternate auroraPulse;box-shadow:0 0 22px #00f6ff73,0 0 60px #00f6ff40,inset 0 0 28px #00f6ff59}.btn.primary:hover,.btn.save:hover{transform:translateY(-1px)scale(1.015);box-shadow:0 12px 38px #00f6ff8c,0 0 86px #00f6ff59,inset 0 0 38px #00f6ff73}.btn.primary:active,.btn.save:active{transform:translateY(0)scale(.985);box-shadow:0 0 16px #00f6ffb3,inset 0 0 42px #00f6ff8c}.btn.primary:after,.btn.save:after{content:"";border-radius:inherit;filter:blur(12px);opacity:0;pointer-events:none;background:conic-gradient(from 180deg,#7af9ff00 0deg,#7af9ff59 70deg,#7af9ff00 140deg);transition:opacity .2s;position:absolute;inset:-3px}.btn.primary:hover:after,.btn.save:hover:after{opacity:1}.btn:disabled{opacity:.55;color:color-mix(in oklab,var(--ink)75%,white 25%);border-color:color-mix(in oklab,var(--cy)30%,transparent);cursor:not-allowed;box-shadow:0 4px 14px #00f6ff14,inset 0 0 16px #00f6ff0f}@keyframes auroraPulse{0%{filter:drop-shadow(0 0 6px #00f6ff40)}to{filter:drop-shadow(0 0 18px #00f6ffa6)}}@keyframes solarBurst{0%{box-shadow:0 0 #00f6ffa6}to{box-shadow:0 0 0 22px #00f6ff00}}.explainer{opacity:0;max-height:0;transition:max-height .24s,opacity .24s,margin-top .24s;overflow:hidden}.explainer.open{opacity:1;max-height:220px;margin-top:8px}.sr-live{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.solar-anchored-dial{--dial-size:clamp(200px,76vw,320px)}.buttons-row{gap:8px}.btn{padding:10px}.nudge .btn{padding:8px 10px}.solar-sync-panel{max-height:min(64svh,520px)}}@media (min-width:1200px){.solar-anchored-dial{--dial-size:clamp(300px,32vw,460px)}}@media (prefers-reduced-motion:reduce){.btn.primary,.btn.save,.btn.primary:focus-visible,.btn.save:focus-visible{animation:none}}.solar-anchored-dial .dial-stage.depth-3d{overflow:hidden;box-shadow:none!important;background:0 0!important;border-radius:999px!important}
