:root{--bg-color: oklch(.98 .01 20);--card-bg: oklch(1 0 0);--text-main: oklch(.25 .02 250);--text-muted: oklch(.65 .02 250);--border-color: oklch(.92 .01 250);--debug-color: oklch(.8664 .294827 142.4953);--bar-container: oklch(.9491 0 0);--accent-color: oklch(.6206 .1534 70.29);--table-bg: oklch(98% .01 45);--table-text: oklch(25% .02 45);--table-border: oklch(90% .02 45);--table-hover: oklch(95% .04 45);--header-bg: oklch(96% .01 45);--accent-sun: oklch(60% .16 45);--primary: oklch(.625 .18 42);--btn-nav: oklch(.94 .01 250);--color-low: oklch(.7 .15 145);--color-mod: oklch(.85 .18 85);--color-high: oklch(.65 .22 25);--color-night: oklch(.55 .12 250);--uv-night: oklch(.45 .05 250);--uv-low: oklch(.65 .18 145);--uv-mod: oklch(.8 .17 85);--uv-high: oklch(.65 .2 42);--uv-very-high: oklch(.55 .22 25);--uv-extreme: oklch(.5 .18 300)}.dark{--bg-color: oklch(.15 .02 250);--card-bg: oklch(.2 .02 250);--text-main: oklch(.92 .01 250);--text-muted: oklch(.75 .02 250);--border-color: oklch(.28 .03 250);--accent-color: oklch(.8652 .1768 90.38);--table-bg: oklch(18% .02 45);--table-text: oklch(92% .01 45);--table-border: oklch(28% .03 45);--table-hover: oklch(22% .06 45);--header-bg: oklch(15% .02 45);--accent-sun: oklch(85% .18 45);--uv-night: oklch(.45 .05 250);--uv-low: oklch(.75 .14 145);--uv-mod: oklch(.85 .15 90);--uv-high: oklch(.72 .18 45);--uv-very-high: oklch(.65 .2 28);--uv-extreme: oklch(.62 .18 310);--primary: oklch(.8 .16 45);--btn-nav: oklch(.3 .03 250);--link-color: oklch(.5187 .2452 264.052)}body{background-color:var(--bg) color: var(--text) margin: 0;padding:20px;background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s,color .3s;font-family:system-ui,sans-serif}body.dark main a{color:var(--link-color)}body.dark a:hover{text-decoration:none}footer{display:flex}.smiley{transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block;cursor:pointer}.smiley:hover{transform:scale(1.3);filter:drop-shadow(0 0 15px var(--uv-current-color, gold))}.card,.setup-box,.setup-box2{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main)}.big-timer{color:var(--text-main)}.unit,.label{color:var(--text-muted)}#themeToggle{position:fixed;bottom:20px;right:20px;width:45px;height:45px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 10px #0003;z-index:100}#themeToggle:hover{transform:scale(1.4);background-color:var(--table-hover);border-color:var(--accent-sun)}main{margin:2rem auto;padding:1.5rem;max-width:80ch}.half-width{width:90%;line-height:1.6;height:auto;margin:0 auto;display:block}.card{padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;transition:background-color .3s,border-color .3s}.setup-box,.setup-box2{background:var(--card-bg);border-radius:15px;border:1px solid #ffe0b2;transition:background-color .3s}.setup-box{max-width:500px;padding:2rem}.setup-box2{width:100vw;max-width:160ch;position:relative;left:50%;right:50%;background-color:var(--table-bg);margin-left:auto;margin-right:auto;margin-left:-50vw;margin-right:-50vw;overflow-x:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.big-timer{font-size:5rem;font-weight:800;color:var(--text-main);line-height:1;margin:.5rem 0}.unit{font-size:1.5rem;color:var(--text-muted)}.slider-container{background:#ffffff1a;padding:12px;border-radius:12px;margin-bottom:1rem}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8rem;font-weight:700}#time-slider{width:100%;cursor:pointer;accent-color:#ffd700}.mini-btn{background:#fff3;border:none;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;cursor:pointer}.mini-btn:hover{background:#ffffff4d}.reference-note{font-size:.75rem;color:#fff9;line-height:1.4;margin-top:10px;font-style:italic;text-align:center}#uvi-display{display:inline-block;margin-top:5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.85rem}.city-title{margin-top:0;margin-bottom:.5rem;font-size:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:1px;opacity:.9}.label{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}button{transition:transform .1s,background-color .2s;cursor:pointer;border:none;font-weight:700}button:active{transform:scale(.98)}.btn-primary{width:100%;padding:.8rem;background:var(--primary);color:#fff;border-radius:8px}.btn-secondary{width:100%;padding:.8rem;background:#555;color:#fff;border-radius:8px}.city-grid{margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.city-btn{padding:.6rem;background-color:var(--btn-nav);color:var(--text-main);border:1px solid var(--border-color);border-radius:5px;font-size:.85rem}.city-btn:hover{background-color:var(--primary);color:#fff}.input-row{display:flex;gap:.5rem;margin-bottom:1rem}input[type=number]{background-color:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);width:50%;padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.debug-panel{margin-top:1rem;text-align:left;padding:1rem;border-radius:12px;font-family:monospace;font-size:.75rem;background:#000;color:var(--debug-color);border:1px solid #333}} .debug-header{border-bottom:1px solid #333;padding-bottom:5px;margin-bottom:5px;color:#aaa}.bar-container{width:100%;height:8px;background:var(--bar-container);border-radius:4px;overflow:hidden;margin-top:10px}.bar-fill{width:0%;height:100%;background:var(--primary);transition:width .5s,background-color .5s}.custom-figure{margin:2rem 0;text-align:center;border:1px solid var(--border-color);padding:10px;border-radius:8px;background:var(--card-bg)}figcaption{margin-top:10px;font-size:.9rem;color:var(--text-muted);font-style:italic}:root{--table-bg: oklch(98% .01 45);--table-text: oklch(25% .02 45);--table-border: oklch(90% .02 45);--table-hover: oklch(95% .04 45);--header-bg: oklch(96% .01 45);--accent-sun: oklch(60% .16 45)}@media(prefers-color-scheme:dark){:root{--table-bg: oklch(18% .02 45);--table-text: oklch(92% .01 45);--table-border: oklch(28% .03 45);--table-hover: oklch(22% .06 45);--header-bg: oklch(15% .02 45);--accent-sun: oklch(85% .18 45)}}.full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:auto;background-color:var(--table-bg)}#fulltable{width:auto;border-collapse:collapse;color:var(--table-text);font-variant-numeric:tabular-nums;font-family:system-ui,-apple-system,sans-serif}#fulltable th{position:sticky;top:0;z-index:2;padding:.5rem .75rem;text-align:left;background-color:var(--header-bg);border-bottom:2px solid var(--accent-sun);backdrop-filter:blur(8px);font-size:.85rem;text-transform:uppercase;letter-spacing:.05ch;text-align:center}#fulltable td{padding:.4rem .75rem;border-bottom:1px solid var(--table-border);line-height:1.2;font-size:.95rem;width:1%;white-space:nowrap;text-align:center}#fulltable tbody tr:hover{background-color:var(--table-hover)}#fulltable td:nth-child(2n):not(:nth-child(2)){color:var(--accent-sun);font-weight:700}#fulltable td:nth-child(odd):not(:nth-child(1)){opacity:.7;font-size:.9em}.main-nav{background:var(--nav-bg);border-bottom:1px solid var(--border-color);padding:1rem 0;margin-bottom:1.5rem;transition:all .3s ease}.nav-container{margin:0 auto;display:flex;justify-content:center;gap:1.5rem}.nav-link{text-decoration:none;color:var(--primary);font-weight:600;font-size:.9rem;transition:opacity .2s,color .2s;position:relative}.nav-link:hover{opacity:.7}.nav-link.active{color:var(--text-main)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--primary)}.sun-path-container{width:100%;height:100px;margin-bottom:1rem;overflow:visible}.sun-arc-path{stroke:var(--border-color);stroke-width:1.5;stroke-dasharray:4 4;fill:none}#sun-dot{transition:all 1.2s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 8px var(--primary))}#stats-view{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reset-link{margin-top:1.5rem;background:none;border:none;color:var(--primary);cursor:pointer;font-weight:700;text-decoration:underline}