:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#1d4ed8;--color-secondary:#ffc700;--color-accent:#2dd4bf;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-diff-added:#10b98133;--color-diff-added-text:#6ee7b7;--color-diff-removed:#ef444433;--color-diff-removed-text:#fca5a5;--color-diff-modified:#f59e0b33;--color-timeline-original:var(--color-primary);--color-timeline-consolidated:var(--color-accent);--color-timeline-amendment:var(--color-secondary);--color-background:#0f172a;--color-surface:#1e293b;--color-surface-1:#1e293b;--color-surface-2:#334155;--color-surface-3:#475569;--color-border:#334155;--color-border-light:#475569;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-serif:"Merriweather",Georgia,serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0000004d;--shadow-glow:0 0 15px #3b82f64d;--shadow-glow-accent:0 0 20px #2dd4bf33;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#ffc700;--color-accent:#0d9488;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--color-diff-added:#dcfce7;--color-diff-added-text:#166534;--color-diff-removed:#fee2e2;--color-diff-removed-text:#991b1b;--color-diff-modified:#fef3c7;--color-background:#f1f5f9;--color-surface:#fff;--color-surface-1:#fff;--color-surface-2:#f8fafc;--color-surface-3:#e2e8f0;--color-border:#e2e8f0;--color-border-light:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d;--shadow-glow:0 0 15px #2563eb26;--shadow-glow-accent:0 0 20px #0d94881a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}.app-container{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.main-content{gap:var(--spacing-lg);padding:var(--spacing-xl);grid-template-columns:1fr;width:100%;max-width:1800px;margin:0 auto;display:grid}.panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:box-shadow var(--transition-normal);overflow:hidden}.panel:hover{box-shadow:var(--shadow-lg)}.panel-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.panel-header h2{align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;display:flex}.panel-body{padding:var(--spacing-lg)}.app-header{padding:var(--spacing-lg)var(--spacing-xl);background:linear-gradient(180deg,var(--color-surface)0%,transparent 100%);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--spacing-md);display:flex}.logo-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);border-radius:var(--radius-lg);width:48px;height:48px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.logo-text{flex-direction:column;display:flex}.logo-text h1{background:linear-gradient(135deg,var(--color-text-primary)0%,var(--color-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.logo-text span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.timeline-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);position:relative}.timeline-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.timeline-controls{align-items:center;gap:var(--spacing-md);display:flex}.timeline-slider{height:80px;margin:var(--spacing-lg)0;position:relative}.timeline-track{background:var(--color-surface-3);border-radius:var(--radius-full);height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-progress{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-accent)100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-fast);position:absolute;top:0;left:0}.timeline-cursor{background:var(--color-accent);border:4px solid var(--color-surface);cursor:grab;width:24px;height:24px;box-shadow:var(--shadow-glow-accent);z-index:10;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-cursor:hover{transform:translate(-50%,-50%)scale(1.2)}.timeline-cursor:active{cursor:grabbing}.timeline-events{align-items:center;display:flex;position:absolute;inset:0}.timeline-event{cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.timeline-event-dot{border:3px solid var(--color-surface);width:16px;height:16px;transition:all var(--transition-fast);border-radius:50%}.timeline-event[data-type=original] .timeline-event-dot{background:var(--color-timeline-original)}.timeline-event[data-type=consolidated] .timeline-event-dot{background:var(--color-timeline-consolidated)}.timeline-event[data-type=amendment] .timeline-event-dot{background:var(--color-timeline-amendment)}.timeline-event:hover .timeline-event-dot{box-shadow:var(--shadow-glow);transform:scale(1.3)}.timeline-event.active .timeline-event-dot{transform:scale(1.4);box-shadow:0 0 0 4px #00d4aa4d}.timeline-event-label{margin-top:var(--spacing-sm);color:var(--color-text-muted);white-space:nowrap;opacity:0;transition:all var(--transition-fast);font-size:.7rem;position:absolute;top:100%;transform:translateY(-4px)}.timeline-event:hover .timeline-event-label,.timeline-event.active .timeline-event-label{opacity:1;transform:translateY(0)}.timeline-date-display{text-align:center;padding:var(--spacing-md);background:var(--color-surface-2);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.timeline-date{color:var(--color-accent);font-feature-settings:"tnum";font-size:1.5rem;font-weight:700}.timeline-description{color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-size:.875rem}.document-viewer{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;height:100%;min-height:600px;display:flex}.document-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.document-title{font-size:1rem;font-weight:600}.document-meta{align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.75rem;display:flex}.document-content{padding:var(--spacing-lg);font-family:var(--font-serif);flex:1;line-height:1.8;overflow-y:auto}.article{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.article:last-child{border-bottom:none}.article-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);cursor:pointer;transition:color var(--transition-fast);display:flex}.article-header:hover{color:var(--color-accent)}.article-number{background:var(--color-primary);color:var(--color-text-primary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;font-family:var(--font-sans)}.article-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.article-body{padding-left:var(--spacing-xl)}.paragraph{margin-bottom:var(--spacing-md)}.paragraph-id{color:var(--color-text-secondary);margin-right:var(--spacing-xs);font-weight:600;font-family:var(--font-sans)}.paragraph-content{color:var(--color-text-primary)}.point{margin:var(--spacing-sm)0;padding-left:var(--spacing-lg)}.point-id{color:var(--color-accent);margin-right:var(--spacing-xs);font-weight:600;font-family:var(--font-sans)}.diff-added{background:var(--color-diff-added);color:var(--color-diff-added-text);border-radius:var(--radius-sm);border-left:3px solid var(--color-success);padding:2px 4px}.diff-removed{background:var(--color-diff-removed);color:var(--color-diff-removed-text);border-radius:var(--radius-sm);border-left:3px solid var(--color-error);padding:2px 4px;text-decoration:line-through}.diff-modified{background:var(--color-diff-modified);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning);padding:2px 4px}.article.added{background:var(--color-diff-added);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-success)}.article.removed{background:var(--color-diff-removed);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-error);opacity:.7}.amendment-inspector{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.amendment-list{gap:var(--spacing-md);flex-direction:column;display:flex}.amendment-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast);display:flex}.amendment-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.amendment-type{text-transform:uppercase;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700}.amendment-type.addition{background:var(--color-success);color:#fff}.amendment-type.replacement{background:var(--color-warning);color:var(--color-background)}.amendment-type.deletion{background:var(--color-error);color:#fff}.amendment-details{flex:1}.amendment-target{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.amendment-source{color:var(--color-text-muted);font-size:.8rem}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-sans);border:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-3);border-color:var(--color-accent)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.7rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary);color:#fff}.badge-accent{background:var(--color-accent);color:var(--color-background)}.badge-warning{background:var(--color-warning);color:var(--color-background)}.legend{gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface-2);border-radius:var(--radius-md);margin-top:var(--spacing-md);display:flex}.legend-item{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.original{background:var(--color-timeline-original)}.legend-dot.consolidated{background:var(--color-timeline-consolidated)}.legend-dot.amendment{background:var(--color-timeline-amendment)}.search-box{align-items:center;gap:var(--spacing-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-md);transition:all var(--transition-fast);display:flex}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #00d4aa33}.search-box input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search-box input::placeholder{color:var(--color-text-muted)}.regulation-selector{margin-bottom:var(--spacing-xl)}.regulation-select{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.regulation-select:hover{border-color:var(--color-accent)}.regulation-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #00d4aa33}.stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-2px)}.stat-value{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-muted);margin-top:var(--spacing-xs);font-size:.875rem}.loading-spinner{border:3px solid var(--color-surface-3);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:.4s ease-out fadeIn}.animate-slideIn{animation:.3s ease-out slideIn}@media (max-width:1200px){.main-content{grid-template-columns:1fr}}@media (max-width:768px){:root{font-size:14px}*{box-sizing:border-box;max-width:100%}body{overflow-x:hidden}.app-header{gap:var(--spacing-sm);padding:var(--spacing-md);flex-wrap:wrap}.app-header .logo{width:100%;margin-bottom:var(--spacing-xs);justify-content:center}.stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:1.5rem}.legend{flex-wrap:wrap}.panel{border-radius:var(--radius-md)}.panel-header{padding:var(--spacing-sm)var(--spacing-md)}.panel-body{padding:var(--spacing-md)}.article-card{padding:var(--spacing-md);word-wrap:break-word;overflow-wrap:break-word}.article-content{word-wrap:break-word;overflow-wrap:break-word;font-size:.9rem;line-height:1.6}pre,code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::selection{background:var(--color-accent);color:var(--color-background)}.track-insertion{background:var(--color-diff-added);border-left:3px solid #10b981;padding-left:.75rem;position:relative}.track-insertion:before{content:"+";color:#10b981;font-size:.8rem;font-weight:700;position:absolute;left:.25rem}.track-deletion{background:var(--color-diff-removed);opacity:.7;border-left:3px solid #ef4444;padding-left:.75rem;text-decoration:line-through}.track-deletion:before{content:"−";color:#ef4444;font-weight:700;position:absolute;left:.25rem}.track-replacement{background:var(--color-diff-modified);border-left:3px solid #f59e0b;padding-left:.75rem}.track-old-content{color:var(--color-diff-removed-text);border-radius:var(--radius-sm);background:#ef44441a;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.9em;text-decoration:line-through;display:block}.track-new-content{color:var(--color-diff-added-text);border-radius:var(--radius-sm);background:#10b9811a;padding:.25rem .5rem;display:block}.track-unparsed{background:#f59e0b0d;border:2px dashed #f59e0b}.badge-unparsed{color:#1e1e1e;border-radius:var(--radius-sm);cursor:help;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);padding:.15rem .4rem;font-size:.65rem}.amendment-act-link{color:var(--color-accent);font-size:.75rem;font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-surface-3);padding:.1rem .3rem;text-decoration:none;transition:background .15s}.amendment-act-link:hover{background:var(--color-accent);color:#fff}