*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-border: #e8e8e4;--color-border-subtle: #f2f2ef;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #9a9a9a;--color-accent: #2d2d2d;--color-accent-hover: #1a1a1a;--color-accent-light: #f5f5f3;--color-green: #4a7c59;--color-green-light: #e8efe9;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .06);--bottom-bar-height: 100px;--sidebar-transition: transform .25s ease;--horizontal-pad: 24px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;height:42px;border:none;border-radius:100em;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.hidden{display:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-text);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:#000;box-shadow:0 4px 12px #00000026}.btn-secondary{background:#fff;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{color:var(--color-text);border-color:var(--color-text-tertiary)}.btn-green{background:var(--color-green);color:#fff;box-shadow:0 4px 16px #4a7c594d}.btn-green:hover{filter:brightness(1.05);box-shadow:0 6px 20px #4a7c5966}.btn-sm{padding:8px 14px;font-size:12px}.btn-lg{padding:14px 28px;font-size:15px}.btn-icon{padding:10px;border-radius:50%}.btn-icon.btn-sm{padding:8px}.btn-icon.btn-lg{padding:12px}.page-back-btn{position:fixed;top:32px;left:32px;width:44px;height:44px;z-index:50}@media (max-width: 768px){.page-back-btn{top:20px;left:20px;width:40px;height:40px}}@media (max-width: 480px){.page-back-btn{top:16px;left:16px}}.page-action-btn{position:fixed;top:32px;right:32px;z-index:50}@media (max-width: 768px){.page-action-btn{top:20px;right:20px;padding:12px}.page-action-btn span{display:none}}@media (max-width: 480px){.page-action-btn{top:16px;right:16px;padding:10px}}