*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;line-height:1.5;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;background:none;border:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}ol,ul{padding:0;list-style:none}figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}table{border-collapse:collapse;border-spacing:0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}:focus{outline:none}:focus-visible{outline:2px solid #444;outline-offset:2px}button,input,select,textarea{line-height:1}*{word-break:break-word}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c9cfd6;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b4bcc5}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}:root{--surface:#fff;--surface-2:#f6f7fb;--text:#222;--line:#ddd;--big-container:1600px;--container:1280px;--radius-lg:12px}.desktop-only{display:inline-flex}@media (max-width:960px){.desktop-only{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-ghost,.btn-primary{text-align:center;height:32px;line-height:32px;padding:0 16px;border-radius:16px;white-space:nowrap}.btn-primary{color:#fff;background:var(--color-primary,#222);border:1px solid var(--color-primary,#222)}.btn-primary:hover{background:var(--color-primary,#ff9800);border:1px solid var(--color-primary,#ff9800)}.btn-ghost{background:transparent;color:var(--color-text,#222);border:1px solid var(--color-border,#222)}.btn-ghost:hover{color:#fff;background:var(--color-primary,#ff9800);border:1px solid var(--color-primary,#ff9800)}.btn-block{width:100%}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:999;background:var(--surface,#fff);border-bottom:1px solid var(--line,#e5e7eb)}.header-inner{max-width:var(--big-container,1200px);margin:0 auto;padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-column-gap:144px;column-gap:144px}.brand-link{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{height:24px;width:auto;display:block;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-nav ul{display:flex;align-items:center;gap:64px;list-style:none;margin:0;padding:0;white-space:nowrap}.main-nav a{text-decoration:none;color:var(--text,#111827);font-weight:500}.main-nav a:hover{color:var(--brand,#111827)}.header-actions{display:inline-flex;align-items:center;gap:16px}.mobile-toggle{display:none;width:24px;height:24px;background:var(--surface,#fff);border-radius:var(--radius-lg,10px);align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}.mobile-toggle.is-hidden{display:none!important}.icon--hamburger{display:inline-flex;flex-direction:column;gap:4px}.icon--hamburger .bar{display:block;width:14px;height:2px;background:var(--text-strong,#222)}.mobile-drawer{visibility:hidden;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:calc((((100vw - (20px * 2)) - (16px * 3)) / 4) * 3 + (20px * 1) + (16px * 2));max-width:360px;background:var(--surface,#fff);border-left:1px solid var(--line,#e5e7eb);transform:translateX(100%);transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s;z-index:2000;padding:0 20px 48px;pointer-events:none}.mobile-drawer.open{transform:translateX(0);visibility:visible;transition:transform .22s ease,opacity .18s ease,visibility 0s linear 0s;pointer-events:auto}.drawer-header{height:64px;justify-content:flex-end;margin-bottom:96px}.drawer-close,.drawer-header{display:flex;align-items:center}.drawer-close{width:24px;height:24px;padding:4px;justify-content:center;cursor:pointer}.icon--close{position:relative;width:14px;height:14px}.icon--close .bar{position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--text-strong,#222);transform-origin:center}.icon--close .bar:first-child{transform:translate(-50%,-50%) rotate(45deg)}.icon--close .bar:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.drawer-nav{flex:1 1;display:flex;flex-direction:column;justify-content:center}.drawer-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:48px;gap:48px}.mobile-actions{margin-top:auto;display:grid;grid-gap:12px;gap:12px}.mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:1999}.mobile-backdrop.open{opacity:1;pointer-events:auto}@media (max-width:960px){.header-inner{grid-template-columns:1fr auto;column-gap:24px}.header-actions{justify-self:end}.main-nav{display:none}.mobile-toggle{display:inline-flex}.mobile-drawer{display:flex}.mobile-backdrop{display:block}}.site-card{border:1px solid #ddd;padding:16px;margin-bottom:12px;border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}.site-card-header h2{font-size:18px;margin:0}.site-card-header .site-url{font-size:14px;color:#666;margin-bottom:8px}.site-card-summary{font-size:14px;margin-bottom:12px}.site-card-connections span{display:inline-block;margin-right:8px;font-size:12px;padding:2px 6px;border-radius:4px;background-color:#eee}.site-card-connections .connected{background-color:#d0ebff;color:#1c7ed6}.site-card-connections .disconnected{background-color:#ffe3e3;color:#c92a2a}.site-card-actions button{margin-right:8px;font-size:12px;padding:4px 8px;border:none;border-radius:4px;background:#f1f3f5;cursor:pointer}.site-card-actions button:hover{background:#dee2e6}.auth-status{margin-bottom:16px;font-size:14px}.auth-status span{margin-right:12px}.auth-status button{padding:4px 10px;font-size:12px;background:#f1f3f5;border:none;border-radius:4px;cursor:pointer}.auth-status button:hover{background:#dee2e6}.history-modal{width:500px;max-height:80vh;overflow-y:auto}.history-group{margin-bottom:16px;border-top:1px solid #eee;padding-top:10px}.history-group h4{font-size:15px;margin-bottom:6px}.history-group ul{list-style:none;padding:0;margin:0}.history-group li{font-size:14px;margin-bottom:4px}.close-btn{float:right;margin-top:-36px;background:#f1f3f5;border:none;border-radius:4px;font-size:12px;padding:4px 8px;cursor:pointer}