:root{--color-bg:#f8f5ef;--color-surface:#fffdf8;--color-elevated:#fff;--color-text:#171717;--color-muted:#777064;--color-border:#ded6c8;--color-primary:#1d1b18;--color-vermilion:#c84a32;--color-jade:#3c7c68;--color-gold:#b89b5e;--shadow-soft:0 18px 50px #2d271e1f;--radius-card:18px;--radius-control:14px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--color-bg);min-height:100%;color:var(--color-text);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:linear-gradient(#fffdf8f2 0%,#f8f5efeb 46%,#f8f5ef 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.page-shell{width:min(100%,520px);min-height:100vh;padding:20px 18px calc(28px + var(--safe-bottom));margin:0 auto}.surface{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fffdf8e6;border:1px solid #ded6c8cc}.eyebrow{color:var(--color-jade);margin:0 0 8px;font-size:13px;font-weight:700}.page-title{color:var(--color-text);margin:0;font-size:30px;font-weight:850;line-height:1.12}.page-copy{color:var(--color-muted);margin:10px 0 0;font-size:15px;line-height:1.7}.primary-action{border-radius:var(--radius-control);background:var(--color-primary);color:#fffdf8;border:0;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.quiet-action{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-primary);background:#fffdf8c7;justify-content:center;align-items:center;padding:0 16px;font-weight:750;display:inline-flex}.placeholder-panel{gap:14px;margin-top:22px;padding:20px;display:grid}