:root{color:#263b31;font-synthesis:none;background:#f5f0e5;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.shell{width:min(100% - 2rem,960px);margin:0 auto;padding:4rem 0}header{margin-bottom:2.5rem}.eyebrow{color:#9c562c;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-weight:800}h1{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.07}.subtitle{color:#5f5e58;font-size:1.15rem}.panel{background:#fffdf8;border:1px solid #e4dac7;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #31251112}#loginDiv{flex-direction:column;gap:.65rem;max-width:440px;display:flex}h2{margin:0 0 1rem;font-size:1.25rem}label{font-size:.92rem;font-weight:700}input{font:inherit;background:#fff;border:1px solid #c5bda9;border-radius:8px;min-width:0;padding:.7rem .85rem}input:focus{outline:3px solid #dfb179}.buttons{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#275947;border:0;border-radius:8px;padding:.75rem 1rem;font-weight:700}.buttons:hover{background:#1d4134}.buttons:disabled{opacity:.6;cursor:wait}.buttons.secondary{background:#6f432c}#loginResult,#cardAddResult{color:#9b382c;min-height:1.3rem}.userbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;font-weight:700;display:flex}.cards-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:1.5rem;display:grid}.form-row{gap:.5rem;display:flex}.form-row input{flex:1}#cardList{margin-bottom:0;padding-left:1.4rem}#cardList li{padding:.2rem 0}.card-item{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card-item span,.card-item input{flex:1;min-width:10rem}.card-item .buttons{padding:.45rem .7rem}.text-button{color:#275947;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}@media (width<=720px){.cards-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.shell{padding:2rem 0}}