.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-950:#460809;--color-orange-100:#ffedd5;--color-orange-200:#ffd7a8;--color-orange-400:#ff8b1a;--color-orange-950:#441306;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c2;--color-yellow-200:#fff085;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-yellow-700:#a36100;--color-yellow-800:#874b00;--color-yellow-950:#432004;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-green-800:#016630;--color-green-950:#032e15;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-blue-950:#162456;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6ff;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-700:#7008e7;--color-violet-800:#5d0ec0;--color-violet-950:#2f0d68;--color-gray-50:#f9fafb;--color-gray-200:#e5e7eb;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-200:#e5e5e5;--color-neutral-700:#404040;--color-black:#000;--color-white:#fff;--brand-primary:#60cdff;--brand-ring:#76b9ed;--background:#f3f3f3;--foreground:#1a1a1a;--card:var(--color-white);--card-foreground:#1a1a1a;--popover:var(--color-white);--popover-foreground:#1a1a1a;--primary:var(--brand-primary);--primary-foreground:var(--color-white);--secondary:#f7f7f7;--secondary-foreground:var(--foreground);--muted:#f7f7f7;--muted-foreground:#5f5f5f;--accent:#f0f6ff;--accent-foreground:var(--foreground);--destructive:#c42b1c;--destructive-foreground:var(--color-white);--mono:var(--foreground);--mono-foreground:var(--color-white);--border:#d9d9d9;--input:#cfcfcf;--ring:var(--brand-ring);--radius:8px;--app-shell-max-width:520px;--app-shell-gutter:var(--spacing-4);--app-shell-gutter-mobile:var(--spacing-3);--app-panel-gap:var(--spacing-3);--app-panel-gap-tight:var(--spacing-2);--app-card-padding-block:var(--spacing-3);--app-card-padding-inline:var(--spacing-4);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-popover:var(--popover);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--primary);--color-secondary-foreground:var(--secondary-foreground);--color-destructive:var(--destructive);--color-mono:var(--mono);--color-border:var(--border);--color-input:var(--input);--color-text-primary:var(--foreground);--color-text-secondary:#4d4d4d;--color-text-tertiary:var(--muted-foreground);--color-text-quaternary:#767676;--color-text-heading:var(--foreground);--color-text-inverse:var(--primary-foreground);--color-primary-light:color-mix(in oklab, var(--primary) 12%, var(--background));--color-primary-dark:color-mix(in oklab, var(--primary) 72%, var(--foreground));--color-primary-50:color-mix(in oklab, var(--primary) 8%, var(--background));--color-primary-100:color-mix(in oklab, var(--primary) 12%, var(--background));--color-primary-200:color-mix(in oklab, var(--primary) 18%, var(--background));--color-primary-300:color-mix(in oklab, var(--primary) 45%, var(--background));--color-primary-400:color-mix(in oklab, var(--primary) 72%, var(--background));--color-primary-500:var(--primary);--color-primary-600:color-mix(in oklab, var(--primary) 84%, var(--foreground));--color-primary-700:color-mix(in oklab, var(--primary) 70%, var(--foreground));--color-primary-800:color-mix(in oklab, var(--primary) 60%, var(--foreground));--color-primary-900:color-mix(in oklab, var(--primary) 48%, var(--foreground));--color-primary-rgb:96, 205, 255;--color-secondary-light:var(--color-primary-50);--color-secondary-dark:var(--color-primary-800);--color-secondary-300:var(--color-primary-300);--color-secondary-600:var(--color-primary-600);--color-secondary-rgb:96, 205, 255;--color-success:#107c10;--color-success-500:#107c10;--color-error:var(--destructive);--color-error-500:var(--destructive);--color-warning:#f9a825;--color-info:var(--primary);--color-warning-50:var(--color-yellow-50);--color-warning-100:var(--color-yellow-100);--color-warning-200:var(--color-yellow-200);--color-warning-300:#ffe02a;--color-warning-400:var(--color-yellow-400);--color-warning-500:var(--color-yellow-500);--color-warning-600:var(--color-yellow-600);--color-warning-700:var(--color-yellow-700);--color-warning-800:var(--color-yellow-800);--color-warning-900:#733e0a;--color-warning-rgb:234, 179, 8;--color-surface-0:var(--background);--color-surface-50:#fbfbfb;--color-surface-100:#f3f3f3;--color-surface-200:#ededed;--color-surface-300:#e5e5e5;--color-surface-500:#c8c8c8;--color-surface-600:#f7f7f7;--color-surface-700:var(--card);--color-surface-800:#ededed;--color-surface-900:var(--foreground);--color-surface-primary:var(--background);--color-surface-secondary:var(--muted);--color-surface-tertiary:var(--accent);--color-surface-quaternary:#ededed;--color-surface-quinary:var(--card);--color-surface-card:var(--card);--surface-card:var(--card);--color-bg-subtle:var(--muted);--color-border-light:var(--border);--color-border-default:var(--border);--color-border-muted:#e5e5e5;--color-border-medium:#cfcfcf;--color-border-hover:var(--ring);--overlay-backdrop:#00000038;--overlay-backdrop-light:#fff6;--overlay-backdrop-heavy:#0000006b;--color-tag-active:var(--color-success);--color-tag-inactive:var(--muted-foreground);--color-tag-pending:var(--color-warning);--color-tag-error:var(--color-error);--color-accent-warm:var(--color-orange-400);--color-accent-cool:var(--primary);--color-accent-soft:var(--color-primary-100);--glass-bg:var(--card);--glass-bg-strong:var(--card);--glass-bg-muted:var(--muted);--glass-border:var(--border);--glass-border-strong:var(--border);--glass-shadow:0 1px 2px #00000014;--glass-shadow-lg:0 8px 24px #0000001f;--font-family-sans:"Segoe UI Variable", "Segoe UI", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-family-serif:var(--font-family-sans);--font-family-mono:"Cascadia Mono", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-family-ui:var(--font-family-sans);--font-family-text:var(--font-family-sans);--font-family-heading:var(--font-family-sans);--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-dense:1;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:1.75;--letter-spacing-tight:0;--letter-spacing-normal:0;--letter-spacing-wide:.02em;--letter-spacing-extended:.04em;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--icon-size-xs:.75rem;--icon-size-sm:.875rem;--icon-size-md:1rem;--icon-stroke-xs:1.2;--icon-stroke-sm:1.32;--icon-stroke-md:1.5;--markdown-h1-margin-top:0;--markdown-h1-margin-bottom:var(--spacing-8);--markdown-h2-margin-top:var(--spacing-12);--markdown-h2-margin-bottom:var(--spacing-5);--markdown-h3-margin-top:var(--spacing-10);--markdown-h3-margin-bottom:var(--spacing-4);--markdown-h4-margin-top:var(--spacing-8);--markdown-h4-margin-bottom:var(--spacing-3);--markdown-h5-margin-top:var(--spacing-6);--markdown-h5-margin-bottom:var(--spacing-2);--markdown-h6-margin-top:var(--spacing-5);--markdown-h6-margin-bottom:var(--spacing-2);--markdown-paragraph-spacing:var(--spacing-6);--markdown-list-spacing:var(--spacing-8);--markdown-list-item-spacing:var(--spacing-3);--markdown-blockquote-spacing:var(--spacing-12);--markdown-code-spacing:var(--spacing-6);--markdown-table-spacing:var(--spacing-8);--reading-width-ideal:38em;--reading-width-min:32em;--reading-width-max:45em;--reading-line-height:var(--line-height-relaxed);--reading-font-size:var(--font-size-base);--layout-width-narrow:40rem;--layout-width-reading:60rem;--layout-width-standard:75rem;--layout-width-wide:90rem;--layout-gutter:var(--spacing-4);--breakpoint-mobile:640px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-large:1280px;--breakpoint-xlarge:1440px;--mobile-padding:var(--spacing-4);--mobile-gap:var(--spacing-3);--mobile-font-size:var(--font-size-base);--mobile-touch-target:44px;--radius-xs:2px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--baseline-unit:.5rem;--baseline-2:1rem;--baseline-3:1.5rem;--baseline-4:2rem;--baseline-5:2.5rem;--baseline-6:3rem;--baseline-8:4rem;--baseline-10:5rem;--vertical-unit:8px;--vertical-ratio:1.618;--paragraph-spacing:var(--markdown-paragraph-spacing)}@media(prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:color(display-p3 0 0 0)){:root{--color-red-50:color(display-p3 .988669 .951204 .950419);--color-red-100:color(display-p3 .980386 .889727 .887779);--color-red-500:color(display-p3 .903738 .262579 .253307);--color-red-600:color(display-p3 .830323 .140383 .133196);--color-red-700:color(display-p3 .692737 .116232 .104679);--color-red-800:color(display-p3 .569606 .121069 .108493);--color-red-950:color(display-p3 .25064 .0550983 .0468818);--color-orange-100:color(display-p3 .988762 .931393 .843273);--color-orange-200:color(display-p3 .974647 .84705 .680111);--color-orange-400:color(display-p3 .950192 .561807 .211017);--color-orange-950:color(display-p3 .244276 .0875626 .0387614);--color-yellow-50:color(display-p3 .994197 .988062 .917538);--color-yellow-100:color(display-p3 .993436 .977463 .782913);--color-yellow-200:color(display-p3 .988789 .943116 .579188);--color-yellow-400:color(display-p3 .959941 .790171 .0585198);--color-yellow-500:color(display-p3 .903651 .703062 .0745389);--color-yellow-600:color(display-p3 .776342 .542492 .041709);--color-yellow-700:color(display-p3 .613146 .386658 .0579687);--color-yellow-800:color(display-p3 .503181 .30478 .075537);--color-yellow-950:color(display-p3 .243647 .131076 .0413888);--color-green-50:color(display-p3 .950677 .990571 .959366);--color-green-100:color(display-p3 .885269 .984329 .910368);--color-green-200:color(display-p3 .776442 .964383 .823412);--color-green-500:color(display-p3 .308734 .774754 .374307);--color-green-600:color(display-p3 .243882 .640824 .294808);--color-green-700:color(display-p3 .198355 .501799 .245335);--color-green-800:color(display-p3 .168568 .395123 .211217);--color-green-950:color(display-p3 .0670178 .177818 .0930111);--color-blue-50:color(display-p3 .941826 .963151 .995385);--color-blue-100:color(display-p3 .869214 .915931 .989622);--color-blue-200:color(display-p3 .76688 .855207 .987483);--color-blue-300:color(display-p3 .602559 .767214 .993938);--color-blue-400:color(display-p3 .397443 .62813 .992116);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-blue-600:color(display-p3 .174493 .358974 .950247);--color-blue-700:color(display-p3 .1379 .274983 .867624);--color-blue-800:color(display-p3 .134023 .230646 .695537);--color-blue-900:color(display-p3 .136395 .219428 .537145);--color-blue-950:color(display-p3 .0993202 .141621 .323413);--color-violet-50:color(display-p3 .959212 .95304 .995713);--color-violet-100:color(display-p3 .926222 .913546 .990178);--color-violet-200:color(display-p3 .861543 .838846 .988006);--color-violet-500:color(display-p3 .523372 .329605 .990884);--color-violet-600:color(display-p3 .459951 .162666 .957985);--color-violet-700:color(display-p3 .40161 .0841901 .871151);--color-violet-800:color(display-p3 .333914 .0857549 .723825);--color-violet-950:color(display-p3 .166776 .0591626 .389813);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784);--color-gray-600:color(display-p3 .297358 .332176 .39043);--color-gray-700:color(display-p3 .219968 .253721 .318679);--color-zinc-50:color(display-p3 .980256 .980256 .980256);--color-zinc-100:color(display-p3 .956385 .956385 .959079);--color-zinc-200:color(display-p3 .894477 .894477 .905114);--color-zinc-300:color(display-p3 .831087 .831083 .846819);--color-zinc-400:color(display-p3 .622604 .622563 .659842);--color-zinc-500:color(display-p3 .442983 .442931 .480324);--color-zinc-600:color(display-p3 .321166 .321093 .358668);--color-zinc-700:color(display-p3 .246478 .246448 .273934);--color-zinc-800:color(display-p3 .152895 .152887 .16466);--color-zinc-900:color(display-p3 .0937957 .093793 .104806);--color-zinc-950:color(display-p3 .0353716 .0353595 .0435539);--color-neutral-200:color(display-p3 .898161 .898161 .898161);--color-neutral-700:color(display-p3 .250471 .250471 .250471);--color-warning-300:color(display-p3 .982669 .880884 .32102);--color-warning-900:color(display-p3 .422485 .252729 .095052)}}@supports (color:lab(0% 0 0)){:root{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-950:lab(13.003% 29.04 16.7519);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-200:lab(88.4871% 9.94918 28.8378);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-950:lab(14.1747% 23.4515 19.4461);--color-yellow-50:lab(98.6846% -1.79055 9.7766);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-200:lab(94.3433% -5.00429 52.9663);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--color-yellow-950:lab(16.8146% 15.7422 23.1133);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-950:lab(15.6845% -20.4225 11.7249);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-blue-950:lab(15.6723% 8.86232 -32.2945);--color-violet-50:lab(96.2416% 2.28849 -5.51657);--color-violet-100:lab(93.0838% 4.35197 -9.88284);--color-violet-200:lab(87.0888% 8.53688 -19.4189);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-700:lab(35.2783% 67.9912 -88.793);--color-violet-800:lab(29.3188% 57.7986 -76.1493);--color-violet-950:lab(14.0706% 33.3353 -46.7553);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-zinc-50:lab(98.26% 0 0);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-700:lab(27.036% 0 0);--color-warning-300:lab(89.7033% -.480294 84.4917);--color-warning-900:lab(32.3865% 21.1273 38.5959)}}:lang(zh),.zh-content{--chinese-line-height-multiplier:1.08;--chinese-serif-letter-spacing:.005em;--line-height-relaxed:1.62;--paragraph-spacing:1.75em;--markdown-paragraph-spacing:1.75em}@media(max-width:1024px){:root{--layout-gutter:var(--spacing-6)}}@media(min-width:1024px){:root{--layout-gutter:var(--spacing-8)}}.mobile-only,.tablet-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.tablet-only{display:block}}@media(min-width:1024px){.tablet-only{display:none}.desktop-only{display:block}}@media(max-width:640px){.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}.mobile-full-width{width:100%!important}.mobile-padding{padding:var(--mobile-padding)!important}.mobile-gap{gap:var(--mobile-gap)!important}}@media(hover:none)and (pointer:coarse){.touch-target{min-height:var(--mobile-touch-target)!important;min-width:var(--mobile-touch-target)!important;padding:var(--spacing-3)!important}.touch-safe{margin:var(--spacing-2)!important}}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#202020;--foreground:#f5f5f5;--card:#2b2b2b;--card-foreground:#f5f5f5;--popover:#2b2b2b;--popover-foreground:#f5f5f5;--primary:var(--brand-primary);--primary-foreground:var(--color-white);--secondary:#333;--secondary-foreground:var(--foreground);--muted:#333;--muted-foreground:#c8c8c8;--accent:#253b4a;--accent-foreground:var(--foreground);--destructive:#ff99a4;--destructive-foreground:var(--color-white);--mono:var(--foreground);--mono-foreground:var(--color-black);--border:#454545;--input:#5a5a5a;--ring:var(--brand-ring);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-popover:var(--popover);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--primary);--color-secondary-foreground:var(--secondary-foreground);--color-destructive:var(--destructive);--color-mono:var(--mono);--color-border:var(--border);--color-input:var(--input);--color-text-primary:var(--foreground);--color-text-secondary:#d0d0d0;--color-text-tertiary:var(--muted-foreground);--color-text-quaternary:#9a9a9a;--color-text-heading:var(--foreground);--color-text-inverse:var(--mono-foreground);--color-primary-light:color-mix(in oklab, var(--primary) 18%, transparent);--color-primary-dark:color-mix(in oklab, var(--primary) 68%, var(--foreground));--color-primary-400:color-mix(in oklab, var(--primary) 78%, var(--background));--color-primary-500:var(--primary);--color-primary-600:color-mix(in oklab, var(--primary) 84%, var(--foreground));--color-primary-700:color-mix(in oklab, var(--primary) 70%, var(--foreground));--color-secondary-600:var(--color-primary-600);--color-success:#6ccb5f;--color-success-500:#6ccb5f;--color-error:var(--destructive);--color-error-500:var(--destructive);--color-warning:#fce100;--color-info:var(--primary);--color-surface-0:var(--background);--color-surface-50:#202020;--color-surface-100:#2b2b2b;--color-surface-200:#333;--color-surface-300:#3a3a3a;--color-surface-500:#5a5a5a;--color-surface-600:#333;--color-surface-700:var(--card);--color-surface-800:#333;--color-surface-900:#202020;--color-surface-primary:var(--background);--color-surface-secondary:var(--muted);--color-surface-tertiary:var(--accent);--color-surface-quaternary:#3a3a3a;--color-surface-quinary:var(--card);--color-surface-card:var(--card);--surface-card:var(--card);--color-bg-subtle:var(--muted);--color-border-light:var(--border);--color-border-default:var(--border);--color-border-muted:#3a3a3a;--color-border-medium:#5a5a5a;--color-border-hover:var(--ring);--glass-bg:var(--card);--glass-bg-strong:var(--card);--glass-bg-muted:var(--muted);--glass-border:var(--border);--glass-border-strong:var(--border);--glass-shadow:0 1px 2px #0003;--glass-shadow-lg:0 8px 24px #00000047}.login-modal{background-color:var(--color-surface-700);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg);width:420px;min-height:360px;padding:var(--spacing-8)}.surface-card{background-color:var(--color-surface-700)}.surface-card-elevated{background-color:var(--color-surface-700);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.border-default{border:1px solid var(--color-border-default)}.border-muted{border:1px solid var(--color-border-muted)}.form-input{background-color:var(--color-surface-700);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);width:100%;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent);background-color:var(--color-surface-600);outline:none}.form-select{background-color:var(--color-surface-700);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color .2s,background-color .2s}.form-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent);background-color:var(--color-surface-600);outline:none}.form-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1);display:block}.form-group{gap:var(--spacing-1);flex-direction:column;display:flex}.status-online{background-color:var(--color-success)}.status-offline{background-color:var(--color-text-tertiary)}.status-connecting{background-color:var(--color-warning);animation:1.5s ease-in-out infinite pulse}.big-toggle{border-radius:var(--radius-full);width:5rem;height:5rem;color:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:3px solid;justify-content:center;align-items:center;transition:all .3s;display:flex}.big-toggle:hover:not(:disabled){transform:scale(1.05)}.big-toggle.on{background:var(--color-success);border-color:var(--color-success);color:var(--color-white);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-success) 18%,transparent)}.big-toggle:not(.on){border-color:var(--color-text-tertiary);color:var(--color-text-tertiary);background:0 0}.big-toggle.loading{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white);animation:1.5s ease-in-out infinite pulse}.big-toggle:disabled{cursor:not-allowed;opacity:.7}.progress-bar{background-color:var(--color-surface-600);border-radius:var(--radius-full);width:100%;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:.5rem;transition:width .3s}.progress-bar-fill.primary{background:var(--primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-gradient-primary{background:var(--primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shadow-glow{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.surface-card-elevated{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);padding:var(--app-card-padding-block) var(--app-card-padding-inline);transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 2px #00000017}:root.light .surface-card-elevated{background:var(--glass-bg);border-color:var(--glass-border)}.surface-card-elevated:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:0 4px 14px #0000001c}:root.light .surface-card-elevated:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-lg)}.surface-card-elevated.card-interactive:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:0 4px 14px #0000001c}:root.light .surface-card-elevated.card-interactive:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-lg)}.card-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);padding:var(--app-card-padding-block) var(--app-card-padding-inline);transition:border-color .18s,box-shadow .18s}:root.light .card-info{background:var(--glass-bg);border-color:var(--glass-border)}.card-info:hover,:root.light .card-info:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-lg)}:root{--duration-instant:0s;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.28s;--easing-linear:linear;--easing-ease:ease;--easing-ease-out:cubic-bezier(.22, 1, .36, 1);--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-ease-in-out:cubic-bezier(.42, 0, .58, 1);--easing-emphasized:cubic-bezier(.18, .89, .32, 1.1);--transition-fast:all var(--duration-fast) var(--easing-ease-out);--transition-normal:all var(--duration-normal) var(--easing-ease-out);--transition-slow:all var(--duration-slow) var(--easing-ease-in-out);--transition-colors:color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-inner:inset 0 0 0 1px var(--color-border-light)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes breathe-dot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes breathe-geom{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.05)}}@keyframes breathe-simple{0%,to{opacity:.8}50%{opacity:1}}@keyframes breathe-height{0%,to{opacity:.4;height:60%}50%{opacity:.9;height:90%}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--easing-ease-out)}.animate-slide-up{animation:slide-up var(--duration-normal) var(--easing-ease-out)}.animate-scale-in{animation:scale-in var(--duration-normal) var(--easing-ease-out)}.animate-breathe-dot{animation:3s ease-in-out infinite breathe-dot}.animate-breathe-geom{animation:2s ease-in-out infinite breathe-geom}.animate-breathe-simple{animation:2s ease-in-out infinite breathe-simple}.animate-breathe-height{animation:3s ease-in-out infinite breathe-height}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.hover-lift:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-up,.animate-scale-in,.hover-lift,.hover-glow{transition:none!important;animation:none!important}}.glass-effect{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px)}.glass-light{background:var(--glass-bg-muted);border:1px solid var(--glass-border);box-shadow:none;-webkit-backdrop-filter:blur(8px)}.glass-heavy{background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lg);-webkit-backdrop-filter:blur(16px)}.neon-glow,.neon-glow-purple{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}.neon-glow-green{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-success) 18%,transparent)}.gradient-bg-dark{background:var(--background)}.gradient-bg-subtle{background:linear-gradient(180deg,var(--background),var(--color-surface-secondary))}.border-glass{border:1px solid var(--glass-border);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-white) 35%,transparent)}.border-glass-accent{border:1px solid color-mix(in oklab,var(--primary) 34%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 12%,transparent)}.text-glass{color:var(--color-text-secondary)}.text-glass-accent{color:var(--primary)}.hover-lift{transition:transform .2s,box-shadow .2s,border-color .2s}.hover-lift:hover{box-shadow:var(--glass-shadow-lg);transform:translateY(-1px)}.hover-glow{transition:box-shadow .2s,border-color .2s}.hover-glow:hover{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 12%,transparent)}.depth-1{box-shadow:var(--shadow-sm)}.depth-2{box-shadow:var(--shadow-md)}.depth-3{box-shadow:var(--shadow-lg)}.blur-sm{-webkit-backdrop-filter:blur(8px)}.blur-md{-webkit-backdrop-filter:blur(12px)}.blur-lg{-webkit-backdrop-filter:blur(16px)}.blur-xl{-webkit-backdrop-filter:blur(20px)}.opacity-glass-1{background:color-mix(in oklab,var(--card) 10%,transparent)}.opacity-glass-2{background:color-mix(in oklab,var(--card) 20%,transparent)}.opacity-glass-3{background:color-mix(in oklab,var(--card) 30%,transparent)}.opacity-glass-4{background:color-mix(in oklab,var(--card) 40%,transparent)}.opacity-glass-5{background:color-mix(in oklab,var(--card) 50%,transparent)}.opacity-glass-6{background:color-mix(in oklab,var(--card) 60%,transparent)}.opacity-glass-7{background:color-mix(in oklab,var(--card) 70%,transparent)}.opacity-glass-8{background:color-mix(in oklab,var(--card) 80%,transparent)}.opacity-glass-9{background:color-mix(in oklab,var(--card) 90%,transparent)}@media(max-width:768px){.glass-effect{-webkit-backdrop-filter:blur(10px)}}@media(max-width:480px){.glass-effect{-webkit-backdrop-filter:blur(8px)}}.fade-in-up{animation:.4s ease-out fadeInUp}.fade-in-down{animation:.4s ease-out fadeInDown}.fade-in-left{animation:.4s ease-out fadeInLeft}.fade-in-right{animation:.4s ease-out fadeInRight}.scale-in{animation:.3s ease-out scaleIn}.slide-up{animation:.3s ease-out slideUp}.glass-appear{animation:.6s ease-out glassAppear}.glass-shimmer{animation:2s ease-in-out infinite glassShimmer}.glass-pulse{animation:2s ease-in-out infinite glassPulse}.glass-float{animation:3s ease-in-out infinite glassFloat}.hover-glass-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glass-lift:hover{box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.hover-glass-rotate{transition:transform .3s}.hover-glass-rotate:hover{transform:rotate(2deg)}.hover-glass-shake{transition:transform .3s}.hover-glass-shake:hover{animation:.5s ease-in-out shake}.loading-glass{animation:1.5s ease-in-out infinite loadingGlass}.loading-glass-dots{animation:1.5s ease-in-out infinite loadingGlassDots}.loading-glass-pulse{animation:1s ease-in-out infinite loadingGlassPulse}.status-glass-transition{transition:all .4s cubic-bezier(.4,0,.2,1)}.status-glass-online{animation:.6s ease-out statusOnline}.status-glass-offline{animation:.6s ease-out statusOffline}.progress-glass-fill{animation:1s ease-out progressGlassFill}.progress-glass-shimmer{animation:2s ease-in-out infinite progressGlassShimmer}.button-glass-press{transition:all .2s}.button-glass-press:active{box-shadow:var(--shadow-sm);transform:scale(.95)}.button-glass-ripple{position:relative;overflow:hidden}.button-glass-ripple:before{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-glass-ripple:active:before{width:300px;height:300px}.modal-glass-appear{animation:.5s ease-out modalGlassAppear}.modal-glass-disappear{animation:.3s ease-in modalGlassDisappear}.glass-blur-in{animation:.8s ease-out glassBlurIn}.glass-blur-out{animation:.8s ease-in glassBlurOut}.glass-focus-in{animation:.3s ease-out glassFocusIn}.glass-focus-out{animation:.3s ease-in glassFocusOut}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glassAppear{0%{opacity:0;-webkit-backdrop-filter:blur();transform:scale(.9)translateY(20px)}50%{opacity:.8;-webkit-backdrop-filter:blur(10px)}to{opacity:1;-webkit-backdrop-filter:blur(22px);transform:scale(1)translateY(0)}}@keyframes glassShimmer{0%,to{background:var(--glass-bg)}50%{background:var(--glass-bg-strong)}}@keyframes glassPulse{0%,to{box-shadow:var(--glass-shadow)}50%{box-shadow:var(--glass-shadow-lg)}}@keyframes glassFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes loadingGlass{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes loadingGlassDots{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes loadingGlassPulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--primary) 0%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklab,var(--primary) 16%,transparent)}}@keyframes statusOnline{0%{background:var(--muted-foreground);box-shadow:none}50%{background:var(--color-success);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-success) 14%,transparent)}to{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-success) 18%,transparent)}}@keyframes statusOffline{0%{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-success) 18%,transparent)}50%{background:var(--color-warning);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-warning) 14%,transparent)}to{background:var(--muted-foreground);box-shadow:none}}@keyframes progressGlassFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progressGlassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes modalGlassAppear{0%{opacity:0;-webkit-backdrop-filter:blur();transform:scale(.8)translateY(50px)}to{opacity:1;-webkit-backdrop-filter:blur(24px);transform:scale(1)translateY(0)}}@keyframes modalGlassDisappear{0%{opacity:1;-webkit-backdrop-filter:blur(24px);transform:scale(1)translateY(0)}to{opacity:0;-webkit-backdrop-filter:blur();transform:scale(.9)translateY(-30px)}}@keyframes glassBlurIn{0%{-webkit-backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(22px)}}@keyframes glassBlurOut{0%{-webkit-backdrop-filter:blur(22px)}to{-webkit-backdrop-filter:blur()}}@keyframes glassFocusIn{0%{box-shadow:0 0 #0000}to{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}}@keyframes glassFocusOut{0%{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}to{box-shadow:0 0 #0000}}@media(prefers-reduced-motion:reduce){.glass-appear,.glass-shimmer,.glass-pulse,.glass-float,.loading-glass,.loading-glass-dots,.loading-glass-pulse{animation:none}.hover-glass-lift:hover,.hover-glass-rotate:hover,.hover-glass-shake:hover{transform:none}}@media(max-width:768px){.fade-in-up,.fade-in-down,.fade-in-left,.fade-in-right{animation-duration:.3s}.glass-appear,.modal-glass-appear{animation-duration:.4s}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;height:100%}body{min-height:100vh;line-height:var(--line-height-normal,1.5);text-rendering:var(--font-rendering-optimize,optimizeLegibility);-webkit-font-smoothing:var(--font-smoothing,antialiased);-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1,var(--font-variant-ligatures,"common-ligatures");color:var(--color-text-primary);background-color:var(--color-surface-primary);font-family:var(--font-family-sans);margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::view-transition-old(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.layout-narrow,.layout-reading,.layout-standard,.layout-wide{width:100%;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);margin-left:auto;margin-right:auto}.layout-narrow{max-width:var(--layout-width-narrow)}.layout-reading{max-width:var(--layout-width-reading)}.layout-standard{max-width:var(--layout-width-standard)}.layout-wide{max-width:var(--layout-width-wide)}.container{width:100%;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);max-width:var(--layout-width-standard);margin:0 auto}.container-narrow{max-width:var(--layout-width-reading);margin:0 auto}.section{margin-bottom:var(--spacing-20)}.section-header{text-align:center;margin-bottom:var(--spacing-12);max-width:60ch;margin-left:auto;margin-right:auto}body{flex-direction:column;display:flex}main{flex:1;width:100%}.grid{gap:var(--spacing-6);display:grid}.grid-2,.grid-3{grid-template-columns:repeat(1,1fr)}.grid-2-col,.grid-3-col{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2-col{gap:var(--spacing-8);grid-template-columns:repeat(2,1fr)}.grid-3-col{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}}body:before{content:"";pointer-events:none;z-index:-1;width:100%;height:100%;transition:opacity var(--transition-slow);background:0 0;position:fixed;top:0;left:0}:root.dark body:before{opacity:0;background:0 0}.btn{--btn-height:2.125rem;height:var(--btn-height);padding:0 var(--spacing-3);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-2);white-space:nowrap;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{box-shadow:var(--shadow-sm)}.btn:active{box-shadow:none}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:color-mix(in oklab,var(--primary) 88%,var(--foreground));box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--secondary);border-color:var(--color-border);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:var(--accent);border-color:var(--border);color:var(--accent-foreground)}.btn-secondary-link{color:var(--color-text-tertiary);height:auto;font-weight:var(--font-weight-normal);box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.btn-secondary-link:hover{color:var(--color-primary);box-shadow:none;background:0 0;transform:none}.btn-arrow{transition:var(--transition-fast);display:inline-block}.btn-secondary-link:hover .btn-arrow{transform:translate(4px)}.btn-sm{height:32px;padding:0 var(--spacing-4);font-size:var(--font-size-xs)}.btn-ghost{color:var(--color-text-secondary);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--accent);color:var(--accent-foreground);box-shadow:none}.btn-large{height:48px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:0 2rem}.btn-full{justify-content:center;width:100%;display:flex}.btn-group-responsive{gap:var(--spacing-4);flex-wrap:wrap;justify-content:center;display:flex}@media(max-width:768px){.btn-group-responsive{flex-direction:column;width:100%}.btn-group-responsive .btn,.btn-group-responsive .btn-secondary-link{text-align:center;justify-content:center;width:100%}.btn-large{justify-content:center;width:100%}}.card,.status-card,.feature-card,.post-card,.action-card,.philosophy-card,.story-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:var(--transition-normal);position:relative;overflow:hidden}.function-card{padding:var(--spacing-8);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:inherit;transition:var(--transition-normal);background:var(--surface-card);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:hover,.feature-card:hover,.post-card:hover,.action-card:hover,.philosophy-card:hover,.story-card:hover{border-color:var(--color-border-medium,var(--color-border));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-card{margin-bottom:var(--spacing-4);text-decoration:none;display:block}.post-card:hover .post-title{color:var(--color-primary)}.post-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.post-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.post-content-wrapper{justify-content:space-between;align-items:center;gap:var(--spacing-6);display:flex}.post-emoji{font-size:var(--font-size-4xl);flex-shrink:0}.post-main{flex:1}.card-accent{background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.action-card{align-items:center;gap:var(--spacing-4);color:var(--color-text-primary);text-decoration:none;display:flex}.action-card .card-title{font-family:var(--font-family-ui);font-weight:var(--font-weight-semibold)}.philosophy-card{padding:var(--spacing-12);background:var(--color-surface-secondary);border:2px solid var(--color-primary);border-left:6px solid var(--color-primary)}.philosophy-text{font-family:var(--font-family-text);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.story-card{padding:var(--spacing-8);list-style:none}.story-card summary{cursor:pointer;outline:none;list-style:none}.story-card summary::-webkit-details-marker{display:none}.story-header{margin-bottom:var(--spacing-4)}.story-meta-row{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.story-meta-left{gap:var(--spacing-3);align-items:center;display:flex}.story-tag{font-family:var(--font-family-ui);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide,.05em);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.story-date{font-family:var(--font-family-ui);font-size:var(--font-size-xs);color:var(--color-text-tertiary);opacity:.7}.story-author{font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.story-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3);color:var(--color-text-primary);line-height:var(--line-height-tight)}.story-excerpt{font-family:var(--font-family-text);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}.story-expand-trigger{align-items:center;gap:var(--spacing-1);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.story-expand-trigger:hover{color:var(--color-primary-700,var(--color-primary))}.story-full-content,.story-expanded-content{margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--color-border-light)}.story-expanded-content.hidden{display:none}.story-body{font-family:var(--font-family-text);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);white-space:pre-wrap;margin-bottom:var(--spacing-8)}.insight-box{background:var(--color-surface-secondary);border-left:3px solid var(--color-primary);padding:var(--spacing-6);border-radius:var(--radius-md);margin:var(--spacing-8) 0;animation:slide-up var(--duration-normal) var(--easing-ease-out)}.insight-title{font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark,var(--color-primary));margin:0 0 var(--spacing-3)}.insight-content{font-family:var(--font-family-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--spacing-4)}.insight-link{font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);transition:var(--transition-fast);text-decoration:none}.insight-link:hover{color:var(--color-primary-700,var(--color-primary))}.needs-box{background:var(--color-surface-tertiary,var(--color-surface-secondary));padding:var(--spacing-6);border-radius:var(--radius-md);margin:var(--spacing-8) 0}.needs-title{font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--spacing-3)}.needs-list{padding-left:var(--spacing-5);font-family:var(--font-family-text);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.needs-list li{margin-bottom:var(--spacing-2)}.needs-list li:last-child{margin-bottom:0}.story-collapse-hint{margin-top:var(--spacing-6);text-align:center;font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-tertiary);opacity:.6}.story-content{font-family:var(--font-family-text);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.story-content p{margin:0 0 var(--spacing-4)}.story-content ul{margin:var(--spacing-3) 0 var(--spacing-4);padding-left:var(--spacing-6)}.story-content li{margin-bottom:var(--spacing-2)}.body-text{font-family:var(--font-family-text);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.card-icon-wrapper{width:var(--spacing-12);height:var(--spacing-12);background:var(--color-surface-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.function-card:before{content:"";background:var(--primary);opacity:0;width:100%;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0}.function-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium);transform:translateY(-2px)}.function-card:hover:before{opacity:1}.function-icon{width:var(--spacing-12);height:var(--spacing-12);margin-bottom:var(--spacing-6);justify-content:center;align-items:center;display:flex}.function-content{flex:1}.function-title{font-family:var(--font-family-ui);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);margin:0 0 var(--spacing-2);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide)}.function-desc{font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--spacing-4);max-width:28ch}.function-link{font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-1);transition:all var(--transition-normal);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-flex;position:relative}.function-link:hover{color:var(--color-primary-700);background:var(--color-primary-50);gap:var(--spacing-2)}.function-link:after{content:"";opacity:0;width:.8rem;height:.8rem;transition:all var(--transition-normal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.1 8h9.8M9.4 4.2 13.2 8l-3.8 3.8' stroke='%233a8fd9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.8rem .8rem;flex-shrink:0;transform:translate(-4px)}.function-link:hover:after{opacity:1;transform:translate(0)}.dashboard-card{padding:var(--spacing-6);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--surface-card);color:inherit;transition:var(--transition-normal);text-decoration:none;display:block}.status-card{transition:var(--transition-normal);background:0 0;border:none;padding:0}.status-card:hover{box-shadow:none;transform:none}.status-header{margin-bottom:var(--spacing-2);border:none;align-items:center;padding:0;display:flex}.status-card .dashboard-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-1)}.status-card .dashboard-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.dashboard-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-200);transform:translateY(-2px)}.dashboard-header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);justify-content:space-between;align-items:baseline;display:flex}.dashboard-label{font-family:var(--font-family-ui);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-extended);font-weight:var(--font-weight-medium)}.dashboard-title{font-family:var(--font-family-ui);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);line-height:var(--line-height-dense);margin:0}.dashboard-body{justify-content:space-between;align-items:center;display:flex}.dashboard-meta{font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-active{color:var(--color-secondary-600);font-weight:var(--font-weight-medium)}.cost-card{padding:var(--spacing-6);background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.cost-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.cost-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.choice-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface-card);transition:var(--transition-normal);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.choice-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.choice-card.tier-pro{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 12%,transparent)}.choice-badge{top:var(--spacing-6);right:var(--spacing-6);background:var(--color-primary);color:var(--color-surface-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);position:absolute}.card-header,.card-body{padding:var(--spacing-8)}.card-header{border-bottom:1px solid var(--color-border-light);background:var(--color-surface-primary)}.card-body{background:var(--color-surface-primary);flex-direction:column;flex:1;display:flex}.choice-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);margin-top:var(--spacing-2);color:var(--color-text-primary)}.choice-price{font-size:var(--font-size-base);color:var(--color-text-secondary)}.price-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading)}.price-unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-2)}.choice-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.truth-card{padding:var(--spacing-6);background:var(--color-surface-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary)}.truth-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.truth-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.truth-text:last-child{margin-bottom:0}.faq-card{background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow:hidden}@media(min-width:768px){.grid-3-col .function-card{text-align:center;align-items:center}}@media(max-width:768px){.function-card{padding:var(--spacing-6)}}.detail-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.detail-role{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.detail-body{gap:var(--spacing-3);flex-direction:column;display:flex}.detail-meta{gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.detail-appearances{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-surface-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);align-self:flex-start}.detail-description{font-family:var(--font-family-serif);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin-top:var(--spacing-2);font-style:italic}input,textarea,select{width:100%;padding:var(--spacing-3);font-family:var(--font-family-ui);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--background);border:1px solid var(--input);border-radius:var(--radius-md);transition:all var(--transition-fast);display:block}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--border)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent);outline:none}label{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.message{padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-2);opacity:1;display:flex}.message-success{background-color:color-mix(in oklab,var(--color-success) 10%,var(--background));color:var(--color-success);border:1px solid color-mix(in oklab,var(--color-success) 22%,var(--border))}.message-error{background-color:color-mix(in oklab,var(--color-error) 10%,var(--background));color:var(--color-error);border:1px solid color-mix(in oklab,var(--color-error) 22%,var(--border))}.message-success:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8.2' stroke='%23107c10' stroke-width='1.5'/%3E%3Cpath d='m6.2 10.3 2.4 2.4 5.2-5.2' stroke='%23107c10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1rem 1rem;flex-shrink:0;width:1rem;height:1rem}.message-error:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8.2' stroke='%23c42b1c' stroke-width='1.5'/%3E%3Cpath d='M10 6.3v5.3M10 14h.01' stroke='%23c42b1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1rem 1rem;flex-shrink:0;width:1rem;height:1rem}.app-root{background:var(--background);min-height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}:root.light .app-root{background:var(--background)}.glass-card{background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}:root.light .glass-card{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card--padding{padding:var(--app-card-padding-block) var(--app-card-padding-inline)}.glass-card--elevated,:root.light .glass-card--elevated{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-lg)}.login-modal-glass{background:var(--glass-bg-strong);border-radius:var(--radius-lg);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lg)}.plan-banner{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.plan-banner-left{align-items:center;gap:var(--spacing-2);display:flex}.plan-banner-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);flex-shrink:0}.plan-banner-text{gap:var(--spacing-1);flex-direction:column;display:flex}.plan-banner-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.plan-banner-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.9}.plan-banner-actions{gap:var(--spacing-1);flex-shrink:0;display:flex}.plan-banner-actions .btn-glass{z-index:1;position:relative}.plan-banner-actions .btn-glass-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}:root.light .plan-banner-actions .btn-glass-primary{background:var(--primary);color:var(--primary-foreground)}.plan-banner-info{background:color-mix(in oklab,var(--primary) 8%,var(--background));border-color:color-mix(in oklab,var(--primary) 22%,var(--border));color:var(--color-info)}.plan-banner-info .plan-banner-dot{background-color:var(--color-info)}.plan-banner-warning{background:color-mix(in oklab,var(--color-warning) 12%,var(--background));border-color:color-mix(in oklab,var(--color-warning) 28%,var(--border));color:var(--color-warning-600)}.plan-banner-warning .plan-banner-dot{background-color:var(--color-warning-500)}.plan-banner-expired{background:color-mix(in oklab,var(--color-error) 9%,var(--background));border-color:color-mix(in oklab,var(--color-error) 24%,var(--border));color:var(--color-error)}.plan-banner-expired .plan-banner-dot{background-color:var(--color-error)}:root.dark .plan-banner-info{background:color-mix(in oklab,var(--primary) 14%,var(--background));border-color:color-mix(in oklab,var(--primary) 32%,var(--border))}:root.dark .plan-banner-warning{background:color-mix(in oklab,var(--color-warning) 16%,var(--background));border-color:color-mix(in oklab,var(--color-warning) 36%,var(--border))}:root.dark .plan-banner-expired{background:color-mix(in oklab,var(--color-error) 15%,var(--background));border-color:color-mix(in oklab,var(--color-error) 34%,var(--border))}:root.light .plan-banner-info{background:color-mix(in oklab,var(--primary) 8%,var(--background));border-color:color-mix(in oklab,var(--primary) 22%,var(--border))}:root.light .plan-banner-warning{background:color-mix(in oklab,var(--color-warning) 10%,var(--background));border-color:color-mix(in oklab,var(--color-warning) 24%,var(--border))}:root.light .plan-banner-expired{background:color-mix(in oklab,var(--color-error) 8%,var(--background));border-color:color-mix(in oklab,var(--color-error) 22%,var(--border));color:var(--color-error)}@media(max-width:768px){.plan-banner{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);flex-direction:column}.plan-banner-actions{margin-top:var(--spacing-2);justify-content:flex-end;align-self:stretch}.plan-overview-card{padding:var(--spacing-4)}.plan-header{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.plan-body{gap:var(--spacing-4);grid-template-columns:1fr}.plan-footer{gap:var(--spacing-3);flex-direction:column;align-items:stretch}.plan-actions{gap:var(--spacing-2);flex-direction:column}.plan-actions .btn-glass{width:100%;min-height:var(--mobile-touch-target);justify-content:center}.plan-meta{text-align:center;font-size:var(--font-size-xs)}}@media(max-width:480px){.plan-overview-card{padding:var(--spacing-3);margin:var(--spacing-2)}.plan-title{width:100%}.plan-name{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.plan-subtitle{font-size:var(--font-size-sm)}.plan-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);align-self:flex-start}.status-text{font-size:var(--font-size-xs)}.metric-value{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.metric-percent{font-size:var(--font-size-sm)}.metric-footer{font-size:var(--font-size-xs)}}.plan-overview-wrapper{gap:var(--spacing-2);flex-direction:column;display:flex}.plan-overview-card{gap:var(--spacing-4);flex-direction:column;display:flex}.plan-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);display:flex}.plan-title{gap:var(--spacing-1);flex-direction:column;display:flex}.plan-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.plan-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-status{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);display:inline-flex}.status-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full)}.status-active{background-color:color-mix(in oklab,var(--color-success) 12%,var(--background));color:var(--color-success)}.status-active .status-dot{background-color:var(--color-success)}.status-warning{background-color:color-mix(in oklab,var(--color-warning) 12%,var(--background));color:var(--color-warning-600)}.status-warning .status-dot{background-color:var(--color-warning-500)}.status-expired{background-color:color-mix(in oklab,var(--color-error) 10%,var(--background));color:var(--color-error)}.status-expired .status-dot{background-color:var(--color-error)}.plan-body{gap:var(--spacing-4);grid-template-columns:1.2fr 1fr;display:grid}.plan-metric{gap:var(--spacing-2);flex-direction:column;display:flex}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.metric-value{font-size:var(--font-size-base);color:var(--color-text-primary);align-items:baseline;gap:var(--spacing-1);display:flex}.metric-percent{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metric-sub{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.metric-footer{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.plan-expire-bar{height:var(--spacing-1);border-radius:var(--radius-full);background-color:var(--muted);overflow:hidden}.plan-expire-fill{border-radius:inherit;background:var(--primary);height:100%}.plan-footer{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);display:flex}.plan-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.plan-actions{gap:var(--spacing-2);display:flex}:root.dark .plan-expire-bar,:root.light .plan-expire-bar{background-color:var(--muted)}@media(max-width:768px){.plan-body{gap:var(--spacing-3);grid-template-columns:1fr}.plan-header{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.plan-footer{align-items:stretch;gap:var(--spacing-3);flex-direction:column}.plan-actions{gap:var(--spacing-2);flex-direction:column;justify-content:stretch;display:flex}}.topbar-glass{z-index:20;background-color:color-mix(in oklab,var(--glass-bg) 94%,transparent);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);width:100%;min-height:3rem;position:sticky;top:0;box-shadow:0 1px #00000008}.topbar-inner{min-height:3rem;width:min(100%,var(--app-shell-max-width));padding-inline:var(--app-shell-gutter);justify-content:space-between;align-items:center;margin-inline-start:auto;margin-inline-end:auto;display:flex}:root.light .topbar-glass{background-color:var(--glass-bg);border-bottom-color:var(--glass-border)}.topbar-brand{align-items:center;gap:.375rem;min-width:0;display:flex}.topbar-title{font-size:.94rem;font-weight:var(--font-weight-semibold);letter-spacing:0;white-space:nowrap;color:var(--primary)}.topbar-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;margin-left:var(--spacing-2)}.topbar-actions{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.topbar-email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:9rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);overflow:hidden}.topbar-btn{min-width:3.2rem;height:1.95rem;padding-inline:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border);background-color:color-mix(in oklab,var(--card) 92%,var(--muted));color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;gap:6px;display:flex}:root.light .topbar-btn{border-color:var(--border);background-color:var(--background);color:var(--color-text-secondary)}.topbar-btn:hover{background-color:var(--accent);border-color:color-mix(in oklab,var(--primary) 26%,var(--border));color:var(--accent-foreground)}.topbar-btn:focus-visible{border-color:color-mix(in oklab,var(--primary) 42%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent);outline:none}:root.light .topbar-btn:hover{background-color:var(--accent);border-color:var(--border)}.topbar-btn--ghost{background-color:#0000}.topbar-btn--primary,.topbar-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 2px color-mix(in oklab,var(--primary) 32%,transparent)}.topbar-btn--primary:hover,.topbar-btn.primary:hover{background:color-mix(in oklab,var(--primary) 86%,black);border-color:color-mix(in oklab,var(--primary) 86%,black);color:var(--primary-foreground)}.text-gradient-primary{color:var(--color-text-primary)}.btn-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-colors);cursor:pointer}.btn-glass :where(.app-icon){opacity:.82;margin-inline-start:-1px;transform:translateY(-.03em)}.btn-glass:hover :where(.app-icon){opacity:.94}.btn-glass:focus-visible :where(.app-icon){opacity:.94}:root.light .btn-glass{background:var(--glass-bg);border-color:var(--glass-border)}.btn-glass:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow)}.btn-glass:focus-visible{border-color:color-mix(in oklab,var(--primary) 42%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent);outline:none}.btn-glass:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.btn-glass:disabled :where(.app-icon){opacity:.7}:root.light .btn-glass:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow)}.btn-glass:active{box-shadow:var(--shadow-sm);transform:translateY(0)scale(.99)}.btn-glass:disabled:active{transform:none}:root.light .btn-glass:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-glass-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);min-height:2rem}.btn-glass-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);min-height:2.5rem}.btn-glass-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);min-height:3rem}.btn-glass-full{width:100%}.btn-glass-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.btn-glass-primary :where(.app-icon){opacity:.9}:root.light .btn-glass-primary{background:var(--primary);color:var(--primary-foreground)}.btn-glass-secondary,:root.light .btn-glass-secondary{background-color:var(--secondary);border-color:var(--border);color:var(--secondary-foreground)}.btn-glass-ghost{color:var(--color-text-tertiary);background-color:#0000;border-color:#0000}.btn-glass-ghost:hover{background-color:var(--accent);color:var(--accent-foreground)}:root.light .btn-glass-ghost{color:var(--color-text-secondary)}@media(hover:none)and (pointer:coarse){.btn-glass{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.btn-glass-sm{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-glass:active{transition:transform .1s;transform:scale(.95)}}@media(max-width:768px){.topbar-inner{padding-inline:var(--app-shell-gutter-mobile)}.topbar-subtitle,.topbar-email{display:none}.topbar-actions{gap:var(--spacing-2)}.btn-glass{justify-content:center;width:100%}.btn-glass-group{gap:var(--spacing-2);flex-direction:column}.btn-glass-group .btn-glass{width:100%}}.form-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .2s}.form-glass:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent);background:var(--glass-bg-strong);outline:none}:root.light .form-glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}:root.light .form-glass:focus{background:var(--glass-bg-strong);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.form-input-glass{background-color:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);width:100%;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input-glass:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent);background-color:var(--card);outline:none}:root.light .form-input-glass{background-color:var(--card);border-color:var(--input);color:var(--color-text-primary)}:root.light .form-input-glass:focus{background-color:var(--background);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.form-select-glass{background-color:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-select-glass:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent);background-color:var(--card);outline:none}:root.light .form-select-glass{background-color:var(--card);border-color:var(--input);color:var(--color-text-primary)}:root.light .form-select-glass:focus{background-color:var(--background);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.checkbox-glass{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-sm);border-color:var(--input);background-color:var(--background);cursor:pointer;width:1rem;height:1rem;transition:all .2s;position:relative}.checkbox-glass:checked:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3.3 8.2 2.8 2.8 6.6-6.6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.72rem .72rem;width:.72rem;height:.72rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root.light .checkbox-glass{border-color:var(--input);background-color:var(--background)}:root.light .checkbox-glass:checked{background-color:var(--primary);border-color:var(--primary)}.form-label-glass{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-medium);display:block}.form-group-glass{gap:var(--spacing-2);gap:var(--spacing-1);flex-direction:column;display:flex}.checkbox-glass{border-radius:var(--radius-sm);border-color:var(--input);background-color:var(--background)}.checkbox-glass:checked{background-color:var(--primary);border-color:var(--primary)}.password-input-wrapper{position:relative}.password-toggle-glass{right:var(--spacing-2);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-lg);padding:var(--spacing-1);cursor:pointer;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle-glass:hover{color:var(--color-text-secondary);background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}.form-error-glass{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-error) 16%,transparent)}.form-error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.form-disabled-glass{opacity:.6;cursor:not-allowed;background-color:var(--muted)}@media(max-width:768px){.form-input-glass,.form-select-glass{font-size:var(--font-size-base);padding:var(--spacing-3)}.password-toggle-glass{font-size:var(--font-size-base)}}.toggle-modern{border-radius:var(--radius-full);cursor:pointer;width:5.5rem;height:5.5rem;transition:transform var(--duration-normal) var(--easing-standard),box-shadow var(--duration-normal) var(--easing-standard);background:0 0;border-width:0;justify-content:center;align-items:center;display:flex;position:relative}.toggle-modern:before{content:"";border-radius:inherit;background:color-mix(in oklab,var(--primary) 18%,transparent);opacity:0;transition:opacity var(--duration-normal) var(--easing-standard);position:absolute;inset:-6px}.toggle-modern-inner{border-radius:inherit;width:100%;height:100%;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--foreground);border:1px solid var(--border);background:var(--background);-webkit-backdrop-filter:blur(8px);transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}:root.light .toggle-modern-inner{color:var(--color-text-primary);border-color:var(--border);background:var(--background)}.toggle-modern.on .toggle-modern-inner{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 14%,transparent)}.toggle-modern.on:before{opacity:1}.toggle-modern:hover{transform:scale(1.05)}.toggle-modern.loading .toggle-modern-inner{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);animation:1.5s ease-in-out infinite togglePulse}.progress-neon{border-radius:var(--radius-full);background:var(--muted);-webkit-backdrop-filter:blur(4px);width:100%;height:.35rem;position:relative;overflow:hidden}.progress-neon-fill{transform-origin:0;border-radius:inherit;background:var(--primary);box-shadow:none;transition:transform var(--duration-normal) var(--easing-ease-out);position:absolute;inset:0}.segmented-control{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--muted);padding:1px;display:inline-flex}:root.light .segmented-control{border-color:var(--border);background:var(--muted)}.segmented-btn{border-radius:calc(var(--radius-md) - 2px);min-height:1.875rem;padding:0 var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none}.segmented-btn.active{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.segmented-btn:hover:not(.active){background:var(--accent);color:var(--accent-foreground)}.segmented-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 22%,transparent);outline:none}:root.light .segmented-btn:hover:not(.active){color:var(--color-text-primary)}.status-indicator{border-radius:var(--radius-full);width:.75rem;height:.75rem}.status-online{background:var(--color-success)}.status-offline{background:var(--muted-foreground)}.status-connecting{background:var(--color-warning);animation:1.5s ease-in-out infinite statusPulse}.loading-spinner{border:2px solid color-mix(in oklab,var(--primary) 18%,transparent);border-top-color:var(--primary);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;animation:1s linear infinite spin}@keyframes togglePulse{0%,to{opacity:1;box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 14%,transparent)}50%{opacity:.8;box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 10%,transparent)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.toggle-modern{width:4.5rem;height:4.5rem}.progress-neon{height:.5rem}.segmented-btn{font-size:var(--font-size-sm);padding:.5rem 1rem}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid-util{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mb-6{margin-bottom:var(--spacing-6)!important}.mb-8{margin-bottom:var(--spacing-8)!important}.mb-12{margin-bottom:var(--spacing-12)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-8{margin-top:var(--spacing-8)!important}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.flow>*+*{margin-top:var(--flow-space,1em)}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide,.05em)}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-underline{text-decoration:underline}.text-no-decoration{text-decoration:none}.text-clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}::selection{background-color:var(--color-primary-light,#547ca433);color:var(--color-primary-dark,var(--color-primary))}:root.dark ::selection{color:inherit;background-color:#ffffff26}@media print{body{color:#000;background:#fff}.no-print,.navbar,.footer,.zen-mode-wrapper{display:none!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:var(--font-size-xs)}}