:root{--brand-primary:#4F805C;--brand-primary-soft:#E9F3EC;--brand-primary-soft-2:#F3F8F5;--brand-text:#0f172a;--brand-muted:#64748B;--brand-border:#E5E7EB;--container-max:420px;--font-xs:16px;--font-s:16px;--font-m:16px;--font-l:18px;--font-xl:22px;--font-xxl:26px}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:var(--font-m);color:var(--brand-text);background:#fff;margin:0;padding-left:10px;padding-right:10px}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center}.wrap{width:100%;max-width:var(--container-max);padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.h1{font-weight:900;font-size:var(--font-xl);margin:0}.card-title{font-weight:700;font-size:var(--font-l);margin:0}.label{font-weight:700}.label,.p-muted{font-size:var(--font-s);color:var(--brand-muted)}.p-muted{margin-top:6px}.err{color:#dc2626;margin:0}.err,.note{font-size:var(--font-s)}.note{color:var(--brand-muted);margin-top:8px}.input{width:100%;min-width:0;border:1px solid var(--brand-border);border-radius:12px;padding:10px 12px;font-size:16px;background:#fff}.btn{height:52px;border-radius:14px;border:none;font-weight:900;letter-spacing:.3px}.btn--primary{width:100%;background:var(--brand-primary);color:#fff;box-shadow:0 6px 18px rgba(79,128,92,.25)}.card{border:1px solid var(--brand-border);border-radius:16px;padding:14px;background:var(--brand-primary-soft-2);margin-bottom:12px}.card--plain,.tile{background:#fff}.tile{border:1px solid var(--brand-border);border-radius:12px;padding:10px 12px;font-weight:900}@media (max-width:480px){:root{--font-xs:16px;--font-s:16px;--font-m:16px;--font-l:17px;--font-xl:22px;--font-xxl:26px}.h1{font-size:clamp(20px,6.2vw,24px)}.card-title{font-size:clamp(16px,4.6vw,18px)}.err,.label,.note,.p-muted{font-size:var(--font-s)}.tile{padding:12px 14px}.wrap{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}@media (min-width:600px){.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid var(--brand-border);background:#fff;color:var(--brand-text);font-weight:700;font-size:var(--font-m);padding:8px 12px;border-radius:999px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.chip:focus-visible{box-shadow:0 0 0 3px rgba(79,128,92,.2)}.chip:active{transform:translateY(.5px)}.chip--active{border-color:var(--brand-primary);background:var(--brand-primary-soft);color:var(--brand-primary)}@media (max-width:480px){.chip{padding:10px 14px;font-size:16px}}html{scroll-behavior:smooth}