:root{--primary-color:#95554f;--primary-hover:#7e4641;--secondary-color:#95554f;--header-height:60px;--text-color:#333;--bg-color:#fff;--border-color:#e0e0e0;--shadow:0 2px 8px #0000001a;--bg:#faf9f7;--bg-gradient:radial-gradient(ellipse at 20% 0%, #f3eae8 0%, var(--bg) 50%);--card:#fff;--text:#1a1d23;--text-secondary:#5a5f6b;--muted:#8b8f99;--accent:#95554f;--accent-hover:#7f4742;--accent-subtle:#95554f14;--line:#e8e4e0;--line-light:#f0ece9;--ok:#1a8754;--ok-bg:#e8f5ee;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000000f, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #00000014, 0 4px 12px #0000000a;--radius:12px;--radius-lg:16px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--header-height);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.header{height:var(--header-height);background-color:var(--bg-color);box-shadow:var(--shadow);z-index:100;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{align-items:center;display:flex}.header-logo a{align-items:center;text-decoration:none;transition:transform .2s;display:flex}.header-logo a:hover{transform:scale(1.02)}.header-logo img{border-radius:6px;height:32px;margin-right:12px;box-shadow:0 2px 4px #0000001a}.header-title{color:var(--text-color);letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:700}.header-title-subtle{opacity:.7;font-weight:400}.header-nav{align-items:center;margin-left:auto;display:flex}.header-nav a{color:#94a3b8;margin-left:2rem;font-size:.925rem;font-weight:500;text-decoration:none;transition:color .2s}.header-nav a:hover,.header-nav a.active{color:var(--primary-color)}.menu-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;margin-left:auto;padding:.5rem;font-size:1.5rem;display:flex}.theme-toggle-container{z-index:1000;position:fixed;bottom:20px;left:20px}.theme-toggle{color:#333;cursor:pointer;background:#fffc;border:2px solid #95554f80;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 0 5px #95554f4d}.theme-toggle:hover{background-color:#95554f26}@media (width<=768px){.menu-toggle{display:block}.header{padding:0 1rem}.header-nav{top:var(--header-height);background-color:var(--bg-color);z-index:1000;border-left:1px solid var(--secondary-color);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform;border-radius:8px 0 0 8px;flex-direction:column;align-items:stretch;width:200px;padding:0;transition:opacity .14s ease-out,transform .14s ease-out,visibility 0s linear .14s;display:flex;position:absolute;right:0;transform:translate(12px);box-shadow:-4px 0 12px #00000026}.header-nav.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s ease-out,transform .14s ease-out,visibility linear;transform:translate(0,0)}.header-nav a{width:100%;color:var(--text-color);align-items:center;margin:0;padding:18px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.header-nav a:hover{color:var(--text-color);background-color:#95554f1a}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.shell{max-width:720px;margin:0 auto;padding:32px 24px 100px}.back-link{color:var(--accent);transition:opacity var(--transition);align-items:center;gap:4px;margin-bottom:20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{opacity:.7}.article-header{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:28px;padding:36px;position:relative;overflow:hidden}.article-header:before{content:"";background:linear-gradient(90deg, var(--accent), #c27a74, var(--accent-hover));height:4px;position:absolute;top:0;left:0;right:0}.article-tag{background:var(--accent-subtle);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.article-title{letter-spacing:-.025em;margin-bottom:14px;font-size:2rem;font-weight:700;line-height:1.25}.article-meta{color:var(--muted);align-items:center;gap:14px;font-size:.85rem;display:flex}.article-meta-sep{background:var(--muted);border-radius:50%;width:4px;height:4px}.article-hero-img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);margin-bottom:28px;display:block}.prose{color:var(--text);font-size:1.06rem;line-height:1.7}.prose h2{letter-spacing:-.015em;border-bottom:1px solid var(--line-light);margin:36px 0 14px;padding-bottom:10px;font-size:1.4rem;font-weight:700}.prose h3{color:var(--text);margin:28px 0 10px;font-size:1.1rem;font-weight:600}.prose p{margin-bottom:16px}.prose ul,.prose ol{margin:0 0 16px;padding-left:24px}.prose li{margin-bottom:6px}.prose a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.prose a:hover{color:var(--accent-hover)}.prose .note{border-left:3px solid var(--accent);color:var(--text-secondary);background:linear-gradient(135deg,#fbf5f4 0%,#faf8f7 100%);border-radius:0 8px 8px 0;margin:18px 0;padding:14px 16px;font-size:.94rem}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;width:100%;margin:14px 0 20px;font-size:.9rem;overflow:hidden}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-light);padding:10px 14px}.prose th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:#f7f4f1;font-size:.82rem;font-weight:600}.prose tr:last-child td{border-bottom:0}.prose tbody tr{transition:background var(--transition)}.prose tbody tr:hover{background:#95554f08}.prose tbody tr.winner td{background:#95554f0f;font-weight:500}.cta-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;margin-top:32px;padding:28px}.cta-box h3{margin-bottom:8px;font-size:1.2rem;font-weight:700}.cta-box p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.cta-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-links a{transition:all var(--transition);border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.cta-links a.primary{background:var(--accent);color:#fff}.cta-links a.primary:hover{background:var(--accent-hover)}.cta-links a.secondary{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--line)}.cta-links a.secondary:hover{border-color:var(--accent)}html.dark-theme body{color:#e0e0e0;background:#1a1a1a}html.dark-theme .header,html.dark-theme .header-nav{background-color:#2d2d2d}html.dark-theme .header-nav a,html.dark-theme .header-title,html.dark-theme .menu-toggle{color:#fff}html.dark-theme .theme-toggle{color:#fd0;border-color:var(--secondary-color);background-color:#95554f33;border-width:3px;box-shadow:0 0 12px #95554fcc}html.dark-theme .article-header,html.dark-theme .cta-box{background:#2d2d2d;border-color:#444}html.dark-theme .article-header:before{background:linear-gradient(90deg, #c27a74, var(--accent), #c27a74)}html.dark-theme .article-title,html.dark-theme .prose h2,html.dark-theme .prose h3{color:#e0e0e0}html.dark-theme .article-meta{color:#999}html.dark-theme .back-link{color:#e0a09a}html.dark-theme .prose{color:#ddd}html.dark-theme .prose h2{border-bottom-color:#444}html.dark-theme .prose .note{color:#ccc;background:linear-gradient(135deg,#95554f1f 0%,#2d2d2dcc 100%)}html.dark-theme .prose a{color:#e0a09a}html.dark-theme .prose th{color:#bbb;background:#383838}html.dark-theme .prose th,html.dark-theme .prose td{border-color:#444}html.dark-theme .prose tbody tr:hover{background:#95554f14}html.dark-theme .prose table{border-color:#444}html.dark-theme .prose tbody tr.winner td{background:#95554f24}html.dark-theme .cta-box h3{color:#e0e0e0}html.dark-theme .cta-box p{color:#bbb}html.dark-theme .cta-links a.secondary{color:#e0a09a;background:#95554f26;border-color:#555}.modal{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:var(--bg-color);border:1px solid var(--border-color);width:80%;max-width:500px;box-shadow:var(--shadow);border-radius:8px;margin:15% auto;padding:2rem;position:relative}.close-modal{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700;position:absolute;top:10px;right:20px}.close-modal:hover{color:var(--secondary-color)}.support-info{padding:1rem 0}.support-option{background-color:#95554f0d;border-radius:8px;align-items:center;margin:1rem 0;padding:1rem;display:flex}.support-icon{color:var(--secondary-color);margin-right:1rem;font-size:1.5rem}.support-option a{color:var(--text-color);font-weight:500;text-decoration:none}.support-option a:hover{color:var(--secondary-color);text-decoration:underline}html.dark-theme .modal-content{background-color:#2d2d2d;border-color:#444}html.dark-theme .close-modal{color:#ddd}html.dark-theme .support-option{background-color:#95554f26}html.dark-theme .support-option a{color:#fff}@media (width<=480px){.shell{padding:16px 12px 60px}.article-header{padding:24px 18px}.article-title{font-size:1.5rem}.prose{font-size:1rem}.prose table{font-size:.82rem}.prose th,.prose td{padding:8px 10px}}