OFL.txt). */ @font-face{font-family:Bento UI;src:url(/fonts/cause/Cause-VariableFont_wght.ttf) format("truetype-variations"),url(/fonts/cause/Cause-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+0250-02AF,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bento UI;src:url(/fonts/gamja-flower/GamjaFlower-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7A3,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:Bento UI;src:url(/fonts/klee-one/KleeOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Bento UI;src:url(/fonts/klee-one/KleeOne-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}:root{color-scheme:light;--font-sans: "Bento UI", ui-sans-serif, system-ui, sans-serif;--bg-base: #f4f0e8;--bg-body: radial-gradient(120% 80% at 50% -20%, #faf7f2 0%, var(--bg-base) 45%, #ebe4d9 100%);--surface: #fffcf7;--surface-2: #ffffff;--text: #1c1917;--text-muted: #57534e;--border: #d6cfc3;--border-strong: #a8a29e;--primary: #0f766e;--primary-hover: #115e59;--primary-soft: #ccfbf1;--primary-softer: #ecfdf5;--progress-track: #d6cfc3;--focus-ring: #0d9488;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .06);--radius-sm: 8px;--radius-md: 10px;--radius-pill: 999px;font-family:var(--font-sans)}body{margin:0;min-height:100vh;background:var(--bg-body);background-attachment:fixed;color:var(--text)}.app-shell{max-width:780px;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.topbar__title{margin:0;font-size:inherit;font-weight:inherit;line-height:1}.brand{display:flex;align-items:center;gap:.45rem;margin:0;padding:.2rem .35rem .2rem 0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);font:inherit;text-align:left;transition:background .15s ease}.brand:hover{background:#0f766e0f}.brand:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.brand__logo{flex-shrink:0;width:40px;height:40px;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.brand__wordmark{display:flex;align-items:baseline;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1}.brand__ben{color:var(--primary)}.brand__to{color:#b45309}.topbar label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}select,input[type=number]{font:inherit;padding:.4rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text)}.app-shell h2,.app-shell h3{color:var(--text);font-weight:600;letter-spacing:-.015em}.progress{margin:1rem 0;background:var(--progress-track);border-radius:var(--radius-pill);height:10px;overflow:hidden}.progress__bar{background:linear-gradient(90deg,var(--primary-hover),var(--primary));height:100%;border-radius:inherit;transition:width .25s ease}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}.chip{border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:.35rem .75rem;background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-sm);transition:border-color .15s ease,background .15s ease}.chip.selected{border-color:var(--primary);background:var(--primary-softer);color:var(--text)}.card{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:.8rem;text-align:left;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #1c191714}.card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-soft)}.card__cover{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:.5rem}.cta{margin-top:1rem;width:100%;background:linear-gradient(180deg,#14b8a6 0%,var(--primary) 100%);color:#fff;border:none;border-radius:var(--radius-sm);padding:.9rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0f766e59;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}.cta:hover{filter:brightness(1.05);box-shadow:0 3px 10px #0f766e66}.cta:active{transform:translateY(1px)}.actions{display:flex;gap:.5rem;margin-top:1rem}.actions button{flex:1;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease}.actions button:hover{border-color:var(--primary);background:var(--primary-softer)}.app-shell section ul li button{font:inherit;color:var(--text);background:transparent;border:none;padding:.15rem 0;cursor:pointer;text-align:left;border-radius:var(--radius-sm)}.app-shell section ul li button:hover{color:var(--primary)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}