:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);--accent-color: #8b5cf6;--breakpoint-tablet: 960px;--breakpoint-mobile: 640px;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-glass: rgba(30, 41, 59, .7);--bg-glass-hover: rgba(51, 65, 85, .8);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-accent: #38bdf8;--border-color: rgba(148, 163, 184, .1);--border-glass: 1px solid rgba(255, 255, 255, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--bg-gradient-1: rgba(99, 102, 241, .15);--bg-gradient-2: rgba(236, 72, 153, .15);--glow-color: rgba(139, 92, 246, .1);--bg-article-active: rgba(139, 92, 246, .1);--border-article-active: 1px solid var(--accent-color);--bg-media: #000000;--btn-primary-bg: var(--accent-gradient);--btn-primary-text: #ffffff}[data-theme=light]{--bg-primary: #BEE1E5;--bg-secondary: #e2e8f0;--bg-glass: #ffffff;--bg-glass-hover: rgba(241, 245, 249, .8);--text-primary: #222222;--text-secondary: #6e6e6e;--text-accent: #01AB5F;--border-color: rgba(148, 163, 184, .2);--border-glass: 1px solid rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(139, 92, 246, .2);--bg-gradient-1: rgba(99, 102, 241, .08);--bg-gradient-2: rgba(236, 72, 153, .08);--glow-color: rgba(139, 92, 246, .05);--bg-article-active: #ffffff;--border-article-active: 4px solid #01AB5F;--btn-primary-bg: var(--accent-gradient);--btn-primary-text: #ffffff;--bg-media: #f0f0f0}[data-theme=light] .sidebar-content{background-color:#9ed7e0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden;background-image:radial-gradient(circle at 10% 20%,var(--bg-gradient-1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,var(--bg-gradient-2) 0%,transparent 20%)}#root{height:100vh;display:flex;flex-direction:column}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:400px;min-width:320px;border-right:var(--border-glass);background:var(--bg-glass);display:flex;flex-direction:column;z-index:10}.sidebar-header{padding:1.5rem;border-bottom:var(--border-glass)}.sidebar-header h1{font-size:1.5rem;letter-spacing:-.5px}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.main-content{flex:1;position:relative;overflow:hidden}.main-content-inner{height:100%;padding:2rem;overflow-y:hidden}.bg-glow{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:-1}.mobile-back-btn{display:none}@media (max-width: 959px){.sidebar{width:300px;min-width:250px}.main-content-inner{padding:1.5rem}}@media (max-width: 639px){.app-container{flex-direction:column}.sidebar{width:100%;height:100%;min-width:unset;position:absolute;top:0;left:0;right:0;bottom:0;display:none;border-right:none}.sidebar.mobile-active{display:flex}.main-content{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:none}.main-content.mobile-active{display:block}.main-content-inner{padding:4rem 1rem 1rem}.mobile-back-btn{display:block;position:fixed;top:1rem;left:1rem;z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-glass);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.mobile-back-btn:hover{background:var(--bg-glass-hover)}.sidebar-header{padding:1rem}.sidebar-header h1{font-size:1.25rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-glass);box-shadow:0 0 3px #00000029;border-radius:12px}@media (max-width: 639px){.glass-panel{border-radius:12px}}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}[data-theme=light] .text-gradient{background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}.btn{background:var(--bg-secondary);border:var(--border-glass);color:var(--text-primary);padding:.5rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:var(--bg-glass-hover);transform:translateY(-1px)}.btn-primary{background:var(--btn-primary-bg);border:none;font-weight:600;color:var(--btn-primary-text)}.btn-primary:hover{box-shadow:var(--shadow-glow)}@media (max-width: 639px){.btn{padding:.4rem .8rem;font-size:.85rem}}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.status-success{background:#22c55e33;color:#16a34a}.status-pending{background:#eab30833;color:#ca8a04}.status-error{background:#ef444433;color:#f87171}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:1rem;font-weight:700}@media (max-width: 639px){.section-title{font-size:.75rem;margin-bottom:.75rem}}.article-detail{height:100%;display:flex;flex-direction:column}.article-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.detail-header{padding:1.5rem;margin-bottom:1rem}.detail-title{font-size:1.5rem;line-height:1.3}.detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.detail-link{color:var(--text-accent)}.detail-tabs{display:flex;gap:1rem;margin-bottom:1rem;padding:0 .5rem}.detail-content{flex:1;overflow-y:auto;padding-right:.5rem}.transformed-content{display:flex;flex-direction:column;gap:1.5rem}.content-section{padding:1.5rem}.content-text{white-space:pre-wrap;line-height:1.6;font-size:1.1rem}.easy-text{line-height:1.8}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.mini-tabs{display:flex;gap:.3rem;background:#ffffff0d;padding:.2rem;border-radius:8px;overflow-x:auto}.mini-tab{padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s}.mini-tab:hover{background:#ffffff26;color:var(--text-primary)}.mini-tab.active{background:var(--accent-color);color:#fff;font-weight:700;box-shadow:0 0 12px #8b5cf666}[data-theme=light] .mini-tab.active{background:#01ab5f;color:#fff;box-shadow:0 2px 8px #01ab5f4d}.content-empty{color:var(--text-secondary);font-style:italic;font-size:.9rem;padding:1rem 0}.original-text{color:var(--text-secondary)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}@media (max-width: 639px){.detail-header{padding:1rem;margin-bottom:.75rem}.detail-title{font-size:1.2rem}.detail-meta{font-size:.8rem}.detail-tabs{gap:.5rem;padding:0}.detail-content{padding-right:0}.content-section{padding:1rem}.content-text{font-size:1rem}.assets-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}