:root{--ink: #1a2430;--paper: #e6eef3;--card: rgba(255, 255, 255, .72);--mist: #6a7a88;--line: rgba(26, 36, 48, .1);--accent: #2f6f82;--horizon: #c4a36a;--sun: #e0a84a;--cloud: #8fa3b3;--rain: #4f8fbf;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--radius: 20px;--space: 12px;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:relative;min-height:100dvh;padding:calc(16px + var(--safe-top)) 20px calc(32px + var(--safe-bottom))}.sky{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 50% -5%,rgba(196,163,106,.28),transparent 52%),radial-gradient(ellipse 70% 40% at 50% 18%,rgba(180,210,222,.45),transparent 60%),linear-gradient(180deg,#c5d7e2,#e6eef3 38%,#eef2f5)}.shell{position:relative;width:min(100%,400px);margin:0 auto;display:grid;gap:var(--space);justify-items:center;text-align:center}.home-top{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 0 2px;animation:rise .7s ease both}.brand{margin:0;font-family:"Noto Serif SC",serif;font-size:1.35rem;font-weight:600;letter-spacing:.42em;text-indent:.42em;color:var(--ink);line-height:1.2}.date-line{margin:0;color:var(--mist);font-size:.84rem;letter-spacing:.04em}.gear{position:absolute;top:0;right:0;min-height:40px;padding:0 12px;border-radius:999px;background:#ffffff8c;color:var(--accent);font-size:.84rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ghost,.chip,.day,.primary,.danger,.search,.field input,.hits button,.settings-list button,.plan-item{min-height:44px;border-radius:14px}.ghost,.chip,.day{padding:0 14px;background:#ffffffa6;color:var(--accent)}.chip.on,.day.on{background:var(--accent);color:#fff}.hero-card,.group-card,.card{width:100%;background:var(--card);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);padding:20px 18px;box-shadow:0 8px 28px #1a24300d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-card{display:flex;flex-direction:column;align-items:center;padding:28px 18px 22px;animation:rise .75s ease .06s both}.clock{margin:0;font-family:Fraunces,"Noto Serif SC",serif;font-optical-sizing:auto;font-size:clamp(4.8rem,22vw,6.2rem);line-height:.88;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.horizon{width:88px;height:3px;margin:18px 0 16px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--horizon) 35%,var(--horizon) 65%,transparent 100%);box-shadow:0 0 12px #c4a36a73;animation:breathe 4.5s ease-in-out infinite}.city{display:block;margin:0;padding:0;min-height:auto;color:var(--accent);font-size:.95rem;font-weight:500;letter-spacing:.02em}.weather-block{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:6px}.temp{margin:0;font-family:Fraunces,serif;font-size:1.85rem;font-weight:500;display:flex;align-items:baseline;justify-content:center;gap:8px}.temp span,.range,.muted,.label,.group-label,.idiom-en,.idiom-meaning{color:var(--mist);font-size:.9rem;font-family:Noto Sans SC,sans-serif;font-weight:400}.range{margin:0}.group-card{animation:rise .75s ease both}.idiom-card{animation-delay:.12s}.schedule-card{animation-delay:.18s}.plan-card{animation-delay:.22s}.group-label{margin:0 0 12px;font-size:.72rem;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase}.idiom-card .idiom-main{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(1.55rem,6vw,1.85rem);font-weight:600;line-height:1.4;letter-spacing:.12em;text-indent:.12em}.idiom-en{margin:10px 0 0;font-style:italic}.idiom-meaning{line-height:1.55;max-width:28ch;margin:8px auto 0}.schedule-list,.plan-list,.settings-list,.hits{list-style:none;margin:0;padding:0;display:grid;gap:0;width:100%}.schedule-list li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.schedule-list li:first-child{border-top:0;padding-top:2px}.schedule-time{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;font-size:.92rem;letter-spacing:.04em}.schedule-title{font-size:1.02rem;line-height:1.35}.plan-list{display:flex;flex-direction:column;align-items:center;width:100%}.plan-list li{width:100%;display:flex;justify-content:center}.plan-list li+li .plan-item{border-top:1px solid var(--line)}.plan-item{width:100%;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 8px;border-radius:0;text-align:center;background:transparent;box-shadow:none}.plan-item>span:last-child{text-align:center}.plan-item.done{color:var(--mist);text-decoration:line-through}.dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--accent);flex:0 0 auto}.plan-item.done .dot{background:var(--accent)}.settings{gap:12px;text-align:left;justify-items:stretch}.settings-top,.plan-head,.row,.days,.sheet-head,.ring-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.settings h1,.card h2,.sheet h2{margin:0;font-size:1.15rem;font-weight:650}.card{padding:16px;text-align:left}.field{display:grid;gap:8px;margin:12px 0}.field input,.search,input[type=time],input[type=date]{width:100%;border:0;background:#e6eef3d9;border-radius:12px;padding:12px 14px}.days{flex-wrap:wrap;justify-content:center;margin:8px 0 14px}.day{width:40px;padding:0;border-radius:999px}.switch{display:flex;gap:12px;align-items:flex-start;margin:8px 0 16px;text-align:left}.switch small{display:block;margin-top:4px;color:var(--mist)}.primary{width:100%;background:var(--ink);color:#fff;font-weight:600;border-radius:14px}.primary:disabled{opacity:.5}.wide{width:100%}.danger{padding:0 18px;color:#b42318;background:#b4231814}.settings-list button,.hits button{width:100%;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;padding:12px 14px;border-radius:12px;text-align:left;background:#e6eef3d9;box-shadow:none}.settings-list button strong{font-size:.84rem;color:var(--accent);font-weight:600}.error{color:#b42318;margin:8px 0 0;text-align:center;width:100%}.sync-code{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#e6eef3d9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;letter-spacing:.04em;word-break:break-all;text-align:center}.settings .danger.wide{width:100%;margin-top:10px}.overlay{position:fixed;inset:0;background:#1a243052;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:min(480px,100%);max-height:86dvh;overflow:auto;padding:18px 16px calc(22px + var(--safe-bottom));border-radius:22px 22px 0 0;background:#fff;text-align:left}.sheet .primary{margin-bottom:12px}.ring{position:fixed;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:24px;background:linear-gradient(180deg,#c5d7e2,#e6eef3)}.kicker{margin:0;color:var(--mist)}.ring .clock{margin:0}.ring-actions{margin-top:18px;flex-direction:column;justify-content:center}.ring-actions .primary,.ring-actions .ghost{width:min(320px,100%)}.wx-icon{width:64px;height:64px;flex:0 0 auto;overflow:visible;margin-bottom:2px}.wx-sun{fill:var(--sun)}.wx-rays line{stroke:var(--sun);stroke-width:2.5;stroke-linecap:round}.wx-rays{animation:spin 18s linear infinite;transform-origin:32px 32px}.wx-rays.soft{animation-duration:28s;opacity:.7}.wx-cloud{fill:var(--cloud)}.wx-cloud.dark{fill:#6f8494}.wx-cloud.drift{animation:drift 5s ease-in-out infinite alternate}.wx-fog line{stroke:#9aadb8;stroke-width:2.5;stroke-linecap:round;animation:fog 3.2s ease-in-out infinite}.wx-rain line{stroke:var(--rain);stroke-width:2.5;stroke-linecap:round;animation:rain 1s linear infinite}.wx-snow circle{fill:#c4d2dc;animation:snow 2.2s ease-in-out infinite}.wx-bolt{fill:none;stroke:var(--sun);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;animation:flash 1.6s ease-in-out infinite}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.35;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translate(-2px)}to{transform:translate(3px)}}@keyframes fog{0%,to{opacity:.35}50%{opacity:.9}}@keyframes rain{0%{transform:translateY(-2px);opacity:.2}to{transform:translateY(6px);opacity:1}}@keyframes snow{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(5px);opacity:1}}@keyframes flash{0%,70%,to{opacity:.25}75%,85%{opacity:1}}@media(min-width:700px){.app{padding-left:32px;padding-right:32px;display:flex;justify-content:center}.shell{width:min(100%,520px);gap:14px}.home .clock{font-size:7rem}.overlay{align-items:center}.sheet{border-radius:22px}}@media(min-width:900px){.shell.home{width:min(100%,560px)}}@media(prefers-reduced-motion:reduce){.wx-rays,.wx-cloud,.wx-fog line,.wx-rain line,.wx-snow circle,.wx-bolt,.horizon,.home-top,.hero-card,.group-card{animation:none!important}}