:root{--bg:#F2EEE4;--ink:#201C18;--muted:#6E6656;--navy:#16233D;--navy-soft:#EDEAE0;--charcoal:#241F1B;--stamp:#B23A2E}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);padding:40px 20px 64px;line-height:1.5}
.wrap{width:100%;max-width:720px;margin:auto}
a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--stamp);outline-offset:3px}
.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto 18px;padding:0 2px 10px;border-bottom:1px solid #D9D2BF}
.site-nav-brand{font-family:'Do Hyeon',sans-serif;font-size:17px;text-decoration:none}.site-nav-brand span,.brand span{color:var(--stamp)}
.site-nav-links{display:flex;gap:2px}.site-nav-links a{display:flex;align-items:center;min-height:44px;font-size:16px;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px}.site-nav-links a:hover{background:var(--navy-soft)}
header{text-align:center;margin-bottom:20px}.brand{font-family:'Do Hyeon',sans-serif;font-weight:400;font-size:40px;margin:0}
.search-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.search-row label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.search-row input{min-width:0;flex:1;border:1px solid #B8AF99;border-radius:6px;background:#fff;padding:12px 14px;font-size:16px;min-height:48px;color:var(--ink)}
.reset-search{min-height:48px;white-space:nowrap;padding:8px 12px;border:1px solid #B8AF99;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;font-size:15px}
.category-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.category-nav button{min-height:44px;border:1px solid #D9D2BF;border-radius:6px;background:transparent;color:var(--ink);padding:8px 13px;font-size:16px;cursor:pointer}.category-nav button[aria-pressed=true]{background:var(--navy);color:var(--navy-soft);border-color:var(--navy)}.category-nav button:hover{border-color:var(--stamp)}
.quick-section{margin-bottom:26px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{display:flex;align-items:center;gap:14px;text-decoration:none;padding:22px;border-radius:4px;min-height:88px}.card.utility{background:var(--navy);color:var(--navy-soft)}.card.fun{background:var(--charcoal);color:#F3ECDD}.card .icon{font-size:26px;flex:none}.card .name{font-family:var(--font-display);font-synthesis:none;font-weight:700;font-size:18px;word-break:keep-all}.card.fun .name{font-family:'Do Hyeon',sans-serif;font-weight:400}.card:hover{outline:2px solid var(--stamp);outline-offset:2px}
.section-label{font-size:15px;font-weight:500;color:var(--muted);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #D9D2BF}
.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.goal-card{min-width:0;background:#fff;border:1.5px solid #DCD6C1;border-radius:10px;padding:18px}.goal-title{font-family:var(--font-display);font-synthesis:none;font-weight:700;font-size:16px;margin:0 0 12px}.goal-links{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.goal-links a{display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;text-decoration:none;padding:10px;border-radius:6px;background:var(--bg);word-break:keep-all}.goal-links a:hover{background:var(--navy-soft);color:var(--stamp)}
.empty-search{padding:24px 16px;text-align:center;background:#fff;border:1px solid #DCD6C1;border-radius:10px}.empty-search p{margin:0 0 14px}.empty-search button{border:0;background:var(--navy);color:#fff;padding:12px 18px;border-radius:6px;min-height:44px;cursor:pointer}
.ad-banner{max-width:100%;margin:32px auto;text-align:center}.ad-label{margin:0 0 8px;font-size:13px;color:var(--muted)}.ad-strip-slot{max-width:100%;margin:auto}
footer{text-align:center;font-size:14px;color:var(--muted);padding-top:20px;border-top:1px solid #D9D2BF}footer nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}footer a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:3px}footer p{margin:8px 0 0}
@media(max-width:640px){body{padding:20px 16px 40px}.site-nav{margin-bottom:12px}header{margin-bottom:16px}.brand{font-size:36px}.goal-grid{grid-template-columns:1fr 1fr;gap:12px}.goal-card{padding:14px}.goal-links a{font-size:16px}.card{padding:16px;gap:8px;min-height:84px}.card .icon{font-size:22px}.card .name{font-size:17px}.category-nav{gap:5px}.category-nav button{padding:8px 11px}}
@media(max-width:380px){.cards{gap:10px}.card{padding:14px 10px}.card .name{font-size:16px}.goal-grid{grid-template-columns:1fr}.goal-links{display:grid;grid-template-columns:1fr 1fr}.goal-title{margin-bottom:10px}.goal-links a{height:100%}}