:root{color-scheme:light dark;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-surface-hover: #f5f5f5;--color-border: #e0e0e0;--color-border-hover: #b5b5b5;--color-divider: #dddddd;--color-text-primary: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-tertiary: #8a8a8a;--color-positive: #16a34a;--color-negative: #dc2626;--color-accent: #f59e0b;--color-accent-contrast: #ffffff;--color-backdrop: rgba(0, 0, 0, .65);--color-backdrop-light: rgba(0, 0, 0, .3);--shadow-card-hover: 0 2px 10px rgba(0, 0, 0, .07);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .4);--shadow-fab: 0 2px 8px rgba(0, 0, 0, .2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.5rem;--duration-quick: .15s;--duration-fast: .25s;--duration-pop: .35s;--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--ease-pop: cubic-bezier(.34, 1.96, .64, 1);--modal-scale: .96}@media(prefers-color-scheme:dark){:root{--color-bg: #0d0d0d;--color-surface: #171717;--color-surface-hover: #1f1f1f;--color-border: #262626;--color-border-hover: #404040;--color-divider: #262626;--color-text-primary: #f5f5f5;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-positive: #4ade80;--color-negative: #f87171;--color-accent: #fbbf24;--color-accent-contrast: #1a1a1a;--color-backdrop: rgba(0, 0, 0, .75);--color-backdrop-light: rgba(0, 0, 0, .5);--shadow-card-hover: 0 2px 10px rgba(0, 0, 0, .35);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .6)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text-primary);background:var(--color-bg);line-height:1.5}.app-layout{display:flex;max-width:1400px;margin:0 auto;padding:var(--space-5) var(--space-4);gap:var(--space-5)}.main-content{flex:1;min-width:0;max-width:1000px}.container{max-width:1000px}h1{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-1)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.date-label{color:var(--color-text-tertiary)}.snapshot-picker{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);transition:border-color var(--duration-quick) var(--ease-smooth-out)}.snapshot-picker:hover,.snapshot-picker:focus{border-color:var(--color-border-hover)}.loading-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.error-state{color:var(--color-negative)}.macro-section{margin-bottom:var(--space-6)}.macro-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-divider);padding-bottom:var(--space-2);margin-bottom:var(--space-3)}.category-grid{display:flex;flex-direction:column;gap:var(--space-2)}.category-card{display:block;text-decoration:none;color:inherit;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out)}.category-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.category-card.thin{border-style:dashed}.category-card-header{display:flex;align-items:center;gap:var(--space-2)}.category-name{font-weight:600;font-size:var(--font-size-base)}.thin-badge{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:3px;padding:0 var(--space-1)}.category-counts{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.category-rep{margin-top:var(--space-1);font-size:var(--font-size-sm);display:flex;align-items:baseline;gap:var(--space-2)}.rep-name{color:var(--color-text-secondary)}.rep-stats{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--color-text-tertiary);margin-left:var(--space-1)}.rep-stats .positive,.rep-stats .negative{font-size:var(--font-size-sm)}.category-detail-header{display:flex;align-items:center;gap:var(--space-2)}.back-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-base);transition:color var(--duration-quick) var(--ease-smooth-out)}.back-link:hover{color:var(--color-text-primary)}.category-meta{display:flex;gap:var(--space-4);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.macro-label{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:3px;font-size:var(--font-size-sm);font-weight:600}.representatives h2,.siblings h2{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.fund-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-2);transition:border-color var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out)}.fund-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.fund-card.dimmed{opacity:.6}a.fund-name{font-weight:600;font-size:var(--font-size-base);color:inherit;text-decoration:none}a.fund-name:hover{text-decoration:underline}.fund-english-name{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.fund-meta{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.fund-returns{display:flex;gap:var(--space-5);margin-top:var(--space-3)}.return-item{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm)}.return-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.positive,.negative{font-weight:700;font-variant-numeric:tabular-nums}.positive{color:var(--color-positive)}.negative{color:var(--color-negative)}.return-item .positive,.return-item .negative{font-size:var(--font-size-base)}.fund-details{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.star-rating{color:var(--color-accent);letter-spacing:1px}.siblings{margin-top:var(--space-5)}.siblings-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2);transition:border-color var(--duration-quick) var(--ease-smooth-out),color var(--duration-quick) var(--ease-smooth-out)}.siblings-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.t-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-quick) var(--ease-smooth-out)}.siblings[data-open=true] .t-acc-panel{grid-template-rows:1fr;transition:grid-template-rows var(--duration-fast) var(--ease-smooth-out)}.t-acc-panel-inner{overflow:hidden;opacity:0;filter:blur(2px);transition:opacity var(--duration-quick) var(--ease-smooth-out),filter var(--duration-quick) var(--ease-smooth-out)}.siblings[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur(0);transition:opacity var(--duration-fast) var(--ease-smooth-out),filter var(--duration-fast) var(--ease-smooth-out)}.t-acc-chevron{display:inline-flex;transform:scaleY(1);transform-origin:center;transition:transform var(--duration-fast) var(--ease-smooth-out)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.siblings[data-open=true] .t-acc-chevron{transform:scaleY(-1)}.star-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-border-hover);padding:0 var(--space-1);line-height:1;transition:color var(--duration-quick) var(--ease-smooth-out),transform var(--duration-quick) var(--ease-smooth-out)}.star-btn:hover{color:var(--color-accent);transform:scale(1.1)}.star-btn-active{color:var(--color-accent);animation:star-pop var(--duration-pop) var(--ease-pop)}@keyframes star-pop{0%{transform:scale(1)}30%{transform:scale(.82)}to{transform:scale(1)}}.fund-card.has-graph,.category-card.has-graph{display:flex;gap:var(--space-4);align-items:center}.fund-card.has-graph .fund-card-info,.category-card.has-graph .category-card-main{flex:1;min-width:0}.nav-graph-thumb{width:200px;height:auto;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:zoom-in;transition:border-color var(--duration-quick) var(--ease-smooth-out)}.nav-graph-thumb:hover{border-color:var(--color-border-hover)}.nav-graph-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:300;cursor:zoom-out;padding:var(--space-5);opacity:1;transition:opacity var(--duration-fast) var(--ease-smooth-out)}@starting-style{.nav-graph-modal-backdrop{opacity:0}}.nav-graph-modal-backdrop.is-closing{opacity:0;transition:opacity var(--duration-quick) var(--ease-smooth-out)}.nav-graph-modal-image{max-width:min(80vw,900px);max-height:85vh;width:auto;height:auto;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-modal);transform:scale(1);transition:transform var(--duration-fast) var(--ease-smooth-out)}@starting-style{.nav-graph-modal-image{transform:scale(var(--modal-scale))}}.nav-graph-modal-backdrop.is-closing .nav-graph-modal-image{transform:scale(var(--modal-scale));transition:transform var(--duration-quick) var(--ease-smooth-out)}.sidebar{width:300px;flex-shrink:0;position:sticky;top:var(--space-5);align-self:flex-start;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.sidebar-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text-secondary)}.sidebar-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em;margin-bottom:var(--space-2)}.sidebar-compact-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);text-decoration:none;color:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:background var(--duration-quick) var(--ease-smooth-out)}.sidebar-compact-link:hover{background:var(--color-surface-hover)}.sidebar-compact-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-return-3m{flex-shrink:0;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.fab-star{display:none;position:fixed;bottom:var(--space-5);right:var(--space-5);width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-contrast);font-size:1.5rem;border:none;cursor:pointer;box-shadow:var(--shadow-fab);z-index:100}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-backdrop-light);z-index:200;display:flex;align-items:flex-end}.drawer{background:var(--color-surface);width:100%;max-height:70vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.drawer-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary)}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{display:none}.fab-star{display:block}}@media(max-width:600px){.fund-returns{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.fund-meta{flex-direction:column;gap:2px}}@media(prefers-reduced-motion:reduce){.category-card,.fund-card,.back-link,.siblings-toggle,.star-btn,.nav-graph-thumb,.sidebar-compact-link,.snapshot-picker{transition:none!important}.star-btn-active{animation:none!important}.nav-graph-modal-backdrop,.nav-graph-modal-image,.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron{transition:none!important}}