.sky-live{--ink:#f1f5ff;--ink-dim:#f1f5ffc7;--ink-faint:#f1f5ff85;--glass:#ffffff1a;--glass-line:#ffffff38;--sky-1:#102a52;--sky-2:#1c4f8f;--sky-3:#3f86c4;--accent:#5fa8ff;color:var(--ink);font-family:var(--font-zen-kaku), "Hiragino Sans", sans-serif;overflow-x:hidden}.sky-live[data-daypart=morning]{--sky-1:#1f2540;--sky-2:#6a4a72;--sky-3:#f4a87f;--accent:#ffb39a}.sky-live[data-daypart=day]{--sky-1:#102a52;--sky-2:#1c4f8f;--sky-3:#3f86c4;--accent:#5fa8ff}.sky-live[data-daypart=evening]{--sky-1:#221a3c;--sky-2:#6e2f3f;--sky-3:#c96a3c;--accent:#ff9e64}.sky-live[data-daypart=night]{--sky-1:#070b1c;--sky-2:#0e1430;--sky-3:#1b2348;--accent:#8fa8ff}.sky-live__bg{z-index:0;background:linear-gradient(170deg, var(--sky-1) 0%, var(--sky-2) 52%, var(--sky-3) 100%);pointer-events:none;transition:background 1.4s;position:fixed;inset:0;overflow:hidden}.sky-live__sun{background:radial-gradient(circle, #fff6e6 0%, color-mix(in srgb, var(--sky-3) 70%, #fff) 45%, transparent 70%);filter:blur(2px);opacity:.85;border-radius:50%;width:130px;height:130px;position:absolute;top:14%;right:16%}.sky-live[data-daypart=night] .sky-live__sun{background:radial-gradient(circle,#eaf0ff 0%,#c8d2ff 42%,#0000 66%);width:92px;height:92px}.sky-live__cloud{filter:blur(10px);background:#ffffff2e;border-radius:50px;height:46px;animation:linear infinite live-drift;position:absolute}.sky-live__cloud--1{width:320px;animation-duration:90s;top:22%;left:-20%}.sky-live__cloud--2{opacity:.7;width:220px;height:36px;animation-duration:120s;animation-delay:-30s;top:40%;left:-30%}.sky-live__cloud--3{opacity:.5;width:400px;height:54px;animation-duration:150s;animation-delay:-70s;top:62%;left:-25%}@keyframes live-drift{to{transform:translate(160vw)}}.sky-live__stars{opacity:0;background-image:radial-gradient(1.4px 1.4px at 16% 24%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 42% 14%,#dfe7ff 50%,#0000 51%),radial-gradient(1.3px 1.3px at 66% 30%,#fff 50%,#0000 51%),radial-gradient(1.1px 1.1px at 84% 18%,#cfe0ff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 30% 40%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 74% 46%,#fff 50%,#0000 51%);transition:opacity 1.4s;position:absolute;inset:0}.sky-live[data-daypart=night] .sky-live__stars{opacity:.9;animation:5s ease-in-out infinite live-twinkle}@keyframes live-twinkle{0%,to{opacity:.9}50%{opacity:.5}}.sky-live>section,.sky-live>footer{z-index:2;position:relative}.sky-live__hero{text-align:center;flex-direction:column;align-items:center;max-width:760px;margin:0 auto;padding:clamp(44px,9vh,104px) 24px 48px;display:flex}.sky-live__now{font-family:var(--font-ibm-plex), monospace;letter-spacing:.16em;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:9px;margin-bottom:30px;padding:7px 16px;font-size:11.5px;display:inline-flex}.sky-live__nowdot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.sky-live__title{letter-spacing:.01em;text-shadow:0 2px 30px #00000047;margin-bottom:22px;font-size:clamp(34px,6.2vw,62px);font-weight:900;line-height:1.26}.sky-live__lead{font-family:var(--font-zen-kaku), sans-serif;color:var(--ink-dim);max-width:540px;margin-bottom:38px;font-size:15px;font-weight:500;line-height:2.05}.sky-live__overlay{border:1px solid var(--glass-line);border-radius:18px;width:min(440px,100%);margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0006}.sky-live__ovsky{background:linear-gradient(160deg, var(--sky-1), var(--sky-3));transition:background 1.4s;position:absolute;inset:0}.sky-live__ovsun{background:radial-gradient(circle, #fff 0%, color-mix(in srgb, var(--sky-3) 60%, #fff) 50%, transparent 72%);opacity:.7;border-radius:50%;width:90px;height:90px;position:absolute;top:-20px;right:24px}.sky-live__ovpanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#0a0e1a6b;border:1px solid #ffffff29;border-radius:12px;margin:14px;padding:22px 24px;position:relative}.sky-live__ovclock{font-family:var(--font-inter), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-shadow:0 1px 16px #0006;align-items:baseline;gap:3px;font-size:54px;font-weight:700;line-height:1;display:flex}.sky-live__ovclock em{color:var(--accent);font-style:normal;animation:1s step-end infinite live-blink}@keyframes live-blink{50%{opacity:.3}}.sky-live__ovclock small{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:4px;font-size:18px;font-weight:500}.sky-live__ovdate{font-family:var(--font-ibm-plex), monospace;letter-spacing:.16em;color:var(--ink-dim);margin:8px 0 14px;font-size:11px}.sky-live__ovrow{font-family:var(--font-inter), system-ui, sans-serif;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.sky-live__ovwx{font-family:var(--font-zen-kaku), sans-serif;font-weight:500}.sky-live__ovsep{background:#ffffff3d;width:1px;height:14px}.sky-live__cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.sky-live__btn{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.02em;border-radius:10px;align-items:center;padding:13px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.sky-live__btn--primary{background:var(--ink);color:#10182c;box-shadow:0 14px 34px #00000052}.sky-live__btn--primary:hover{transform:translateY(-2px)}.sky-live__btn--ghost{background:var(--glass);color:var(--ink);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sky-live__btn--ghost:hover{border-color:var(--ink)}.sky-live__timeline{max-width:1040px;margin:0 auto;padding:clamp(28px,6vh,60px) 24px 16px}.sky-live__tlhead{text-align:center;margin-bottom:22px}.sky-live__tllabel{font-family:var(--font-ibm-plex), monospace;letter-spacing:.22em;color:var(--ink);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.sky-live__tlsub{font-family:var(--font-zen-kaku), sans-serif;color:var(--ink-dim);font-size:13px}.sky-live__tlgrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:720px){.sky-live__tlgrid{grid-template-columns:repeat(2,1fr)}}.sky-live__tlcard{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding-bottom:16px;transition:transform .16s,border-color .16s;position:relative;overflow:hidden}.sky-live__tlcard[data-active=true]{border-color:var(--ink);transform:translateY(-4px);box-shadow:0 18px 40px #00000057}.sky-live__tlpreview{height:76px}.sky-live__tlcard--morning .sky-live__tlpreview{background:linear-gradient(160deg,#1f2540,#6a4a72 55%,#f4a87f)}.sky-live__tlcard--day .sky-live__tlpreview{background:linear-gradient(160deg,#102a52,#1c4f8f 55%,#3f86c4)}.sky-live__tlcard--evening .sky-live__tlpreview{background:linear-gradient(160deg,#221a3c,#6e2f3f 55%,#c96a3c)}.sky-live__tlcard--night .sky-live__tlpreview{background:linear-gradient(160deg,#070b1c,#0e1430 55%,#1b2348)}.sky-live__tlname{font-family:var(--font-zen-kaku), sans-serif;margin:12px 16px 4px;font-size:16px;font-weight:700}.sky-live__tlmeta{font-family:var(--font-ibm-plex), monospace;letter-spacing:.1em;color:var(--ink-dim);margin:0 16px;font-size:10.5px}.sky-live__tlnow{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.16em;background:var(--ink);color:#10182c;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:12px;right:12px}.sky-live__themes{max-width:1040px;margin:0 auto;padding:clamp(20px,4vh,40px) 24px 16px}.sky-live__thhead{margin-bottom:18px}.sky-live__thlabel{font-family:var(--font-ibm-plex), monospace;letter-spacing:.18em;color:var(--ink);font-size:12px;font-weight:600}.sky-live__thgrid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (max-width:900px){.sky-live__thgrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.sky-live__thgrid{grid-template-columns:repeat(2,1fr)}}.sky-live__thcard{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding-bottom:14px;transition:transform .14s,border-color .14s;overflow:hidden}.sky-live__thcard:hover{border-color:var(--th);transform:translateY(-3px)}.sky-live__thswatch{background:radial-gradient(70% 120% at 50% 0%, color-mix(in srgb, var(--th) 40%, transparent), transparent 72%), #0000002e;place-items:center;height:64px;display:grid}.sky-live__thtime{font-family:var(--font-inter), system-ui, sans-serif;font-variant-numeric:tabular-nums;color:var(--th);text-shadow:0 0 14px color-mix(in srgb, var(--th) 55%, transparent);font-size:18px;font-weight:700}.sky-live__thname{font-family:var(--font-inter), system-ui, sans-serif;margin:11px 13px 2px;font-size:13px;font-weight:700}.sky-live__thmood{font-family:var(--font-zen-kaku), sans-serif;color:var(--ink-dim);margin:0 13px 8px;font-size:11px}.sky-live__thchip{font-family:var(--font-ibm-plex), monospace;border-radius:999px;margin-left:13px;padding:2px 8px;font-size:10px;font-weight:600}.sky-live__thchip--free{color:var(--ink);background:#ffffff2e}.sky-live__thchip--paid{color:var(--ink);background:#0000003d}.sky-live__specimen{flex-wrap:wrap;align-items:center;gap:22px;max-width:1040px;margin:0 auto;padding:28px 24px 64px;display:flex}.sky-live__swatches{gap:12px;display:flex}.sky-live__swatch{flex-direction:column;gap:5px;display:flex}.sky-live__swatch span{border:1px solid var(--glass-line);border-radius:8px;width:38px;height:38px}.sky-live__swatch em{color:var(--ink-dim);font-size:10px;font-style:normal}.sky-live__swatch small{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.sky-live__typenote{font-family:var(--font-ibm-plex), monospace;letter-spacing:.06em;color:var(--ink-dim);font-size:11px}.sky-live__back{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--glass-line);margin-left:auto;padding-bottom:3px;font-size:12px;font-weight:700;text-decoration:none}.sky-live__back:hover{border-color:var(--ink)}@media (prefers-reduced-motion:reduce){.sky-live__cloud,.sky-live__stars,.sky-live__nowdot,.sky-live__ovclock em{animation:none}.sky-live__bg,.sky-live__ovsky,.sky-live__stars{transition:none}}