:root{--ink:#19324a;--accent:#dc762e;--cream:#fbf7ef;--paper:#fff;--muted:#687681;--line:#d8dfdf}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.shell{width:min(1160px,calc(100% - 32px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}.bar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:1.45rem;text-decoration:none}.brand img{width:42px;height:42px}.home,.actions button,.tabs button{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:700;padding:11px 16px;text-decoration:none;cursor:pointer}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;padding:54px 0 38px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:var(--accent)}h1{font:700 clamp(2.3rem,6vw,5rem)/.98 Georgia,serif;margin:.15em 0}h1 em{color:var(--accent)}.date-art{width:150px;height:164px;border-radius:22px;background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:12px 12px 0 #edb885}.date-art span{font-size:4rem;font-weight:900;line-height:1}.date-art small{text-transform:uppercase;letter-spacing:.15em}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:24px;align-items:start;padding-bottom:52px}.input-card,.result-card,.content{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 35px #19324a10}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 24px}.tabs button.active,.actions button{background:var(--ink);color:#fff;border-color:var(--ink)}.date-wheel{border:0;padding:0;margin:18px 0}.date-wheel legend{font-size:1.05rem;font-weight:800;margin-bottom:10px}.wheel-row,.number-row{display:grid;grid-template-columns:1fr 1.5fr 1.15fr;gap:12px}.wheel{display:grid;grid-template-columns:40px 1fr 40px;grid-template-areas:"label label label" "down input up";gap:5px}.wheel>span{grid-area:label;font-size:.8rem;font-weight:700}.wheel input,.number-row input{grid-area:input;width:100%;min-width:0;border:1px solid #aebbbb;border-radius:9px;background:#fff;color:#172a3a;padding:10px;text-align:center;font:700 1rem inherit}.wheel button{border:0;border-radius:9px;background:#edf1f0;color:var(--ink);font-size:1.2rem;cursor:pointer}.wheel button:first-of-type{grid-area:down}.wheel button:last-of-type{grid-area:up}.operation{display:flex;gap:8px;margin:16px 0}.operation button{padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;font-weight:700}.operation .active{background:var(--accent);color:#fff}.number-row label{display:grid;gap:5px;font-weight:700}.result-card{background:var(--ink);color:#fff;position:sticky;top:20px}.result-card h2{font:700 2rem/1.1 Georgia,serif}.subtitle{color:#c8d4db}.stats>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #ffffff25}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.actions .secondary{background:#fff;color:var(--ink)}.actions .ghost{background:transparent;color:#fff;border-color:#ffffff55}footer{background:#13293c;color:#dce5e9;padding:28px 0}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#fff}.content{margin:48px auto}.content h1{font-size:2.5rem}.content h2{margin-top:1.6em}@media(max-width:780px){.hero{padding-top:32px}.date-art{display:none}.workspace{grid-template-columns:1fr}.result-card{position:static}.wheel-row{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:1fr 1fr}.number-row{grid-template-columns:1fr}}@media print{header,footer,.hero,.input-card,.actions{display:none}.workspace{display:block}.result-card{box-shadow:none;color:#000;background:#fff;border:0}.result-card .subtitle{color:#333}}