:root{color:#172135;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172135;--muted:#526076;--line:#17213524;--panel:#ffffffad;--shadow:0 24px 70px #443f6f2e;background:#dff8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 48% 38%,#affdfff5,#0000 43%),linear-gradient(145deg,#dff9fa,#f4c5fb);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #3844a3}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:clamp(28px,5vw,64px) 0 32px}.app-header,.settings-heading,footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.app-header{margin-bottom:24px}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;max-width:720px;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,6vw,4.8rem);font-weight:500;line-height:.98}h2{margin-bottom:6px;font-size:clamp(1.05rem,2vw,1.3rem)}.eyebrow{color:#4f4b85;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:800}.clock-panel,.settings-panel{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffffc7;border-radius:28px;overflow:hidden}.clock-card{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,1fr) auto;align-items:center;min-height:132px;padding:24px clamp(22px,4vw,48px);display:grid}.clock-card:last-child{border-bottom:0}.clock-card p,.settings-note,label small{color:var(--muted);margin-bottom:0;line-height:1.45}.clock-value{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.065em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2.25rem,7vw,5.2rem);font-weight:650;line-height:1}.clock-card--tai{background:linear-gradient(90deg,#ffffff3d,#b9eff847)}.clock-card--local{background:linear-gradient(90deg,#ffffff2e,#cef7e240)}.clock-card--tesla{background:linear-gradient(90deg,#ffffff2e,#e8dcfd47)}.clock-card--personal{background:linear-gradient(90deg,#ffffff29,#f9d5ef54)}.settings-panel{margin-top:24px;padding:clamp(24px,4vw,42px)}.settings-heading{border-bottom:1px solid var(--line);align-items:flex-start;padding-bottom:28px}.settings-heading h2{letter-spacing:-.035em;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:500}.settings-note{max-width:380px}form{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:28px;display:grid}label{color:var(--ink);gap:9px;font-weight:700;display:grid}input{width:100%;min-height:50px;color:var(--ink);background:#ffffffc7;border:1px solid #17213540;border-radius:12px;padding:10px 14px}.input-with-unit{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.input-with-unit>span{color:var(--muted);font-size:.85rem;font-weight:600}.settings-actions{grid-column:1/-1;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.text-button{border-radius:999px;min-height:46px;padding:10px 18px;font-weight:750}.primary-button{color:#fff;background:#222d59;border:1px solid #222d59}.secondary-button{color:var(--ink);background:#ffffff9e;border:1px solid #17213540;flex:none}.text-button{color:#3c477f;background:0 0;border:1px solid #0000}.primary-button:hover,.secondary-button:hover,.text-button:hover{filter:brightness(.94)}.form-status{color:#384276;min-height:1.5em;margin:18px 0 0;font-weight:650}footer{color:#526076;padding:22px 8px 0;font-size:.82rem}@media (width<=720px){.app-header,.settings-heading,footer{flex-direction:column;align-items:flex-start}.clock-card{grid-template-columns:1fr;gap:20px;min-height:166px}form{grid-template-columns:1fr}.clock-value{justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}