@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--green:#173e32;--muted:#6b766b;--line:#d8ddd3}*{box-sizing:border-box}body{margin:0;background:#f3f3ed;color:#24342d;font:15px 'DM Sans',sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#e9ece3;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}a{color:inherit}.brand{text-decoration:none;font-weight:800;letter-spacing:1px}nav{display:grid;gap:10px;margin-top:30px}nav a{padding:15px 10px;text-decoration:none;font-size:14px;color:#647265}nav a.active{background:var(--green);color:white;border-radius:6px}.tag,header{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}aside .tag{margin-top:35px}.bottom{margin-top:auto}.bottom p,small{font-size:12px;color:var(--muted)}main{margin-left:250px;padding:0 48px;max-width:1600px}header{display:flex;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}h1{font:600 64px/1 'Barlow Condensed',sans-serif;margin:14px 0}h2{font:600 30px/1.1 'Barlow Condensed',sans-serif;margin:0 0 15px}h3{font-size:18px;line-height:1.5}p{line-height:1.7}.intro{padding:32px 0 25px}.intro p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr 1fr;background:var(--green);color:white;border-radius:12px;margin-bottom:28px;padding:30px;gap:30px}.hero h2{font-size:38px}.hero p{color:#d3dfd4}.court{position:relative;border:1px solid #739881;border-radius:5px;margin:10px 15px;min-height:170px}.court:before{content:'';position:absolute;left:30%;right:30%;height:60%;border:1px solid #739881;border-radius:0 0 50% 50%}.court:after{content:'';position:absolute;left:9%;right:9%;height:85%;border:1px solid #739881;border-radius:0 0 50% 50%}.pos{position:absolute;background:#d4f37e;color:var(--green);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:bold;z-index:1}.l{left:20%;top:-17px}.c{right:-17px;top:50%}.t{left:-17px;bottom:-17px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.card{background:white;border:1px solid var(--line);padding:27px;border-radius:10px;margin-bottom:22px}.card>.tag{display:block;margin-bottom:16px}button{font:inherit;padding:11px 17px;background:white;border:1px solid var(--line);border-radius:5px;cursor:pointer;color:inherit}button:hover{background:#edf3e6;border-color:#789469}button.primary{background:var(--green);color:white}button:disabled{opacity:.7;cursor:default}.choices{display:grid;gap:10px;margin:22px 0}.choices button{text-align:left}.correct{background:#dcecc7!important}.wrong{background:#f8ddd3!important}.feedback{padding:15px;background:#eff4e8;border-left:3px solid #7c9857;line-height:1.7}.row{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.stats{display:flex;gap:30px;margin:25px 0}.stats strong{display:block;font:38px 'Barlow Condensed',sans-serif}.focus{padding:18px 0;border-top:1px solid var(--line)}.focus p{font-size:13px;color:var(--muted);margin:6px 0}.pill{background:#e9efdf;padding:6px 10px;border-radius:30px;font-size:11px}input,textarea,select{font:inherit;color:inherit;width:100%;padding:11px;border:1px solid #cbd3c8;border-radius:5px;margin-top:7px;background:white}textarea{min-height:85px;resize:vertical}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.toolbar{display:flex;gap:12px;margin-bottom:23px}.toolbar input{flex:2}.toolbar select{flex:1}.bankitem{padding:18px 0;border-top:1px solid var(--line)}summary{cursor:pointer;line-height:1.6;font-weight:600}.bankitem p{color:var(--muted)}.day{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.day input{width:18px;margin:3px 0}.day label{font-weight:400;margin:0;line-height:1.6;flex:1}.day small{display:block}.done label{text-decoration:line-through;color:var(--muted)}progress{width:100%;height:8px;accent-color:var(--green)}.actions{display:flex;gap:10px;margin-top:20px}.empty{padding:25px 0;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:35px;padding:20px 0;font-size:11px;color:var(--muted)}footer button{font-size:12px}.import{display:inline-block;font-size:12px;margin-left:10px}.import input{max-width:200px;font-size:11px}#toast{display:none;position:fixed;right:20px;bottom:20px;background:var(--green);color:white;padding:15px;z-index:9;border-radius:7px}:focus-visible{outline:3px solid #a8bc62;outline-offset:3px}@media(max-width:1000px){aside{width:210px;padding:25px 15px}main{margin-left:210px;padding:0 25px}.grid{grid-template-columns:1fr}}@media(max-width:680px){aside{position:static;width:auto;padding:18px}.bottom,aside .tag{display:none}nav{display:flex;overflow:auto;gap:5px;margin-top:15px}nav a{font-size:11px;white-space:nowrap;padding:10px}main{margin:0;padding:0 18px}header{font-size:9px;padding:18px 0}h1{font-size:50px}.hero{grid-template-columns:1fr;padding:24px}.court{display:none}.card{padding:20px}.formgrid{grid-template-columns:1fr}.toolbar{flex-direction:column}}
.hero button{color:var(--green);font-weight:600}