@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--color-black: #000;--spacing: .25rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--leading-relaxed: 1.625;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--blur-md: 12px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--color-bg: #08090c;--color-surface: #0f1218;--color-surface-2: #161b23;--color-surface-3: #1c2230;--color-line: #1e242e;--color-line-2: #2b333f;--color-ink: #e9ecf1;--color-ink-soft: #c2c7d0;--color-muted: #9099a6;--color-faint: #7a8391;--color-accent: #ff8a4c;--color-accent-strong: #ff6a1f;--color-accent-soft: rgb(255 138 76 / .12);--color-on-accent: #150a03;--color-term: #5eead4;--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0px}.top-0{top:0}.left-0{left:0}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-3{height:calc(var(--spacing) * 3)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[min\(100\%\,260px\)\]{width:min(100%,260px)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-accent{border-color:var(--color-accent)}.border-line{border-color:var(--color-line)}.border-line-2{border-color:var(--color-line-2)}.bg-\[\#27c93f\]{background-color:#27c93f}.bg-\[\#ff5f56\]{background-color:#ff5f56}.bg-\[\#ffbd2e\]{background-color:#ffbd2e}.bg-accent\/15{background-color:color-mix(in srgb,#ff8a4c 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--color-accent) 15%,transparent)}}.bg-bg{background-color:var(--color-bg)}.bg-bg\/85{background-color:color-mix(in srgb,#08090c 85%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-bg\/85{background-color:color-mix(in oklab,var(--color-bg) 85%,transparent)}}.bg-black\/60{background-color:color-mix(in srgb,#000 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-surface\/80{background-color:color-mix(in srgb,#0f1218 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-surface\/80{background-color:color-mix(in oklab,var(--color-surface) 80%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[clamp\(2\.4rem\,6vw\,4\.2rem\)\]{font-size:clamp(2.4rem,6vw,4.2rem)}.leading-\[1\.03\]{--tw-leading: 1.03;line-height:1.03}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-accent{color:var(--color-accent)}.text-faint{color:var(--color-faint)}.text-ink{color:var(--color-ink)}.text-ink-soft{color:var(--color-ink-soft)}.text-muted{color:var(--color-muted)}.text-term{color:var(--color-term)}.filter{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-blur-md{--tw-backdrop-blur: blur(var(--blur-md));-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,)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-300{--tw-duration: .3s;transition-duration:.3s}@media(hover:hover){.hover\:border-accent:hover{border-color:var(--color-accent)}.hover\:border-accent\/40:hover{border-color:color-mix(in srgb,#ff8a4c 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-ink:hover{color:var(--color-ink)}}@media(width>=40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=48rem){.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.5fr_auto\]{grid-template-columns:1.5fr auto}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:pl-64{padding-left:calc(var(--spacing) * 64)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}@media(width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.6fr_1fr\]{grid-template-columns:1.6fr 1fr}.lg\:grid-cols-\[1\.7fr_1fr\]{grid-template-columns:1.7fr 1fr}}@media(width>=80rem){.xl\:grid-cols-\[1\.7fr_1fr\]{grid-template-columns:1.7fr 1fr}}}@layer base{*,:before,:after{border-width:0;border-style:solid;border-color:var(--color-line)}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@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-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@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-duration{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--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-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--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-duration: initial}}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--ds-bg: var(--color-bg);--ds-surface: var(--color-surface);--ds-surface-2: var(--color-surface-2);--ds-line: var(--color-line);--ds-line-strong: var(--color-line-2);--ds-ink-900: var(--color-ink);--ds-ink-700: var(--color-ink-soft);--ds-ink-500: var(--color-muted);--ds-ink-300: var(--color-faint);--ds-accent: var(--color-accent);--ds-accent-dark: var(--color-accent-strong);--ds-accent-soft: var(--color-accent-soft);--ds-accent-contrast: var(--color-on-accent);--ds-font-display: var(--font-display);--ds-font-serif: var(--font-display);--ds-font-sans: var(--font-sans);--ds-font-mono: var(--font-mono);--ds-text-xs: .78rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: clamp(1.2rem, 1.05rem + .6vw, 1.5rem);--ds-text-2xl: clamp(1.55rem, 1.25rem + 1.3vw, 2.1rem);--ds-text-3xl: clamp(2rem, 1.5rem + 2.2vw, 3rem);--ds-text-display: clamp(2.6rem, 1.7rem + 3.9vw, 4.5rem);--ds-container: 1120px;--ds-container-narrow: 760px;--ds-gutter: clamp(1.25rem, 4vw, 2rem);--ds-section-y: clamp(4rem, 8vw, 7rem);--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 24px;--ds-radius-pill: 999px;--ds-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--ds-shadow-soft: 0 2px 15px -3px rgb(0 0 0 / .5), 0 10px 20px -2px rgb(0 0 0 / .4);--ds-shadow-elevated: 0 14px 40px -14px rgb(0 0 0 / .6);--ds-shadow-dramatic: 0 26px 60px -20px rgb(0 0 0 / .7);--ds-ease-brush: cubic-bezier(.22, 1, .36, 1);--ds-ease-smooth: cubic-bezier(.25, .46, .45, .94);--ds-ease-ink: cubic-bezier(.65, 0, .35, 1);--ds-dur-fast: .2s;--ds-dur: .3s;--ds-dur-slow: .5s;--ds-dur-slower: .7s;--ds-header-h: 72px}body{font-family:var(--ds-font-sans);font-size:var(--ds-text-base);line-height:1.65;color:var(--ds-ink-700);background-color:var(--ds-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--ds-font-display);color:var(--ds-ink-900);font-weight:500;line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance}h1{font-size:var(--ds-text-3xl)}h2{font-size:var(--ds-text-2xl)}h3{font-size:var(--ds-text-xl)}p{margin:0}a{color:inherit;text-decoration:none}strong{color:var(--ds-ink-900);font-weight:600}.ds-kicker{display:inline-block;font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ds-accent)}@keyframes ds-page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:is(app-home-page,app-projects-list-page,app-project-detail-page,app-skills-page,app-timeline-page,app-about-page,app-contact-page,app-not-found-page){display:block;animation:ds-page-enter .45s var(--ds-ease-brush) both}@media(prefers-reduced-motion:reduce){:is(app-home-page,app-projects-list-page,app-project-detail-page,app-skills-page,app-timeline-page,app-about-page,app-contact-page,app-not-found-page){animation:none}}.ds-container{width:100%;max-width:var(--ds-container);margin-inline:auto;padding-inline:var(--ds-gutter)}.ds-section{padding-block:var(--ds-section-y)}.ds-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:var(--ds-radius-sm);font-family:var(--ds-font-sans);font-size:var(--ds-text-sm);font-weight:600;letter-spacing:.01em;cursor:pointer;border:1px solid transparent;transition:background var(--ds-dur) var(--ds-ease-smooth),color var(--ds-dur) var(--ds-ease-smooth),border-color var(--ds-dur) var(--ds-ease-smooth),transform var(--ds-dur) var(--ds-ease-brush)}.ds-btn .material-icons{font-size:1.15rem}.ds-btn:hover{transform:translateY(-2px)}.ds-btn:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px;border-radius:4px}.ds-btn--primary{background:var(--ds-ink-900);color:var(--ds-bg)}.ds-btn--primary:hover{background:var(--ds-accent)}.ds-btn--ghost{background:transparent;color:var(--ds-ink-900);border-color:var(--ds-line-strong)}.ds-btn--ghost:hover{border-color:var(--ds-ink-900);background:var(--ds-surface)}.ds-btn--accent{background:var(--ds-accent);color:var(--ds-accent-contrast)}.ds-btn--accent:hover{background:var(--ds-accent-dark)}.ds-btn--danger{background:#ff5d5d;color:#1a0505}.ds-btn--danger:hover{background:#ff7373}.ds-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .75rem;border-radius:var(--ds-radius-pill);background:var(--ds-surface);border:1px solid var(--ds-line);font-size:var(--ds-text-xs);font-weight:500;color:var(--ds-ink-700);white-space:nowrap}.ds-chip img{width:1rem;height:1rem;object-fit:contain}.ds-chip--toggle{cursor:pointer;transition:background var(--ds-dur) var(--ds-ease-smooth),color var(--ds-dur) var(--ds-ease-smooth),border-color var(--ds-dur) var(--ds-ease-smooth)}.ds-chip--toggle:hover{border-color:var(--ds-ink-300)}.ds-chip--toggle.is-active{background:var(--ds-ink-900);border-color:var(--ds-ink-900);color:var(--ds-bg)}.ds-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:var(--ds-text-sm);color:var(--ds-ink-900);position:relative}.ds-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:var(--ds-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--ds-dur) var(--ds-ease-brush)}.ds-link:hover:after,.ds-link.active:after{transform:scaleX(1)}.ds-link .material-icons{font-size:1.1rem;transition:transform var(--ds-dur) var(--ds-ease-brush)}.ds-link:hover .material-icons{transform:translate(3px)}.ds-glow{box-shadow:0 0 0 1px color-mix(in srgb,var(--ds-accent) 16%,transparent),0 0 40px -8px color-mix(in srgb,var(--ds-accent) 42%,transparent)}.ds-dots{background-image:radial-gradient(color-mix(in srgb,var(--ds-accent) 15%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 30% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 30% 20%,#000 30%,transparent 75%)}.ds-accent-text{background:linear-gradient(90deg,var(--ds-accent),color-mix(in srgb,var(--ds-accent) 55%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent}.ds-index{font-family:var(--ds-font-mono);color:var(--ds-accent);font-weight:500}.ds-field{display:flex;flex-direction:column;gap:.4rem}.ds-label{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ds-ink-500)}.ds-input,.ds-textarea,.ds-select{width:100%;background:var(--ds-surface);border:1px solid var(--ds-line-strong);border-radius:var(--ds-radius-sm);padding:.7rem .9rem;color:var(--ds-ink-900);font-family:var(--ds-font-sans);font-size:var(--ds-text-sm);line-height:1.5;transition:border-color var(--ds-dur) var(--ds-ease-smooth),box-shadow var(--ds-dur) var(--ds-ease-smooth)}.ds-input::placeholder,.ds-textarea::placeholder,.ds-select::placeholder{color:var(--ds-ink-300)}.ds-input:focus,.ds-textarea:focus,.ds-select:focus{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-accent-soft)}.ds-input.is-invalid,.ds-textarea.is-invalid,.ds-select.is-invalid{border-color:#ff6b6b}.ds-textarea{resize:vertical;min-height:8rem}.ds-error{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:#ff6b6b}.ds-table-wrap{border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);background:var(--ds-surface);overflow-x:auto}.ds-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}.ds-table th{text-align:left;font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:500;color:var(--ds-ink-500);padding:.8rem 1rem;border-bottom:1px solid var(--ds-line-strong);white-space:nowrap}.ds-table td{padding:.85rem 1rem;border-bottom:1px solid var(--ds-line);color:var(--ds-ink-700);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr{transition:background var(--ds-dur) var(--ds-ease-smooth)}.ds-table tbody tr:hover{background:var(--ds-surface-2)}.ds-icon-btn{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--ds-radius-sm);color:var(--ds-ink-500);cursor:pointer;transition:background var(--ds-dur) var(--ds-ease-smooth),color var(--ds-dur) var(--ds-ease-smooth)}.ds-icon-btn .material-icons{font-size:1.15rem}.ds-icon-btn:hover{background:var(--ds-surface-2);color:var(--ds-ink-900)}.ds-icon-btn--danger:hover{color:#ff6b6b}.ds-icon-btn:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px;border-radius:4px}.ds-empty{padding:2.5rem 1rem;text-align:center;color:var(--ds-ink-500);border:1px dashed var(--ds-line-strong);border-radius:var(--ds-radius-lg)}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);padding:clamp(1.25rem,3vw,1.75rem)}.ds-checkbox{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:var(--ds-text-sm);color:var(--ds-ink-700)}.ds-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--ds-accent);cursor:pointer}.ds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239099a6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.ds-reveal{opacity:0;transform:translateY(24px);transition:opacity var(--ds-dur-slow) var(--ds-ease-smooth),transform var(--ds-dur-slow) var(--ds-ease-smooth);will-change:opacity,transform}.ds-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ds-reveal{opacity:1!important;transform:none!important;transition:none!important}}@media print{.ds-reveal{opacity:1!important;transform:none!important}}*,*:before,*:after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;color-scheme:dark}img{max-width:100%;display:block}::selection{background:var(--ds-accent-soft);color:var(--ds-ink-900)}*{scrollbar-width:thin;scrollbar-color:var(--ds-line-strong) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--ds-line-strong);border-radius:var(--ds-radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ds-ink-300)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}