:root{color:#17211a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f3ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.mobile-shell{background:#fffaf0;grid-template-rows:auto 1fr auto;width:min(100%,430px);min-height:100vh;margin:0 auto;display:grid;box-shadow:0 24px 70px #2e251424}.app-header{padding:24px 20px 12px}.app-logo{margin:0;font-size:clamp(1.7rem,8vw,2.5rem);line-height:1}.version-badge{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.version-badge span{color:#6b4a12;background:#fffdf7;border:1px solid #d7cfbc;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:900}.app-content{align-content:start;padding:12px 20px 96px;display:grid}.screen-card{background:#fffdf7;border:1px solid #ddd6c4;border-radius:28px;padding:28px 22px}.eyebrow{color:#8a5a12;letter-spacing:.02em;margin:0 0 12px;font-size:.85rem;font-weight:700}h2{margin:0;font-size:clamp(2rem,9vw,3.2rem);line-height:1}.hero-copy{color:#4f5d51;margin:18px 0 24px;font-size:1rem;line-height:1.7}.status-card{color:#fff8e8;text-align:center;background:#243b2a;border-radius:18px;padding:16px;font-weight:700}.helper-text{color:#6b4a12;background:#f4ead2;border-radius:16px;margin:0 0 18px;padding:12px 14px;font-size:.92rem;font-weight:700}.stacked-form{gap:16px;display:grid}.field{color:#344239;gap:8px;font-weight:800;display:grid}.field input,.field select,.field textarea{color:#17211a;background:#fffaf0;border:1px solid #d7cfbc;border-radius:14px;width:100%;padding:13px 14px}.primary-button{color:#fff8e8;background:#243b2a;border:0;border-radius:18px;padding:15px 16px;font-weight:900}.secondary-button{color:#243b2a;background:#fffaf0;border:1px solid #d7cfbc;border-radius:18px;padding:14px 16px;font-weight:900}.chip-fieldset{border:0;margin:0;padding:0}.chip-fieldset legend{color:#344239;margin-bottom:10px;font-weight:900}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-grid--regions{grid-template-columns:repeat(4,1fr);display:grid}.chip-button{color:#344239;background:#fffaf0;border:1px solid #d7cfbc;border-radius:999px;padding:10px 12px;font-size:.9rem;font-weight:800}.chip-button[aria-pressed=true]{color:#fff8e8;background:#243b2a;border-color:#243b2a}.stacked-screen,.card-list-screen,.card-detail-screen{gap:16px;display:grid}.detail-grid{gap:10px;margin:0;display:grid}.detail-grid div{background:#f7f0df;border-radius:16px;padding:12px 14px}.detail-grid dt{color:#6b4a12;margin-bottom:4px;font-size:.8rem;font-weight:900}.detail-grid dd{color:#243b2a;margin:0;font-weight:800}.radio-card{border:1px solid #d7cfbc;border-radius:16px;align-items:center;gap:10px;margin-top:8px;padding:12px 14px;display:flex}.radio-card span{font-weight:800}.preview-list{gap:16px;display:grid}.preview-card{background:#fffaf0;border:1px solid #e3dcc9;border-radius:22px;gap:14px;padding:18px;display:grid}.preview-card__header{gap:12px;display:grid}.preview-card h3{margin:0;font-size:1.25rem;line-height:1.2}.grade-badge{color:#6b4a12;background:#f4ead2;border-radius:999px;align-self:start;padding:8px 10px;font-size:.84rem;font-weight:900}.meta-row,.tag-row{flex-wrap:wrap;gap:8px;display:flex}.meta-row span,.tag-pill{color:#3e4f44;background:#f7f0df;border-radius:999px;padding:7px 9px;font-size:.82rem;font-weight:800}.local-tip{color:#4f5d51;margin:0;line-height:1.65}.empty-state{color:#6b4a12;background:#f4ead2;border-radius:18px;margin:0;padding:16px;font-weight:800}.profile-summary{gap:10px;margin-top:20px;display:grid}.profile-summary p{margin:0}.profile-summary strong{color:#fff8e8;text-align:center;background:#243b2a;border-radius:18px;padding:14px 16px;display:inline-block}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(100%,430px);padding:10px 10px calc(14px + env(safe-area-inset-bottom));background:#fffaf0f5;border-top:1px solid #e3dcc9;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__button{color:#526158;background:0 0;border:0;border-radius:16px;padding:12px 6px;font-size:.9rem;font-weight:800}.bottom-nav__button[aria-pressed=true]{color:#fff8e8;background:#243b2a}@media (width>=520px){body{padding:24px 0}.mobile-shell{border:1px solid #ddd6c4;border-radius:32px;min-height:calc(100vh - 48px);overflow:hidden}.bottom-nav{position:sticky;bottom:0}}