[data-theme=ai2068dark],[data-theme=ai2068light]{--skin-nav-bg:linear-gradient(118deg,#060a12,#14102c 38%,#0b1830 72%,#0c0618);--skin-nav-border:rgba(217,70,239,.3);--skin-nav-text:#ecfeff;--skin-nav-text-muted:rgba(207,250,254,.85);--skin-nav-accent:#e879f9;--skin-nav-btn-border:rgba(34,211,238,.25);--skin-nav-btn-hover-bg:rgba(244,114,182,.1);--skin-nav-shadow:0 4px 28px rgba(168,85,247,.18),inset 0 1px 0 rgba(34,211,238,.14);--skin-nav-shadow-scrolled:0 6px 32px rgba(34,211,238,.12);--skin-nav-link-hover-bg:hsla(0,0%,100%,.07);--skin-nav-link-active-bg:hsla(0,0%,100%,.12);--skin-dropdown-bg:#fff;--skin-dropdown-text:#0f172a;--skin-card-border:rgba(15,23,42,.06);--skin-card-bg:transparent;--skin-card-hover-border:rgba(15,23,42,.09);--skin-card-hover-bg:linear-gradient(168deg,#fff,rgba(237,233,254,.28));--skin-card-shadow:0 4px 14px rgba(15,23,42,.035);--skin-card-glow:0 0 0 1px rgba(124,58,237,.07);--skin-filter-panel-border:rgba(167,139,250,.55);--skin-filter-panel-bg:linear-gradient(180deg,rgba(237,233,254,.9),#fff,#fff);--skin-filter-panel-head-border:rgba(196,181,253,.7);--skin-filter-panel-head-bg:rgba(237,233,254,.45);--skin-filter-panel-title-fg:rgba(59,7,100,.9);--skin-filter-panel-subtitle-fg:rgba(76,29,149,.55);--skin-filter-panel-label-fg:rgba(59,7,100,.9);--skin-filter-panel-hint-fg:rgba(76,29,149,.55);--skin-engine-label-fg:rgba(100,116,139,.88);--skin-engine-menu-border:rgba(167,139,250,.45);--skin-engine-menu-bg:#fff;--skin-engine-menu-shadow:0 8px 24px rgba(15,23,42,.08);--skin-engine-menu-item-fg:#334155;--skin-engine-menu-item-hover-bg:rgba(237,233,254,.65);--skin-engine-menu-item-hover-fg:#5b21b6;--skin-official-btn:#7c3aed;--skin-btn-gradient:linear-gradient(135deg,#7c3aed,#6366f1,#22d3ee);--skin-link-hover:#7c3aed;--skin-hero-gradient:linear-gradient(90deg,#7c3aed,#06b6d4);--skin-radius-card:1.25rem;--skin-radius-btn:0.75rem}[data-theme=ai2068dark]{--skin-official-btn:#2dd4bf;--skin-engine-label-fg:rgba(203,213,225,.78)}[data-theme=ai2068starrynight]{color-scheme:dark;--skin-nav-bg:rgba(30,26,51,.92);--skin-nav-border:rgba(155,136,194,.35);--skin-nav-text:#fff;--skin-nav-text-muted:#c9bde0;--skin-nav-accent:#c9bde0;--skin-nav-btn-border:rgba(201,189,224,.35);--skin-nav-btn-hover-bg:rgba(155,136,194,.2);--skin-nav-shadow:0 4px 32px rgba(155,136,194,.22),inset 0 1px 0 rgba(201,189,224,.12);--skin-nav-shadow-scrolled:0 8px 36px rgba(155,136,194,.28);--skin-nav-link-hover-bg:rgba(155,136,194,.15);--skin-nav-link-active-bg:rgba(155,136,194,.28);--skin-dropdown-bg:rgba(50,45,82,.95);--skin-dropdown-text:#fff;--skin-card-border:rgba(155,136,194,.45);--skin-card-bg:rgba(37,32,64,.85);--skin-card-hover-border:rgba(201,189,224,.65);--skin-card-hover-bg:rgba(50,45,82,.95);--skin-card-shadow:0 0 20px rgba(155,136,194,.12);--skin-card-glow:0 0 24px rgba(155,136,194,.18);--skin-filter-panel-border:rgba(155,136,194,.4);--skin-filter-panel-bg:linear-gradient(180deg,rgba(50,45,82,.6),rgba(30,26,51,.95));--skin-filter-panel-head-border:rgba(155,136,194,.35);--skin-filter-panel-head-bg:rgba(50,45,82,.35);--skin-filter-panel-title-fg:#fff;--skin-filter-panel-subtitle-fg:rgba(201,189,224,.75);--skin-filter-panel-label-fg:#fff;--skin-filter-panel-hint-fg:rgba(201,189,224,.65);--skin-engine-label-fg:rgba(201,189,224,.75);--skin-engine-menu-border:rgba(155,136,194,.4);--skin-engine-menu-bg:rgba(50,45,82,.98);--skin-engine-menu-shadow:0 12px 32px rgba(0,0,0,.35);--skin-engine-menu-item-fg:#e8e0f5;--skin-engine-menu-item-hover-bg:rgba(155,136,194,.22);--skin-engine-menu-item-hover-fg:#fff;--skin-official-btn:#9b88c2;--skin-btn-gradient:linear-gradient(135deg,#9b88c2,#c9bde0,#9b88c2);--skin-link-hover:#c9bde0;--skin-hero-gradient:linear-gradient(90deg,#9b88c2,#c9bde0);--tag-periwinkle-bg:rgba(155,136,194,.35);--tag-periwinkle-fg:#c9bde0;--tag-periwinkle-bg-dark:rgba(155,136,194,.45);--tag-periwinkle-fg-dark:#fff;--tag-neon-bg:rgba(201,189,224,.25);--tag-neon-fg:#fff;--tag-neon-bg-dark:rgba(201,189,224,.35);--tag-neon-fg-dark:#c9bde0;--tag-straw-bg:rgba(155,136,194,.2);--tag-straw-fg:#e8e0f5;--tag-straw-bg-dark:rgba(155,136,194,.3);--tag-straw-fg-dark:#c9bde0;--tag-plant-bg:rgba(107,90,150,.35);--tag-plant-fg:#c9bde0;--tag-plant-bg-dark:rgba(107,90,150,.45);--tag-plant-fg-dark:#fff;--tag-bud-bg:rgba(201,189,224,.18);--tag-bud-fg:#fff;--tag-bud-bg-dark:rgba(201,189,224,.28);--tag-bud-fg-dark:#c9bde0;--tag-split-border:rgba(201,189,224,.3);--tag-badge-border:rgba(155,136,194,.4);--tag-filter-idle-border:rgba(155,136,194,.35);--tag-filter-idle-hover-bg:rgba(155,136,194,.2);--tag-filter-idle-hover-border:rgba(201,189,224,.5);--tag-category-idle-border:rgba(155,136,194,.35);--tag-category-idle-hover-bg:rgba(155,136,194,.2);--tag-category-idle-hover-border:rgba(201,189,224,.5);--tag-category-active-border:rgba(201,189,224,.55);--tag-segment-idle-border:rgba(155,136,194,.3);--tag-segment-idle-hover-bg:rgba(155,136,194,.2);--tag-segment-idle-hover-border:rgba(201,189,224,.45);--tag-segment-active-border:rgba(201,189,224,.5);--tag-tutorial-idle-ring:rgba(155,136,194,.35);--tag-tutorial-idle-hover-bg:rgba(155,136,194,.2);--tag-tutorial-idle-hover-fg:#c9bde0;--tag-day-today-border:#c9bde0;--tag-day-default-border:#9b88c2}[data-theme=ai2068seasalt]{color-scheme:light;--skin-nav-bg:#f5f9fc;--skin-nav-border:rgba(134,184,224,.4);--skin-nav-text:#0c3a5c;--skin-nav-text-muted:#3a6a8a;--skin-nav-accent:#86b8e0;--skin-nav-btn-border:rgba(134,184,224,.45);--skin-nav-btn-hover-bg:rgba(178,216,237,.35);--skin-nav-shadow:0 2px 14px rgba(12,58,92,.06);--skin-nav-shadow-scrolled:0 4px 18px rgba(12,58,92,.08);--skin-nav-link-hover-bg:rgba(178,216,237,.35);--skin-nav-link-active-bg:rgba(134,184,224,.3);--skin-dropdown-bg:rgba(245,249,252,.98);--skin-dropdown-text:#0c3a5c;--skin-card-border:rgba(178,216,237,.75);--skin-card-bg:#fff;--skin-card-hover-border:rgba(134,184,224,.85);--skin-card-hover-bg:#f5f9fc;--skin-card-shadow:0 4px 16px rgba(134,184,224,.12);--skin-card-glow:none;--skin-filter-panel-border:rgba(178,216,237,.65);--skin-filter-panel-bg:linear-gradient(180deg,#eaf3fa,#fff,#fff);--skin-official-btn:#5eb0e8;--skin-btn-gradient:linear-gradient(135deg,#86b8e0,#b2d8ed);--skin-link-hover:#3a8ac4;--skin-hero-gradient:linear-gradient(90deg,#86b8e0,#0c3a5c);--tag-periwinkle-bg:#b2d8ed;--tag-periwinkle-fg:#0c3a5c;--tag-neon-bg:#dbeaf6;--tag-neon-fg:#1a5080;--tag-straw-bg:#eaf3fa;--tag-straw-fg:#2a6080;--tag-plant-bg:#c8e4f4;--tag-plant-fg:#0c4a70;--tag-bud-bg:#dbeaf6;--tag-bud-fg:#1a5080;--tag-split-border:rgba(134,184,224,.4);--tag-badge-border:rgba(134,184,224,.45);--tag-filter-idle-border:#b2d8ed;--tag-filter-idle-hover-bg:#dbeaf6;--tag-filter-idle-hover-border:#86b8e0;--tag-category-idle-border:#b2d8ed;--tag-category-idle-hover-bg:#dbeaf6;--tag-category-idle-hover-border:#86b8e0;--tag-category-active-border:#86b8e0;--tag-segment-idle-border:#dbeaf6;--tag-segment-idle-hover-bg:#eaf3fa;--tag-segment-idle-hover-border:#86b8e0;--tag-segment-active-border:#86b8e0;--tag-tutorial-idle-ring:#b2d8ed;--tag-tutorial-idle-hover-bg:#dbeaf6;--tag-tutorial-idle-hover-fg:#0c3a5c;--tag-day-today-border:#86b8e0;--tag-day-default-border:#b2d8ed}[data-theme=ai2068forestisle]{color-scheme:light;--skin-nav-bg:linear-gradient(118deg,#2a4038,#3d5a52 38%,#2f4a42 72%,#263a35);--skin-nav-border:rgba(90,140,126,.45);--skin-nav-text:#fff;--skin-nav-text-muted:rgba(220,235,228,.85);--skin-nav-accent:#7eb8a8;--skin-nav-btn-border:rgba(126,184,168,.45);--skin-nav-btn-hover-bg:rgba(126,184,168,.2);--skin-nav-shadow:0 4px 28px rgba(42,64,56,.25);--skin-nav-shadow-scrolled:0 6px 32px rgba(42,64,56,.3);--skin-nav-link-hover-bg:rgba(126,184,168,.18);--skin-nav-link-active-bg:rgba(126,184,168,.28);--skin-dropdown-bg:rgba(238,242,245,.98);--skin-dropdown-text:#2a4038;--skin-card-border:rgba(180,201,191,.75);--skin-card-bg:#fff;--skin-card-hover-border:rgba(90,140,126,.65);--skin-card-hover-bg:#f5f8f6;--skin-card-shadow:0 2px 12px rgba(90,140,126,.1);--skin-card-glow:0 0 16px rgba(90,140,126,.08);--skin-filter-panel-border:rgba(180,201,191,.65);--skin-filter-panel-bg:linear-gradient(180deg,#f5f8f6,#fff,#fff);--skin-official-btn:#4a9e88;--skin-btn-gradient:linear-gradient(135deg,#5a8c7e,#b4c9bf);--skin-link-hover:#4a7a6c;--skin-hero-gradient:linear-gradient(90deg,#5a8c7e,#2a4038);--skin-radius-card:0.75rem;--tag-periwinkle-bg:#b4c9bf;--tag-periwinkle-fg:#2a4038;--tag-neon-bg:#dce8e2;--tag-neon-fg:#3a6050;--tag-straw-bg:#e4eaee;--tag-straw-fg:#4a6058;--tag-plant-bg:#5a8c7e;--tag-plant-fg:#fff;--tag-bud-bg:#dce8e2;--tag-bud-fg:#2a5040;--tag-split-border:rgba(90,140,126,.35);--tag-badge-border:rgba(90,140,126,.4);--tag-filter-idle-border:#b4c9bf;--tag-filter-idle-hover-bg:#dce8e2;--tag-filter-idle-hover-border:#5a8c7e;--tag-category-idle-border:#b4c9bf;--tag-category-idle-hover-bg:#dce8e2;--tag-category-idle-hover-border:#5a8c7e;--tag-category-active-border:#5a8c7e;--tag-segment-idle-border:#d5dfe4;--tag-segment-idle-hover-bg:#dce8e2;--tag-segment-idle-hover-border:#5a8c7e;--tag-segment-active-border:#5a8c7e;--tag-tutorial-idle-ring:#b4c9bf;--tag-tutorial-idle-hover-bg:#dce8e2;--tag-tutorial-idle-hover-fg:#2a4038;--tag-day-today-border:#5a8c7e;--tag-day-default-border:#b4c9bf}.site-navbar-shell{border-bottom:1px solid var(--skin-nav-border,rgba(217,70,239,.3));background:var(--skin-nav-bg,linear-gradient(118deg,#060a12 0,#14102c 38%,#0b1830 72%,#0c0618 100%));color:var(--skin-nav-text,#ecfeff);box-shadow:var(--skin-nav-shadow,0 4px 28px rgba(168,85,247,.18));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-navbar-shell--scrolled{box-shadow:var(--skin-nav-shadow-scrolled,0 6px 32px rgba(34,211,238,.12))}.site-navbar-brand{display:inline-flex;align-items:center;color:var(--skin-nav-text,#ecfeff)}.site-navbar-brand-name{display:inline-flex;align-items:center;letter-spacing:-.02em}.site-navbar-brand-ai{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}.site-navbar-brand-year{color:#dfff00}.site-navbar-brand-mark{display:block;flex-shrink:0;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.site-navbar-brand:hover .site-navbar-brand-year{color:#e8ff33}.site-navbar-brand:hover{background:var(--skin-nav-btn-hover-bg,rgba(244,114,182,.1))}.site-navbar-brand:hover .site-navbar-brand-ai{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.55),0 1px 3px rgba(0,0,0,.12)}.site-navbar-brand-icon{color:var(--skin-nav-accent,#e879f9)}.site-navbar-icon-btn{border-color:var(--skin-nav-btn-border,rgba(34,211,238,.25));color:var(--skin-nav-text,#ecfeff)}.site-navbar-icon-btn:hover{border-color:var(--skin-nav-accent,#e879f9);background:var(--skin-nav-btn-hover-bg,rgba(244,114,182,.1))}.site-top-nav-link-with-badge{display:inline-flex;align-items:center;gap:.375rem}.site-top-nav-link--badged{padding-right:.625rem}.site-nav-corner-badge{position:relative;top:0;flex-shrink:0;pointer-events:none;display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5625rem .1875rem .4375rem;border-radius:9999px;border:1px solid rgba(167,243,208,.72);background:linear-gradient(180deg,#f0fdf4,#dcfce7);color:#047857;font-size:.625rem;font-weight:700;line-height:1.2;letter-spacing:.05em;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.14),inset 0 1px 0 hsla(0,0%,100%,.92)}.site-nav-corner-badge:before{content:"";flex-shrink:0;width:.375rem;height:.375rem;border-radius:9999px;background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.22)}@media (min-width:1024px){.site-nav-corner-badge{top:.0625rem;padding:.21875rem .625rem .21875rem .5rem;font-size:.6875rem}.site-nav-corner-badge:before{width:.4375rem;height:.4375rem}}.site-top-nav-link-idle{color:var(--skin-nav-text-muted,rgba(207,250,254,.85))}.site-top-nav-link-idle:hover{border-color:hsla(0,0%,100%,.1);background:var(--skin-nav-link-hover-bg,hsla(0,0%,100%,.07));color:var(--skin-nav-text,#fff)}header.navbar a.site-top-nav-link--active,header.navbar summary.site-top-nav-link--active{color:var(--skin-nav-text,#fff)!important;background:var(--skin-nav-link-active-bg,hsla(0,0%,100%,.12))!important}header.navbar .top-nav-dropdown-panel{background-color:var(--skin-dropdown-bg,#fff)!important;color:var(--skin-dropdown-text,#0f172a)}.skin-home-tile{border-color:oklch(var(--b2)/.4);background-color:#fff}.skin-home-tile,.skin-home-tile.tool-tile-namecard{border-radius:var(--skin-radius-card,.625rem)}.skin-home-tile:hover{border-color:rgba(210,198,72,.38);background-color:#fffef6;background-image:linear-gradient(168deg,#fffef8,#faf8d6 48%,#f2f4a8);box-shadow:var(--skin-card-glow,0 0 0 1px rgba(228,218,88,.14)),0 4px 16px rgba(228,218,88,.16)}.skin-personal-add-dashed{border-color:var(--skin-card-border,rgba(15,23,42,.12))}.skin-personal-add-dashed:hover{border-color:rgba(210,198,72,.42);background-image:linear-gradient(168deg,#fffef8,#faf8d6);box-shadow:var(--skin-card-glow,0 0 0 1px rgba(228,218,88,.12))}.skin-filter-panel{border-color:var(--skin-filter-panel-border,rgba(167,139,250,.55));background:var(--skin-filter-panel-bg,linear-gradient(to bottom,rgba(237,233,254,.9),#fff,#fff));color:var(--skin-filter-panel-label-fg,rgba(59,7,100,.9))}.skin-filter-panel-head-bar{border-bottom:1px solid var(--skin-filter-panel-head-border,rgba(196,181,253,.7));background:var(--skin-filter-panel-head-bg,rgba(237,233,254,.45))}.skin-filter-panel-title{color:var(--skin-filter-panel-title-fg,rgba(59,7,100,.9))}.skin-filter-panel-subtitle{color:var(--skin-filter-panel-subtitle-fg,rgba(76,29,149,.55))}.skin-filter-panel-label{color:var(--skin-filter-panel-label-fg,rgba(59,7,100,.9))}.skin-filter-panel-hint{color:var(--skin-filter-panel-hint-fg,rgba(76,29,149,.55))}.site-engine-label{color:var(--skin-engine-label-fg,rgba(100,116,139,.88))}.site-engine-more-menu{border-color:var(--skin-engine-menu-border,rgba(167,139,250,.45));background-color:var(--skin-engine-menu-bg,#fff);box-shadow:var(--skin-engine-menu-shadow,0 8px 24px rgba(15,23,42,.08))}.site-engine-more-item{color:var(--skin-engine-menu-item-fg,#334155)}.site-engine-more-item:hover{background-color:var(--skin-engine-menu-item-hover-bg,rgba(237,233,254,.65));color:var(--skin-engine-menu-item-hover-fg,#5b21b6)}.site-engine-btn{padding:.375rem .875rem}.site-engine-btn-site{min-width:5.75rem;padding-left:1.125rem;padding-right:1.125rem}.skin-tile-head-link:hover{color:var(--skin-link-hover,#7c3aed)}.skin-hero-accent{background:var(--skin-hero-gradient,linear-gradient(to right,#7c3aed,#06b6d4));-webkit-background-clip:text;background-clip:text;color:transparent}.skin-interactive-btn{border:0;background:var(--skin-btn-gradient,linear-gradient(135deg,#7c3aed,#6366f1,#22d3ee));color:#fff}.skin-interactive-btn:hover{filter:brightness(1.05)}.skin-official-btn{--official-btn-mid:var(--skin-official-btn,oklch(var(--p)));--official-btn-fg:var(--skin-official-btn-fg,#fff);--official-btn-from:var(
      --skin-official-btn-from,color-mix(in srgb,var(--official-btn-mid) 68%,#fff)
    );--official-btn-to:var(
      --skin-official-btn-to,color-mix(in srgb,var(--official-btn-mid) 75%,#000)
    );--official-btn-edge:var(
      --skin-official-btn-edge,color-mix(in srgb,var(--official-btn-mid) 62%,#000)
    );--official-btn-glow:var(
      --skin-official-btn-glow,color-mix(in srgb,var(--official-btn-mid) 44%,transparent)
    );--official-btn-text-shadow:var(
      --skin-official-btn-text-shadow,0 1px 2px color-mix(in srgb,var(--official-btn-to) 42%,transparent)
    );border:0;background:linear-gradient(180deg,var(--official-btn-from) 0,var(--official-btn-mid) 48%,var(--official-btn-to) 100%);color:var(--official-btn-fg)!important;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent),0 2px 0 var(--official-btn-edge),0 4px 18px var(--official-btn-glow),0 0 0 1px color-mix(in srgb,var(--official-btn-mid) 38%,transparent);text-shadow:var(--official-btn-text-shadow);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.skin-official-btn.btn svg{color:currentColor}.skin-official-btn:hover{filter:brightness(1.06) saturate(1.1);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 68%,transparent),0 3px 0 var(--official-btn-edge),0 8px 26px color-mix(in srgb,var(--official-btn-mid) 58%,transparent),0 0 0 1px color-mix(in srgb,var(--official-btn-mid) 48%,transparent)}.skin-official-btn:active{transform:translateY(1px);filter:brightness(.98);box-shadow:inset 0 2px 4px color-mix(in srgb,#000 18%,transparent),0 1px 0 var(--official-btn-edge)}@supports (color:color-contrast(#1e3a8a vs #fff,#000)){.skin-official-btn{--official-btn-fg:var(
      --skin-official-btn-fg,color-contrast(var(--official-btn-mid) vs #fff,#0f172a)
    )}}[data-theme=ai2068dark] .tag-filter-chip-idle,[data-theme=ai2068dark] .tag-filter-chip-idle.btn{background-color:hsla(0,0%,100%,.94);color:#334155!important;border-color:var(--tag-filter-idle-border)}[data-theme=ai2068dark] .tag-filter-chip-idle.btn:hover,[data-theme=ai2068dark] .tag-filter-chip-idle:hover{background-color:var(--tag-filter-idle-hover-bg);border-color:var(--tag-filter-idle-hover-border);color:var(--tag-periwinkle-fg)!important}[data-theme=ai2068dark] .tag-category-chip-idle{background-color:#fff;color:#334155}[data-theme=ai2068dark] .tag-segment-idle{background-color:hsla(0,0%,100%,.94);color:#334155}[data-theme=ai2068dark] .tag-segment-idle:hover{background-color:var(--tag-segment-idle-hover-bg);border-color:var(--tag-segment-idle-hover-border);color:var(--tag-periwinkle-fg)}[data-theme=ai2068dark] .dark .tag-tone-periwinkle,[data-theme=ai2068dark] html.dark .tag-tone-periwinkle{background-color:var(--tag-periwinkle-bg);color:var(--tag-periwinkle-fg)}[data-theme=ai2068dark] .dark .tag-tone-neon,[data-theme=ai2068dark] html.dark .tag-tone-neon{background-color:var(--tag-neon-bg);color:var(--tag-neon-fg)}[data-theme=ai2068dark] .dark .tag-tone-straw,[data-theme=ai2068dark] html.dark .tag-tone-straw{background-color:var(--tag-straw-bg);color:var(--tag-straw-fg)}[data-theme=ai2068dark] .dark .tag-tone-plant-deep,[data-theme=ai2068dark] html.dark .tag-tone-plant-deep{background-color:var(--tag-plant-bg);color:var(--tag-plant-fg)}[data-theme=ai2068dark] .dark .tag-tone-bud-light,[data-theme=ai2068dark] html.dark .tag-tone-bud-light{background-color:var(--tag-bud-bg);color:var(--tag-bud-fg)}[data-theme=ai2068starrynight] .tag-filter-chip-idle{background-color:hsla(0,0%,100%,.06);color:var(--skin-nav-text,#fff)}[data-theme=ai2068starrynight] .tag-category-chip-idle{background-color:hsla(0,0%,100%,.05);color:var(--skin-nav-text,#fff)}[data-theme=ai2068starrynight] .tag-tutorial-tab-idle{background-color:hsla(0,0%,100%,.05);color:var(--skin-nav-text-muted,#ccc)}[data-theme=ai2068starrynight] .dark .tag-tone-periwinkle,[data-theme=ai2068starrynight] html.dark .tag-tone-periwinkle{background-color:var(--tag-periwinkle-bg);color:var(--tag-periwinkle-fg)}[data-theme=ai2068starrynight] .dark .tag-tone-neon,[data-theme=ai2068starrynight] html.dark .tag-tone-neon{background-color:var(--tag-neon-bg);color:var(--tag-neon-fg)}[data-theme=ai2068starrynight] .dark .tag-tone-straw,[data-theme=ai2068starrynight] html.dark .tag-tone-straw{background-color:var(--tag-straw-bg);color:var(--tag-straw-fg)}[data-theme=ai2068starrynight] .dark .tag-tone-plant-deep,[data-theme=ai2068starrynight] html.dark .tag-tone-plant-deep{background-color:var(--tag-plant-bg);color:var(--tag-plant-fg)}[data-theme=ai2068starrynight] .dark .tag-tone-bud-light,[data-theme=ai2068starrynight] html.dark .tag-tone-bud-light{background-color:var(--tag-bud-bg);color:var(--tag-bud-fg)}.online-courses-page{--oc-bg:#f7f5f2;--oc-card:#fffcf9;--oc-rose:#e8d5d0;--oc-sage:#d4e2d4;--oc-sand:#ebe4d8;--oc-lavender:#ddd8eb;--oc-sky:#d6e4ef;--oc-amber:#f0e2c8;--oc-text:#4a4540;--oc-muted:#6b6560;--oc-accent:#9b8aa8;--oc-accent-strong:#7a6b8a;background:linear-gradient(165deg,var(--oc-bg) 0,#efeae4 48%,#f7f5f2 100%)}.online-courses-layout,.online-courses-page{min-height:calc(100vh - var(--app-navbar-h, 4rem))}.online-courses-layout{display:flex;flex-direction:column;width:100%}@media (min-width:1024px){.online-courses-layout{flex-direction:row;align-items:stretch}}.oc-category-rail{flex-shrink:0;border-bottom:1px solid rgba(155,138,168,.18);background:linear-gradient(165deg,var(--oc-bg) 0,#efeae4 48%,var(--oc-bg) 100%)}@media (min-width:1024px){.oc-category-rail{width:15.5rem;border-bottom:none;border-right:1px solid rgba(155,138,168,.2);position:sticky;top:var(--app-navbar-h,4rem);align-self:flex-start;min-height:calc(100vh - var(--app-navbar-h, 4rem))}}@media (min-width:1280px){.oc-category-rail{width:17.5rem}}.oc-category-rail-head{padding:1.25rem 1.5rem 1rem}@media (min-width:1024px){.oc-category-rail-head{padding:2rem 1.75rem 1.25rem}}.oc-category-rail-nav ul{list-style:none;margin:0;padding:0 0 1.5rem}.oc-category-rail-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border:none;border-left:4px solid transparent;background:transparent;padding:1.125rem 1.75rem;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease}.oc-category-rail-item:hover{background:rgba(155,138,168,.1)}.oc-category-rail-item--active{background:rgba(155,138,168,.14);border-left-color:var(--oc-accent)}.dark .oc-category-rail-item--active{background:rgba(184,168,200,.16);border-left-color:var(--oc-accent)}.oc-category-rail-label{font-size:1.25rem;font-weight:700;line-height:1.35;letter-spacing:.01em;color:var(--oc-text);transition:color .18s ease}.oc-category-rail-item--active .oc-category-rail-label,.oc-category-rail-item:hover .oc-category-rail-label{color:var(--oc-accent-strong)}@media (min-width:1280px){.oc-category-rail-label{font-size:1.375rem}}.oc-category-rail-badge{flex-shrink:0;border-radius:999px;background:rgba(155,138,168,.2);padding:.25rem .625rem;font-size:.8125rem;font-weight:700;color:var(--oc-accent-strong)}.oc-category-rail-mobile{display:flex;gap:.625rem;overflow-x:auto;padding:0 1rem 1rem;scrollbar-width:none}.oc-category-rail-mobile::-webkit-scrollbar{display:none}.oc-category-rail-chip{flex-shrink:0;border-radius:999px;border:1px solid rgba(155,138,168,.25);background:rgba(255,252,249,.75);padding:.625rem 1.125rem;font-size:1.0625rem;font-weight:700;color:var(--oc-text);cursor:pointer;transition:all .15s ease}.oc-category-rail-chip--active{border-color:rgba(155,138,168,.55);background:rgba(155,138,168,.14);color:var(--oc-accent-strong);box-shadow:0 2px 10px rgba(155,138,168,.18)}.oc-category-main{flex:1;min-width:0;width:100%;padding:1.25rem 1rem 2.5rem;background:var(--oc-card)}@media (min-width:640px){.oc-category-main{padding:1.5rem 1.5rem 3rem}}@media (min-width:1024px){.oc-category-main{padding:2rem 2.5rem 3.5rem}}@media (min-width:1280px){.oc-category-main{padding:2.25rem 3rem 4rem}}@media (min-width:1024px){.oc-category-rail-head{padding:1.5rem 1.5rem 1rem}.oc-category-rail-item{padding:1rem 1.5rem}.oc-category-rail-label{font-size:1.25rem}}.dark .oc-category-rail{background:linear-gradient(165deg,#1a1918,#22201e)}.dark .oc-category-main{background:var(--oc-card)}.dark .online-courses-page{--oc-bg:#1c1b1a;--oc-card:#262422;--oc-text:#ece8e4;--oc-muted:#a8a29e;--oc-accent:#b8a8c8;--oc-accent-strong:#d4c4e4;background:linear-gradient(165deg,#1a1918,#22201e)}.oc-hero{border-radius:1.75rem;background:linear-gradient(135deg,rgba(221,216,235,.55),rgba(212,226,212,.45) 50%,hsla(13,34%,86%,.4));border:1px solid rgba(155,138,168,.15);box-shadow:0 8px 32px rgba(74,69,64,.06)}.oc-hero--compact{border-radius:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;box-shadow:0 4px 16px rgba(74,69,64,.05)}@media (min-width:640px){.oc-hero--compact{padding:.875rem 1.25rem}}.oc-hero--compact .oc-hero-kicker{font-size:.8125rem;font-weight:600;gap:.375rem}.oc-hero--compact .oc-hero-kicker svg{width:.875rem;height:.875rem}.oc-hero--compact .oc-hero-title{margin-top:.375rem;font-size:1.125rem;line-height:1.35;font-weight:700}@media (min-width:640px){.oc-hero--compact .oc-hero-title{font-size:1.25rem}}@media (min-width:1024px){.oc-hero--compact .oc-hero-title{font-size:1.375rem}}.oc-hero--compact .oc-hero-desc{margin-top:.375rem;max-width:48rem;font-size:.8125rem;line-height:1.5}@media (min-width:640px){.oc-hero--compact .oc-hero-desc{font-size:.875rem}}.oc-hero--compact .oc-hero-tags{margin-top:.5rem;gap:.375rem;font-size:.75rem}.oc-hero--compact .oc-hero-tag{padding:.125rem .625rem;font-size:.75rem}.oc-card{border-radius:1.25rem;background:var(--oc-card);border:1px solid rgba(155,138,168,.12);box-shadow:0 4px 20px rgba(74,69,64,.05);transition:transform .25s ease,box-shadow .25s ease}.oc-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(74,69,64,.08)}.oc-tab{border-radius:999px;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;color:var(--oc-muted);transition:all .2s ease}.oc-tab--active{background:var(--oc-accent);color:#fff;box-shadow:0 4px 14px rgba(122,107,138,.35)}.oc-tab--sm{padding:.375rem .875rem;font-size:.8125rem}.oc-roadmap-wrap{display:flex;flex-direction:column;gap:1.25rem}.oc-roadmap-stage-row{display:flex;flex-wrap:wrap;gap:.5rem}.oc-roadmap-stage{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;border:1px solid rgba(155,138,168,.28);background:rgba(255,252,249,.85);padding:.5rem .875rem;font-size:.875rem;font-weight:700;color:var(--oc-text);cursor:pointer;transition:all .18s ease}.oc-roadmap-stage:hover{border-color:rgba(155,138,168,.45);background:rgba(155,138,168,.08)}.oc-roadmap-stage--active{border-color:rgba(155,138,168,.55);background:rgba(155,138,168,.16);color:var(--oc-accent-strong);box-shadow:0 2px 12px rgba(155,138,168,.2)}.oc-roadmap-meta{margin-top:.25rem}.oc-roadmap-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding:1.25rem .5rem .5rem}.oc-roadmap-flow-item{display:flex;flex:1 1 8.5rem;min-width:7.5rem;max-width:100%;align-items:center}.oc-roadmap-node{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;border-radius:1rem;border:1px solid rgba(155,138,168,.22);background:linear-gradient(180deg,#fffcf9,rgba(221,216,235,.35));padding:1rem .75rem .875rem;min-height:9.5rem;box-shadow:0 4px 16px rgba(74,69,64,.05);transition:transform .18s ease,box-shadow .18s ease}.oc-roadmap-node:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(74,69,64,.08)}.oc-roadmap-node-step{position:absolute;top:-.5rem;left:50%;transform:translateX(-50%);display:flex;min-width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border-radius:999px;background:var(--oc-accent);padding:0 .375rem;font-size:.6875rem;font-weight:800;color:#fff;line-height:1.25rem;box-shadow:0 2px 8px rgba(122,107,138,.35)}.oc-roadmap-node-emoji{font-size:1.75rem;line-height:1;margin-top:.375rem}.oc-roadmap-node-body{margin-top:.5rem;width:100%}.oc-roadmap-node-title{font-size:.9375rem;font-weight:800;line-height:1.3;color:var(--oc-text)}.oc-roadmap-node-sub{margin-top:.25rem;font-size:.75rem;line-height:1.45;color:var(--oc-muted)}.oc-roadmap-node-duration{display:inline-block;margin-top:.5rem;border-radius:999px;background:rgba(155,138,168,.14);padding:.125rem .5rem;font-size:.6875rem;font-weight:700;color:var(--oc-accent-strong)}.oc-roadmap-connector{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75rem;color:var(--oc-accent);opacity:.65}.oc-roadmap-connector-icon--v{display:none}@media (max-width:639px){.oc-roadmap-flow{flex-direction:column;align-items:stretch;gap:0;padding-left:0;padding-right:0}.oc-roadmap-flow-item{flex:none;flex-direction:column;width:100%}.oc-roadmap-node{width:100%;min-height:auto;flex-direction:row;text-align:left;gap:.75rem;padding:1rem 1rem 1rem 1.25rem}.oc-roadmap-node-step{left:.75rem;top:50%;transform:translateY(-50%)}.oc-roadmap-node-emoji{margin-top:0;margin-left:1.75rem;font-size:1.5rem}.oc-roadmap-node-body{margin-top:0}.oc-roadmap-connector{width:100%;height:1.5rem}.oc-roadmap-connector-icon--h{display:none}.oc-roadmap-connector-icon--v{display:block;transform:rotate(90deg)}}.oc-roadmap-cta{display:flex;justify-content:center;padding-top:.5rem}.oc-roadmap-start-btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:.875rem;background:var(--oc-accent);padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 6px 20px rgba(122,107,138,.35);transition:filter .18s ease,transform .18s ease}.oc-roadmap-start-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.oc-track-workspace,.oc-track-workspace-body{display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.oc-track-workspace-body{flex-direction:row;align-items:flex-start;gap:1.25rem}}.oc-track-lesson-rail{flex-shrink:0;border-radius:1rem;border:1px solid rgba(155,138,168,.18);background:rgba(255,252,249,.9);max-height:min(70vh,640px);overflow:hidden;display:flex;flex-direction:column}@media (min-width:1024px){.oc-track-lesson-rail{width:15.5rem;position:sticky;top:calc(var(--app-navbar-h, 4rem) + .75rem)}}.oc-track-lesson-rail-head{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--oc-muted);border-bottom:1px solid rgba(155,138,168,.12)}.oc-track-lesson-list{list-style:none;margin:0;padding:.375rem;overflow-y:auto;flex:1}.oc-track-lesson-item{display:flex;width:100%;align-items:flex-start;gap:.625rem;border:none;border-radius:.625rem;background:transparent;padding:.625rem .5rem;cursor:pointer;text-align:left;transition:background .15s ease}.oc-track-lesson-item:hover{background:rgba(155,138,168,.1)}.oc-track-lesson-item--active{background:rgba(155,138,168,.16);box-shadow:inset 3px 0 0 var(--oc-accent)}.oc-track-lesson-num{flex-shrink:0;display:flex;width:1.625rem;height:1.625rem;align-items:center;justify-content:center;border-radius:999px;background:rgba(155,138,168,.18);font-size:.75rem;font-weight:800;color:var(--oc-accent-strong)}.oc-track-lesson-item--active .oc-track-lesson-num{background:var(--oc-accent);color:#fff}.oc-track-lesson-title{display:block;font-size:.875rem;font-weight:700;line-height:1.4;color:var(--oc-text)}.oc-track-lesson-tool{display:block;margin-top:.1875rem;font-size:.75rem;font-weight:600;color:var(--oc-accent-strong)}.oc-track-lesson-main{min-width:0}.dark .oc-roadmap-node{background:linear-gradient(180deg,var(--oc-card) 0,rgba(155,138,168,.12) 100%)}.dark .oc-roadmap-stage{background:rgba(38,36,34,.85)}.dark .oc-track-lesson-rail{background:rgba(38,36,34,.95)}.oc-comic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.oc-comic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.oc-comic-panel{border-radius:1rem;padding:1rem .875rem;min-height:7.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;animation:ocPanelIn .5s ease both}.oc-comic-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid hsla(0,0%,100%,.35);pointer-events:none}.oc-comic-panel--rose{background:var(--oc-rose)}.oc-comic-panel--sage{background:var(--oc-sage)}.oc-comic-panel--sand{background:var(--oc-sand)}.oc-comic-panel--lavender{background:var(--oc-lavender)}.oc-comic-panel--sky{background:var(--oc-sky)}.oc-comic-panel--amber{background:var(--oc-amber)}@keyframes ocPanelIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.oc-step-track{position:relative;padding-left:2rem}.oc-step-track:before{content:"";position:absolute;left:.6875rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(to bottom,var(--oc-accent),rgba(155,138,168,.2))}.oc-step-item{position:relative;padding-bottom:1.25rem;animation:ocPanelIn .45s ease both}.oc-step-dot{position:absolute;left:-2rem;top:.25rem;width:1.375rem;height:1.375rem;border-radius:999px;background:var(--oc-accent);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(155,138,168,.2)}.oc-step-item--active .oc-step-dot{animation:ocPulse 1.2s ease infinite}@keyframes ocPulse{0%,to{box-shadow:0 0 0 4px rgba(155,138,168,.25)}50%{box-shadow:0 0 0 8px rgba(155,138,168,.12)}}.oc-prompt-box{border-radius:1rem;background:#faf8f5;border:1px dashed rgba(155,138,168,.35);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.65;color:var(--oc-text)}.dark .oc-prompt-box{background:rgba(0,0,0,.2)}.oc-copy-btn{border-radius:.75rem;background:var(--oc-accent);color:#fff;font-size:.875rem;font-weight:600;padding:.4375rem .9375rem;transition:filter .15s ease,transform .15s ease}.oc-copy-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.oc-case-card{border-radius:1.125rem;background:linear-gradient(145deg,var(--oc-card) 0,rgba(221,216,235,.25) 100%);padding:.25rem}.oc-case-preview{height:4.5rem;margin:.375rem .375rem 0;border-radius:.875rem;background:linear-gradient(90deg,var(--oc-lavender),var(--oc-sage),var(--oc-rose));background-size:200% 100%;animation:ocShimmer 3s ease infinite;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:rgba(74,69,64,.65)}@keyframes ocShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.oc-section-anchor{scroll-margin-top:calc(var(--app-navbar-h, 4rem) + 1rem)}.oc-nav-link{border-radius:.75rem;padding:.5rem .75rem;font-size:.9375rem;color:var(--oc-muted);transition:background .15s ease,color .15s ease}.oc-nav-link--active,.oc-nav-link:hover{background:rgba(155,138,168,.15);color:var(--oc-accent-strong);font-weight:600}.oc-course-tile-emoji{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.oc-tip-badge--error{background:hsla(0,61%,77%,.35)}.oc-tip-badge--tip{background:rgba(180,210,180,.45)}.oc-tip-badge--secret{background:rgba(180,200,230,.45)}.oc-category-detail-wrap{display:flex;flex-direction:column;gap:1.5rem}.oc-category-detail-panel{padding:1.5rem 1.25rem}@media (min-width:640px){.oc-category-detail-panel{padding:1.75rem 1.5rem}}@media (min-width:1024px){.oc-category-detail-panel{padding:2rem}}.oc-category-detail-panel:hover{transform:none}.oc-category-card{border-radius:1.35rem;background:var(--oc-card);border:1px solid rgba(155,138,168,.14);box-shadow:0 4px 20px rgba(74,69,64,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.oc-category-card--rose{border-top:4px solid var(--oc-rose)}.oc-category-card--sage{border-top:4px solid var(--oc-sage)}.oc-category-card--sand{border-top:4px solid var(--oc-sand)}.oc-category-card--lavender{border-top:4px solid var(--oc-lavender)}.oc-category-card--sky{border-top:4px solid var(--oc-sky)}.oc-category-card--amber{border-top:4px solid var(--oc-amber)}.oc-category-emoji{font-size:2.25rem;line-height:1}.oc-category-highlight{display:flex;gap:.625rem;align-items:flex-start;border-radius:1rem;padding:1rem 1.125rem;background:rgba(221,216,235,.35)}.oc-category-industry{background:rgba(255,252,249,.85);border:1px solid rgba(155,138,168,.12)}.dark .oc-category-industry{background:rgba(0,0,0,.15)}.oc-category-detail{width:100%}.oc-category-info-block{border-radius:1rem;padding:1.125rem 1.25rem;background:rgba(221,216,235,.18);border:1px solid rgba(155,138,168,.1)}.oc-sub-card{border-radius:1rem;background:rgba(255,252,249,.92);border:1px solid rgba(155,138,168,.14);box-shadow:0 2px 10px rgba(74,69,64,.04);transition:box-shadow .2s ease,border-color .2s ease}.oc-sub-card:hover{border-color:rgba(155,138,168,.28);box-shadow:0 8px 24px rgba(74,69,64,.08);transform:none}.dark .oc-sub-card{background:rgba(0,0,0,.12)}.oc-category-nav-btn{display:flex;align-items:flex-start;gap:.625rem;border-radius:.875rem;padding:.625rem .75rem;transition:background .15s ease,box-shadow .15s ease}.oc-category-nav-btn:hover{background:rgba(155,138,168,.12)}.oc-category-nav-btn--active{background:rgba(220,38,38,.08);box-shadow:inset 3px 0 0 #dc2626}.dark .oc-category-nav-btn--active{background:hsla(0,91%,71%,.12);box-shadow:inset 3px 0 0 #f87171}.online-courses-page--wide .online-courses-inner{width:100%;max-width:none;padding:1.5rem 1rem 2.5rem}@media (min-width:640px){.online-courses-page--wide .online-courses-inner{padding:2rem 1.5rem 3rem}}@media (min-width:1024px){.online-courses-page--wide .online-courses-inner{padding:2.5rem 2.5rem 3.5rem}}@media (min-width:1280px){.online-courses-page--wide .online-courses-inner{padding:2.5rem 3rem 4rem}}.oc-lesson-hero{border-radius:1.25rem;border:1px solid rgba(155,138,168,.16);background:rgba(255,252,249,.95);padding:1.25rem 1.25rem 1.125rem;box-shadow:0 2px 12px rgba(74,69,64,.04)}.dark .oc-lesson-hero{background:rgba(38,36,34,.92)}.oc-lesson-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;font-size:.8125rem;font-weight:700;color:var(--oc-accent-strong)}.oc-lesson-hero-main{display:flex;align-items:flex-start;gap:1rem;margin-top:.875rem}.oc-lesson-hero-title{font-size:1.375rem;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--oc-text)}@media (min-width:640px){.oc-lesson-hero-title{font-size:1.625rem}}@media (min-width:1024px){.oc-lesson-hero-title{font-size:1.875rem}}.oc-lesson-hero-tagline{margin-top:.5rem;font-size:.9375rem;line-height:1.65;color:var(--oc-muted)}@media (min-width:640px){.oc-lesson-hero-tagline{font-size:1.0625rem}}.oc-lesson-hero-scenes{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.oc-lesson-scene-chip{border-radius:999px;border:1px solid rgba(155,138,168,.22);background:rgba(221,216,235,.35);padding:.1875rem .625rem;font-size:.75rem;font-weight:700;color:var(--oc-accent-strong)}.dark .oc-lesson-scene-chip{background:rgba(155,138,168,.16)}.oc-lesson-hero-stats{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1rem;padding-top:.875rem;border-top:1px solid rgba(155,138,168,.12);font-size:.875rem;font-weight:600;color:var(--oc-muted)}.oc-lesson-body{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.oc-lesson-nav{position:sticky;top:calc(var(--app-navbar-h, 4rem) + .5rem);z-index:20;border-radius:1rem;border:1px solid rgba(155,138,168,.18);background:rgba(255,252,249,.96);padding:.625rem;box-shadow:0 4px 18px rgba(74,69,64,.06);backdrop-filter:blur(8px)}.dark .oc-lesson-nav{background:rgba(38,36,34,.96)}.oc-lesson-nav-list{display:flex;list-style:none;margin:0;padding:0;gap:.25rem;overflow-x:auto;scrollbar-width:none}.oc-lesson-nav-list::-webkit-scrollbar{display:none}.oc-lesson-nav-item{flex:1 1 auto}.oc-lesson-nav-item,.oc-lesson-nav-link{display:flex;align-items:center;min-width:0}.oc-lesson-nav-link{flex:1;gap:.375rem;border-radius:.75rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:700;color:var(--oc-muted);text-decoration:none;transition:background .15s ease,color .15s ease}.oc-lesson-nav-link:hover{background:rgba(155,138,168,.12);color:var(--oc-accent-strong)}.oc-lesson-nav-index{display:flex;width:1.375rem;height:1.375rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:rgba(155,138,168,.16);font-size:.6875rem;font-weight:800;color:var(--oc-accent-strong)}.oc-lesson-nav-icon{width:.875rem;height:.875rem;flex-shrink:0;opacity:.75}.oc-lesson-nav-label-short{display:none}@media (max-width:767px){.oc-lesson-nav-label{display:none}.oc-lesson-nav-label-short{display:inline}}.oc-lesson-nav-sep{flex-shrink:0;width:.75rem;height:1px;margin:0 .125rem;background:rgba(155,138,168,.25)}@media (max-width:767px){.oc-lesson-nav-sep{display:none}}.oc-lesson-section{margin-top:1.5rem;border-radius:1.25rem;border:1px solid rgba(155,138,168,.14);background:var(--oc-card);overflow:hidden;box-shadow:0 2px 14px rgba(74,69,64,.04)}.oc-lesson-section:hover{transform:none}.oc-lesson-section-head{padding:1.125rem 1.25rem 1rem;border-bottom:1px solid rgba(155,138,168,.1);background:rgba(221,216,235,.22)}.dark .oc-lesson-section-head{background:rgba(155,138,168,.1)}.oc-lesson-section-step{display:inline-flex;border-radius:999px;background:rgba(155,138,168,.18);padding:.125rem .625rem;font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--oc-accent-strong)}.oc-lesson-section-title{margin-top:.625rem;font-size:1.25rem;font-weight:800;line-height:1.35;color:var(--oc-text)}@media (min-width:640px){.oc-lesson-section-title{font-size:1.375rem}}.oc-lesson-section-desc{margin-top:.375rem;font-size:.9375rem;line-height:1.6;color:var(--oc-muted)}.oc-lesson-section-body{padding:1.125rem 1.25rem 1.25rem}@media (min-width:640px){.oc-lesson-section-head{padding:1.25rem 1.5rem 1.125rem}.oc-lesson-section-body{padding:1.25rem 1.5rem 1.5rem}}.oc-overview-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:640px){.oc-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.oc-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.oc-overview-card{position:relative;border-radius:1rem;border:1px solid rgba(155,138,168,.14);padding:1rem 1rem 1.125rem;min-height:7rem}.oc-overview-card-index{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:999px;background:hsla(0,0%,100%,.55);font-size:.75rem;font-weight:800;color:var(--oc-accent-strong)}.oc-overview-card-title{margin-top:.625rem;font-size:.9375rem;font-weight:800;line-height:1.4;color:var(--oc-text)}.oc-overview-card-caption{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--oc-text);opacity:.88}.oc-overview-card--rose{background:var(--oc-rose)}.oc-overview-card--sage{background:var(--oc-sage)}.oc-overview-card--sand{background:var(--oc-sand)}.oc-overview-card--lavender{background:var(--oc-lavender)}.oc-overview-card--sky{background:var(--oc-sky)}.oc-overview-card--amber{background:var(--oc-amber)}.oc-workflow-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.oc-workflow-item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.875rem}.oc-workflow-marker{position:relative;display:flex;flex-direction:column;align-items:center}.oc-workflow-num{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;background:var(--oc-accent);font-size:.875rem;font-weight:800;color:#fff;box-shadow:0 2px 8px rgba(122,107,138,.28)}.oc-workflow-line{flex:1;width:2px;min-height:1.5rem;margin-top:.375rem;background:rgba(155,138,168,.28)}.oc-workflow-body{padding-bottom:1.5rem}.oc-workflow-item:last-child .oc-workflow-body{padding-bottom:0}.oc-workflow-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.oc-workflow-title{font-size:1.0625rem;font-weight:800;line-height:1.4;color:var(--oc-text)}.oc-workflow-arrow{width:1rem;height:1rem;flex-shrink:0;color:var(--oc-accent);opacity:.55}.oc-workflow-desc{margin-top:.375rem;font-size:.9375rem;line-height:1.65;color:var(--oc-muted)}.oc-workflow-action{margin-top:.75rem;border-radius:.875rem;border:1px solid rgba(155,138,168,.18);background:rgba(221,216,235,.28);padding:.75rem .875rem}.dark .oc-workflow-action{background:rgba(155,138,168,.12)}.oc-workflow-action-label{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--oc-accent-strong)}.oc-workflow-action p{margin-top:.375rem;font-size:.9375rem;font-weight:600;line-height:1.65;color:var(--oc-text)}.oc-prompt-list{display:flex;flex-direction:column;gap:.875rem}.oc-prompt-card{border-radius:1rem;border:1px solid rgba(155,138,168,.14);background:rgba(255,252,249,.85);padding:1rem}.dark .oc-prompt-card{background:rgba(0,0,0,.12)}.oc-prompt-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.oc-prompt-card-index{font-size:.6875rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--oc-accent-strong)}.oc-prompt-card-title{margin-top:.25rem;font-size:1rem;font-weight:800;color:var(--oc-text)}.oc-prompt-card-usage{margin-top:.25rem;font-size:.875rem;line-height:1.55;color:var(--oc-muted)}.oc-prompt-box{margin-top:.75rem;padding:.875rem 1rem;white-space:pre-wrap;word-break:break-word}.oc-case-grid{display:grid;gap:.875rem}@media (min-width:768px){.oc-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.oc-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.oc-case-card{display:flex;flex-direction:column;border-radius:1rem;border:1px solid rgba(155,138,168,.14);background:var(--oc-card);overflow:hidden}.oc-case-card-head{padding:.875rem 1rem;border-bottom:1px solid rgba(155,138,168,.1);background:rgba(221,216,235,.2)}.dark .oc-case-card-head{background:rgba(155,138,168,.1)}.oc-case-card-index{font-size:.6875rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--oc-accent-strong)}.oc-case-outcome{display:flex;align-items:flex-start;gap:.375rem;margin-top:.5rem;font-size:.8125rem;font-weight:700;line-height:1.5;color:var(--oc-text)}.oc-case-card-body{display:flex;flex:1;flex-direction:column;padding:1rem}.oc-case-card-title{font-size:1rem;font-weight:800;color:var(--oc-text)}.oc-case-card-desc{margin-top:.375rem;font-size:.875rem;line-height:1.6;color:var(--oc-muted)}.oc-case-prompt{flex:1;margin-top:.75rem;font-size:.8125rem}.oc-copy-btn--block{margin-top:.875rem}.oc-tips-list{display:flex;flex-direction:column;gap:.75rem}.oc-tip-callout{border-radius:1rem;border:1px solid rgba(155,138,168,.14);padding:1rem 1.125rem}.oc-tip-callout-head{display:flex;align-items:center;gap:.5rem}.oc-tip-callout-icon-wrap{display:flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border-radius:999px;background:hsla(0,0%,100%,.45)}.oc-tip-callout-badge{font-size:.75rem;font-weight:800;letter-spacing:.03em;color:var(--oc-accent-strong)}.oc-tip-callout-title{margin-top:.625rem;font-size:1rem;font-weight:800;line-height:1.4;color:var(--oc-text)}.oc-tip-callout-caption{margin-top:.375rem;font-size:.9375rem;line-height:1.65;color:var(--oc-muted)}.oc-tip-callout--error{background:hsla(0,61%,77%,.22);border-color:hsla(0,63%,63%,.25)}.oc-tip-callout--tip{background:rgba(180,210,180,.28);border-color:rgba(100,160,100,.22)}.oc-tip-callout--secret{background:rgba(180,200,230,.28);border-color:rgba(100,140,200,.22)}