:root{color-scheme:light;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;--bg: #f7f4e8;--bg-strong: #efe4b7;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--surface-muted: rgba(255, 250, 236, .96);--line: rgba(103, 88, 53, .14);--line-strong: rgba(103, 88, 53, .26);--text: #2c2514;--text-soft: #6b6040;--primary: #1f7a3f;--primary-soft: #def0d8;--accent: #f2a33c;--danger: #c55345;--shadow: 0 18px 48px rgba(71, 51, 14, .12);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--page-width: 430px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(255,255,255,.65),transparent 38%),linear-gradient(180deg,#f8efc6,#f7f4e8 35%,#eef8eb);color:var(--text)}body,button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#app{display:flex;justify-content:center}.app-shell{width:100%;max-width:var(--page-width);min-height:100vh;padding:24px 18px calc(92px + env(safe-area-inset-bottom));position:relative}.page-stack{display:grid;gap:18px}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.section-title{margin:0;font-size:1.1rem;font-weight:700}.section-copy{margin:0;color:var(--text-soft);line-height:1.5}.page-header{display:grid;gap:10px}.page-eyebrow{color:var(--primary);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(100% - 24px,var(--page-width) - 20px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 34px #43300e29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav__item{min-height:50px;border:0;border-radius:999px;background:transparent;color:var(--text-soft);font-weight:600}.bottom-nav__item--active{background:var(--primary-soft);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.85rem;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}@media(min-width:431px){.app-shell{padding-top:30px}}