/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--color-blue-500:oklch(62.3% .214 259.815);--spacing:.25rem;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--default-mono-font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}html{-webkit-text-size-adjust:100%}body,html{background:var(--sidebar)}body{min-height:100dvh;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}html[data-view=canvas] body{overflow:hidden}::selection{background:var(--selection)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}input:where(:not([type]),[type=text],[type=search]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--muted-3) transparent}.tnum{font-variant-numeric:tabular-nums}}@layer components{.app{min-height:100dvh;position:relative}.app-sidebar{z-index:50;width:var(--sidebar-w);background:var(--sidebar);color:var(--sidebar-fg);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted-3) transparent;flex-direction:column;gap:4px;padding:12px 12px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sb-brand{color:inherit;border-radius:var(--radius-md);align-items:center;gap:10px;padding:6px 6px 10px;text-decoration:none;display:flex}.sb-logo{background:var(--foreground);width:32px;height:32px;color:var(--background);box-shadow:var(--shadow-xs);border-radius:10px;flex:none;place-items:center;display:grid}.sb-logo .icon{stroke-width:2px;width:18px;height:18px}.sb-brand-text{line-height:1.2;display:grid}.sb-brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.sb-brand-sub{color:var(--muted-fg);font-size:12px}.sb-search{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);width:100%;height:36px;color:var(--muted-fg);text-align:left;cursor:text;box-shadow:var(--shadow-xs);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);align-items:center;gap:8px;padding:0 10px;font-size:14px;display:flex}.sb-search:hover{border-color:var(--border-strong);color:var(--foreground)}.sb-search .icon{width:16px;height:16px}.sb-search span{flex:auto}.sb-search kbd{font-size:10.5px}.sb-label{color:var(--muted-fg);padding:12px 8px 4px;font-size:12px}.sb-nav{gap:2px;display:grid}.sb-item,.sb-item-wrap{position:relative}.sb-item{border-radius:var(--radius-md);width:100%;height:36px;color:var(--sidebar-fg);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}@supports (color:color-mix(in lab,red,red)){.sb-item{color:color-mix(in srgb,var(--sidebar-fg) 78%,var(--sidebar))}}.sb-item{text-align:left;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);font-size:14px;font-weight:500;text-decoration:none}.sb-item:hover{background:var(--muted)}.sb-item.is-active,.sb-item:hover{color:var(--sidebar-fg)}.sb-item>.icon{width:16px;height:16px;color:var(--muted-fg);z-index:1;position:relative}.sb-item.is-active>.icon{color:var(--sidebar-fg)}.sb-item>span:not(.sb-pill){z-index:1;position:relative}.sb-item.has-toggle{padding-right:60px}.sb-pill{border-radius:var(--radius-md);background:var(--muted-2);z-index:0;position:absolute;inset:0}.sb-item .sb-value{color:var(--muted-fg);margin-left:auto;font-size:12px;font-weight:400}.sb-select{position:relative}.sb-select select{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.sb-select-chevron{width:14px;height:14px;color:var(--muted-fg);flex:none}.sb-footer{gap:2px;margin-top:auto;padding-top:12px;display:grid}.sb-meta{color:var(--muted-fg);padding:10px 10px 0;font-size:11.5px;line-height:1.4}.view-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--muted-2);cursor:pointer;width:48px;height:24px;box-shadow:var(--shadow-xs);z-index:2;padding:3px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.view-toggle-knob{background:var(--card);width:calc(50% - 3px);box-shadow:var(--shadow-sm),0 0 0 1px var(--border);transition:transform .2s var(--ease-out);border-radius:5px;position:absolute;top:3px;bottom:3px;left:3px}.view-toggle-icons{z-index:1;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:relative}.view-toggle-icons .icon{width:100%;height:100%;color:var(--muted-fg);transition:color var(--dur) var(--ease);padding:3px}.view-toggle-icons .icon.is-on{color:var(--foreground)}.view-toggle.lg{border-radius:var(--radius-md);width:72px;height:36px;padding:4px;position:relative;top:auto;right:auto;transform:none}.view-toggle.lg .view-toggle-knob{border-radius:7px;width:calc(50% - 4px);top:4px;bottom:4px;left:4px}.view-toggle.lg .view-toggle-icons .icon{padding:6px}.app-main{min-height:100dvh;margin-left:var(--sidebar-w);padding:8px 8px 8px 0}.app-panel{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);min-height:calc(100dvh - 16px);box-shadow:var(--shadow-xs);position:relative;overflow:clip}.app-content{align-content:start;gap:24px;max-width:1320px;margin-inline:auto;padding:24px;display:grid}.app-content.wide{max-width:1600px}html[data-view=canvas] .app-panel{flex-direction:column;height:calc(100dvh - 16px);display:flex;overflow:hidden}html[data-view=canvas] .app-content{flex-direction:column;flex:auto;gap:16px;width:100%;max-width:none;min-height:0;padding-bottom:16px;display:flex}.app-topbar{z-index:30;height:var(--topbar-h);background:var(--background);align-items:center;gap:8px;padding:0 12px;display:none;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.app-topbar{background:color-mix(in srgb,var(--background) 86%,transparent)}}.app-topbar{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.app-topbar .sb-brand{padding:4px 6px}.scrim{z-index:45;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}@media (max-width:1023px){.app-sidebar{width:min(300px,86vw);transition:transform .26s var(--ease);box-shadow:none;border-right:1px solid var(--border);transform:translate(-104%)}.app-sidebar.is-open{box-shadow:var(--shadow-lg);transform:none}.app-main{margin-left:0;padding:0}.app-panel{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.app-topbar{display:flex}.app-content{gap:16px;padding:16px}html[data-view=canvas] .app-panel{height:100dvh}html[data-view=canvas] .app-content{padding-bottom:12px}}.btn{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);height:36px;color:var(--foreground);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:hover:not(:disabled){background:var(--muted-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn .icon{width:16px;height:16px}.btn .n{background:var(--muted-2);min-width:18px;height:18px;font-family:var(--font-mono);color:var(--muted-fg);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.btn.is-active,.btn[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn.is-active .n,.btn[aria-pressed=true] .n{background:var(--primary-fg)}@supports (color:color-mix(in lab,red,red)){.btn.is-active .n,.btn[aria-pressed=true] .n{background:color-mix(in srgb,var(--primary-fg) 20%,transparent)}}.btn.is-active .n,.btn[aria-pressed=true] .n{color:var(--primary-fg)}.btn.sm{border-radius:var(--radius-sm);height:30px;padding:0 10px;font-size:13px}.btn.is-primary,.btn.solid{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn.is-primary:hover:not(:disabled),.btn.solid:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.btn.is-primary:hover:not(:disabled),.btn.solid:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 88%,var(--background))}}.btn.is-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.is-ghost:hover:not(:disabled){background:var(--muted-2)}.btn-icon{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);width:36px;height:36px;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--dur) var(--ease);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--muted-2)}.btn-icon .icon{width:16px;height:16px}.input{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);height:36px;color:var(--foreground);box-shadow:var(--shadow-xs);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);outline:none;padding:0 10px;font-size:14px}.input::placeholder{color:var(--muted-fg)}.input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color:color-mix(in lab,red,red)){.input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 30%,transparent)}}.input::-webkit-search-cancel-button{-webkit-appearance:none}.select{display:inline-flex;position:relative}.select select{appearance:none;border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);height:36px;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);outline:none;padding:0 30px 0 12px;font-size:14px;font-weight:500}.select select:hover{background:var(--muted-2)}.select select:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color:color-mix(in lab,red,red)){.select select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 30%,transparent)}}.select:after{content:"";width:6px;height:6px;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.select:after,kbd{color:var(--muted-fg)}kbd{border:1px solid var(--border-strong);background:var(--muted);height:20px;font-family:var(--font-sans);border-radius:5px;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.dot{background:var(--dot,var(--muted-fg));border-radius:50%;width:7px;min-width:7px;height:7px}.toolbar{z-index:2;flex-wrap:wrap;gap:8px}.tool-search,.toolbar{align-items:center;display:flex;position:relative}.tool-search{flex:220px;max-width:340px}.tool-search .icon{color:var(--muted-fg);pointer-events:none;position:absolute;left:10px}.tool-search .input{width:100%;padding-left:32px}.toolbar .count{font-family:var(--font-mono);color:var(--muted-fg);white-space:nowrap;margin-left:auto;font-size:12px}@media (max-width:640px){.tool-search{flex-basis:100%;max-width:none}.toolbar .count{flex-basis:100%;margin-left:0}}.chips{scrollbar-width:none;gap:6px;margin:-2px;padding:2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.chips::-webkit-scrollbar{display:none}.chips>*{flex:none}.chip{border:1px solid var(--border-strong);background:var(--card);height:32px;color:var(--foreground);white-space:nowrap;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--muted-2)}.chip:active{transform:scale(.97)}.chip.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.chip .n{font-family:var(--font-mono);color:var(--muted-fg);font-size:11px}.chip.is-active .n{color:var(--primary-fg)}@supports (color:color-mix(in lab,red,red)){.chip.is-active .n{color:color-mix(in srgb,var(--primary-fg) 70%,transparent)}}.chip.is-active .dot{box-shadow:0 0 0 2px var(--primary-fg)}@supports (color:color-mix(in lab,red,red)){.chip.is-active .dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-fg) 30%,transparent)}}.chip .icon{width:12px;height:12px;margin-right:-4px}.chip.sm{border-radius:var(--radius-sm);height:28px;padding:0 10px;font-size:12.5px}.filter-panel{overflow:hidden}.filter-panel-inner{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--card);gap:16px;padding:16px;display:grid}.filter-group{gap:8px;display:grid}.filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);justify-content:space-between;align-items:baseline;font-size:11.5px;font-weight:600;display:flex}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-foot{border-top:1px solid var(--border);gap:12px;padding-top:4px}.active-filters,.filter-foot{color:var(--muted-fg);align-items:center;font-size:13px;display:flex}.active-filters{flex-wrap:wrap;gap:6px}.section{border:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.section{border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}}.section{border-radius:var(--radius-2xl);background:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.section{background:color-mix(in srgb,var(--foreground) 2%,transparent)}}.section{padding:12px}.section-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;display:grid}@media (min-width:640px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.section-grid.cols-5{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.section-title{letter-spacing:-.01em;align-items:center;gap:12px;margin-bottom:12px;padding:2px 4px 0;font-size:15px;font-weight:600;display:flex}.section-title:after{content:"";background:var(--border);flex:auto;order:1;height:1px}.section-title .meta{font-family:var(--font-mono);color:var(--muted-fg);white-space:nowrap;order:2;font-size:12px;font-weight:400}.card-motion{will-change:transform;height:100%;transform:translateZ(0)}.card-link{color:inherit;outline-offset:3px;text-decoration:none;display:block}.card-link,.frame{height:100%;border-radius:var(--radius-2xl)}.frame{background:var(--muted);flex-direction:column;padding:4px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.frame{background:color-mix(in srgb,var(--muted) 72%,transparent)}}.frame{transition:background var(--dur) var(--ease)}.card-link:hover .frame{background:var(--muted-2)}.frame-panel{border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-xs);background-clip:padding-box;flex-direction:column;flex:auto;padding:4px;display:flex;position:relative;overflow:hidden}.frame-panel:before{content:"";border-radius:calc(var(--radius-xl) - 1px);box-shadow:var(--panel-highlight);pointer-events:none;position:absolute;inset:0}.frame-media{aspect-ratio:1200/630;border-radius:var(--radius-lg);background:var(--muted-2);width:100%;display:block;position:relative;overflow:hidden}.frame-media img{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame-mono{letter-spacing:.08em;color:var(--muted-fg-2);place-items:center;font-size:22px;font-weight:600;display:grid;position:absolute;inset:0}.frame-badge{z-index:1;border-radius:var(--radius-sm);background:var(--badge);height:28px;color:var(--badge-fg);box-shadow:var(--shadow-sm);align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:8px;left:8px}.frame-badge .icon{width:13px;height:13px}.frame-badge.is-glass{background:var(--glass);color:var(--foreground);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--border),var(--shadow-xs)}.frame-body{flex-direction:column;gap:6px;padding:14px;display:flex}.frame-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.frame-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;min-width:0;font-size:14px;font-weight:600;line-height:1.5;overflow:hidden}.frame-count{font-family:var(--font-mono);color:var(--muted-fg);flex:none;align-items:center;gap:4px;padding-top:2px;font-size:12px;display:inline-flex}.frame-count .icon{width:12px;height:12px}.frame-desc{-webkit-line-clamp:2;min-height:40px;color:var(--muted-fg);-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.frame-tags{flex-wrap:wrap;gap:6px;max-height:24px;padding-top:4px;display:flex;overflow:hidden}.tag{border:1px solid var(--border);border-radius:var(--radius-sm);height:22px;color:var(--foreground);white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);background:0 0;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.tag .dot{width:6px;min-width:6px;height:6px}a.tag:hover{background:var(--muted-2)}.tag.muted{color:var(--muted-fg);border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.tag.muted{border-color:color-mix(in srgb,var(--border) 50%,transparent)}}.tag .n{font-family:var(--font-mono);color:var(--muted-fg);font-size:11px}.tier{min-width:22px;height:22px;color:var(--tier-b-fg);background:var(--tier-b-bg);cursor:default;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.tier[data-tier=S]{color:var(--tier-s-fg);background:var(--tier-s-bg)}.tier[data-tier=A]{color:var(--tier-a-fg);background:var(--tier-a-bg)}.tier[data-tier=C]{color:var(--tier-c-fg);background:var(--tier-c-bg);box-shadow:inset 0 0 0 1px var(--border-strong)}.tier.lg{border-radius:9px;min-width:28px;height:28px;padding:0 10px;font-size:13px}.browse{gap:14px;display:grid}.browse-body{gap:16px;display:grid}html[data-view=canvas] .browse{gap:12px}.browse-body.is-canvas,html[data-view=canvas] .browse{flex-direction:column;flex:auto;min-height:0;display:flex}.feed-more{font-family:var(--font-mono);color:var(--muted-fg);justify-content:center;padding:8px 0 16px;font-size:12px;display:flex}.canvas-stage{border:1px solid var(--border);border-radius:var(--radius-2xl);background-color:var(--background);background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background-size:40px 40px;flex:auto;min-height:0;position:relative;overflow:hidden}.canvas-stage.is-panning{cursor:grabbing}.canvas-stage.is-panning .card-link{pointer-events:none}.canvas-plane{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.canvas-item{width:380px;position:absolute}.canvas-item .frame{background:var(--muted-2)}@supports (color:color-mix(in lab,red,red)){.canvas-item .frame{background:color-mix(in srgb,var(--muted-2) 80%,transparent)}}.canvas-hud{z-index:3;border:1px solid var(--border-strong);background:var(--glass);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.canvas-hud .btn-icon{width:32px;height:32px;box-shadow:none;background:0 0;border:0}.canvas-hud .btn-icon:hover{background:var(--muted-2)}.canvas-zoom{text-align:center;min-width:52px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.canvas-hint,.canvas-zoom{color:var(--muted-fg);font-size:12px}.canvas-hint{z-index:3;border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(10px);pointer-events:none;border-radius:999px;padding:6px 10px;position:absolute;top:12px;right:12px}.canvas-empty{color:var(--muted-fg);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}@media (max-width:640px){.canvas-hint{display:none}}.rows{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rows.cols{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 8px}.row{border-radius:var(--radius-md);width:100%;min-width:0;min-height:40px;color:var(--foreground);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:7px 12px;text-decoration:none;display:flex}.command-row[aria-selected=true],.row:hover{background:var(--muted-2)}.row .dot{flex:none}.row .main{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.row .main .desc{color:var(--muted-fg);font-weight:400}.row .leader{display:none}.row .meta{font-family:var(--font-mono);color:var(--muted-fg);white-space:nowrap;flex:none;font-size:12px}.row .meta b{color:var(--foreground);font-weight:500}.row .cat{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted-fg);flex:none;font-size:12px;overflow:hidden}.row.static{cursor:default}.row.static:hover{background:0 0}@media (max-width:640px){.row .cat{display:none}}.page-head{flex-wrap:wrap;align-items:flex-start;gap:16px 20px;display:flex}.page-icon{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);width:48px;height:48px;color:var(--muted-fg);box-shadow:var(--shadow-xs);flex:none;place-items:center;display:grid}.page-icon .icon{width:20px;height:20px}.page-icon .dot{width:12px;min-width:12px;height:12px}.page-head-text{flex:320px;min-width:0}.page-title{letter-spacing:-.02em;text-wrap:balance;font-size:22px;font-weight:600;line-height:1.2}.page-count{font-family:var(--font-mono);color:var(--muted-fg);margin-top:2px;font-size:12.5px}.page-sub{max-width:70ch;color:var(--muted-fg);text-wrap:pretty;margin-top:8px;font-size:14px;line-height:1.55}.page-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cat-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cat-card{border:1px solid var(--border);border-radius:var(--radius-2xl);height:100%;color:inherit;text-align:center;box-shadow:var(--shadow-xs);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);flex-direction:column;align-items:center;gap:6px;padding:22px 18px 20px;text-decoration:none;display:flex}.cat-card,.cat-card:hover{background:var(--card)}@supports (color:color-mix(in lab,red,red)){.cat-card:hover{background:color-mix(in srgb,var(--card) 70%,var(--muted-2))}}.cat-card:hover{border-color:var(--border-strong)}.fan{width:200px;height:96px;margin-bottom:8px;position:relative}.fan-card{aspect-ratio:1200/630;background:var(--muted-2);width:112px;box-shadow:0 0 0 1px var(--border-strong),var(--shadow-md);transform:translate(var(--fx),var(--fy)) rotate(var(--fr));transition:transform .5s var(--ease);border-radius:6px;margin-top:-30px;margin-left:-56px;position:absolute;top:50%;left:50%;overflow:hidden}.fan-card img{object-fit:cover;object-position:top;width:100%;height:100%}.fan-card .frame-mono{font-size:13px}.fan-card:first-child{--fx:-34px;--fy:6px;--fr:-10deg;z-index:1}.fan-card:nth-child(2){--fx:0px;--fy:-4px;--fr:0deg;z-index:3}.fan-card:nth-child(3){--fx:34px;--fy:6px;--fr:10deg;z-index:2}.cat-card:hover .fan-card:first-child{--fx:-56px;--fy:10px;--fr:-16deg}.cat-card:hover .fan-card:nth-child(2){--fy:-10px}.cat-card:hover .fan-card:nth-child(3){--fx:56px;--fy:10px;--fr:16deg}.cat-name{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.cat-count{font-family:var(--font-mono);font-size:12px}.cat-count,.cat-desc{color:var(--muted-fg)}.cat-desc{-webkit-line-clamp:2;max-width:34ch;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.detail-frame{border-radius:var(--radius-2xl);background:var(--muted);padding:4px;position:relative}@supports (color:color-mix(in lab,red,red)){.detail-frame{background:color-mix(in srgb,var(--muted) 72%,transparent)}}.detail-panel{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--muted);background-clip:padding-box;justify-content:center;align-items:center;max-height:560px;padding:32px;display:flex}.detail-media,.detail-panel{position:relative;overflow:hidden}.detail-media{aspect-ratio:1200/630;border-radius:var(--radius-lg);background:var(--card);width:75%;max-width:980px;box-shadow:var(--shadow-lg)}.detail-media img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.detail-pill{z-index:1;background:var(--glass);-webkit-backdrop-filter:blur(8px);height:32px;box-shadow:0 0 0 1px var(--border);color:var(--muted-fg);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:12px;text-decoration:none;display:inline-flex;position:absolute;top:16px;right:16px}.detail-pill b{color:var(--foreground);font-weight:500}.detail-frame .frame-badge{top:16px;left:16px}.detail-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.1}.detail-desc{max-width:60ch;color:var(--muted-fg);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.55}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:1024px){.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.detail-aside{gap:12px;display:grid}@media (min-width:1024px){.detail-aside{position:sticky;top:24px}}.spin-badge{z-index:2;pointer-events:none;width:112px;height:112px;animation:spin-slow 18s linear infinite;position:absolute;bottom:22px;right:22px}.spin-badge text{letter-spacing:.32em;fill:var(--foreground);font-size:15px;font-weight:700}@keyframes spin-slow{to{transform:rotate(1turn)}}@media (max-width:640px){.spin-badge{display:none}}.panel{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--card);box-shadow:var(--shadow-xs);padding:16px 18px}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);margin-bottom:12px;font-size:11.5px;font-weight:600}.facts{margin:0}.facts,.facts>div{gap:10px;display:grid}.facts>div{grid-template-columns:104px minmax(0,1fr);align-items:baseline}.facts dt{color:var(--muted-fg);font-size:12.5px}.facts dd{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:13.5px}.facts dd a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}.facts dd a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.coverage{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.coverage a{border-radius:var(--radius-lg);background:var(--muted);color:inherit;transition:background var(--dur) var(--ease);padding:10px 12px;text-decoration:none;display:block}.coverage a:hover{background:var(--muted-2)}.coverage b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1.2;display:block}.coverage span{color:var(--muted-fg);font-size:11.5px;display:block}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tpl{color:inherit;content-visibility:auto;contain-intrinsic-size:auto 160px;text-decoration:none;display:block}.tpl .frame-media{border-radius:var(--radius-lg)}.tpl-name{align-items:baseline;gap:6px;margin-top:8px;padding:0 4px;font-size:13px;font-weight:500;display:flex}.tpl-name span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.tpl-name .icon{width:12px;height:12px;color:var(--muted-fg);opacity:0;transition:opacity var(--dur) var(--ease)}.tpl:hover .tpl-name .icon{opacity:1}.tpl-purpose{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-fg);margin-top:2px;padding:0 4px;font-size:12px;display:block;overflow:hidden}.source-head{align-items:center;gap:10px;margin-bottom:12px;padding:2px 4px 0;display:flex}.source-head a{letter-spacing:-.01em;color:var(--foreground);font-size:15px;font-weight:600;text-decoration:none}.source-head a:hover{text-underline-offset:3px;text-decoration:underline}.source-head .domain{color:var(--muted-fg);font-size:13px}.source-head .line{background:var(--border);flex:auto;height:1px}.source-head .meta{font-family:var(--font-mono);color:var(--muted-fg);white-space:nowrap;font-size:12px}.overlay-surface{background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-radius:var(--radius-2xl)}.preview{z-index:60;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);border-radius:var(--radius-xl);position:fixed;overflow:hidden;transform:translateZ(0)scale(.97)}.preview[data-ready="1"]{opacity:1;transform:translateZ(0)scale(1)}.preview-shot{aspect-ratio:16/9;object-fit:cover;object-position:top center;background:var(--muted-2);border-bottom:1px solid var(--border);width:100%;display:block}.preview-body{padding:10px 12px 11px}.preview-name{font-size:13.5px;font-weight:600}.preview-tagline{-webkit-line-clamp:3;color:var(--muted-fg);-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.preview-facts,.preview-tags{color:var(--muted-fg-2);margin-top:8px;font-size:11.5px;line-height:1.5}.preview-facts{color:var(--muted-fg)}.palette{z-index:100;background:var(--scrim);-webkit-backdrop-filter:blur(6px);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--foreground);overscroll-behavior:contain;border:0;justify-content:center;align-items:flex-start;margin:0;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette::backdrop{background:0 0}.palette-box{width:100%;max-width:640px;overflow:hidden}.palette-input-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 14px;display:flex}.palette-input-row .icon{color:var(--muted-fg)}.palette-input{min-width:0;height:52px;color:var(--foreground);background:0 0;border:0;outline:none;flex:auto;font-size:15px}.palette-input::placeholder{color:var(--muted-fg)}.palette-list{overscroll-behavior:contain;max-height:56vh;padding:6px;overflow-y:auto}.palette-empty{color:var(--muted-fg);padding:20px 14px;font-size:13px}.palette-foot{border-top:1px solid var(--border);color:var(--muted-fg);flex-wrap:wrap;gap:6px 16px;padding:8px 14px;font-size:11.5px;display:flex}.palette-foot kbd{height:18px}.code{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);font-family:var(--font-mono);color:var(--fg-2);white-space:pre;-webkit-overflow-scrolling:touch;padding:12px 14px;font-size:12.5px;line-height:1.6;display:block;overflow-x:auto}.link{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color var(--dur) var(--ease);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13.5px;font-weight:500;display:inline-flex}.link:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.link.strong{color:var(--foreground);-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.link.strong:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.title{letter-spacing:-.02em;text-wrap:balance;font-size:22px;font-weight:600;line-height:1.2}.lede{max-width:66ch;color:var(--muted-fg);text-wrap:pretty;margin-top:8px;font-size:14.5px;line-height:1.55}.heading-24{letter-spacing:-.015em;font-size:18px}.heading-20,.heading-24{margin-block-end:8px;font-weight:600;line-height:1.3}.heading-20{font-size:15px}.heading-16{font-size:14px;font-weight:600}.label{font-size:12.5px}.caption,.label,.meta{color:var(--muted-fg);line-height:1.4}.caption,.meta{font-variant-numeric:tabular-nums;font-size:12.5px}.mono{font-family:var(--font-mono)}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.prose{max-width:66ch;color:var(--fg-2);font-size:14.5px;line-height:1.6}.prose p+p{margin-top:14px}.prose a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}.prose a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.prose code{background:var(--muted-2);font-family:var(--font-mono);border-radius:5px;padding:1px 5px;font-size:.88em}.section-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h2{letter-spacing:-.01em;font-size:15px;font-weight:600}.section-head:after{content:"";background:var(--border);flex:auto;order:1;height:1px}.section-head .meta{font-family:var(--font-mono);order:2;font-size:12px}.bullets{color:var(--fg-2);gap:7px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.bullets li{padding-left:16px;position:relative}.bullets li:before{content:"";background:var(--muted-fg);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:2px}.checklist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.checklist li{border-radius:var(--radius-md);background:var(--muted);color:var(--fg-2);gap:12px;padding:8px 12px;font-size:14px;display:flex}.checklist .num{width:22px;font-family:var(--font-mono);color:var(--muted-fg);flex:none;padding-top:2px;font-size:12px}.breadcrumb{color:var(--muted-fg-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.breadcrumb a{color:var(--muted-fg);text-decoration:none}.breadcrumb a:hover{color:var(--foreground)}.breadcrumb .current{color:var(--fg-2)}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-2xl);text-align:center;color:var(--muted-fg);padding:32px 20px;font-size:14px}.learning-track{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:20px}.learning-track-head{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);align-items:start;gap:32px;padding-bottom:20px;display:grid}.learning-track-description{max-width:58ch;font-size:13.5px}.learning-outcome,.learning-track-description{color:var(--muted-fg);text-wrap:pretty;line-height:1.55}.learning-outcome{max-width:42ch;font-size:13px}.learning-outcome span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg-2);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.learning-list{margin:0;padding:0;list-style:none}.learning-item{grid-template-columns:minmax(92px,.45fr) minmax(0,2fr) minmax(140px,.75fr);gap:24px;padding-block:24px;display:grid}.learning-item+.learning-item{border-top:1px solid var(--border)}.learning-step{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg-2);flex-direction:column;gap:8px;font-size:11.5px;font-weight:600;line-height:1.3;display:flex}.learning-step span:first-child{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--foreground);font-size:22px;font-weight:500;line-height:1}.learning-copy h3{letter-spacing:-.015em;text-wrap:balance;max-width:30ch;font-size:18px;font-weight:600;line-height:1.25}.learning-summary,.learning-use{max-width:62ch;color:var(--muted-fg);text-wrap:pretty;font-size:13.5px;line-height:1.55}.learning-summary{margin-top:8px}.learning-use{color:var(--fg-2);margin-top:16px}.learning-copy h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg-2);margin-top:20px;font-size:11.5px;font-weight:600}.learning-takeaways{color:var(--muted-fg);gap:6px;margin-top:8px;padding:0;font-size:13px;line-height:1.55;list-style:none;display:grid}.learning-takeaways li{padding-inline-start:16px;position:relative}.learning-takeaways li:before{content:"→";color:var(--foreground);position:absolute;inset-inline-start:0}.learning-actions{flex-wrap:wrap;gap:10px 20px;margin-top:20px;font-size:13.5px;font-weight:500;display:flex}.learning-actions a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}.learning-actions a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.learning-meta{align-content:start;gap:16px;margin:0;font-size:12.5px;line-height:1.45;display:grid}.learning-meta div{gap:3px;display:grid}.learning-meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg-2);font-size:11px;font-weight:600}.learning-meta dd{color:var(--fg-2);margin:0}.learning-details{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg);grid-column:1/-1}.learning-details summary{cursor:pointer;border-radius:var(--radius-lg);min-height:44px;padding-block:13px;padding-inline:14px 148px;font-size:13.5px;font-weight:600;line-height:1.35;list-style-position:inside;position:relative}@media (hover:hover){.learning-details summary:hover{background:var(--muted-2)}}.learning-details summary:active{background:var(--muted-2)}.learning-details-label{margin-inline-start:6px}.learning-details-count{font-family:var(--font-mono);color:var(--muted-fg);font-size:12px;font-weight:400;position:absolute;inset-block-start:50%;inset-inline-end:14px;transform:translateY(-50%)}.learning-details-body{border-top:1px solid var(--border);padding:18px 14px 14px}.learning-details-intro{max-width:65ch;color:var(--fg-2);text-wrap:pretty;font-size:14px;line-height:1.55}.learning-detail-group{margin-top:28px}.learning-detail-group>header{max-width:65ch;margin-bottom:12px}.learning-detail-group h4{text-wrap:balance;font-size:15px;font-weight:600;line-height:1.25}.learning-detail-group>header p{color:var(--muted-fg);text-wrap:pretty;margin-top:4px;font-size:13px;line-height:1.55}.learning-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.learning-detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:32px minmax(0,1fr);align-content:start;gap:10px;min-height:112px;padding:12px;display:grid}.learning-detail-index{font-family:var(--font-mono);color:var(--muted-fg);font-size:11px;line-height:1.4}.learning-detail-card h5{text-wrap:balance;max-width:32ch;font-size:13.5px;font-weight:600;line-height:1.3}.learning-detail-card p{max-width:55ch;color:var(--muted-fg);text-wrap:pretty;margin-top:6px;font-size:13px;line-height:1.55}@media (max-width:720px){.learning-track{padding:14px}.learning-track-head{grid-template-columns:1fr;gap:16px}.learning-item{grid-template-columns:72px minmax(0,1fr);gap:18px}.learning-meta{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.learning-item{grid-template-columns:1fr}.learning-step{flex-direction:row;align-items:baseline}.learning-meta{grid-column:1;grid-template-columns:1fr}.learning-details summary{padding-inline-end:14px}.learning-details-count{margin-top:4px;margin-inline-start:22px;display:block;position:static;transform:none}.learning-detail-grid{grid-template-columns:1fr}}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-full{height:100%}.max-h-80{max-height:calc(var(--spacing) * 80)}.w-3{width:calc(var(--spacing) * 3)}.max-w-\[48ch\]{max-width:48ch}.grow{flex-grow:1}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#123456\]{background-color:#123456}.bg-blue-500{background-color:var(--color-blue-500)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-gradient-to-br,.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.px-1{padding-inline:var(--spacing)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-center{text-align:center}.font-display{font-family:var(--font-sans)}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-fg{color:var(--fg)}.text-fg-3{color:var(--fg-3)}.text-fg-4{color:var(--fg-4)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.focus\:bg-fg:focus{background-color:var(--fg)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-page:focus{color:var(--page)}}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2)format("woff2");unicode-range:u+??,u+131,u+152-153,u+2bb-2bc,u+2c6,u+2da,u+2dc,u+304,u+308,u+329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-ext.woff2)format("woff2");unicode-range:u+100-2ba,u+2bd-2c5,u+2c7-2cc,u+2ce-2d7,u+2dd-2ff,u+304,u+308,u+329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");unicode-range:u+??,u+131,u+152-153,u+2bb-2bc,u+2c6,u+2da,u+2dc,u+304,u+308,u+329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");unicode-range:u+??,u+131,u+152-153,u+2bb-2bc,u+2c6,u+2da,u+2dc,u+304,u+308,u+329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{color-scheme:light;--background:#fff;--foreground:#262626;--card:#fff;--sidebar:#fafafa;--sidebar-fg:#262626;--border:#0000000f;--border-strong:#0000001a;--input:#0000001a;--muted:#0000000a;--muted-2:#00000012;--muted-3:#0000001c;--muted-fg:#686868;--muted-fg-2:#8f8f8f;--primary:#262626;--primary-fg:#fafafa;--badge:#262626;--badge-fg:#fafafa;--ring:#a1a1a1;--danger:#c2410c;--scrim:#0006;--glass:#ffffffd1;--panel-highlight:0 1px #0000000a;--grid-line:#0000000b;--grid-line-2:#00000014;--tier-s-bg:#262626;--tier-s-fg:#fafafa;--tier-a-bg:#0000001f;--tier-a-fg:#262626;--tier-b-bg:#0000000d;--tier-b-fg:#525252;--tier-c-bg:transparent;--tier-c-fg:#8f8f8f;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014,0 1px 2px -1px #00000014;--shadow-md:0 8px 24px #0000001a,0 2px 6px #0000000f;--shadow-lg:0 24px 60px #0000002e,0 6px 14px #00000014;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-hero:32px;--sidebar-w:232px;--topbar-h:56px;--dur:.15s;--dur-move:.15s;--dur-enter:.22s;--ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--cat-l:.62;--cat-c:0;--page:var(--background);--surface:var(--card);--surface-2:var(--muted);--surface-3:var(--muted-2);--overlay:var(--card);--fg:var(--foreground);--fg-2:var(--foreground)}@supports (color:color-mix(in lab,red,red)){:root{--fg-2:color-mix(in srgb,var(--foreground) 84%,var(--background))}}:root{--fg-3:var(--muted-fg);--fg-4:var(--muted-fg-2);--line:var(--border);--line-strong:var(--border-strong);--line-hard:var(--ring);--overlay-line:var(--border-strong);--brand:var(--foreground);--brand-fg:var(--background);--brand-soft:var(--muted);--brand-line:var(--border-strong);--accent:var(--muted);--selection:#0000001f;--paper:var(--card);--ink:var(--foreground);--chrome:var(--card);--dock:var(--muted);--border-w:1px;--radius:var(--radius-lg);--radius-surface:var(--radius-xl);--radius-control:var(--radius-md);--radius-window:var(--radius-2xl)}:root[data-theme=dark]{color-scheme:dark;--background:#161616;--foreground:#f5f5f5;--card:#1a1a1a;--sidebar:#111;--sidebar-fg:#f5f5f5;--border:#ffffff0f;--border-strong:#ffffff1a;--input:#ffffff14;--muted:#ffffff0a;--muted-2:#ffffff14;--muted-3:#ffffff21;--muted-fg:#818181;--muted-fg-2:#6b6b6b;--primary:#f5f5f5;--primary-fg:#171717;--badge:#f5f5f5;--badge-fg:#171717;--ring:#737373;--danger:#fb923c;--scrim:#0009;--glass:#161616cc;--panel-highlight:0 -1px #ffffff0f;--grid-line:#ffffff09;--grid-line-2:#ffffff12;--tier-s-bg:#f5f5f5;--tier-s-fg:#171717;--tier-a-bg:#ffffff2e;--tier-a-fg:#f5f5f5;--tier-b-bg:#ffffff12;--tier-b-fg:#c4c4c4;--tier-c-bg:transparent;--tier-c-fg:#8a8a8a;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px -1px #0006;--shadow-md:0 8px 24px #00000073,0 2px 6px #0000004d;--shadow-lg:0 24px 60px #0009,0 6px 14px #0006;--selection:#fff3;--cat-l:.7;--cat-c:0}:root{--cat-component-libraries:oklch(var(--cat-l) var(--cat-c) 255);--cat-design-systems-brand:oklch(var(--cat-l) var(--cat-c) 235);--cat-blocks-templates-themes:oklch(var(--cat-l) var(--cat-c) 275);--cat-ai-interface-kits:oklch(var(--cat-l) var(--cat-c) 295);--cat-agent-design-tooling:oklch(var(--cat-l) var(--cat-c) 315);--cat-motion-interaction:oklch(var(--cat-l) var(--cat-c) 335);--cat-generative-media-tools:oklch(var(--cat-l) var(--cat-c) 355);--cat-color:oklch(var(--cat-l) var(--cat-c) 15);--cat-typography:oklch(var(--cat-l) var(--cat-c) 55);--cat-essays-guides-courses:oklch(var(--cat-l) var(--cat-c) 75);--cat-inspiration-galleries:oklch(var(--cat-l) var(--cat-c) 95);--cat-artists-creators:oklch(var(--cat-l) var(--cat-c) 115);--cat-studios-portfolios:oklch(var(--cat-l) var(--cat-c) 140);--cat-textures-assets:oklch(var(--cat-l) var(--cat-c) 165);--cat-icons-logos:oklch(var(--cat-l) var(--cat-c) 190);--cat-utilities-naming:oklch(var(--cat-l) var(--cat-c) 215)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}