:root{--bg-deep:#020203;--bg-base:#050508;--bg-elevated:#0a0a12;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff14;--border-accent:#3b82f64d;--text-primary:#ededef;--text-secondary:#8a8f98;--text-muted:#8a8f988c;--blue:#3b82f6;--cyan:#22d3ee;--orange:#f97316;--green:#22c55e;--glow-blue:#3b82f673;--glow-cyan:#22d3ee66;--glow-orange:#f9731666;--radius-sm:8px;--radius:12px;--radius-lg:18px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow:hidden}#root{height:100%}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{flex-direction:column;align-items:center;min-height:100dvh;padding:0 16px 32px;display:flex;position:relative;overflow:hidden}.blob{filter:blur(80px);pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.blob-1{background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:480px;height:480px;animation-delay:0s;top:-120px;left:-80px}.blob-2{background:radial-gradient(circle,#22d3ee17 0%,#0000 70%);width:360px;height:360px;animation-duration:22s;animation-delay:-6s;bottom:-60px;right:-60px}.blob-3{background:radial-gradient(circle,#f973160f 0%,#0000 70%);width:280px;height:280px;animation-duration:26s;animation-delay:-12s;top:40%;left:60%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.app-header{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:520px;padding:20px 0 0;display:flex}.logo{letter-spacing:3px;color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.real-time-badge{letter-spacing:1.5px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:500}.app-main{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding-top:8px;display:flex}.clock-label{letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.clock-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.rate-badge{letter-spacing:1px;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:100px;padding:3px 9px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:600;transition:color .3s;position:absolute;bottom:28px;right:-8px}.time-compare{letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:12px;margin-top:4px;font-family:SF Mono,Fira Code,monospace;font-size:13px;display:flex}.compare-item{align-items:center;gap:6px;display:flex}.compare-item.magic{color:var(--cyan);text-shadow:0 0 10px var(--glow-cyan)}.compare-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.compare-dot.magic-dot{background:var(--cyan);box-shadow:0 0 6px var(--glow-cyan)}.compare-sep{color:var(--text-muted);font-size:12px}.settings-trigger{border-radius:var(--radius-lg);border:1px solid var(--border-accent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.3px;color:var(--text-secondary);z-index:100;background:#0a0a12d9;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:32px;right:28px}.settings-trigger:hover{color:var(--text-primary);background:#3b82f61f;border-color:#3b82f680;box-shadow:0 0 20px #3b82f633}.settings-trigger:active{transform:scale(.97)}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#02020399;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-panel{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0a12f7;flex-direction:column;width:min(420px,100vw);height:100dvh;display:flex;overflow:hidden}.settings-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:28px 24px 20px;display:flex}.settings-title{letter-spacing:.3px;color:var(--text-primary);font-size:18px;font-weight:600}.settings-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.hour-grid{border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:2px;padding:20px 20px 12px;display:flex}.hour-bar-btn{border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0;transition:background .15s;display:flex}.hour-bar-btn:hover .bar-fill{filter:brightness(1.3)}.hour-bar-btn.selected .bar-label{color:var(--blue)}.hour-bar-btn.real-now .bar-label{color:var(--cyan)}.bar-track{background:#ffffff05;border-radius:3px 3px 0 0;align-items:flex-end;width:100%;height:72px;display:flex;overflow:hidden}.bar-fill{width:100%;transition:height .3s var(--ease-out),background .3s;border-radius:2px 2px 0 0;min-height:4px}.bar-label{letter-spacing:.5px;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-family:SF Mono,monospace;font-size:8px}.hour-detail{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.detail-header{justify-content:space-between;align-items:center;display:flex}.detail-hour-badge{letter-spacing:4px;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:32px;font-weight:200}.detail-rate{font-family:SF Mono,monospace;font-size:28px;font-weight:600;transition:color .3s}.slider-container{align-items:center;gap:12px;display:flex}.slider-label{color:var(--text-muted);text-align:center;flex-shrink:0;width:32px;font-family:SF Mono,monospace;font-size:11px}.slider-track{flex:1}.rate-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--thumb-color,var(--blue))0%,var(--thumb-color,var(--blue))var(--fill-pct,50%),#ffffff1a var(--fill-pct,50%),#ffffff1a 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.rate-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb-color,var(--blue));width:18px;height:18px;box-shadow:0 0 0 3px #3b82f633,0 0 12px var(--glow-blue);cursor:pointer;border-radius:50%;transition:transform .15s,box-shadow .15s}.rate-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #3b82f64d,0 0 16px var(--glow-blue);transform:scale(1.2)}.rate-slider::-moz-range-thumb{background:var(--thumb-color,var(--blue));width:18px;height:18px;box-shadow:0 0 12px var(--glow-blue);cursor:pointer;border:none;border-radius:50%}.hour-desc{border-radius:var(--radius-sm);background:#3b82f60f;border:1px solid #3b82f626;flex-direction:column;gap:2px;margin-bottom:10px;padding:10px 14px;display:flex}.hour-desc-range{color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.5px;margin-bottom:4px;font-size:12px}.hour-desc-row{font-variant-numeric:tabular-nums;grid-template-columns:7em 1em 1fr;align-items:center;gap:4px;font-size:13px;display:grid}.hour-desc-col-label{color:var(--text-secondary)}.hour-desc-col-eq{color:var(--text-muted);text-align:center}.hour-desc-col-value{color:var(--text-primary)}.gaussian-hint{color:var(--text-muted);border-radius:var(--radius-sm);background:#3b82f60d;border:1px solid #3b82f61a;align-items:flex-start;gap:7px;padding:10px 14px;font-size:12px;line-height:1.6;display:flex}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:52px;color:var(--text-secondary);text-align:center;flex:1;padding:8px 4px;font-family:SF Mono,monospace;font-size:12px;font-weight:500;transition:all .15s}.preset-btn:hover{background:var(--surface-hover);border-color:var(--border-accent);color:var(--text-primary)}.preset-btn.active{border-color:var(--blue);color:var(--blue);background:#3b82f626;box-shadow:0 0 10px #3b82f633}.settings-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sum-info{flex-direction:column;gap:2px;display:flex}.sum-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:10px}.sum-value{color:var(--green);font-family:SF Mono,monospace;font-size:18px;font-weight:600}.github-btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);align-items:center;gap:6px;padding:7px 12px;font-size:13px;text-decoration:none;transition:color .15s,background .15s;display:flex}.github-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.reset-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.reset-btn:hover{color:var(--orange);background:#f973161a;border-color:#f9731666}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width:400px){.settings-panel{border-left:none;width:100vw}.detail-hour-badge{font-size:24px}.detail-rate{font-size:22px}}@media (prefers-reduced-motion:reduce){.blob{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}