:root{--bg: #f0e9e1;--card-bg: #f7f3ed;--text-primary: #1a1208;--text-secondary: #4a4035;--text-muted: #5c534a;--accent: #c8ddd6;--accent-dark: #3d7a6e;--accent-text: #fff;--accent-light: #a8ccc3;--selected: #3d3629;--selected-text: #f7f3ed;--border: #e2dbd2;--shadow: 0 1px 3px rgba(44, 36, 24, .07);--shadow-md: 0 2px 8px rgba(44, 36, 24, .1);--radius: 14px;--radius-sm: 10px;--radius-xs: 6px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--tab-height: 56px;--success: #4a9e6e;--danger: #c75450;--icon-color: #3d3629;--gift-tier1: #a8ccc3;--gift-tier2: #7bb5a8;--gift-tier3: #4d9e8d;--gift-tier4: #3d7a6e;--note-bg: #fef3c7;--note-border: #fde68a;--note-text: #92400e;--section-label-bg: rgba(0,0,0,.04);--translation-bg: rgba(0, 0, 0, .04);--btn-text-shadow: none;--tab-indicator-opacity: .45;--dev-red: #dc2626;--dev-green: #15803d;--dev-red-bg: #fee2e2;--dev-red-border: #fecaca;--dev-red-text: #991b1b;--dev-green-bg: #dcfce7;--dev-yellow-bg: #fefce8;--dev-yellow-border: #fef08a;--dev-blue-bg: #eff6ff;--dev-blue-border: #bfdbfe;--dev-blue-badge-bg: #dbeafe;--dev-blue-badge-text: #1d4ed8;--dev-preview-bg: #f8f7f4;--dev-preview-border: #e2dbd2;--dev-preview-quote-bg: #f0ece6}:root.dark{--bg: #0f1117;--card-bg: #1a1c25;--text-primary: #f0f1f3;--text-secondary: #bfc4cb;--text-muted: #b0b5bd;--accent: #2a4a5a;--accent-dark: #8fd4ed;--accent-text: #000;--accent-light: #3a6a7a;--selected: #e5e7eb;--selected-text: #0f1117;--border: #2a2d38;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--icon-color: #e5e7eb;--gift-tier1: #3a6a7a;--gift-tier2: #4d8a9a;--gift-tier3: #5ea8ba;--gift-tier4: #7ec8e3;--note-bg: #1e2a3a;--note-border: #2a3d52;--note-text: #7ec8e3;--section-label-bg: rgba(255,255,255,.07);--translation-bg: rgba(255, 255, 255, .06);--btn-text-shadow: none;--tab-indicator-opacity: .25;--dev-red: #f87171;--dev-green: #4ade80;--dev-red-bg: rgba(239, 68, 68, .15);--dev-red-border: rgba(239, 68, 68, .3);--dev-red-text: #fca5a5;--dev-green-bg: rgba(74, 222, 128, .15);--dev-yellow-bg: rgba(250, 204, 21, .12);--dev-yellow-border: rgba(250, 204, 21, .3);--dev-blue-bg: rgba(59, 130, 246, .12);--dev-blue-border: rgba(59, 130, 246, .3);--dev-blue-badge-bg: rgba(59, 130, 246, .2);--dev-blue-badge-text: #93c5fd;--dev-preview-bg: #1e2028;--dev-preview-border: #2a2d38;--dev-preview-quote-bg: #252730}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dev-page *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html,body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}body{padding-bottom:calc(var(--tab-height) + 16px)}#root{min-height:100vh}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.section-title{font-size:15px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;padding:0 4px;margin-bottom:10px}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{display:none}