:root{color:#183833;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:#205c47;text-underline-offset:4px}button{color:#fff;cursor:pointer;background:#214e40;border:1px solid #0000;border-radius:8px;padding:.72rem 1.1rem;font-weight:650;transition:background .15s}button:hover{background:#163c30}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #c38a32}input{color:#183833;background:#fff;border:1px solid #b5c3b8;border-radius:8px;width:100%;min-width:0;padding:.75rem .85rem}input:disabled{background:#f4f5f2}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15}h2{font-size:1.2rem}h3{font-size:1rem}small{color:#596b61}button{white-space:nowrap}.app{width:min(100% - 2rem,1160px);margin:2rem auto}.auth-shell{background:#fff;border:1px solid #dce3d9;border-radius:16px;max-width:480px;margin:4rem auto;padding:2.5rem;box-shadow:0 16px 50px #18383308}.brand{letter-spacing:-.04em;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:750;display:flex}.brand-mark{color:#e5eacb;background:#214e40;border-radius:7px;place-items:center;width:40px;height:46px;font-family:Georgia,serif;font-size:1.8rem;display:grid;transform:rotate(-5deg)}.brand-caption{letter-spacing:.14em;color:#68776c;font-size:.55rem;font-weight:600;display:block}.page-heading{margin:2.5rem 0 1.5rem}.page-heading h1{margin:.6rem 0 .85rem;font-size:2.4rem}.page-heading p:not(.eyebrow){color:#627269}.eyebrow,.section-number{letter-spacing:.14em;color:#65796b;font-size:.68rem;font-weight:750}.login-form{gap:1.1rem;margin-top:1.25rem;display:grid}.form-field{gap:.4rem;display:grid}.form-field label{font-size:.85rem;font-weight:650}.name-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-switch{text-align:center;color:#627269;margin-top:1.5rem;font-size:.9rem}.notice{overflow-wrap:anywhere;border-radius:8px;padding:.8rem 1rem;font-size:.9rem}.success{color:#245338;background:#e7f1e8}.error{color:#8b3023;background:#fbece7}.secondary{color:#294a3b;background:#fff;border-color:#cbd5cb}.secondary:hover{background:#edf2eb}.danger-link{color:#9c392a;background:0 0}.danger-link:hover{background:#fbece7}.danger{background:#a33728}.danger:hover{background:#7a291e}.topbar{border-bottom:1px solid #d3ddd1;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.account{align-items:center;gap:1rem;font-size:.82rem;display:flex}.collection-heading{justify-content:space-between;align-items:center;gap:1rem;margin:3rem 0 2.5rem;display:flex}.collection-heading h1{margin:.75rem 0}.collection-heading p:not(.eyebrow){color:#617267}.collection-tag{letter-spacing:.1em;white-space:nowrap;background:#e7eddf;border:1px solid #c6d3bc;border-radius:30px;padding:.5rem .8rem;font-size:.65rem;font-weight:700}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.add-panel,.cards-panel{background:#fff;border:1px solid #d6dfd1;border-radius:12px;padding:1.5rem}.add-panel{background:#eaf0e3}.add-panel h2{margin:.6rem 0}.add-panel>p{color:#617267;font-size:.88rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{margin-top:.5rem}.count{background:#eef2e9;border-radius:20px;padding:.3rem .7rem;font-size:.75rem}.search-form{align-items:end;gap:.5rem;display:flex}.search-form .form-field{flex:1}.search-form button{padding:.75rem .85rem}.feedback{gap:.5rem;margin-top:1rem;display:grid}.feedback:empty{margin:0}.search-summary{color:#617267;margin-top:1rem;font-size:.85rem}.card-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.card-row{background:#fff;border:1px solid #e0e6db;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem;display:flex}.card-icon{color:#7b683d;background:#f0e7cd;border:1px solid #ded1ae;border-radius:5px;place-items:center;width:38px;height:48px;font-family:Georgia,serif;font-size:1.5rem;display:grid}.card-info{flex:1;min-width:100px}.card-info h3{overflow-wrap:anywhere;font-weight:650}.card-info p{color:#65766a;margin-top:.2rem;font-size:.73rem}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.row-actions button{padding:.5rem .75rem;font-size:.8rem}.edit-form{gap:.8rem;width:100%;display:grid}.delete-confirm{background:#fcf0ec;border-radius:8px;flex-basis:100%;padding:1rem}.delete-confirm p{overflow-wrap:anywhere;margin-bottom:.75rem;font-size:.9rem}.empty-state{text-align:center;color:#65766a;padding:3rem 1rem}.empty-state>span{color:#8a9a7b;font-size:2.5rem}.empty-state h3{color:#294a3b;margin:.8rem 0 .4rem}.empty-state p{font-size:.85rem}footer{text-align:center;color:#738170;margin:2rem 0;font-size:.75rem}@media (width<=800px){.workspace{grid-template-columns:1fr}.collection-tag{display:none}.account{flex-direction:column;align-items:flex-end;gap:.4rem}.add-panel .login-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.collection-heading{margin:2rem 0}.search-form{flex-wrap:wrap}.search-form .form-field{flex-basis:100%}}@media (width<=480px){.auth-shell{margin:1rem auto;padding:1.5rem}.name-fields{grid-template-columns:1fr}.topbar{align-items:flex-start}.account{text-align:right;max-width:55%}.cards-panel,.add-panel{padding:1rem}.card-row>.row-actions{margin-left:auto}.collection-heading h1{font-size:2.3rem}}
