:root{font:17px/1.5 system-ui,sans-serif;color:#244a46;background:#f8f5ec;--paper:#fffef8;--teal:#24665e}*{box-sizing:border-box}body{margin:0}main{max-width:760px;min-height:80vh;margin:auto;padding:28px 24px}h1,h2{font-family:Georgia,serif;line-height:1.12}h1{font-size:clamp(42px,8vw,70px);font-weight:400;letter-spacing:-2px;margin:20px 0}h2{font-size:34px;font-weight:400}p{color:#57706a}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:var(--paper);border:1px solid #dbe3d7;border-radius:24px;padding:25px;margin:20px 0}.hero{position:relative;overflow:hidden}.hero img{width:140px;border-radius:28px;float:right;margin:15px}button,input{font:inherit}button,.button{min-height:46px;border-radius:14px;border:1px solid #b7cbc2;padding:10px 18px;background:var(--paper);color:#244a46;cursor:pointer;text-decoration:none;display:inline-block}button:hover{background:#e7eee4}button.primary{background:var(--teal);color:white;border-color:var(--teal)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c88830;outline-offset:3px}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button{flex:1}.stats{display:flex;gap:16px}.stats b{font-size:25px;display:block}.board-wrap{overflow:auto;border-radius:24px;background:var(--paper);border:1px solid #dbe3d7;margin:18px 0;max-height:65vh}.board{display:block;width:100%;min-width:280px;touch-action:pan-x pan-y}.board path{fill:none;stroke:#265b53;stroke-width:.15;stroke-linecap:round;stroke-linejoin:round}.board .arrow{cursor:pointer}.board .arrow:focus{outline:none}.board .arrow:focus path{stroke:#b87321}.board .blocked path{stroke:#ba4b43}.board .hint path{stroke:#ce8a26;stroke-width:.22}.board .hit{stroke:transparent;stroke-width:.65}.board .removed{opacity:.14;pointer-events:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.calendar{grid-template-columns:repeat(7,1fr)}.calendar button{padding:9px 2px;font-size:14px}.calendar .done{background:#d3e8cf}.settings label{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e1e7dc}input[type=checkbox]{width:24px;height:24px;accent-color:var(--teal)}input[type=month]{border:1px solid #b7cbc2;padding:8px;border-radius:10px;background:var(--paper)}#notice{max-width:710px;margin:0 auto;padding:12px 24px;color:#8a4a22;min-height:48px}footer{text-align:center;padding:25px;font-size:13px;color:#65786e}a{color:inherit}.badge{padding:14px;border-bottom:1px solid #dce4d8}.badge.locked{opacity:.5}dialog{max-width:480px;border:1px solid #c6d8cc;border-radius:24px;padding:26px;color:#244a46;background:#fffef8}dialog::backdrop{background:#183b3377}@media(max-width:480px){main{padding:18px 14px}.card{padding:20px}.hero img{width:90px}.row button{padding:9px 12px}.tabs{gap:4px}.tabs button{padding:8px}.stats{gap:20px}}

.board{height:60vh;max-height:700px}.board-wrap{max-height:70vh}