:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg-deep:#08111b;--bg-mid:#12283c;--bg-glow:#214f7a;--panel:#0a18248a;--panel-border:#ffffff1a;--text-strong:#f6f1e8;--text-base:#d8e0ea;--text-soft:#9db0c5;--accent:#f4c168;--ok:#89e3ae;--warn:#ffd27a;--error:#ff8f83;--shadow:0 22px 50px #00000057}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #f4c16829, transparent 30%), radial-gradient(circle at 85% 20%, #5ca2ff33, transparent 32%), linear-gradient(140deg, var(--bg-deep), var(--bg-mid) 60%, #18334c);color:var(--text-base);-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:Avenir Next,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}.app-shell{z-index:1;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(200px,22vw) minmax(0,1fr) minmax(200px,22vw);gap:24px;display:grid;position:relative}.info-card,.clock-stage,.status-bar{animation:.56s both rise-in}.info-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:28px;flex-direction:column;justify-content:center;gap:12px;padding:24px;display:flex}.info-card--weather{animation-delay:80ms}.info-card--sensor{animation-delay:.16s}.info-card__eyebrow,.metric__label,.metric__support,.metric__hint,.support-line{margin:0}.info-card__eyebrow,.metric__label{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.78rem,1vw,.95rem)}.metric__value{color:var(--text-strong);margin:0;font-size:clamp(3.2rem,6vw,5rem);font-weight:650;line-height:.95}.metric__value--compact{font-size:clamp(2.3rem,4vw,3.7rem)}.weather-icon{min-height:88px;color:var(--text-strong);justify-content:flex-start;align-items:center;display:flex}.weather-icon svg{filter:drop-shadow(0 0 18px #f4c16829);width:clamp(70px,9vw,104px);height:clamp(70px,9vw,104px)}.metric__support{color:var(--accent);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.35}.metric__hint{color:var(--text-soft);font-size:.95rem;line-height:1.35}.clock-stage{min-width:0;box-shadow:var(--shadow);text-align:center;background:linear-gradient(160deg,#ffffff08,#fff0),#07131f4d;border:1px solid #ffffff14;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;display:flex}.date-line{color:var(--text-soft);letter-spacing:.1em;margin:0 0 18px;font-size:clamp(1.2rem,1.9vw,1.6rem)}.time-line{color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.06em;text-shadow:0 0 24px #ffffff24;margin:0;font-family:JetBrains Mono,SFMono-Regular,Roboto Mono,ui-monospace,monospace;font-size:clamp(4rem,12vw,9rem);font-weight:600;line-height:.92}.support-line{color:var(--text-soft);overflow-wrap:anywhere;max-width:min(92%,54ch);margin-top:18px;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.35}.status-bar{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:12px;padding-bottom:2px;display:flex}.status-pill{min-height:42px;color:var(--text-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06111b8f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;display:inline-flex}.status-pill:before{content:"";background:var(--text-soft);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 6px #ffffff08}.status-pill[data-level=ok]:before{background:var(--ok)}.status-pill[data-level=warn]:before{background:var(--warn)}.status-pill[data-level=error]:before{background:var(--error)}.status-pill[data-level=neutral]:before{background:var(--text-soft)}@media (orientation:portrait),(width<=600px){body{overflow:auto}.app-shell{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:18px}.clock-stage{order:1;min-height:40dvh;padding:36px 20px}.info-card--weather{order:2}.info-card--sensor{order:3}.status-bar{order:4;grid-column:auto;justify-content:flex-start}}@media (orientation:landscape) and (height<=500px){.app-shell{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-columns:minmax(165px,24vw) minmax(0,1fr) minmax(165px,24vw);gap:12px}.info-card{border-radius:22px;gap:7px;padding:14px}.clock-stage{border-radius:28px;padding:18px 14px}.info-card__eyebrow,.metric__label{letter-spacing:.12em;font-size:.68rem}.metric__value{font-size:clamp(2.1rem,5vw,3.1rem)}.metric__value--compact{font-size:clamp(1.7rem,3.2vw,2.4rem)}.weather-icon{min-height:56px}.weather-icon svg{width:clamp(46px,7vw,68px);height:clamp(46px,7vw,68px)}.metric__support{font-size:.88rem}.metric__hint{font-size:.8rem}.date-line{margin-bottom:10px;font-size:clamp(.92rem,1.6vw,1.12rem)}.time-line{font-size:clamp(3.5rem,10vw,5.4rem);line-height:.9}.support-line{max-width:100%;margin-top:10px;font-size:.8rem}.status-bar{gap:8px;padding-bottom:0}.status-pill{flex:1 1 0;justify-content:center;min-width:0;min-height:34px;padding:7px 10px;font-size:.76rem}.status-pill:before{width:6px;height:6px;box-shadow:0 0 0 4px #ffffff08}}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}