:root{--paper:#e9e2d1;--paper-dark:#ded4bd;--ink:#20393b;--charcoal:#2b2b27;--mustard:#d6a03d;--mustard-dark:#b8842a;--brick:#b34a2c;--sage:#6c8b6c;--cream:#f6f1e4}*{box-sizing:border-box}body{background:var(--paper);color:var(--charcoal);margin:0;font-family:Work Sans,system-ui,sans-serif}h1,h2,h3,.display{font-family:Fraunces,Georgia,serif}a{color:inherit;text-decoration:none}.header{background:var(--ink);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}.header .logo{color:var(--cream);font-size:21px;font-weight:700}.header nav{flex-wrap:wrap;row-gap:8px}.header nav a{color:var(--cream);opacity:.85;margin-left:16px;font-size:13px;font-weight:600}.container{max-width:900px;margin:0 auto;padding:28px 20px 60px}.card{background:var(--cream);border:1px solid var(--paper-dark);border-radius:6px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--brick);color:var(--cream)}.btn-secondary{border:1px solid var(--paper-dark);color:var(--charcoal);background:0 0}.btn:disabled{background:var(--paper-dark);color:#8a8270;cursor:not-allowed}input,textarea{border:1px solid var(--paper-dark);box-sizing:border-box;border-radius:6px;width:100%;padding:9px 11px;font-family:inherit;font-size:13.5px}.badge{border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-sage{color:var(--sage);border:1px solid var(--sage)}.badge-brick{color:var(--brick);border:1px solid var(--brick)}.blackboard{color:#f2e9c9;background:radial-gradient(at 30% 20%,#2f4a42 0%,#23372f 70%,#1c2c26 100%);border:8px solid #5c4433;border-radius:4px;padding:14px 18px}.blackboard .item{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.blackboard .item .leader{border-bottom:2px dotted #f2e9c959;flex:1;position:relative;top:-4px}.logo .steam{transform-origin:50%;animation:2.8s ease-in-out infinite steam-rise}.logo .steam2{animation-delay:.35s}.logo .steam3{animation-delay:.7s}@keyframes steam-rise{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}