:root{--surface: #f9f9ff;--surface-dim: #d3daef;--surface-bright: #f9f9ff;--surface-container-lowest: #ffffff;--surface-container-low: #f1f3ff;--surface-container: #e9edff;--surface-container-high: #e1e8fd;--surface-container-highest: #dce2f7;--on-surface: #141b2b;--on-surface-variant: #404850;--inverse-surface: #293040;--inverse-on-surface: #edf0ff;--outline: #707881;--outline-variant: #bfc7d1;--surface-tint: #006398;--surface-variant: #dce2f7;--primary: #005d8f;--on-primary: #ffffff;--primary-container: #0077b5;--on-primary-container: #f3f7ff;--inverse-primary: #93ccff;--primary-fixed: #cde5ff;--primary-fixed-dim: #93ccff;--on-primary-fixed: #001d32;--on-primary-fixed-variant: #004b74;--secondary: #5c5f60;--on-secondary: #ffffff;--secondary-container: #dee0e2;--on-secondary-container: #606365;--secondary-fixed: #e1e2e4;--secondary-fixed-dim: #c5c6c8;--on-secondary-fixed: #191c1e;--on-secondary-fixed-variant: #444749;--tertiary: #525966;--on-tertiary: #ffffff;--tertiary-container: #6a717f;--on-tertiary-container: #f4f6ff;--tertiary-fixed: #dce2f3;--tertiary-fixed-dim: #c0c7d6;--on-tertiary-fixed: #151c27;--on-tertiary-fixed-variant: #404754;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--background: #f9f9ff;--on-background: #141b2b;--font-sans: "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, Consolas, monospace;--headline-lg-size: 24px;--headline-lg-weight: 600;--headline-lg-line: 32px;--headline-lg-tracking: -.02em;--headline-md-size: 18px;--headline-md-weight: 600;--headline-md-line: 24px;--headline-md-tracking: -.01em;--headline-lg-mobile-size: 20px;--headline-lg-mobile-line: 28px;--body-base-size: 14px;--body-base-weight: 400;--body-base-line: 20px;--body-sm-size: 13px;--body-sm-weight: 400;--body-sm-line: 18px;--label-caps-size: 12px;--label-caps-weight: 500;--label-caps-line: 16px;--label-caps-tracking: .05em;--button-size: 14px;--button-weight: 500;--button-line: 20px;--space-base: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--container-max: 1200px;--gutter: 24px;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-float: 0 4px 12px rgba(0, 0, 0, .05);--shadow-none: none;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--primary-container) 10%, transparent);--text: var(--on-surface-variant);--text-h: var(--on-surface);--bg: var(--surface-container-lowest);--border: var(--outline-variant);--accent: var(--primary-container);--accent-bg: color-mix(in srgb, var(--primary-container) 10%, transparent);--accent-border: color-mix(in srgb, var(--primary-container) 50%, transparent);--danger: var(--error);--code-bg: var(--surface-container-low);--social-bg: var(--surface-container-low);--shadow: var(--shadow-float);--sans: var(--font-sans);--heading: var(--font-sans);--mono: var(--font-mono);font-family:var(--font-sans);font-size:var(--body-base-size);font-weight:var(--body-base-weight);line-height:var(--body-base-line);letter-spacing:normal;color-scheme:light;color:var(--on-surface-variant);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--surface: #141b2b;--surface-dim: #293040;--surface-bright: #3a4254;--surface-container-lowest: #0f141f;--surface-container-low: #1a2233;--surface-container: #212a3d;--surface-container-high: #293040;--surface-container-highest: #343d52;--on-surface: #edf0ff;--on-surface-variant: #bfc7d1;--inverse-surface: #edf0ff;--inverse-on-surface: #293040;--outline: #8a929c;--outline-variant: #404850;--background: #141b2b;--on-background: #edf0ff;--surface-variant: #343d52;--primary: #93ccff;--on-primary: #001d32;--primary-container: #0077b5;--on-primary-container: #f3f7ff;--secondary-container: #444749;--on-secondary-container: #dee0e2;--error-container: #93000a;--on-error-container: #ffdad6;--accent-bg: color-mix(in srgb, var(--primary-container) 18%, transparent);--shadow-float: 0 4px 12px rgba(0, 0, 0, .35)}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--outline-variant);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}.text-headline-lg{font-family:var(--font-sans);font-size:var(--headline-lg-size);font-weight:var(--headline-lg-weight);line-height:var(--headline-lg-line);letter-spacing:var(--headline-lg-tracking);color:var(--on-surface)}.text-headline-md{font-family:var(--font-sans);font-size:var(--headline-md-size);font-weight:var(--headline-md-weight);line-height:var(--headline-md-line);letter-spacing:var(--headline-md-tracking);color:var(--on-surface)}.text-body-base{font-family:var(--font-sans);font-size:var(--body-base-size);font-weight:var(--body-base-weight);line-height:var(--body-base-line)}.text-body-sm{font-family:var(--font-sans);font-size:var(--body-sm-size);font-weight:var(--body-sm-weight);line-height:var(--body-sm-line)}.text-label-caps{font-family:var(--font-sans);font-size:var(--label-caps-size);font-weight:var(--label-caps-weight);line-height:var(--label-caps-line);letter-spacing:var(--label-caps-tracking);text-transform:uppercase}.text-button{font-family:var(--font-sans);font-size:var(--button-size);font-weight:var(--button-weight);line-height:var(--button-line)}h1,h2{font-family:var(--font-sans);font-weight:600;color:var(--on-surface)}h1{font-size:var(--headline-lg-size);line-height:var(--headline-lg-line);letter-spacing:var(--headline-lg-tracking);margin:var(--space-xl) 0}@media (max-width: 1024px){h1{font-size:var(--headline-lg-mobile-size);line-height:var(--headline-lg-mobile-line);margin:var(--space-lg) 0}}h2{font-size:var(--headline-md-size);line-height:var(--headline-md-line);letter-spacing:var(--headline-md-tracking);margin:0 0 var(--space-xs)}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:var(--radius);color:var(--on-surface)}code{font-size:var(--body-sm-size);line-height:var(--body-sm-line);padding:var(--space-base) var(--space-xs);background:var(--code-bg)}.btn-primary{font-family:var(--font-sans);font-size:var(--button-size);font-weight:var(--button-weight);line-height:var(--button-line);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:none;background:var(--primary-container);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-none)}.btn-primary:hover{background:var(--primary)}.btn-secondary{font-family:var(--font-sans);font-size:var(--button-size);font-weight:var(--button-weight);line-height:var(--button-line);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--outline-variant);background:var(--secondary-container);color:var(--on-secondary-container);cursor:pointer;box-shadow:var(--shadow-none)}.btn-ghost{font-family:var(--font-sans);font-size:var(--button-size);font-weight:var(--button-weight);line-height:var(--button-line);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface);cursor:pointer}.btn-danger{font-family:var(--font-sans);font-size:var(--button-size);font-weight:var(--button-weight);line-height:var(--button-line);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:none;background:var(--error);color:var(--on-error);cursor:pointer}.btn-danger:hover{background:color-mix(in srgb,var(--error) 88%,var(--on-surface))}.input-field{font-family:var(--font-sans);font-size:var(--body-base-size);line-height:var(--body-base-line);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface)}.input-field:focus,.input-field:focus-visible{outline:none;border-color:var(--primary-container);box-shadow:var(--focus-ring)}.card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-none)}.dropdown,.modal{box-shadow:var(--shadow-float)}.chip{font-family:var(--font-sans);font-size:var(--label-caps-size);font-weight:var(--label-caps-weight);line-height:var(--label-caps-line);padding:var(--space-base) var(--space-xs);border-radius:var(--radius-full);background:var(--surface-container-low);color:var(--on-surface-variant)}.chip--active{background:color-mix(in srgb,var(--primary-container) 12%,transparent);color:var(--primary-container)}.queue-section{text-align:left}.queue-title{margin:0 0 var(--space-md);font-size:var(--headline-lg-size);font-weight:var(--headline-lg-weight);line-height:var(--headline-lg-line);letter-spacing:var(--headline-lg-tracking);color:var(--on-surface)}.queue-tabs{display:flex;gap:var(--space-lg);flex-wrap:wrap;border-bottom:1px solid var(--outline-variant);margin-bottom:var(--space-md)}.queue-tab{font-family:var(--font-sans);font-size:var(--body-base-size);font-weight:var(--body-base-weight);line-height:var(--body-base-line);color:var(--on-surface-variant);background:none;border:none;padding:0 0 var(--space-sm);margin-bottom:-1px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.queue-tab:hover{color:var(--on-surface)}.queue-tab--active{color:var(--primary-container);font-weight:var(--button-weight);border-bottom-color:var(--primary-container)}.queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.queue-filter-btn{position:relative;font-family:var(--font-sans);font-size:var(--body-sm-size);font-weight:var(--button-weight);line-height:var(--body-sm-line);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs)}.queue-filter-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.queue-sort-btn{font-family:var(--font-sans);font-size:var(--body-sm-size);font-weight:var(--button-weight);line-height:var(--body-sm-line);padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--on-surface);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs)}.queue-sort-btn:hover{color:var(--primary-container)}.queue-empty{margin:0;color:var(--on-surface-variant);font-size:var(--body-base-size)}.queue-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.queue-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-md)}.queue-card-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.queue-card-avatar{flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);background:var(--surface-container-low)}.queue-card-meta{font-size:var(--body-sm-size);line-height:var(--body-sm-line);color:var(--on-surface-variant);min-width:0}.queue-card-meta--scheduled{color:var(--primary-container)}.queue-card-timestamp{margin:0 0 var(--space-sm);font-size:var(--body-sm-size);line-height:var(--body-sm-line);color:var(--on-surface-variant)}.queue-card-timestamp time{font-weight:inherit}.queue-card-timestamp-label{font-weight:600;color:var(--on-surface)}.queue-card-body{color:var(--on-surface);font-size:var(--body-base-size);line-height:var(--body-base-line);display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:break-word}.queue-card-images{margin-top:var(--space-sm);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.queue-card-images img{width:100%;height:64px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--outline-variant)}.queue-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.queue-badge{font-family:var(--font-sans);font-size:var(--label-caps-size);font-weight:var(--button-weight);line-height:var(--label-caps-line);padding:var(--space-base) var(--space-xs);border-radius:var(--radius-md);text-transform:capitalize;letter-spacing:normal}.queue-badge--scheduled{background:color-mix(in srgb,var(--primary-container) 14%,transparent);color:var(--primary-container)}.queue-badge--posted{background:color-mix(in srgb,var(--tertiary) 18%,var(--tertiary-fixed));color:var(--on-tertiary-fixed-variant)}.queue-badge--draft{background:var(--surface-container);color:var(--on-surface-variant)}.queue-badge--failed,.queue-badge--publishing{background:var(--error-container);color:var(--on-error-container)}.queue-card-error{display:block;margin-top:var(--space-base);color:var(--error);font-size:var(--body-sm-size);white-space:pre-wrap;word-break:break-word}.queue-card-actions{display:flex;gap:var(--space-xs);margin-left:auto;flex-wrap:wrap}.queue-card-actions .btn-ghost{padding:var(--space-base) var(--space-xs);font-size:var(--body-sm-size)}@media (max-width: 900px){.queue-title{font-size:var(--headline-lg-mobile-size);line-height:var(--headline-lg-mobile-line)}.queue-tabs{gap:var(--space-md);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.queue-tabs::-webkit-scrollbar{display:none}.queue-tab{white-space:nowrap;flex-shrink:0}.queue-card-footer{align-items:flex-start}.queue-card-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.queue-card-images{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.queue-card-actions .btn-ghost{flex:1;text-align:center}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:color-mix(in srgb,var(--on-surface) 42%,transparent)}.modal-dialog{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);width:100%;max-width:440px;padding:var(--space-lg);text-align:left}.modal-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.modal-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);background:var(--error-container);color:var(--error);display:flex;align-items:center;justify-content:center}.modal-title{margin:0;font-size:var(--headline-md-size);font-weight:var(--headline-md-weight);line-height:var(--headline-md-line);letter-spacing:var(--headline-md-tracking);color:var(--on-surface)}.modal-body{margin:0 0 var(--space-lg);font-size:var(--body-base-size);font-weight:var(--body-base-weight);line-height:var(--body-base-line);color:var(--on-surface-variant)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap}._sidebar_1plvr_1{width:248px;flex-shrink:0;min-height:100%;display:flex;flex-direction:column;background:#f5f7fa;border-right:1px solid var(--border);box-sizing:border-box;text-align:left}._brandRow_1plvr_25{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:20px 16px 16px}._brand_1plvr_25{min-width:0}._brandName_1plvr_49{display:block;color:#1e3a8a;font-size:18px;letter-spacing:-.3px;line-height:1.2}._brandSub_1plvr_65{display:block;margin-top:4px;font-size:13px;color:#9ca3af}._menuToggle_1plvr_79{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:#1e3a8a;cursor:pointer}._menuToggle_1plvr_79:focus-visible{outline:none;box-shadow:var(--focus-ring)}._collapse_1plvr_117{display:flex;flex-direction:column;flex:1}._nav_1plvr_129{display:flex;flex-direction:column;flex:1;padding-top:8px}._navItem_1plvr_143{display:flex;align-items:center;gap:12px;padding:11px 16px;font-size:14px;text-decoration:none;color:#4b5563;font-weight:400;background:transparent;border-right:3px solid transparent;box-sizing:border-box}._navItem_1plvr_143:hover{background:#eef2f7}._navItemActive_1plvr_179{color:#1d4ed8;font-weight:600;background:#e8f0fe;border-right:3px solid #2563eb}._navItemActive_1plvr_179:hover{background:#e8f0fe}._navItemDisabled_1plvr_201{color:#9ca3af;cursor:default;opacity:.85}._navItemDisabled_1plvr_201:hover{background:transparent}._navIcon_1plvr_221{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}._profile_1plvr_239{margin-top:auto;padding:12px 16px 20px;border-top:1px solid #e5e7eb}._profileCard_1plvr_251{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#f0f7ff;border:1px solid #e5e7eb;margin-bottom:12px}._avatar_1plvr_273{width:36px;height:36px;border-radius:6px;background:var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#1e3a8a}._profileInfo_1plvr_301{min-width:0;flex:1}._profileEmail_1plvr_311{font-size:13px;font-weight:600;color:var(--text-h);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._profileStatus_1plvr_329{font-size:12px;color:#4b5563}._logoutBtn_1plvr_339{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e5e7eb;background:var(--bg);color:var(--text-h);cursor:pointer;font-size:13px}._logoutBtn_1plvr_339:hover{background:#f0f7ff}@media (max-width: 900px){._sidebar_1plvr_1{width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}._brandRow_1plvr_25{padding:12px 16px}._menuToggle_1plvr_79{display:inline-flex}._collapse_1plvr_117{flex:none;overflow:hidden;max-height:0;transition:max-height .25s ease}._collapseOpen_1plvr_421{max-height:520px;border-top:1px solid var(--border)}._nav_1plvr_129{flex:none;padding-top:4px}._profile_1plvr_239{margin-top:0}}._shell_1iqc5_1{display:flex;flex-direction:row;flex:1;min-height:100svh;width:100%;text-align:left}._main_1iqc5_19{flex:1;min-width:0;max-width:1100px;margin:0 auto;padding:var(--space-lg) var(--space-md);box-sizing:border-box}@media (max-width: 900px){._shell_1iqc5_1{flex-direction:column}._main_1iqc5_19{max-width:100%;padding:var(--space-md)}}@media (max-width: 480px){._main_1iqc5_19{padding:var(--space-md) var(--space-sm)}}.route-view{animation:route-fade-in .22s ease-out both;will-change:opacity,transform}@keyframes route-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.route-view{animation:none}}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}