:root[data-theme=midnight]{--bg-primary: #0f0f0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e1e32;--accent: #3b82f6;--accent-hover: #2563eb;--accent-dim: #1d4ed8;--border: #2a2a3e;--border-hover: #3a3a4e}:root[data-theme=ocean]{--bg-primary: #0a1628;--bg-secondary: #0f2035;--bg-tertiary: #152a42;--bg-card: #12243b;--accent: #06b6d4;--accent-hover: #0891b2;--accent-dim: #0e7490;--border: #1a3550;--border-hover: #254560}:root[data-theme=sakura]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #242440;--bg-card: #1e1e36;--accent: #e891b9;--accent-hover: #d47ca5;--accent-dim: #b0658a;--border: #2e2e4a;--border-hover: #3e3e5a}:root[data-theme=amber]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-card: #242424;--accent: #f59e0b;--accent-hover: #d97706;--accent-dim: #b45309;--border: #333333;--border-hover: #444444}:root[data-mode=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #888888;--border: #dee2e6;--border-hover: #ced4da;--success: #16a34a;--warning: #ca8a04;--danger: #dc2626;--shame: #ea580c;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}:root{--bg-primary: #0d0221;--bg-secondary: #1a0a3e;--bg-tertiary: #240e52;--bg-card: #1f0c45;--accent: #ff2a6d;--accent-hover: #e0245c;--accent-dim: #b91c4e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #666;--border: #3a1a5e;--border-hover: #4a2a6e;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--shame: #f97316;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--sidebar-width: 220px;--header-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500}.badge-accent{background:var(--accent-dim);color:#dbeafe}.badge-warning{background:#854d0e;color:#fef3c7}.badge-danger{background:#991b1b;color:#fee2e2}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}:root[data-mode=light] .badge-accent{background:#dbeafe;color:#1e40af}:root[data-mode=light] .badge-warning{background:#fef3c7;color:#854d0e}:root[data-mode=light] .badge-danger{background:#fee2e2;color:#991b1b}:root[data-mode=light] .btn-secondary{background:#e9ecef;border-color:#ced4da}:root[data-mode=light] .btn-secondary:hover{border-color:#adb5bd}.blog-content h1{font-size:20px;margin-bottom:4px;color:var(--accent)}.blog-content h2{font-size:16px;margin-top:28px;margin-bottom:8px}.blog-content h3{font-size:14px;margin-top:20px;margin-bottom:6px}.blog-content p{font-size:15px;line-height:1.75;color:var(--text-secondary);margin-bottom:12px}.blog-content em{color:var(--text-muted);font-size:12px}.blog-content code{background:var(--bg-tertiary);padding:1px 4px;border-radius:3px;font-size:13px}.blog-content pre{background:var(--bg-tertiary);padding:12px 16px;border-radius:6px;font-size:13px;overflow-x:auto;white-space:pre;line-height:1.5;color:var(--text-secondary);margin:12px 0}.blog-content pre code{background:none;padding:0;font-size:inherit}.blog-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}.blog-content img{max-width:100%;border-radius:6px;margin:12px 0}@media(max-width:768px){.btn{min-height:44px}input,select,textarea{font-size:16px}.card{padding:12px}}