:root{--felt: #1c4a33;--felt-deep: #123424;--walnut: #2b1810;--walnut-light: #5b3420;--brass: #c7a25a;--brass-light: #e6cb8c;--ivory: #f1e8d4;--sage: #a9bba6;--coral: #ff9e86;--bg: var(--felt);--text: var(--ivory);--hint: var(--sage);--link: var(--brass-light);--danger: var(--coral);--rule: rgba(199, 162, 90, .28);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--nap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='160'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .16' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .21 0 0 0 0 .12 0 0 0 -1.6 1.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%232b1810'/%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");--wood: linear-gradient(180deg, rgba(255, 230, 190, .1), rgba(0, 0, 0, .18) 55%, rgba(0, 0, 0, .3)), var(--grain) center / 480px 160px}*{box-sizing:border-box}html{background:var(--felt-deep)}body{margin:0;min-height:100vh;color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--nap),radial-gradient(120% 80% at 50% 18%,#24603f 0%,var(--felt) 45%,var(--felt-deep) 100%) fixed}a{color:var(--link);text-underline-offset:3px}:focus-visible{outline:2px solid var(--brass-light);outline-offset:2px}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:.01em}h1{font-size:26px;line-height:1.15;margin:6px 0;color:var(--ivory)}h2{font-size:18px;margin:0 0 8px;color:var(--brass-light)}.screen{padding:18px 16px 96px;max-width:560px;margin:0 auto}.muted{color:var(--hint)}.error{color:var(--danger)}.card{background:#081c1261;border:1px solid var(--rule);border-radius:14px;padding:12px 14px;margin:12px 0;box-shadow:inset 0 1px #ffffff0a}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;border-bottom:1px solid var(--rule)}.list li:last-child{border-bottom:none}.list li.out{color:var(--hint);text-decoration:line-through;text-decoration-color:#a9bba699}.row{display:flex;gap:8px;align-items:center}.row-between{display:flex;justify-content:space-between;gap:8px;min-height:32px;align-items:center}button,.button{min-height:42px;padding:8px 14px;border-radius:10px;border:1px solid rgba(199,162,90,.45);background:var(--wood);color:var(--ivory);font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000059,inset 0 1px #ffdcaa1f}button.primary,.button.primary{background:linear-gradient(180deg,var(--brass-light),var(--brass) 55%,#9c7a37);color:#23170a;border-color:#8a6a2c;font-weight:600;box-shadow:0 2px 8px #0006,inset 0 1px #fff8dc99}button:active,.button:active{transform:translateY(1px)}button.big{width:100%;min-height:54px;font-size:18px;margin-top:10px;font-family:var(--serif)}button:disabled{opacity:.45}input,select{min-height:42px;padding:8px 10px;border-radius:10px;border:1px solid var(--rule);background:#06160e8c;color:var(--ivory);font:inherit;width:100%}input::placeholder{color:#a9bba6bf}input[type=radio]{accent-color:var(--brass)}select option{background:var(--felt-deep)}label{display:block;margin:12px 0 4px;color:var(--hint);font-size:14px}.clock{text-align:center;padding:18px 10px 16px;border:14px solid transparent;border-radius:34px;background:var(--nap) padding-box,radial-gradient(90% 90% at 50% 30%,#2a6a47,var(--felt) 60%,var(--felt-deep)) padding-box,var(--wood) border-box;box-shadow:0 10px 24px #00000073,inset 0 0 0 1px var(--brass),inset 0 0 18px #0000008c}.clock .time{font-family:var(--serif);font-size:72px;font-weight:600;line-height:1.05;font-variant-numeric:lining-nums tabular-nums;color:var(--ivory);text-shadow:0 2px 6px rgba(0,0,0,.45)}.clock .blinds{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--brass-light);font-variant-numeric:lining-nums tabular-nums}.clock.paused .time{color:var(--hint)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.big-number{font-family:var(--serif);font-size:32px;font-weight:600;margin:4px 0;color:var(--brass-light);font-variant-numeric:lining-nums tabular-nums}.navbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--wood);border-top:1px solid var(--brass);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px #0006}.navbar a{flex:1;text-align:center;padding:10px 2px;color:#f1e8d4b3;text-decoration:none;font-size:14px}.navbar a.active{color:var(--brass-light);font-weight:600}table{width:100%;border-collapse:collapse}th{color:var(--hint);font-weight:500;font-size:14px}td,th{padding:9px 4px;text-align:left;border-bottom:1px solid var(--rule)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){button:active,.button:active{transform:none}}