:root{--bg-page: #b6b2a9;--surface-1: #f2ede3;--surface-2: #ffffff;--text-primary: #26221b;--text-secondary: #6c6355;--text-muted: #a59a86;--border: #e3dbcb;--border-strong: #cdc0a7;--bg-accent: #f4e3cf;--border-accent: #c7893f;--text-accent: #7a4413;--bg-success: #e4efdc;--text-success: #3e6b2c;--radius: 10px;--radius-lg: 16px;--card-gray: #c9c0ac;--card-gray-hover: #b6ad98}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh;display:flex;justify-content:center;padding:32px 16px}a{color:inherit}.card-frame{padding:1px;border-radius:calc(var(--radius-lg) + 1px);background:linear-gradient(135deg,var(--border-strong),var(--border));box-shadow:0 0 120px 40px #1e190f59}.card-inner{border-radius:var(--radius-lg);background:var(--surface-1);height:100%}.list-card{background:var(--card-gray);transition:background .15s ease}.list-card:hover{background:var(--card-gray-hover)}