:root,[data-theme=dark]{--color-bg: #0A0A0B;--color-surface: #121214;--color-surface-2: #1A1A1D;--color-fg: #ECECEE;--color-fg-2: #9A9AA0;--color-meta: #6A6A70;--color-border: #202024;--color-border-strong: #2C2C31;--color-accent: #2F6FE5;--color-accent-hover: #245FBF;--color-accent-active: #1E4FA0;--color-accent-fg: #5E97F0;--color-accent-on: #FFFFFF;--color-accent-soft: rgba(47, 111, 229, .14);--color-success: #3FB950;--color-warn: #D29922;--color-danger: #F85149;--color-success-soft: rgba(63, 185, 80, .15);--color-warn-soft: rgba(210, 153, 34, .16);--color-danger-soft: rgba(248, 81, 73, .16);--color-focus-ring: rgba(47, 111, 229, .45);--elev-flat: none;--elev-ring: 0 0 0 1px var(--color-border);--elev-raised: 0 4px 24px rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-surface-2: #F5F6F8;--color-fg: #14161A;--color-fg-2: #565C66;--color-meta: #8A909C;--color-border: #E6E8EB;--color-border-strong: #D3D7DD;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-accent-active: #1E40AF;--color-accent-fg: #1D4ED8;--color-accent-on: #FFFFFF;--color-accent-soft: rgba(37, 99, 235, .1);--color-success: #3FB950;--color-warn: #D29922;--color-danger: #F85149;--color-success-soft: rgba(34, 154, 54, .12);--color-warn-soft: rgba(180, 120, 20, .14);--color-danger-soft: rgba(220, 50, 45, .12);--color-focus-ring: rgba(37, 99, 235, .4);--elev-raised: 0 4px 16px rgba(20, 22, 26, .08)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-ui: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--weight-regular: 400;--weight-medium: 510;--weight-strong: 590;--leading-body: 1.5;--leading-snug: 1.35;--leading-tight: 1.25;--tracking-normal: 0em;--tracking-cap: .06em;--tracking-display: -.01em;--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--icon-size-16: 16px;--icon-size-20: 20px;--icon-size-24: 24px;--icon-stroke: 2;--layout-container-max: 1280px;--layout-sidebar-width: 260px;--layout-topbar-height: 56px;--layout-row-min: 40px;--layout-touch-target: 44px;--layout-gutter: 24px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono,[data-numeric]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.cap-label{text-transform:uppercase;letter-spacing:var(--tracking-cap);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-fg-2)}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--color-bg);color:var(--color-fg)}.sidebar{width:var(--layout-sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;min-height:0}.sidebar__header{height:var(--layout-topbar-height);display:flex;align-items:center;padding:0 var(--space-4);border-bottom:1px solid var(--color-border)}.brand{font-size:var(--text-md);font-weight:var(--weight-strong);letter-spacing:var(--tracking-display)}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:var(--layout-topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--layout-gutter);border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:var(--space-3)}.topbar__left,.topbar__right{display:flex;align-items:center;gap:var(--space-2)}.topbar__home{color:var(--color-fg-2);text-decoration:none;font-size:var(--text-md);font-weight:var(--weight-medium)}.topbar__home:hover{color:var(--color-fg)}.content{flex:1;overflow:auto;min-height:0}.page{max-width:var(--layout-container-max);margin:0 auto;padding:var(--layout-gutter);display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--layout-topbar-height)}.page-header__title{font-size:var(--text-xl);font-weight:var(--weight-strong);letter-spacing:var(--tracking-display);margin:0}.page-header__main{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--layout-touch-target);height:var(--layout-touch-target);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-fg-2);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-fg)}.icon-btn--danger:hover{color:var(--color-danger)}.icon-btn:disabled{opacity:.5;cursor:default}.btn{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--layout-touch-target);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-fg);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.btn:hover{background:var(--color-border)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-on)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--ghost{background:transparent}.btn:disabled{opacity:.6;cursor:default}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:40px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:transparent;color:var(--color-fg-2);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.ghost-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.link{background:none;border:none;color:var(--color-accent);font-size:var(--text-sm);font-family:inherit;cursor:pointer;padding:0}.link:hover{color:var(--color-accent-hover);text-decoration:underline}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium)}.badge--warn{background:var(--color-warn-soft);color:var(--color-warn)}.tree{display:flex;flex-direction:column;flex:1;min-height:0}.tree__search{position:relative;padding:var(--space-3) var(--space-3) var(--space-2)}.tree__search-icon{position:absolute;left:calc(var(--space-3) + var(--space-2));top:50%;transform:translateY(-30%);color:var(--color-meta)}.tree__search-input{width:100%;height:36px;padding:0 var(--space-3) 0 var(--space-7);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--text-sm);font-family:inherit}.tree__search-input::placeholder{color:var(--color-meta)}.tree__search-input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.tree__list{flex:1;overflow-y:auto;padding:var(--space-2)}.tree__empty,.tree__loading,.tree__error{padding:var(--space-4);color:var(--color-meta);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.tree__error{color:var(--color-danger)}.tree__row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--layout-row-min);padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;position:relative;border-left:2px solid transparent}.tree__row:hover{background:var(--color-surface-2)}.tree__row--selected{background:var(--color-accent-soft);border-left-color:var(--color-accent)}.tree__row--sub{padding-left:var(--space-6)}.tree__chevron{background:none;border:none;color:var(--color-fg-2);cursor:pointer;display:inline-flex;padding:var(--space-1);border-radius:var(--radius-sm);flex-shrink:0}.tree__chevron:hover{color:var(--color-fg)}.tree__icon{color:var(--color-fg-2);flex-shrink:0}.tree__icon--sub{color:var(--color-meta)}.tree__label{font-size:var(--text-sm);color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tree__label--sub{color:var(--color-fg-2)}.tree__meta{font-size:var(--text-xs);color:var(--color-meta);font-family:var(--font-mono);white-space:nowrap}.tree__footer{padding:var(--space-3);border-top:1px solid var(--color-border)}.dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.dot--success{background:var(--color-success)}.dot--warn{background:var(--color-warn)}.dot--danger{background:var(--color-danger)}.dot--meta{background:var(--color-meta)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-7) var(--space-5);gap:var(--space-3)}.empty-state__icon{color:var(--color-meta)}.empty-state__title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-fg);margin:0}.empty-state__desc{font-size:var(--text-sm);color:var(--color-fg-2);margin:0;max-width:42ch;line-height:var(--leading-body)}.empty-state__action{margin-top:var(--space-2)}.spinner{display:inline-block;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}.skeleton{background:var(--color-surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton--text{height:12px;width:60%;margin:var(--space-2) 0}.skeleton--block{height:36px;width:80%}.skeleton--row{height:40px;margin-bottom:var(--space-2)}.chart-skeleton,.table-skeleton{display:flex;align-items:center;justify-content:center;min-height:200px}.error-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger-soft);background:var(--color-danger-soft);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm)}.toast-host{position:fixed;right:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:100}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);box-shadow:var(--elev-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:240px;max-width:360px}.toast__icon{flex-shrink:0}.toast--success .toast__icon{color:var(--color-success)}.toast--warn .toast__icon{color:var(--color-warn)}.toast--danger .toast__icon{color:var(--color-danger)}.toast--info .toast__icon{color:var(--color-accent)}.toast__msg{flex:1;font-size:var(--text-sm);color:var(--color-fg)}.toast__close{background:none;border:none;color:var(--color-meta);cursor:pointer;display:inline-flex}.toast__close:hover{color:var(--color-fg)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}@media (min-width: 1024px){.menu-btn{display:none}}@media (max-width: 1023px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform var(--motion-base) var(--ease-standard);box-shadow:var(--elev-raised)}.sidebar.open{transform:translate(0)}}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);min-height:96px}.kpi--error{flex-direction:row;align-items:center;gap:var(--space-2);color:var(--color-danger)}.kpi__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-cap);font-weight:var(--weight-medium);color:var(--color-fg-2)}.kpi__value{font-size:var(--text-3xl);font-weight:var(--weight-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);color:var(--color-fg)}.kpi__delta-row{display:flex;align-items:baseline;gap:var(--space-2)}.kpi__delta{font-size:var(--text-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.kpi__delta--good{color:var(--color-success)}.kpi__delta--bad{color:var(--color-danger)}.kpi__delta--flat{color:var(--color-meta)}.kpi__compare{font-size:var(--text-xs);color:var(--color-meta)}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.chart-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.chart-card__title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-fg)}.chart-card__body{width:100%}.chart-tooltip{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--elev-raised);font-size:var(--text-xs)}.chart-tooltip__date{color:var(--color-fg-2);margin-bottom:var(--space-1);font-family:var(--font-mono)}.chart-tooltip__row{display:flex;align-items:center;gap:var(--space-2);color:var(--color-fg)}.chart-tooltip__dot{width:8px;height:8px;border-radius:var(--radius-full)}.segmented{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.segmented__btn{background:var(--color-surface);border:none;color:var(--color-fg-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.segmented__btn:hover{color:var(--color-fg)}.segmented__btn--active{background:var(--color-accent);color:var(--color-accent-on)}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-cap);font-weight:var(--weight-medium);color:var(--color-fg-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-fg);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-2)}.table__th--right,.table__td--right{text-align:right}.table__th--num,.table__td--num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--color-fg)}.th-caret{vertical-align:middle;opacity:.4;transition:transform var(--motion-fast) var(--ease-standard)}.th-caret--active{opacity:1;transform:rotate(180deg);color:var(--color-accent)}.table__row--clickable{cursor:pointer}.cell-domain{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-fg)}.cell-domain svg{color:var(--color-fg-2)}.cell-freq{display:inline-flex;align-items:center;gap:var(--space-2)}.cell-url{display:block;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-fg)}.meta{color:var(--color-meta)}.tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-surface-2);color:var(--color-fg-2);white-space:nowrap}.tag--ok{background:var(--color-success-soft);color:var(--color-success)}.tag--warn{background:var(--color-warn-soft);color:var(--color-warn)}.tag--danger{background:var(--color-danger-soft);color:var(--color-danger)}.row-actions{display:inline-flex;gap:var(--space-1);justify-content:flex-end}.tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--color-border);overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-1);color:var(--color-fg-2);font-size:var(--text-md);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;white-space:nowrap;transition:color var(--motion-fast) var(--ease-standard)}.tab:hover{color:var(--color-fg)}.tab--active{color:var(--color-fg);border-bottom-color:var(--color-accent)}.section-title{margin-top:var(--space-2)}.setup-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-4)}.setup-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-5)}.setup-title{font-size:var(--text-xl);font-weight:var(--weight-strong);letter-spacing:var(--tracking-display);margin:0}.setup-sub{font-size:var(--text-sm);color:var(--color-fg-2);margin:0;line-height:var(--leading-body)}.setup-block{display:flex;flex-direction:column;gap:var(--space-3)}.setup-block__head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-fg)}.setup-block__head svg{color:var(--color-accent)}.setup-block__desc{font-size:var(--text-sm);color:var(--color-fg-2);margin:0;line-height:var(--leading-body)}.setup-oauth{align-self:flex-start}.setup-secret{display:flex;align-items:center;gap:var(--space-2)}.setup-secret__value{flex:1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-2);overflow-x:auto;white-space:nowrap}.setup-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-success);font-size:var(--text-sm);font-weight:var(--weight-medium)}.setup-status-row{display:flex;flex-direction:column;gap:var(--space-2)}.setup-status-list{display:flex;gap:var(--space-2);flex-wrap:wrap}.setup-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium)}.setup-pill--ok{background:var(--color-success-soft);color:var(--color-success)}.setup-pill--warn{background:var(--color-warn-soft);color:var(--color-warn)}.setup-note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-fg-2)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field--row{flex-direction:row;align-items:center;justify-content:space-between}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-fg-2)}.select{height:var(--layout-touch-target);padding:0 var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-family:inherit;font-size:var(--text-sm)}.select:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.checkbox-row{display:flex;gap:var(--space-4)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer}.checkbox input{accent-color:var(--color-accent);width:16px;height:16px}.toggle{width:44px;height:24px;border-radius:var(--radius-full);background:var(--color-border-strong);border:none;cursor:pointer;position:relative;transition:background-color var(--motion-fast) var(--ease-standard)}.toggle--on{background:var(--color-accent)}.toggle__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;transition:transform var(--motion-fast) var(--ease-standard)}.toggle--on .toggle__knob{transform:translate(20px)}.task-form{display:flex;flex-direction:column;gap:var(--space-4)}.task-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@media (max-width: 767px){.kpi-row{grid-template-columns:repeat(2,1fr)}.page{padding:var(--space-4);gap:var(--space-4)}.content{padding:0}}