.page{max-width:560px;margin:0 auto;padding:24px 16px 48px}.header h1{color:var(--accent);font-size:1.6rem}.header p{color:var(--muted);margin-top:4px}.cards{gap:16px;margin-top:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2{color:var(--muted);align-items:center;gap:8px;font-size:1rem;display:flex}.greeting{margin-top:8px;font-size:1.4rem;font-weight:600}.today{color:var(--muted)}.time{font-variant-numeric:tabular-nums;margin-left:4px}.badge{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:0 8px;font-size:.8rem}.todos,.changelog{margin:8px 0 0;padding:0;list-style:none}.todos li+li,.changelog li+li{border-top:1px solid var(--border)}.todos label{align-items:center;gap:10px;padding:10px 0;display:flex}.todos input{width:20px;height:20px;accent-color:var(--accent)}.todos .done{color:var(--muted);text-decoration:line-through}.add{gap:8px;margin-top:12px;display:flex}.add input{min-width:0;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;flex:1;padding:10px 12px}.add button{font:inherit;color:var(--on-accent);background:var(--accent);border:none;border-radius:10px;padding:10px 16px;font-weight:600}.changelog li{gap:12px;padding:8px 0;display:flex}.changelog time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.back{color:var(--accent);margin-bottom:12px;display:inline-block}.demo-links{margin:8px 0 0;padding:0;list-style:none}.demo-links li+li{border-top:1px solid var(--border)}.demo-links a{color:inherit;gap:2px;padding:10px 0;text-decoration:none;display:grid}.demo-title{color:var(--accent);font-weight:600}.demo-description,.demo-links time,.empty{color:var(--muted)}.demo-links time{font-variant-numeric:tabular-nums;font-size:.85rem}.more{color:var(--accent);margin-top:8px;display:inline-block}:root{--bg:#f4f8fc;--surface:#fff;--text:#1c2733;--muted:#5b6b7c;--border:#dbe4ee;--accent:#1f7ae0;--accent-soft:#e3effc;--on-accent:#fff;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1620;--surface:#18222e;--text:#e6edf5;--muted:#9aabbd;--border:#2a3846;--accent:#5aa7ff;--accent-soft:#1b3047;--on-accent:#0f1620}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,p{margin:0}