:root{--bg: #eef0f2;--bg-2: #e3e6ea;--surface: #ffffff;--surface-2: #f7f8fa;--text: #0e1116;--text-soft: #3b414a;--muted: #7a818c;--line: #d9dce1;--accent: #0e1116;--accent-ink: #ffffff;--ring: rgba(14, 17, 22, .12);--shadow: 0 1px 2px rgba(14, 17, 22, .04), 0 12px 32px -12px rgba(14, 17, 22, .12);--font-main: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-main);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.clock-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;-webkit-user-select:none;user-select:none}.clock-digital{font-family:var(--font-mono);font-size:clamp(72px,16vw,220px);font-weight:300;letter-spacing:-.04em;line-height:.9;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;color:var(--text)}.clock-colon{color:var(--muted);animation:colon-blink 1s steps(2,end) infinite}@keyframes colon-blink{50%{opacity:.2}}.clock-sec{font-size:.35em;font-weight:400;color:var(--muted);margin-left:.1em;letter-spacing:0;align-self:flex-end;margin-bottom:.12em}.clock-ampm{font-size:.18em;font-weight:600;color:var(--muted);letter-spacing:.18em;margin-left:.4em;text-transform:uppercase;align-self:flex-end;margin-bottom:.15em}.clock-date{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.clock-compact{-webkit-user-select:none;user-select:none}.clock-compact-time{font-family:var(--font-mono);font-size:1.4rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:flex;align-items:baseline;gap:.2em}.clock-compact-ampm{font-size:.6em;letter-spacing:.1em;text-transform:uppercase}.pomo-wrap{width:min(580px,92vw);display:flex;flex-direction:column;align-items:center;gap:24px}.pomo-phases{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px;gap:2px;box-shadow:var(--shadow)}.phase-btn{appearance:none;border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}.phase-btn.active{background:var(--accent);color:var(--accent-ink)}.pomo-ring{width:clamp(240px,42vw,380px);aspect-ratio:1;position:relative;display:grid;place-items:center}.pomo-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.pomo-phase-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:700}.pomo-time{font-family:var(--font-mono);font-size:clamp(48px,9vw,80px);font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.pomo-controls{display:flex;gap:10px;align-items:center}.pomo-btn{font-family:inherit;font-size:14px;font-weight:600;padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow)}.pomo-btn:hover{border-color:var(--muted)}.pomo-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);min-width:130px}.pomo-btn.primary:hover{filter:brightness(1.05)}.pomo-btn.ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}.pomo-btn.ghost:hover{color:var(--text);background:var(--surface-2);border-color:var(--line)}.pomo-sessions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.session-dots{display:flex;gap:6px}.session-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);display:inline-block}.session-dot.on{background:var(--accent);border-color:var(--accent)}.session-count{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.04em;font-size:14px}.tasks{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 18px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.tasks-head{display:flex;align-items:baseline;justify-content:space-between}.tasks-title-text{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text)}.tasks-meta{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.tasks-count{font-family:var(--font-mono);letter-spacing:.04em;font-size:12px;text-transform:none}.tasks-count strong{color:var(--text);font-weight:600}.tasks-count.muted{color:var(--muted)}.tasks-input-row{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 14px;transition:border-color .15s ease,box-shadow .15s ease}.tasks-input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.tasks-input{flex:1;background:transparent;border:0;outline:0;font:inherit;font-size:14px;color:var(--text);padding:10px 0}.tasks-input::placeholder{color:var(--muted)}.tasks-input:disabled{cursor:not-allowed}.tasks-add-btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:opacity .15s ease,transform .1s ease}.tasks-add-btn:hover{filter:brightness(1.05)}.tasks-add-btn:active{transform:scale(.96)}.tasks-add-btn:disabled{opacity:.35;cursor:not-allowed}.tasks-empty{font-size:13px;color:var(--muted);text-align:center;padding:12px 8px 4px;font-style:italic}.tasks-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.task-item{display:flex;align-items:center;gap:4px;padding:2px 2px 2px 4px;border-radius:10px;transition:background-color .15s ease}.task-item:hover{background:var(--surface-2)}.task-check{flex:1;display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:8px 6px 8px 4px;cursor:pointer;text-align:start;font:inherit;color:var(--text);border-radius:8px;min-width:0}.task-box{width:18px;height:18px;flex:none;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);display:grid;place-items:center;color:var(--accent-ink);transition:all .15s ease}.task-check:hover .task-box{border-color:var(--muted)}.task-text{font-size:14px;line-height:1.35;word-break:break-word;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item.done .task-box{background:var(--accent);border-color:var(--accent)}.task-item.done .task-text{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.task-del{background:transparent;border:0;color:var(--muted);width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease}.task-item:hover .task-del,.task-item:focus-within .task-del{opacity:1}.task-del:hover{color:var(--text);background:var(--bg-2)}.tasks-clear{align-self:center;background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;letter-spacing:.04em;padding:4px 10px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.tasks-clear:hover{color:var(--text);background:var(--surface-2)}.weather-card{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:5px 16px 5px 5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;white-space:nowrap}.weather-card:hover{background:var(--surface)}.weather-card--placeholder{padding:10px 18px;cursor:default;color:var(--muted);font-size:13px;border-radius:999px}.weather-icon-circle{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.weather-loc{display:flex;flex-direction:column;gap:1px;min-width:0}.weather-now-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;line-height:1}.weather-city{font-size:12px;font-weight:500;color:var(--text-soft);line-height:1.2}.weather-temp-block{display:flex;align-items:baseline;gap:1px;margin-left:4px}.weather-temp-num{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text);line-height:1}.weather-temp-unit{font-size:11px;font-weight:500;color:var(--muted);line-height:1}.weather-cond{font-size:12px;font-weight:400;color:var(--text-soft);margin-left:2px}.world-tile{position:relative;width:min(680px,92vw);margin-top:4px;display:flex;flex-direction:column;gap:18px;padding:22px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 20%,var(--surface)) 0%,var(--surface) 50%,color-mix(in oklab,var(--accent) 12%,var(--surface-2)) 100%);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);cursor:pointer;text-align:start;font:inherit;color:var(--text);overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}.world-tile:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 50%,var(--line));box-shadow:0 20px 40px -16px color-mix(in oklab,var(--accent) 25%,transparent),var(--shadow)}.world-tile-bg{position:absolute;inset:0;color:var(--accent);opacity:.35;pointer-events:none}.world-tile-bg svg{width:100%;height:100%;display:block}.world-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative}.world-tile-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:6px}.world-tile-title{font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.world-tile-sub{font-size:13px;color:var(--muted);margin-top:4px}.world-tile-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:12px;letter-spacing:.04em;padding:8px 14px;border-radius:999px;flex:none;align-self:flex-start}.world-tile-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}@media(max-width:600px){.world-tile-strip{grid-template-columns:repeat(2,1fr)}}.wt-city{background:color-mix(in oklab,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.wt-city-name{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.wt-city-time{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text)}.wt-city-phase{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}.wt-city-phase.ph-day{color:#cd9130}.wt-city-phase.ph-night{color:#7099dc}.wt-city-phase.ph-dawn,.wt-city-phase.ph-dusk{color:#dc785f}.world-page{width:min(1100px,100%);margin:0 auto;padding:8px 28px 60px}.world-page-head{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.back-btn{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px 8px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.back-btn:hover{color:var(--text);border-color:color-mix(in oklab,var(--text) 25%,var(--line))}.world-page-title{margin:0;font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.05}.world-page-sub{margin:8px 0 0;color:var(--muted);font-size:15px;max-width:56ch}.world-region{margin-bottom:40px}.world-region-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin:0 0 14px}.region-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.region-count{margin-left:auto;font-family:JetBrains Mono,monospace;color:var(--muted);font-size:11px;letter-spacing:.06em}.world-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.world-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;text-align:start;font:inherit;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.world-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 10%,transparent),transparent 60%)}.world-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 40%,var(--line));box-shadow:0 16px 36px -16px color-mix(in oklab,var(--accent) 25%,transparent)}.world-card:hover:before{opacity:1}.world-card.phase-night{background:linear-gradient(160deg,color-mix(in oklab,#1b2a4a 25%,var(--surface)) 0%,var(--surface) 100%)}.world-card.phase-day{background:linear-gradient(160deg,color-mix(in oklab,oklch(.85 .08 70) 18%,var(--surface)) 0%,var(--surface) 100%)}.world-card.phase-dawn,.world-card.phase-dusk{background:linear-gradient(160deg,color-mix(in oklab,oklch(.75 .12 30) 18%,var(--surface)) 0%,var(--surface) 100%)}.world-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.world-card-city{font-size:16px;font-weight:700;letter-spacing:-.005em;line-height:1.1}.world-card-country{font-size:12px;color:var(--muted);margin-top:2px}.world-card-phase{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,currentColor 14%,var(--surface-2));flex:none}.world-card-phase.ph-day{color:#cd9130}.world-card-phase.ph-night{color:#7099dc}.world-card-phase.ph-dawn,.world-card-phase.ph-dusk{color:#dc785f}.world-card-time{font-family:JetBrains Mono,monospace;font-size:30px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}.world-card-time .colon{color:var(--muted)}.world-card-time .sec{font-size:.5em;color:var(--muted);margin-left:2px}.world-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-soft);font-variant-numeric:tabular-nums}.off-pill{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--text-soft);white-space:nowrap}.world-detail{width:min(1100px,100%);margin:0 auto;padding:8px 28px 60px;--face-inner: var(--surface);--face-outer: var(--surface-2)}.world-detail.phase-night{--face-inner: color-mix(in oklab, #1b2a4a 35%, var(--surface));--face-outer: var(--surface)}.world-detail.phase-day{--face-inner: color-mix(in oklab, oklch(.96 .04 80) 60%, var(--surface));--face-outer: var(--surface)}.world-detail.phase-dawn,.world-detail.phase-dusk{--face-inner: color-mix(in oklab, oklch(.85 .11 40) 35%, var(--surface));--face-outer: var(--surface)}.wd-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media(max-width:820px){.wd-grid{grid-template-columns:1fr;gap:24px}}.wd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin-bottom:12px}.wd-city{margin:0;font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1}.wd-country{margin-top:8px;font-size:15px;color:var(--muted)}.wd-clock-digital{font-family:JetBrains Mono,monospace;font-size:clamp(64px,11vw,140px);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:.95;margin:28px 0 4px}.wd-clock-digital .colon{color:var(--muted);animation:blink 1s steps(2,end) infinite}.wd-clock-digital .sec{font-size:.4em;color:var(--muted);margin-left:.1em}.wd-date{font-size:14px;color:var(--text-soft);letter-spacing:.02em;margin-bottom:22px}.wd-meta{display:flex;flex-wrap:wrap;gap:8px}.wd-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:inline-flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}.wd-chip .lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.wd-chip .val{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500}.wd-chip.phase-pill{flex-direction:row;align-items:center;gap:8px;padding:12px 14px}.wd-chip.phase-pill.ph-day{color:#bf8100;color:oklch(.65 .14 75);border-color:color-mix(in oklab,oklch(.7 .14 75) 35%,var(--line))}.wd-chip.phase-pill.ph-night{color:#638fd8;border-color:color-mix(in oklab,oklch(.68 .11 260) 35%,var(--line))}.wd-chip.phase-pill.ph-dawn,.wd-chip.phase-pill.ph-dusk{color:#c8664e;border-color:color-mix(in oklab,oklch(.68 .13 35) 35%,var(--line))}.wd-chip.phase-pill .val{font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.wd-analog{width:100%;max-width:440px;aspect-ratio:1;margin:0 auto}.wd-analog svg{width:100%;height:100%;display:block}.theme-picker{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.theme-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}.theme-swatches{display:flex;gap:5px}.swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);cursor:pointer;padding:0;display:grid;place-items:center;position:relative;background:var(--surface);transition:transform .15s ease}.swatch:hover{transform:translateY(-1px)}.swatch-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent);opacity:0;transition:opacity .2s ease;pointer-events:none}.swatch.active .swatch-ring{opacity:1}.swatch-pie{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--a) 0 33%,var(--b) 0 66%,var(--c) 0 100%)}@media(max-width:640px){.theme-label{display:none}.theme-picker{padding:7px 8px}}.sounds-control{position:relative}.control-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text);display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s ease,background .15s ease;white-space:nowrap}.control-chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sounds-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 24px 48px -16px #0000002e,0 2px 4px #0000000d;width:280px;display:flex;flex-direction:column;gap:14px;animation:pop-in .15s ease}.sounds-pop-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pop-heading{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.sounds-seg{display:inline-flex;background:var(--bg-2);border-radius:999px;padding:3px;border:1px solid var(--line);gap:2px}.sounds-seg button{appearance:none;border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;color:var(--muted);cursor:pointer;transition:all .15s}.sounds-seg button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000f}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sound-btn{font-family:inherit;font-size:12px;font-weight:500;padding:10px 6px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .15s ease}.sound-btn:hover{border-color:var(--muted);color:var(--text)}.sound-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sound-glyph{font-size:18px;line-height:1}.volume-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:18px;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{height:4px;background:var(--bg-2);border-radius:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 3px #0003;cursor:pointer}.volume-slider::-moz-range-track{height:4px;background:var(--bg-2);border-radius:4px}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:pointer}.volume-val{font-size:11px;color:var(--muted);width:28px;text-align:end;font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(max-width:640px){.control-chip span:first-of-type{display:none}.sounds-pop{right:-8px;width:260px}}.privacy-overlay{position:fixed;inset:0;z-index:100;background:#00000080;display:grid;place-items:center;padding:24px;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.privacy-modal{width:min(640px,100%);max-height:84vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px 32px 28px;box-shadow:0 40px 80px -20px #0006;color:var(--text);animation:modal-pop .22s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin;scrollbar-color:var(--line) transparent}@keyframes modal-pop{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.privacy-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.privacy-modal-header h3{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.privacy-close-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font:inherit;font-size:12px;color:var(--text-soft);cursor:pointer;transition:background .15s;flex-shrink:0}.privacy-close-btn:hover{background:var(--bg-2)}.privacy-updated{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}.privacy-intro{margin-bottom:8px;line-height:1.6;color:var(--text-soft);font-size:14px}.privacy-modal h4{margin:18px 0 6px;font-size:13px;font-weight:700;color:var(--text)}.privacy-modal p{margin:0;line-height:1.6;color:var(--text-soft);font-size:14px}@media(max-width:600px){.privacy-modal{padding:24px 20px 20px;border-radius:18px}}.lang-control{position:relative}.control-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text);display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s ease;white-space:nowrap}.control-chip:hover{border-color:var(--muted)}.lang-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 24px 48px -16px #0000002e,0 2px 4px #0000000d;width:200px;animation:pop-in .15s ease}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pop-heading{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}.lang-list{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.lang-option{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px;background:transparent;border:0;border-radius:10px;text-align:start;font-family:inherit;cursor:pointer;color:var(--text);font-size:14px;transition:background .1s}.lang-option:hover{background:var(--surface-2)}.lang-option.active{background:var(--bg-2);color:var(--text);font-weight:600}.lang-code{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono)}@media(max-width:640px){.control-chip span:not(.lang-code){display:none}.control-chip{padding:8px 10px}}.info-section{padding:56px 28px 80px;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-inner{max-width:980px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:56px}.info-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.info-h2{font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.02em;margin:0 0 16px;line-height:1.15;color:var(--text)}.info-body{font-size:16px;line-height:1.65;color:var(--text-soft);margin:0;max-width:38ch}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.tip-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:18px}.tip-num{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px}.tip-title{font-size:15px;font-weight:700;letter-spacing:-.005em;margin-bottom:6px;color:var(--text)}.tip-body{font-size:13.5px;line-height:1.55;color:var(--text-soft);margin:0}@media(max-width:820px){.info-inner{grid-template-columns:1fr;gap:36px}}@media(max-width:540px){.tips-grid{grid-template-columns:1fr}.info-section{padding:40px 18px 64px}.info-body{max-width:100%}}.app-container{display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 45%,rgba(0,0,0,.09) 100%) fixed,linear-gradient(135deg,var(--surface) 0%,var(--bg-2) 100%) fixed}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;gap:12px;z-index:10}.header-left{display:flex;gap:6px;align-items:center}.header-right{display:flex;gap:6px;align-items:center;justify-content:flex-end}.tab-nav{display:flex;gap:2px;background:var(--bg-2);padding:3px;border-radius:999px;border:1px solid var(--line)}.nav-btn{padding:6px 20px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap}.nav-btn:hover{color:var(--text)}.nav-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--ring)}.btn-icon{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.btn-icon:hover{background:var(--bg-2);color:var(--text)}.btn-icon.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.app-main{flex:1;min-height:0;overflow-y:auto}.clock-view{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px 48px}.hero-intro{text-align:center;max-width:480px}.hero-line1{font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--text);line-height:1.35;margin-bottom:10px}.hero-line2{font-size:13px;font-weight:400;color:var(--muted);line-height:1.6}.clock-controls{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.clock-type-toggle{display:flex;gap:2px;background:var(--bg-2);padding:5px;border-radius:999px;border:1px solid var(--line)}.clock-type-btn{padding:7px 18px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);transition:background .15s,color .15s}.clock-type-btn:hover{color:var(--text)}.clock-type-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px var(--ring)}.focus-view{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 24px 48px;width:100%;max-width:640px;margin:0 auto}.main-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 24px max(11px,env(safe-area-inset-bottom));font-size:12px;color:var(--muted);border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}.footer-sep{color:var(--line)}.link-btn{color:var(--muted);font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.link-btn:hover{color:var(--text)}@media(max-width:600px){.app-header{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px;padding:10px 14px}.tab-nav{grid-column:1 / -1;justify-content:center}.clock-view{padding:24px 16px 40px;gap:20px}.focus-view{padding:16px 16px 40px;gap:16px}}