html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}*,*:before,*:after{box-sizing:border-box;}@supports (--a-use-css-reset:true){*,*::before,*::after{box-sizing:border-box;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}html{text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{line-height:1.6;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto;}:focus-visible{outline:3px solid var(--a-color-primary,#0077cc);outline-offset:2px;}:focus:not(:focus-visible){outline:none;}input,button,textarea,select{font:inherit;}input:invalid{box-shadow:none;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}}:root{--a-color-primary-h:210;--a-color-primary-s:80%;--a-color-primary-l:50%;--a-space-none:0;--a-space-tiny:4px;--a-space-small:8px;--a-space-base:16px;--a-space-medium:24px;--a-space-large:32px;--a-space-xlarge:48px;--a-space-xxlarge:64px;--a-padding-tiny:var(--a-space-tiny);--a-padding-small:var(--a-space-small);--a-padding-base:var(--a-space-base);--a-padding-medium:var(--a-space-medium);--a-padding-large:var(--a-space-large);--a-padding-xlarge:var(--a-space-xlarge);--a-padding-xxlarge:var(--a-space-xxlarge);--a-margin-tiny:var(--a-space-tiny);--a-margin-small:var(--a-space-small);--a-margin-base:var(--a-space-base);--a-margin-medium:var(--a-space-medium);--a-margin-large:var(--a-space-large);--a-margin-xlarge:var(--a-space-xlarge);--a-margin-xxlarge:var(--a-space-xxlarge);--a-heading-margin-top:var(--a-margin-medium);--a-heading-margin-bottom:var(--a-margin-base);--a-paragraph-margin-bottom:var(--a-margin-base);--a-block-element-margin-bottom:var(--a-margin-base);--a-grid-gutter:var(--a-space-base);--a-font-family-sans:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--a-font-family-mono:"Courier New",Courier,monospace;--a-font-size-base:1rem;--a-font-size-small:calc(var(--a-font-size-base) * 0.875);--a-line-height-base:1.6;--a-line-height-heading:1.3;--a-heading-scale:1.15;--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-bold:700;--a-font-size-h6:calc(var(--a-font-size-base) / var(--a-heading-scale));--a-font-size-h5:var(--a-font-size-base);--a-font-size-h4:calc(var(--a-font-size-base) * var(--a-heading-scale));--a-font-size-h3:calc(var(--a-font-size-h4) * var(--a-heading-scale));--a-font-size-h2:calc(var(--a-font-size-h3) * var(--a-heading-scale));--a-font-size-h1:calc(var(--a-font-size-h2) * var(--a-heading-scale));--a-border-width-base:1px;--a-border-style-base:solid;--a-border-radius-small:3px;--a-border-radius-base:5px;--a-border-radius-large:8px;--a-layout-max-width:1200px;--a-min-input-size:260px;--a-inline-label-width:100px;--a-inline-validation-width:160px;--a-decorate-containers:false;}:root{--a-breakpoint-xs:480px;--a-breakpoint-sm:576px;--a-breakpoint-md:768px;--a-breakpoint-lg:992px;--a-breakpoint-xl:1200px;--a-breakpoint-xxl:1400px;--a-theme-light:"light";--a-theme-dark:"dark";--a-theme-blue:"blue";--a-theme-gray:"gray";--a-theme-sunset:"sunset";--a-theme-forest:"forest";--a-theme-metallic-chic:"metallic-chic";--a-theme-deep-vintage:"deep-vintage";--a-theme-mechanical-floaty:"mechanical-floaty";--a-theme-cool-collected:"cool-collected";--a-theme-cinematic-dark:"cinematic-dark";--a-theme-cinematic-red:"cinematic-red";--a-theme-monotone-light:"monotone-light";--a-theme-monotone-dark:"monotone-dark";--a-version:"0.1";--a-build-date:"2023-07-25";--a-use-css-reset:true;--a-enable-animations:true;--a-enable-transitions:true;--a-enable-fonts:true;--a-transition-speed-fast:0.2s;--a-transition-speed-normal:0.3s;--a-transition-speed-slow:0.5s;--a-transition-timing:ease-in-out;--a-font-display:swap;}#color-palette .swatch{width:100px;height:100px;border-radius:50%;border:1px solid var(--a-color-outline);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:content-box;margin-bottom:60px;color:var(--a-color-on-primary);}#color-palette .swatch.primary{background-color:var(--a-color-primary);}#color-palette .swatch.secondary{background-color:var(--a-color-secondary);}#color-palette .swatch.tertiary{background-color:var(--a-color-tertiary);}#color-palette .swatch.surface{background-color:var(--a-color-surface);color:var(--a-color-on-surface);}#color-palette .swatch.on-surface{background-color:var(--a-color-on-surface);color:var(--a-color-surface);}#color-palette .swatch.outline{background-color:var(--a-color-outline);color:var(--a-color-on-surface-variant);}#color-palette .swatch.primary-container{background-color:var(--a-color-primary-container);}#color-palette .swatch.secondary-container{background-color:var(--a-color-secondary-container);}#color-palette .swatch.tertiary-container{background-color:var(--a-color-tertiary-container);}#color-palette .swatch.error-container{background-color:var(--a-color-error-container);}#color-palette .swatch.analogous-1{background-color:var(--a-color-analogous-1);}#color-palette .swatch.analogous-2{background-color:var(--a-color-analogous-2);}#color-palette .swatch.analogous-1-container{background-color:var(--a-color-analogous-1-container);}#color-palette .swatch.analogous-2-container{background-color:var(--a-color-analogous-2-container);}#color-palette .swatch.success{background-color:var(--a-color-success);}#color-palette .swatch.warning{background-color:var(--a-color-warning);}#color-palette .swatch.error{background-color:var(--a-color-error);}#color-palette .swatch.info{background-color:var(--a-color-info);}#color-palette .swatch.gradient-primary{background:var(--a-gradient-primary);}#color-palette .swatch.gradient-sunset{background:var(--a-gradient-sunset);}#color-palette .swatch.gradient-ocean{background:var(--a-gradient-ocean);}#color-palette .swatch.gradient-forest{background:var(--a-gradient-forest);}#color-palette .swatch.gray-1{background-color:var(--a-color-gray-1);color:var(--a-color-on-surface);}#color-palette .swatch.gray-5{background-color:var(--a-color-gray-5);color:var(--a-color-on-surface);}#color-palette .swatch.gray-10{background-color:var(--a-color-gray-10);color:var(--a-color-on-surface);}#color-palette .swatch.gray-15{background-color:var(--a-color-gray-15);color:var(--a-color-on-surface);}#color-palette .swatch.gray-20{background-color:var(--a-color-gray-20);color:var(--a-color-on-surface);}#color-palette .swatch.gray-25{background-color:var(--a-color-gray-25);color:var(--a-color-on-surface);}#color-palette .swatch.gray-30{background-color:var(--a-color-gray-30);color:var(--a-color-on-surface);}#color-palette .swatch.gray-36{background-color:var(--a-color-gray-36);color:var(--a-color-surface);}#color-palette .swatch .info{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:150px;text-align:center;background-color:transparent;color:var(--a-color-on-surface);margin:0;padding:0;}#color-palette .swatch .info h4{font-size:1.1rem;margin:0 0 var(--a-space-xs);}#color-palette .swatch .info p{font-family:var(--a-font-family-mono);font-size:0.9rem;color:var(--a-color-on-surface-variant);margin:0;}#color-palette .swatch span{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-weight:var(--a-font-weight-bold);text-align:center;}#color-palette .swatch.primary-container span{color:var(--a-color-on-primary-container);}#color-palette .swatch.secondary-container span{color:var(--a-color-on-secondary-container);}#color-palette .swatch.tertiary-container span{color:var(--a-color-on-tertiary-container);}#color-palette .swatch.error-container span{color:var(--a-color-on-error-container);}#color-palette .swatch.analogous-1-container span{color:var(--a-color-on-analogous-1-container);}#color-palette .swatch.analogous-2-container span{color:var(--a-color-on-analogous-2-container);}#color-palette .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);row-gap:120px;margin-bottom:var(--a-space-xl);}#color-palette .greyscale-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));row-gap:100px;}#color-palette .swatch.small{width:60px;height:60px;margin-bottom:40px;}#color-palette .swatch.small .info{bottom:-40px;width:100px;}#color-palette .swatch.small .info p{font-size:0.8rem;}#color-palette h3{font-size:1.5rem;font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);padding-bottom:var(--a-space-s);border-bottom:1px solid var(--a-color-outline);}#color-palette .actions{display:flex;justify-content:center;gap:var(--a-space-m);margin-top:var(--a-space-l);}.content-main-wrapper{background-image:var(--content_wrapper_gradient);}:root{--a-color-primary:#007bff;--a-color-on-primary:white;--a-color-on-gradient:var(--a-color-on-primary);--a-color-secondary:#6c757d;--a-color-on-secondary:white;--a-color-tertiary:#20c997;--a-color-on-tertiary:white;--a-color-surface:#ffffff;--a-color-on-surface:#212529;--a-color-surface-variant:#f8f9fa;--a-color-on-surface-variant:#495057;--a-color-outline:#dee2e6;--a-color-success:#28a745;--a-color-on-success:white;--a-color-warning:#ffc107;--a-color-on-warning:#212529;--a-color-error:#dc3545;--a-color-on-error:white;--a-color-info:#17a2b8;--a-color-on-info:white;--a-color-primary-container:#e0f2ff;--a-color-on-primary-container:#00274d;--a-color-secondary-container:#e2e6ea;--a-color-on-secondary-container:#2c3033;--a-color-tertiary-container:#d1f7ed;--a-color-on-tertiary-container:#004d33;--a-color-success-container:#d4edda;--a-color-on-success-container:#155724;--a-color-warning-container:#fff3cd;--a-color-on-warning-container:#664d03;--a-color-error-container:#721c24;--a-color-on-error-container:#f8d7da;--a-color-info-container:#d1ecf1;--a-color-on-info-container:#0c5460;--a-color-analogous-1:#00c0ff;--a-color-on-analogous-1:white;--a-color-analogous-2:#004dff;--a-color-on-analogous-2:white;--a-color-analogous-1-container:#e0f7ff;--a-color-on-analogous-1-container:#003c4d;--a-color-analogous-2-container:#e0eaff;--a-color-on-analogous-2-container:#001a4d;--a-color-gray-1:#f8f9fa;--a-color-gray-5:#e9ecef;--a-color-gray-10:#dee2e6;--a-color-gray-15:#ced4da;--a-color-gray-20:#adb5bd;--a-color-gray-25:#6c757d;--a-color-gray-30:#495057;--a-color-gray-36:#343a40;--a-gradient-primary:linear-gradient(135deg,#007bff,#0056b3);--a-gradient-sunset:linear-gradient(135deg,#ff7e5f,#feb47b);--a-gradient-ocean:linear-gradient(135deg,#4facfe,#00f2fe);--a-gradient-forest:linear-gradient(135deg,#a8e063,#56ab2f);--a-font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--a-font-family-mono:monospace;--a-font-size-base:1rem;--a-line-height-base:1.7;--a-font-weight-normal:400;--a-font-weight-bold:700;--a-font-weight-black:900;--a-space-unit:0.875rem;--a-space-xs:calc(var(--a-space-unit) * 0.25);--a-space-s:calc(var(--a-space-unit) * 0.5);--a-space-m:calc(var(--a-space-unit) * 1);--a-space-l:calc(var(--a-space-unit) * 1.5);--a-space-xl:calc(var(--a-space-unit) * 2.5);--a-space-xxl:calc(var(--a-space-unit) * 4);--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-shadow-medium:0 0.25rem 0.75rem rgba(0,0,0,0.07);--a-shadow-large:0 0.5rem 1.5rem rgba(0,0,0,0.1);--a-breakpoint-md:768px;}[data-theme="dark"]{--a-color-primary:#90caf9;--a-color-on-primary:#212121;--a-color-on-gradient:var(--a-color-on-primary);--a-color-secondary:#b0bec5;--a-color-on-secondary:#212121;--a-color-tertiary:#80cbc4;--a-color-on-tertiary:#212121;--a-color-surface:#212121;--a-color-on-surface:#e0e0e0;--a-color-surface-variant:#303030;--a-color-on-surface-variant:#bdbdbd;--a-color-outline:#424242;--a-color-success:#a5d6a7;--a-color-on-success:#212121;--a-color-warning:#ffeb3b;--a-color-on-warning:#212121;--a-color-error:#ef9a9a;--a-color-on-error:#212121;--a-color-info:#90caf9;--a-color-on-info:#212121;--a-color-primary-container:#1a2e4a;--a-color-on-primary-container:#e0f2ff;--a-color-secondary-container:#37474f;--a-color-on-secondary-container:#e2e6ea;--a-color-tertiary-container:#004d33;--a-color-on-tertiary-container:#d1f7ed;--a-color-success-container:#1b5e20;--a-color-on-success-container:#d4edda;--a-color-warning-container:#5c4d03;--a-color-on-warning-container:#fff3cd;--a-color-error-container:#721c24;--a-color-on-error-container:#f8d7da;--a-color-info-container:#0c5460;--a-color-on-info-container:#d1ecf1;--a-color-analogous-1:#81d4fa;--a-color-on-analogous-1:#212121;--a-color-analogous-2:#64b5f6;--a-color-on-analogous-2:#212121;--a-color-analogous-1-container:#003c4d;--a-color-on-analogous-1-container:#e0f7ff;--a-color-analogous-2-container:#001a4d;--a-color-on-analogous-2-container:#e0eaff;--a-color-gray-1:#343a40;--a-color-gray-5:#495057;--a-color-gray-10:#6c757d;--a-color-gray-15:#adb5bd;--a-color-gray-20:#ced4da;--a-color-gray-25:#dee2e6;--a-color-gray-30:#e9ecef;--a-color-gray-36:#f8f9fa;--a-gradient-primary:linear-gradient(135deg,#64b5f6,#42a5f5);--a-gradient-sunset:linear-gradient(135deg,#ffab91,#ffcc80);--a-gradient-ocean:linear-gradient(135deg,#81d4fa,#4fc3f7);--a-gradient-forest:linear-gradient(135deg,#c5e1a5,#aed581);--a-shadow-medium:0 0.25rem 0.75rem rgba(255,255,255,0.07);--a-shadow-large:0 0.5rem 1.5rem rgba(255,255,255,0.1);}*,*::before,*::after{box-sizing:border-box;}body{margin:0;font-family:var(--a-font-family-sans);font-size:var(--a-font-size-base);line-height:var(--a-line-height-base);color:var(--a-color-on-surface);background-color:var(--a-color-surface);overflow-x:hidden;}.axiom-body{}a{color:var(--a-color-primary);text-decoration:none;transition:color 0.2s ease;}a:hover{text-decoration:underline;color:#0056b3;}.is-hidden{display:none !important;}header.main{background-color:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);position:fixed;height:60px;top:0;left:0;right:0;z-index:1000;}header.main nav{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 var(--a-space-m);}header.main .brand{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.75rem;text-decoration:none;color:var(--a-color-on-surface);}header.main .brand .primary{color:var(--a-color-primary);}header.main ul.links{display:flex;gap:var(--a-space-l);list-style:none;margin:0;padding:0;}header.main ul.links a{color:var(--a-color-on-surface-variant);text-decoration:none;font-weight:var(--a-font-weight-bold);transition:color 0.2s ease;}header.main ul.links a:hover{color:var(--a-color-primary);}header.main .actions{display:flex;align-items:center;gap:var(--a-space-m);}header.main .jump-menu{position:relative;}header.main .jump-menu button{background:none;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s) var(--a-space-m);cursor:pointer;}header.main .jump-menu ul{position:absolute;top:100%;right:0;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);list-style:none;margin:0;padding:var(--a-space-s);display:none;}header.main .jump-menu ul.is-open{display:block;}header.main .jump-menu ul li a{display:block;padding:var(--a-space-s) var(--a-space-m);text-decoration:none;color:var(--a-color-on-surface);}header.main .jump-menu ul li a:hover{background:var(--a-color-surface-variant);}header.main .actions .github{color:var(--a-color-on-surface-variant);text-decoration:none;display:flex;align-items:center;gap:var(--a-space-s);}header.main .actions .github:hover{color:var(--a-color-primary);}header.main .theme.toggle{background:none;border:1px solid var(--a-color-outline);color:var(--a-color-on-surface-variant);font-size:1rem;cursor:pointer;padding:var(--a-space-s);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}header.main .theme.toggle:hover{color:var(--a-color-primary);background-color:var(--a-color-surface-variant);}header.main .menu.toggle{display:none;background:none;border:none;color:var(--a-color-on-surface);font-size:1.5rem;cursor:pointer;}.search.toggle{background:none;border:none;color:var(--a-color-on-surface-variant);font-size:1.2rem;cursor:pointer;padding:var(--a-space-s);border-radius:50%;transition:all 0.2s ease;}.search.toggle:hover{color:var(--a-color-primary);background-color:var(--a-color-surface-variant);}#search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding-top:10vh;backdrop-filter:blur(5px);}.search-modal-content{background-color:var(--a-color-surface);color:var(--a-color-on-surface);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);width:90%;max-width:600px;overflow:hidden;}.search-modal-content header{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);}.search-modal-content h3{margin:0;font-size:1.2rem;color:var(--a-color-on-surface);}.search-modal-content .close{background:none;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--a-color-on-surface-variant);}#search-modal .body{padding:var(--a-space-l);}#search-modal-input{width:100%;padding:var(--a-space-m);font-size:1.1rem;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-l);}.search-results{max-height:50vh;overflow-y:auto;}.search-results .result-item{padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);}.search-results .result-item:last-child{border-bottom:none;}.search-results .result-item a{text-decoration:none;color:var(--a-color-on-surface);}.search-results .result-item h4{margin:0 0 var(--a-space-s);color:var(--a-color-primary);}div.comparison-table{overflow-x:auto;}.comparison-table{width:100%;border-collapse:collapse;min-width:600px;}.comparison-table th,.comparison-table td{padding:var(--a-space-m);text-align:left;border-bottom:1px solid var(--a-color-outline);}.comparison-table th{background-color:var(--a-color-surface-variant);font-weight:var(--a-font-weight-bold);}.comparison-table td .fas{margin-right:var(--a-space-s);}.comparison-table .fa-check-circle.success{color:var(--a-color-success);}.comparison-table .fa-times-circle.error{color:var(--a-color-error);}.comparison-table .fa-exclamation-circle.warning{color:var(--a-color-warning);}#code-in-action{background-color:var(--a-color-surface-variant);}.code-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--a-space-l);}#code-in-action .example h3{font-size:1.5rem;margin-top:0;}#code-in-action .example pre{background-color:var(--a-color-surface);padding:var(--a-space-m);border-radius:var(--a-border-radius-medium);white-space:pre;overflow-x:auto;line-height:1.5;border:1px solid var(--a-color-outline);}.responsive-image{max-width:100%;height:auto;display:block;}#grid-system .grid-content{display:grid;grid-template-columns:1fr;gap:var(--a-space-xl);margin-bottom:var(--a-space-l);}@media (min-width:var(--a-breakpoint-md)){#grid-system .grid-content{grid-template-columns:1fr 1fr;}}#grid-system .grid-explanation h3{font-size:1.3rem;margin-top:0;margin-bottom:var(--a-space-s);color:var(--a-color-primary);}#grid-system .grid-explanation p{font-size:1.1rem;line-height:1.6;margin-bottom:var(--a-space-m);}#grid-system .grid-explanation ul{list-style:disc;margin-left:var(--a-space-l);padding-left:0;margin-bottom:var(--a-space-m);}#grid-system .grid-explanation ul li{margin-bottom:var(--a-space-xs);}.grid-example{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--a-space-m);background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);margin-bottom:var(--a-space-m);}.layout-example-grid{display:grid;gap:var(--a-space-m);background-color:var(--a-color-surface);padding:var(--a-space-l);border-radius:var(--a-border-radius);margin-bottom:var(--a-space-xl);}.layout-example-grid .grid-item{background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);padding:var(--a-space-m);border-radius:var(--a-border-radius-s);text-align:center;font-weight:bold;}.nested-grid-example{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--a-space-s);background-color:var(--a-color-secondary-container);padding:var(--a-space-m);border-radius:var(--a-border-radius-s);}.nested-grid-example .grid-item{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}section.typgraphy{padding:var(--a-space-xxl) 0;}section.typography h3{margin-top:var(--a-space-l);margin-bottom:var(--a-space-m);font-size:1.6rem;color:var(--a-color-primary);}.font-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--a-space-m);margin-bottom:var(--a-space-l);}.font-item{background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);border:1px solid var(--a-color-outline);}.font-item p{margin-bottom:var(--a-space-s);line-height:var(--a-line-height-normal);}.font-item .font-name{font-weight:var(--a-font-weight-bold);color:var(--a-color-primary);font-size:1.1rem;margin-bottom:var(--a-space-s);}.text-size-example p{margin-bottom:var(--a-space-s);background-color:var(--a-color-surface-variant);padding:var(--a-space-s);border-radius:var(--a-border-radius-s);border:1px solid var(--a-color-outline);}.text-size-example .text-xs{font-size:var(--a-font-size-xs);}.text-size-example .text-s{font-size:var(--a-font-size-s);}.text-size-example .text-m{font-size:var(--a-font-size-m);}.text-size-example .text-l{font-size:var(--a-font-size-l);}.text-size-example .text-xl{font-size:var(--a-font-size-xl);}.text-size-example .text-xxl{font-size:var(--a-font-size-xxl);}.line-height-example p{background-color:var(--a-color-surface-variant);padding:var(--a-space-s);margin-bottom:var(--a-space-m);border-radius:var(--a-border-radius-s);border:1px solid var(--a-color-outline);}.line-height-example .line-height-tight{line-height:var(--a-line-height-tight);}.line-height-example .line-height-normal{line-height:var(--a-line-height-normal);}.line-height-example .line-height-loose{line-height:var(--a-line-height-loose);}.text-alignment-example div{background-color:var(--a-color-surface-variant);padding:var(--a-space-m);margin-bottom:var(--a-space-m);border-radius:var(--a-border-radius-s);border:1px solid var(--a-color-outline);}.text-alignment-example .text-left{text-align:left;}.text-alignment-example .text-center{text-align:center;}.text-alignment-example .text-right{text-align:right;}.text-alignment-example .text-justify{text-align:justify;}.text-transform-example p{background-color:var(--a-color-surface-variant);padding:var(--a-space-m);margin-bottom:var(--a-space-m);border-radius:var(--a-border-radius-s);border:1px solid var(--a-color-outline);}.text-transform-example .text-uppercase{text-transform:uppercase;}.text-transform-example .text-lowercase{text-transform:lowercase;}.text-transform-example .text-capitalize{text-transform:capitalize;}.typography-section pre{background-color:var(--a-color-on-surface);color:var(--a-color-surface);padding:var(--a-space-m);border-radius:var(--a-border-radius-medium);overflow-x:auto;margin-bottom:var(--a-space-l);}.typography-section code{font-family:var(--a-font-family-mono);font-size:0.9rem;line-height:1.5;}#typography .text-with-image{display:flex;flex-direction:column;gap:var(--a-space-m);}@media (min-width:768px){#typography .text-with-image{flex-direction:row;align-items:flex-start;}}#typography .text-with-image img{flex-shrink:0;width:150px;height:auto;border-radius:var(--a-border-radius-medium);}#typography .text-with-image .content{flex-grow:1;}#typography .text-with-image .content p:first-child{margin-top:0;}.media-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--a-space-m);margin-bottom:var(--a-space-xl);}.media-example-grid .media-card{background-color:var(--a-color-surface);padding:var(--a-space-m);border-radius:var(--a-border-radius);text-align:center;}.media-example-grid .media-card img{max-width:100%;height:auto;border-radius:var(--a-border-radius-s);margin-bottom:var(--a-space-m);}.icon-example-grid{display:flex;flex-wrap:wrap;gap:var(--a-space-m);margin-bottom:var(--a-space-xl);}.icon-example-grid .icon-item{background-color:var(--a-color-surface);padding:var(--a-space-m);border-radius:var(--a-border-radius);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;min-height:120px;}.icon-example-grid .icon-item i{font-size:var(--a-font-size-xxl);color:var(--a-color-primary);margin-bottom:var(--a-space-s);}.icon-example-grid .icon-item svg{width:var(--a-font-size-xxl);height:var(--a-font-size-xxl);fill:var(--a-color-primary);margin-bottom:var(--a-space-s);}#typography .typography-example{background-color:var(--a-color-surface-variant);padding:var(--a-space-xl);border-radius:var(--a-border-radius-large);margin-bottom:var(--a-space-l);}#typography h1,#typography h2,#typography h3,#typography h4,#typography h5,#typography h6{font-family:var(--a-font-family-sans);font-weight:var(--a-font-weight-bold);margin-top:var(--a-space-l);margin-bottom:var(--a-space-s);color:var(--a-color-on-surface);}#typography h1{font-size:2.8rem;line-height:1.2;}#typography h2{font-size:2.1rem;line-height:1.25;}#typography h3{font-size:1.75rem;line-height:1.3;}#typography h4{font-size:1.4rem;line-height:1.4;}#typography h5{font-size:1.15rem;line-height:1.5;}#typography h6{font-size:1rem;line-height:1.6;font-weight:var(--a-font-weight-bold);}#typography p{font-size:var(--a-font-size-base);line-height:var(--a-line-height-base);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);max-width:65ch;}#typography .subtitle{font-size:0.65em;color:var(--a-color-on-surface-variant);font-weight:var(--a-font-weight-normal);display:block;margin-top:var(--a-space-xs);letter-spacing:0.5px;}#typography .lead{font-size:1.2rem;font-weight:var(--a-font-weight-normal);color:var(--a-color-on-surface);margin-bottom:var(--a-space-l);max-width:60ch;}#typography strong{font-weight:var(--a-font-weight-bold);}#typography em{font-style:italic;}#typography u{text-decoration:underline;}#typography .muted{color:var(--a-color-on-surface-variant);}#typography .small-text{font-size:0.875rem;color:var(--a-color-on-surface-variant);}#typography blockquote{border-left:4px solid var(--a-color-primary);padding-left:var(--a-space-m);margin:var(--a-space-l) 0;font-style:italic;color:var(--a-color-on-surface-variant);}#typography blockquote cite{display:block;margin-top:var(--a-space-s);font-size:0.9rem;color:var(--a-color-on-surface);font-style:normal;}#typography ul,#typography ol{padding-left:var(--a-space-l);margin-bottom:var(--a-space-m);}#typography ul li,#typography ol li{margin-bottom:var(--a-space-s);}#typography .caption{font-style:italic;color:var(--a-color-on-surface-variant);text-align:center;margin-top:var(--a-space-l);}h1{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h1);font-weight:700;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;color:var(--ax-text);}h2{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h2);font-weight:700;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;color:var(--ax-text);}h3{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h3);font-weight:600;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;color:var(--ax-text);}h4{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h4);font-weight:600;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;color:var(--ax-text);}h5{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h5);font-weight:500;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;color:var(--ax-text);}h6{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h6);font-weight:500;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;color:var(--ax-text);}.button,button{padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-base);border-radius:var(--a-border-radius-medium);border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-block;font-weight:var(--a-font-weight-bold);text-align:center;}.button:focus-visible,button:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.button:hover{text-decoration:none;filter:brightness(90%);}.button.secondary:hover,button.secondary:hover{filter:brightness(85%);}.button.primary,button.primary{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.button.secondary,button.secondary{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.button.medium,button.medium{padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-base);}.button.large,button.large,.button[data-size="large"],button[data-size="large"]{padding:var(--a-space-m) var(--a-space-l);font-size:1.25rem;}.button.small,button.small,.button[data-size="small"],button[data-size="small"]{padding:var(--a-space-xs) var(--a-space-s);font-size:0.875rem;}.button.floating,button.floating{position:fixed;bottom:var(--a-space-xl);right:var(--a-space-xl);z-index:1000;}button:disabled,.button:disabled,.button[disabled],button[disabled]{opacity:0.6;cursor:not-allowed;filter:none;}section.hero{background:var(--a-gradient-primary);color:var(--a-color-on-gradient);text-align:center;padding:var(--a-space-xxl) var(--a-space-xl);scroll-margin-top:60px;position:relative;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}section.hero .content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}section.hero.small{padding:calc(var(--a-space-xxl)+80px) var(--a-space-xl) var(--a-space-xxl);}section.hero h1{font-size:3.2rem;font-weight:var(--a-font-weight-black);margin:0 0 var(--a-space-m) 0;line-height:1.1;color:var(--a-color-on-gradient);max-width:100%;}section.hero .tagline{font-size:1.25rem;max-width:100%;margin:0 auto var(--a-space-m) auto;opacity:0.9;color:var(--a-color-on-gradient);}section.hero .actions{display:flex;justify-content:center;gap:var(--a-space-m);flex-wrap:wrap;margin:0;padding:0;width:100%;max-width:100%;}section.hero>.content>p:not(.tagline){font-size:1.125rem;max-width:700px;margin:var(--a-space-m) auto 0 auto;opacity:0.95;color:var(--a-color-on-gradient);line-height:1.6;text-align:justify;}section.hero .button.primary{background-color:var(--a-color-on-gradient);color:var(--a-color-primary);}section.hero .button.secondary{background-color:transparent;border-color:var(--a-color-on-gradient);color:var(--a-color-on-gradient);}section.hero .button.outline{background-color:transparent;border-color:var(--a-color-on-gradient);color:var(--a-color-on-gradient);}@media (max-width:768px){section.hero{padding:var(--a-space-xl) var(--a-space-m);}section.hero.small{padding:calc(var(--a-space-xl)+80px) var(--a-space-m) var(--a-space-xl);}section.hero h1{font-size:1.5rem;max-width:100%;margin-bottom:var(--a-space-s);line-height:1.2;}section.hero .tagline{font-size:0.95rem;max-width:100%;margin:0 auto var(--a-space-m) auto;}section.hero .actions{flex-direction:column;gap:var(--a-space-s);margin:var(--a-space-m) 0 0 0;width:100%;max-width:100%;}section.hero .button{width:100%;padding:var(--a-space-m) var(--a-space-l) !important;font-size:0.95rem;}section.hero .button.primary,section.hero .button.secondary,section.hero .button.outline{padding:var(--a-space-m) var(--a-space-l) !important;}section.hero>.content>p:not(.tagline){font-size:0.9rem;margin:var(--a-space-l) auto 0 auto;max-width:100%;}}@media (max-width:480px){section.hero{padding:var(--a-space-lg) var(--a-space-m);}section.hero h1{font-size:1.25rem;max-width:100%;margin-bottom:var(--a-space-xs);line-height:1.25;font-weight:var(--a-font-weight-bold);}section.hero .tagline{font-size:0.85rem;max-width:100%;margin:0 auto var(--a-space-m) auto;}section.hero .actions{gap:var(--a-space-xs);margin:var(--a-space-m) auto 0 auto;max-width:100%;padding:0 var(--a-space-s);}section.hero .button{padding:var(--a-space-s) var(--a-space-m) !important;font-size:0.8rem;}section.hero .button.primary,section.hero .button.secondary,section.hero .button.outline{padding:var(--a-space-s) var(--a-space-m) !important;}section.hero>.content>p:not(.tagline){font-size:0.95rem;margin:var(--a-space-m) auto 0 auto;max-width:100%;}}@media (max-width:420px){html,body{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}*{box-sizing:border-box;}section.hero{padding:var(--a-space-m) var(--a-space-s);}section.hero.small{padding:calc(var(--a-space-m)+80px) var(--a-space-s) var(--a-space-m);}section.hero h1{font-size:1.2rem;margin:0 0 var(--a-space-s) 0;line-height:1.25;}section.hero .tagline{font-size:0.8rem;margin:0 auto var(--a-space-s) auto;}section.hero .actions{gap:var(--a-space-xs);margin:var(--a-space-m) auto 0 auto;padding:0 var(--a-space-xs);}section.hero .button{padding:var(--a-space-xs) var(--a-space-s) !important;font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}section.hero>.content>p:not(.tagline){font-size:0.9rem;margin:var(--a-space-m) auto 0 auto;}}#color-palette{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}#color-palette .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);row-gap:120px;margin-bottom:var(--a-space-xl);width:100%;max-width:100%;overflow-x:hidden;}@media (max-width:480px){#color-palette .color-grid{row-gap:110px;}#color-palette .swatch{margin-bottom:50px;}#color-palette .swatch .info{bottom:-50px;}}@media (max-width:420px){#color-palette{padding:var(--a-space-m);}#color-palette .color-grid{grid-template-columns:repeat(2,1fr);gap:var(--a-space-m);row-gap:100px;}#color-palette .swatch{width:100%;height:auto;aspect-ratio:1 / 1;min-height:80px;margin-bottom:45px;}#color-palette .swatch .info{bottom:-45px;width:calc(100%+var(--a-space-m));max-width:100%;left:50%;transform:translateX(-50%);}#color-palette .swatch .info p{font-size:0.7rem;}#color-palette .greyscale-grid{grid-template-columns:repeat(4,1fr);gap:var(--a-space-m);row-gap:70px;}#color-palette .swatch.small{width:100%;height:auto;aspect-ratio:1 / 1;min-height:50px;margin-bottom:35px;}#color-palette .swatch.small .info{bottom:-35px;width:calc(100%+var(--a-space-s));max-width:100%;left:50%;transform:translateX(-50%);}#color-palette .swatch.small .info p{font-size:0.65rem;}}.spacing-demo{text-align:center;}.spacing-demo .controls{margin-bottom:var(--a-space-l);}.spacing-demo .controls label{font-weight:var(--a-font-weight-bold);}.spacing-demo .example-box{display:flex;justify-content:center;align-items:center;gap:var(--a-space-m);background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);margin-bottom:var(--a-space-m);transition:gap 0.2s ease;}.spacing-demo .example-item{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-medium);transition:padding 0.2s ease;}.spacing-demo .caption{font-style:italic;color:var(--a-color-on-surface-variant);}section{padding:var(--a-space-xl) 0;}section header{text-align:center;margin-bottom:var(--a-space-xl);}section header h2{font-size:2.2rem;font-weight:var(--a-font-weight-bold);margin:0 0 var(--a-space-s);}#philosophy header{max-width:800px;margin-left:auto;margin-right:auto;}#philosophy header p{font-size:1.1rem;line-height:1.8;color:var(--a-color-on-surface-variant);}.container{max-width:1200px;margin:0 auto;padding:0 var(--a-space-xl);}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--a-space-l);}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background:var(--a-color-surface);background-clip:border-box;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);padding:var(--a-space-l);transition:transform 0.2s ease,box-shadow 0.2s ease;}.card:hover{transform:translateY(-5px);box-shadow:var(--a-shadow-large);}a.card{text-decoration:none;color:var(--a-color-on-surface);}.card i{font-size:2rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);}.card h3{margin:0 0 var(--a-space-s);}.card-body{flex:1 1 auto;padding:var(--a-space-l);}.card-title{margin-bottom:var(--a-space-s);}.card-text:last-child{margin-bottom:0;}.card-img-top{width:100%;border-top-left-radius:var(--a-border-radius-large);border-top-right-radius:var(--a-border-radius-large);}.card-header{padding:var(--a-space-m) var(--a-space-l);margin-bottom:0;background-color:var(--a-color-surface-variant);border-bottom:1px solid var(--a-color-outline);}.card-footer{padding:var(--a-space-m) var(--a-space-l);background-color:var(--a-color-surface-variant);border-top:1px solid var(--a-color-outline);}a.card,button.card{cursor:pointer;text-decoration:none;color:inherit;}a.card:hover,button.card:hover{transform:translateY(-4px);box-shadow:var(--a-shadow-lg);border-color:var(--a-color-primary);}.card>figure{margin:calc(var(--a-space-l) * -1) calc(var(--a-space-l) * -1) var(--a-space-m);padding:var(--a-space-xl);border-bottom:1px solid var(--ax-border);border-radius:var(--a-border-radius-base) var(--a-border-radius-base) 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--ax-background-secondary);}.card>figure>*{max-width:100%;margin:0;}.card>.axicon:first-child{font-size:2.5rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);display:block;}.card{display:flex;flex-direction:column;}.card>footer{margin-top:auto;padding-top:var(--a-space-m);border-top:none;background:transparent;}.card.ghost{background:transparent;border:none;box-shadow:none;text-align:center;padding:0;}.card.ghost:hover{transform:translateY(-2px);box-shadow:none;}.card.ghost>.axicon:first-child{margin-left:auto;margin-right:auto;}.card.adaptive-media{display:flex;flex-direction:column;}.card.adaptive-media>header{order:1;margin-bottom:var(--a-space-m);}.card.adaptive-media>figure{order:2;margin:0 calc(var(--a-space-l) * -1) var(--a-space-m) calc(var(--a-space-l) * -1);flex-shrink:0;}.card.adaptive-media>figure img,.card.adaptive-media>figure video{width:100%;height:auto;display:block;border-radius:var(--a-border-radius-medium);}.card.adaptive-media>main{order:3;flex:1;}.card.adaptive-media>footer{order:4;margin-top:var(--a-space-m);}@media (min-width:640px){.card.adaptive-media{flex-direction:row;align-items:flex-start;gap:var(--a-space-l);}.card.adaptive-media>header{flex:0 0 100%;order:1;}.card.adaptive-media>figure{order:2;flex:0 0 45%;margin:0;min-width:0;}.card.adaptive-media>figure img,.card.adaptive-media>figure video{border-radius:var(--a-border-radius-medium);}.card.adaptive-media>main{order:3;flex:1;min-width:0;}.card.adaptive-media>footer{flex:0 0 100%;order:4;}}@media (min-width:768px) and (max-width:1023px){.card.adaptive-media{flex-direction:row;}.card.adaptive-media>figure{flex:0 0 40%;}.card.adaptive-media>main{flex:1;}}@media (min-width:1024px){.card.adaptive-media>figure{flex:0 0 50%;}.card.adaptive-media>main{flex:1;min-width:0;}}@media (max-width:639px){.card.adaptive-media{flex-direction:column;}.card.adaptive-media>figure{margin:0 calc(var(--a-space-l) * -1) var(--a-space-m) calc(var(--a-space-l) * -1);}.card.adaptive-media>figure img,.card.adaptive-media>figure video{border-radius:0 0 var(--a-border-radius-medium) var(--a-border-radius-medium);}}[data-theme="dark"] .card.adaptive-media{background:var(--a-color-surface);}[data-theme="dark"] .card.adaptive-media>figure img,[data-theme="dark"] .card.adaptive-media>figure video{opacity:0.95;}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.modal.open{opacity:1;visibility:visible;}.modal .content{background-color:var(--a-color-surface);color:var(--a-color-on-surface);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large,0 10px 25px rgba(0,0,0,0.2));width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(-20px);transition:transform 0.3s ease;}.modal.open .content{transform:translateY(0);}.modal header{padding:var(--a-space-m) var(--a-space-m) var(--a-space-s);border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:space-between;}.modal header h2,.modal header h3{margin:0;font-size:var(--a-font-size-h3);font-weight:var(--a-font-weight-medium);}.modal section{padding:var(--a-space-m);}.modal footer{padding:var(--a-space-s) var(--a-space-m) var(--a-space-m);border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:flex-end;gap:var(--a-space-m);}.modal button[aria-label="Close modal"]{background:transparent;border:none;color:var(--a-color-on-surface-variant);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--a-space-xs);display:flex;align-items:center;justify-content:center;transition:color 0.2s ease;}.modal button[aria-label="Close modal"]:hover,.modal button[aria-label="Close modal"]:focus{color:var(--a-color-on-surface);}.modal-trigger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--a-space-m);margin:var(--a-space-m) 0;}.modal-open{overflow:hidden;}.alert-toast-container{position:fixed;top:var(--a-space-xl);right:var(--a-space-xl);z-index:1050;display:flex;flex-direction:column;gap:var(--a-space-m);max-width:350px;pointer-events:none;}.alert-toast-container .alert{pointer-events:auto;opacity:0;transform:translateX(100%);animation:slideIn 0.3s forwards ease-out,fadeOut 0.3s forwards ease-out var(--toast-duration,3s);}@keyframes slideIn{to{opacity:1;transform:translateX(0);}}@keyframes fadeOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(100%);}}.product-card{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;}.product-image{width:100%;height:auto;}.product-info{padding:var(--a-space-m);}.product-name{font-size:1.2rem;font-weight:var(--a-font-weight-bold);margin:0 0 var(--a-space-s);}.product-price{font-size:1.1rem;color:var(--a-color-primary);margin:0 0 var(--a-space-m);}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--a-space-l);}.component-browser{display:flex;flex-direction:column;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;min-height:500px;}.component-browser .tabs-container{overflow-x:auto;background-color:var(--a-color-surface-variant);}.component-browser .tabs{display:flex;flex-wrap:nowrap;gap:var(--a-space-s);padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);}.component-browser .tabs button{background:var(--a-color-surface);white-space:nowrap;}.component-browser .tabs button.active{background:var(--a-color-primary);color:var(--a-color-on-primary);}.component-browser .preview-container{flex-grow:1;}.component-browser .preview{padding:var(--a-space-l);height:100%;}.component-browser .preview iframe{width:100%;height:100%;min-height:400px;border:none;}.component-browser header{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m);background-color:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);}.component-browser .info h4{margin:0;font-size:1.2rem;color:var(--a-color-on-surface);}.component-browser .info p{margin:0;font-size:0.9rem;color:var(--a-color-on-surface-variant);}#view-fullscreen-button{display:flex;align-items:center;gap:var(--a-space-s);}.component-browser .controls{display:flex;gap:var(--a-space-s);align-items:center;flex-wrap:wrap;}#component-search-input,#component-category-filter{padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:0.9rem;color:var(--a-color-on-surface);background-color:var(--a-color-surface);flex-grow:1;min-width:150px;}#component-search-input::placeholder{color:var(--a-color-on-surface-variant);}#component-category-filter{cursor:pointer;}@media (max-width:768px){.component-browser .controls{flex-direction:column;width:100%;}#component-search-input,#component-category-filter{width:100%;}}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m) var(--a-space-l);background-color:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);}.main-nav .logo{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.75rem;text-decoration:none;color:var(--a-color-on-surface);}.main-nav ul{display:flex;gap:var(--a-space-l);list-style:none;margin:0;padding:0;}.breadcrumb ol{display:flex;flex-wrap:wrap;padding:var(--a-space-s) var(--a-space-m);margin-bottom:var(--a-space-m);list-style:none;background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);}.pagination ul{display:flex;gap:var(--a-space-s);list-style:none;padding:0;}.menu ul{display:flex;gap:var(--a-space-m);list-style:none;padding:0;}.menu.vertical ul{flex-direction:column;}.jump-menu{display:flex;align-items:center;gap:var(--a-space-s);}@media (max-width:768px){header.main ul.links{display:none;}header.main .menu.toggle{display:block;}header.main.menu-open ul.links{display:flex !important;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--a-color-surface);padding:var(--a-space-l);border-bottom:1px solid var(--a-color-outline);box-shadow:var(--a-shadow-large);z-index:999;}}.button.floating{position:fixed;bottom:var(--a-space-xl);right:var(--a-space-xl);z-index:1000;}.carousel{position:relative;}.carousel-inner{position:relative;width:100%;overflow:hidden;}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out;}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block;}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease;}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;}.carousel-control-prev{left:0;}.carousel-control-next{right:0;}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3csvg%3e");}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none;}.carousel-indicators [data-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease;}.carousel-indicators .active{opacity:1;}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}.d-block{display:block!important;}.w-100{width:100%!important;}.progress>div{width:var(--progress-percent,0%);}.progress.labeled>div{background:var(--a-color-primary);}.progress.stacked>div.success{background:var(--a-color-success);width:var(--progress-percent,0%);}.progress.stacked>div.warning{background:var(--a-color-warning);width:var(--progress-percent,0%);}.progress.stacked>div.error{background:var(--a-color-error);width:var(--progress-percent,0%);}.progress.circular{position:relative;width:100px;height:100px;}.progress.circular svg{transform:rotate(-90deg);width:100%;height:100%;}.progress.circular circle{fill:none;stroke-width:10;}.progress.circular .track{stroke:var(--a-color-surface-variant);}.progress.circular .indicator{stroke:var(--a-color-primary);stroke-linecap:round;stroke-dasharray:var(--progress-circumference);stroke-dashoffset:calc(var(--progress-circumference) - (var(--progress-value) / 100) * var(--progress-circumference));transition:stroke-dashoffset 0.3s;}.progress.circular span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:var(--a-font-weight-bold);}.chat{display:flex;flex-direction:column;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;height:400px;}.chat .history{flex-grow:1;padding:var(--a-space-m);overflow-y:auto;background-color:var(--a-color-surface-variant);}.chat .message{padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);max-width:80%;}.chat .user{background-color:var(--a-color-primary);color:var(--a-color-on-primary);align-self:flex-end;margin-left:auto;}.chat .bot{background-color:var(--a-color-surface);color:var(--a-color-on-surface);align-self:flex-start;}.chat form{display:flex;padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);}.chat input{flex-grow:1;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);margin-right:var(--a-space-m);}.settings{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);padding:var(--a-space-l);}.settings header h3{margin-top:0;}.chat-widget{display:flex;flex-direction:column;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;height:400px;}.chat-history{flex-grow:1;padding:var(--a-space-m);overflow-y:auto;background-color:var(--a-color-surface-variant);}.chat-message{padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);max-width:80%;}.chat-message.user{background-color:var(--a-color-primary);color:var(--a-color-on-primary);align-self:flex-end;margin-left:auto;}.chat-message.bot{background-color:var(--a-color-surface);color:var(--a-color-on-surface);align-self:flex-start;}.chat-form{display:flex;padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);}.chat-input{flex-grow:1;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);margin-right:var(--a-space-m);}#ai-chat-toggle-button{position:fixed;bottom:var(--a-space-xl);right:var(--a-space-xl);z-index:1010;border-radius:50%;width:60px;height:60px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--a-shadow-large);}#ai-chat-component{position:fixed;bottom:calc(var(--a-space-xl)+70px);right:var(--a-space-xl);width:400px;max-width:90vw;z-index:1010;}.ai-chat-panel{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);display:flex;flex-direction:column;height:60vh;max-height:500px;overflow:hidden;transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out;transform:translateY(20px);opacity:0;}.ai-chat-panel:not(.is-hidden){transform:translateY(0);opacity:1;}.ai-chat-panel.is-hidden{display:none;}.ai-chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);background-color:var(--a-color-surface-variant);}.ai-chat-panel header h3{margin:0;font-size:1.1rem;font-weight:var(--a-font-weight-bold);}.ai-chat-panel .close-chat{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--a-color-on-surface-variant);cursor:pointer;padding:var(--a-space-xs);border-radius:50%;transition:background-color 0.2s ease;}.ai-chat-panel .close-chat:hover{background-color:rgba(0,0,0,0.1);}.ai-chat-messages{flex-grow:1;padding:var(--a-space-m);overflow-y:auto;display:flex;flex-direction:column;gap:var(--a-space-m);}.ai-message{padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);max-width:85%;line-height:1.4;}.user-message{background-color:var(--a-color-primary);color:var(--a-color-on-primary);align-self:flex-end;margin-left:auto;}.assistant-message{background-color:var(--a-color-surface-variant);color:var(--a-color-on-surface-variant);align-self:flex-start;}.ai-chat-input-area{display:flex;padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);gap:var(--a-space-s);}#ai-chat-input{flex-grow:1;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);resize:none;font-family:inherit;font-size:inherit;}.wizard-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--a-space-l);}.wizard-controls{background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);}.wizard-controls h2{margin-top:0;}.control-group{margin-bottom:var(--a-space-m);}.control-group label{display:block;margin-bottom:var(--a-space-xs);}.control-group input[type="color"],.control-group input[type="text"]{width:100%;padding:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);}.wizard-preview{padding:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);}.exported-css-container{margin-top:var(--a-space-l);}#exported-css{width:100%;min-height:200px;font-family:var(--a-font-family-mono);}footer.main{background-color:var(--a-color-surface-variant);padding:var(--a-space-xxl) 0;border-top:1px solid var(--a-color-outline);}footer.main .content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--a-space-xl);max-width:1200px;margin:0 auto;padding:0 var(--a-space-xl);}footer.main .brand{flex-basis:250px;}footer.main .logo{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.75rem;text-decoration:none;color:var(--a-color-on-surface);}footer.main .version{font-size:0.8rem;color:var(--a-color-on-surface-variant);margin-left:var(--a-space-s);}footer.main .tagline{color:var(--a-color-on-surface-variant);font-size:0.9rem;}footer.main .social{display:flex;gap:var(--a-space-m);margin-top:var(--a-space-m);}footer.main .social a{color:var(--a-color-on-surface-variant);font-size:1.2rem;}footer.main .links{display:flex;gap:var(--a-space-xl);}footer.main .column h4{margin:0 0 var(--a-space-m);}footer.main .column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--a-space-s);}footer.main .bottom{text-align:center;padding-top:var(--a-space-xl);margin-top:var(--a-space-xl);border-top:1px solid var(--a-color-outline);max-width:1200px;margin:var(--a-space-xl) auto 0;padding:var(--a-space-xl) var(--a-space-xl) 0;}footer.main.simple .content{align-items:center;}footer.main.minimal{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-l) var(--a-space-xl);}footer.main.minimal p{margin:0;}footer.main.minimal nav{display:flex;gap:var(--a-space-m);}#example-sites .card{text-decoration:none;color:var(--a-color-on-surface);}#example-sites .card img{border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);border:1px solid var(--a-color-outline);}#example-sites .card h3{color:var(--a-color-primary);}.release-info-section{background-color:var(--a-color-surface-variant);}.info{background:var(--a-color-surface);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);padding:var(--a-space-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--a-space-l);}.version h3{margin:0 0 var(--a-space-xs);font-size:1.8rem;color:var(--a-color-primary);}.version p{margin:0;color:var(--a-color-on-surface-variant);}.stats{display:flex;gap:var(--a-space-xl);}.stats .stat{text-align:center;}.stats .stat h4{margin:0 0 var(--a-space-xs);font-size:1.5rem;}.stats .stat p{margin:0;font-size:0.9rem;color:var(--a-color-on-surface-variant);}.badge{display:inline-block;padding:var(--a-space-xs) var(--a-space-s);font-size:0.875rem;font-weight:var(--a-font-weight-bold);line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface-variant);color:var(--a-color-on-surface-variant);}.badge.primary{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.badge.secondary{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.badge.success{background-color:var(--a-color-success);color:var(--a-color-on-success);}.badge.warning{background-color:var(--a-color-warning);color:var(--a-color-on-warning);}.badge.error{background-color:var(--a-color-error);color:var(--a-color-on-error);}.badge.pill{border-radius:10rem;}.badge .fas{margin-right:var(--a-space-xs);}form label{display:block;margin-bottom:var(--a-space-xs);font-weight:var(--a-font-weight-bold);}form input,form select,form textarea{margin-top:var(--a-space-m);}form>*:first-child{margin-top:0;}form>label:first-child{margin-top:0;}form>label:first-child+*{margin-top:0;}form>div{display:flex;flex-direction:column;gap:var(--a-space-s);}input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="number"],input[type="tel"],input[type="url"],select,textarea{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-base);font-family:var(--a-font-family-sans);color:var(--a-color-on-surface);background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);transition:border-color 0.2s ease,box-shadow 0.2s ease;}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="url"]:focus,select:focus,textarea:focus{outline:none;border-color:var(--a-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-color-primary) 20%,transparent);}textarea{resize:vertical;min-height:80px;}form>div label{display:flex;align-items:center;gap:var(--a-space-s);font-weight:var(--a-font-weight-normal);}form>div input{margin-top:0;}[data-theme="dark"] #code-in-action .example pre{background-color:#0d0d21;color:#d1d5db;border:1px solid var(--a-color-outline);}[data-theme="dark"] section header h2{color:var(--a-color-primary);}[data-theme="dark"] a:hover{color:var(--a-color-secondary);}[data-theme="dark"] .card:hover{border-color:var(--a-color-primary);box-shadow:0 0 20px rgba(129,140,248,0.15);}[data-theme="dark"] section.hero{color:#f8fafc;}[data-theme="dark"] section.hero .button.primary{background-color:#f8fafc;color:#4f46e5;}[data-theme="dark"] section.hero .button.secondary{border-color:#f8fafc;color:#f8fafc;}[data-theme="dark"] .search-modal-content,[data-theme="dark"] .component-browser{background-color:var(--a-color-surface);color:var(--a-color-on-surface);}[data-theme="dark"] .search-modal-content header,[data-theme="dark"] .component-browser header{background-color:var(--a-color-surface-variant);}[data-theme="dark"] #search-modal-input,[data-theme="dark"] #component-search-input,[data-theme="dark"] #component-category-filter{background-color:var(--a-color-surface);color:var(--a-color-on-surface);border-color:var(--a-color-outline);}[data-theme="corporate-clean"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:0.875rem;--a-border-radius-medium:0.25rem;--a-border-radius-large:0.375rem;--a-color-primary:#0052cc;--a-color-on-primary:#ffffff;--a-color-secondary:#5e6c84;--a-color-surface:#ffffff;--a-color-on-surface:#172b4d;--a-color-surface-variant:#f4f5f7;--a-color-on-surface-variant:#5e6c84;--a-color-outline:#dfe1e6;--a-color-success:#00875a;--a-color-warning:#ffab00;--a-color-error:#de350b;}[data-theme="synthwave-84"]{--a-font-family-sans:'JetBrains Mono',monospace;--a-space-unit:1rem;--a-border-radius-medium:0.2rem;--a-border-radius-large:0.2rem;--a-shadow-medium:0 0 15px rgba(255,45,195,0.2);--a-shadow-large:0 0 30px rgba(255,45,195,0.3);--a-color-primary:#ff2dc3;--a-color-on-primary:#ffffff;--a-color-secondary:#00c5ec;--a-color-surface:#2d2a54;--a-color-on-surface:#ffffff;--a-color-surface-variant:#232043;--a-color-on-surface-variant:#a59ecb;--a-color-outline:#4a467c;--a-color-success:#00f9a3;--a-color-warning:#fede5d;--a-color-error:#ff5370;}[data-theme="nordic-calm"]{--a-font-family-sans:'Lexend',sans-serif;--a-space-unit:1.125rem;--a-border-radius-medium:0.5rem;--a-border-radius-large:1rem;--a-color-primary:#5e81ac;--a-color-on-primary:#eceff4;--a-color-secondary:#81a1c1;--a-color-surface:#eceff4;--a-color-on-surface:#2e3440;--a-color-surface-variant:#e5e9f0;--a-color-on-surface-variant:#4c566a;--a-color-outline:#d8dee9;--a-color-success:#a3be8c;--a-color-warning:#ebcb8b;--a-color-error:#bf616a;}[data-theme="vintage-paper"]{--a-font-family-sans:'Lora',serif;--a-space-unit:1rem;--a-border-radius-medium:0.1rem;--a-border-radius-large:0.1rem;--a-color-primary:#854442;--a-color-on-primary:#fffbeB;--a-color-secondary:#77685d;--a-color-surface:#fffbeB;--a-color-on-surface:#3c2f2f;--a-color-surface-variant:#f4f0e6;--a-color-on-surface-variant:#77685d;--a-color-outline:#ded6c9;--a-color-success:#4b6652;--a-color-warning:#be5a38;--a-color-error:#c74343;}[data-theme="dracula"]{--a-font-family-sans:'Source Code Pro',monospace;--a-space-unit:0.9rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-color-primary:#bd93f9;--a-color-on-primary:#282a36;--a-color-secondary:#8be9fd;--a-color-surface:#282a36;--a-color-on-surface:#f8f8f2;--a-color-surface-variant:#44475a;--a-color-on-surface-variant:#bd93f9;--a-color-outline:#44475a;--a-color-success:#50fa7b;--a-color-warning:#f1fa8c;--a-color-error:#ff5555;}[data-theme="solarized-light"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-color-primary:#268bd2;--a-color-on-primary:#fdf6e3;--a-color-secondary:#2aa198;--a-color-surface:#fdf6e3;--a-color-on-surface:#586e75;--a-color-surface-variant:#eee8d5;--a-color-on-surface-variant:#839496;--a-color-outline:#eee8d5;--a-color-success:#859900;--a-color-warning:#b58900;--a-color-error:#dc322f;}[data-theme="solarized-dark"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-color-primary:#268bd2;--a-color-on-primary:#002b36;--a-color-secondary:#2aa198;--a-color-surface:#002b36;--a-color-on-surface:#839496;--a-color-surface-variant:#073642;--a-color-on-surface-variant:#586e75;--a-color-outline:#073642;--a-color-success:#859900;--a-color-warning:#b58900;--a-color-error:#dc322f;}[data-theme="luxe-black"]{--a-font-family-sans:'Playfair Display',serif;--a-font-weight-bold:900;--a-space-unit:1.05rem;--a-border-radius-medium:0;--a-border-radius-large:0;--a-color-primary:#d4af37;--a-color-on-primary:#0a0a0a;--a-color-secondary:#c0c0c0;--a-color-surface:#0a0a0a;--a-color-on-surface:#e0e0e0;--a-color-surface-variant:#1a1a1a;--a-color-on-surface-variant:#a0a0a0;--a-color-outline:#333333;--a-color-success:#4caf50;--a-color-warning:#d4af37;--a-color-error:#f44336;}[data-theme="minty-fresh"]{--a-font-family-sans:'Poppins',sans-serif;--a-space-unit:0.95rem;--a-border-radius-medium:0.75rem;--a-border-radius-large:1.5rem;--a-color-primary:#00a97f;--a-color-on-primary:#ffffff;--a-color-secondary:#9dcec5;--a-color-surface:#f0fdfa;--a-color-on-surface:#0f172a;--a-color-surface-variant:#ffffff;--a-color-on-surface-variant:#64748b;--a-color-outline:#e2e8f0;--a-color-success:#00a97f;--a-color-warning:#f59e0b;--a-color-error:#ef4444;}[data-theme="desert-sunset"]{--a-font-family-sans:'Roboto Slab',serif;--a-space-unit:1rem;--a-border-radius-medium:0.2rem;--a-border-radius-large:0.4rem;--a-color-primary:#d95f27;--a-color-on-primary:#fff8f0;--a-color-secondary:#e88c4d;--a-color-surface:#fff8f0;--a-color-on-surface:#4d3d33;--a-color-surface-variant:#fcefe4;--a-color-on-surface-variant:#8c7a6b;--a-color-outline:#e6dcd1;--a-color-success:#5a8c4a;--a-color-warning:#d95f27;--a-color-error:#c74343;}[data-theme="deep-ocean"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:1rem;--a-border-radius-large:2rem;--a-color-primary:#00bcd4;--a-color-on-primary:#001f24;--a-color-secondary:#0097a7;--a-color-surface:#001f24;--a-color-on-surface:#b2ebf2;--a-color-surface-variant:#00373d;--a-color-on-surface-variant:#80deea;--a-color-outline:#004e55;--a-color-success:#4db6ac;--a-color-warning:#ffc107;--a-color-error:#ff5252;}[data-theme="gruvbox-dark"]{--a-font-family-sans:'JetBrains Mono',monospace;--a-space-unit:1rem;--a-border-radius-medium:0.1rem;--a-border-radius-large:0.2rem;--a-color-primary:#fabd2f;--a-color-on-primary:#282828;--a-color-secondary:#83a598;--a-color-surface:#282828;--a-color-on-surface:#ebdbb2;--a-color-surface-variant:#3c3836;--a-color-on-surface-variant:#a89984;--a-color-outline:#504945;--a-color-success:#b8bb26;--a-color-warning:#fe8019;--a-color-error:#cc241d;}[data-theme="sakura-blossom"]{--a-font-family-sans:'Poppins',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:0.5rem;--a-border-radius-large:1rem;--a-color-primary:#ffb7c5;--a-color-on-primary:#5c2c35;--a-color-secondary:#d6aab1;--a-color-surface:#fff0f3;--a-color-on-surface:#5c2c35;--a-color-surface-variant:#ffffff;--a-color-on-surface-variant:#8c6b71;--a-color-outline:#ffe0e5;--a-color-success:#a3d6a3;--a-color-warning:#ffd699;--a-color-error:#ff8a8a;}[data-theme="matcha-green"]{--a-font-family-sans:'Lexend',sans-serif;--a-space-unit:0.9rem;--a-border-radius-medium:0.4rem;--a-border-radius-large:0.8rem;--a-color-primary:#6b9080;--a-color-on-primary:#f6fff8;--a-color-secondary:#a4c3b2;--a-color-surface:#f6fff8;--a-color-on-surface:#333d29;--a-color-surface-variant:#eaf4f4;--a-color-on-surface-variant:#6b9080;--a-color-outline:#cce3de;--a-color-success:#6b9080;--a-color-warning:#e6b800;--a-color-error:#c94f4f;}[data-theme="monokai-pro"]{--a-font-family-sans:'Source Code Pro',monospace;--a-space-unit:0.95rem;--a-border-radius-medium:0.25rem;--a-border-radius-large:0.25rem;--a-color-primary:#ffd866;--a-color-on-primary:#2d2a2e;--a-color-secondary:#ab9df2;--a-color-surface:#2d2a2e;--a-color-on-surface:#fcfcfa;--a-color-surface-variant:#403e41;--a-color-on-surface-variant:#9e9e9e;--a-color-outline:#5b595c;--a-color-success:#a9dc76;--a-color-warning:#ffd866;--a-color-error:#ff6188;}[data-theme="slate-gray"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:0.8rem;--a-border-radius-medium:0.2rem;--a-border-radius-large:0.2rem;--a-color-primary:#4a5568;--a-color-on-primary:#ffffff;--a-color-secondary:#718096;--a-color-surface:#f7fafc;--a-color-on-surface:#1a202c;--a-color-surface-variant:#edf2f7;--a-color-on-surface-variant:#4a5568;--a-color-outline:#e2e8f0;--a-color-success:#38a169;--a-color-warning:#dd6b20;--a-color-error:#e53e3e;}[data-theme="tropical-splash"]{--a-font-family-sans:'Poppins',sans-serif;--a-space-unit:1.1rem;--a-border-radius-medium:2rem;--a-border-radius-large:4rem;--a-color-primary:#ff6b6b;--a-color-on-primary:#ffffff;--a-color-secondary:#48dbfb;--a-color-surface:#fefeff;--a-color-on-surface:#1a1a1a;--a-color-surface-variant:#f0faff;--a-color-on-surface-variant:#575757;--a-color-outline:#e0f5ff;--a-color-success:#1dd1a1;--a-color-warning:#feca57;--a-color-error:#ff6b6b;}[data-theme="candy-pop"]{--a-font-family-sans:'Lexend',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:1rem;--a-border-radius-large:2rem;--a-color-primary:#ff85a1;--a-color-on-primary:#ffffff;--a-color-secondary:#a2d2ff;--a-color-surface:#fff5f7;--a-color-on-surface:#4b2a32;--a-color-surface-variant:#ffffff;--a-color-on-surface-variant:#8c6b71;--a-color-outline:#ffe0e5;--a-color-success:#bde0fe;--a-color-warning:#ffc8dd;--a-color-error:#ff85a1;}[data-theme="rose-pine"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:0.9rem;--a-border-radius-medium:0.5rem;--a-border-radius-large:0.75rem;--a-color-primary:#eb6f92;--a-color-on-primary:#191724;--a-color-secondary:#9ccfd8;--a-color-surface:#191724;--a-color-on-surface:#e0def4;--a-color-surface-variant:#26233a;--a-color-on-surface-variant:#6e6a86;--a-color-outline:#403d52;--a-color-success:#31748f;--a-color-warning:#f6c177;--a-color-error:#eb6f92;}[data-theme="midnight-moss"]{--a-font-family-sans:'Roboto Slab',serif;--a-space-unit:1rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.6rem;--a-color-primary:#588157;--a-color-on-primary:#f1faee;--a-color-secondary:#a3b18a;--a-color-surface:#1b263b;--a-color-on-surface:#e0e1dd;--a-color-surface-variant:#2a3b52;--a-color-on-surface-variant:#a3b18a;--a-color-outline:#415a77;--a-color-success:#588157;--a-color-warning:#dda15e;--a-color-error:#bc4749;}#theme-explorer{background-color:var(--a-color-surface-variant);}.theme-switcher-card{background-color:var(--a-color-surface);border-radius:var(--a-border-radius-large);padding:var(--a-space-xl);box-shadow:var(--a-shadow-large);display:grid;grid-template-columns:1fr;gap:var(--a-space-l);align-items:center;}@media (min-width:768px){.theme-switcher-card{grid-template-columns:1fr 2fr;}}.controls{display:flex;flex-direction:column;gap:var(--a-space-s);}.controls label{font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface-variant);}#theme-select{width:100%;padding:var(--a-space-m);font-size:1.1rem;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface);color:var(--a-color-on-surface);cursor:pointer;}.description{padding:var(--a-space-m);background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);border-left:4px solid var(--a-color-primary);min-height:80px;display:flex;align-items:center;gap:var(--a-space-m);}.alert{display:flex;align-items:center;gap:var(--a-space-m);padding:var(--a-space-m);margin-bottom:var(--a-space-m);border-radius:var(--a-border-radius-medium);border-left:4px solid;}.alert i{font-size:1.2rem;}.alert.success{background-color:var(--a-color-success-container,#dcfce7);color:var(--a-color-on-success-container,#14532d);border-color:var(--a-color-success,#22c55e);}.alert.warning{background-color:var(--a-color-warning-container,#fef3c7);color:var(--a-color-on-warning-container,#78350f);border-color:var(--a-color-warning,#f59e0b);}.alert.error{background-color:var(--a-color-error-container,#fee2e2);color:var(--a-color-on-error-container,#7f1d1d);border-color:var(--a-color-error,#ef4444);}.alert.info{background-color:var(--a-color-info-container,#e0f2fe);color:var(--a-color-on-info-container,#0c4a6e);border-color:var(--a-color-info,#3b82f6);}.alert.dismissible{justify-content:space-between;}.alert .close,.alert [data-alert-close]{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:0.7;color:var(--ax-text);padding:0;margin:0;}.alert .close:hover,.alert [data-alert-close]:hover{opacity:1;}table{width:100%;border-collapse:collapse;margin-bottom:var(--a-space-l);}table th,table td{padding:var(--a-space-m);text-align:left;border-bottom:1px solid var(--a-color-outline);}table thead th{font-weight:var(--a-font-weight-bold);background-color:var(--a-color-surface-variant);border-bottom-width:2px;}table.striped tbody tr:nth-of-type(odd){background-color:var(--a-color-surface-variant);}table tbody tr:hover{background-color:color-mix(in srgb,var(--a-color-primary) 10%,transparent);}.dropdown{position:relative;display:inline-block;}.dropdown-toggle{display:flex;align-items:center;gap:var(--a-space-s);}.dropdown.menu{position:absolute;top:calc(100%+var(--a-space-xs));left:0;z-index:1000;display:none;min-width:180px;padding:var(--a-space-s) 0;margin:0;list-style:none;background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-large);opacity:0;transform:translateY(10px);transition:opacity 0.2s ease,transform 0.2s ease;}.dropdown.is-open .dropdown.menu{display:block;opacity:1;transform:translateY(0);}.dropdown.menu li a,.dropdown.menu li button{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);clear:both;font-weight:var(--a-font-weight-normal);color:var(--a-color-on-surface);text-decoration:none;white-space:nowrap;background-color:transparent;border:0;cursor:pointer;}.dropdown.menu li a:hover,.dropdown.menu li button:hover{background-color:var(--a-color-surface-variant);color:var(--a-color-primary);text-decoration:none;}.dropdown.menu .divider{height:1px;margin:var(--a-space-s) 0;overflow:hidden;background-color:var(--a-color-outline);}.tooltip{position:relative;display:inline-block;}.tooltip [role="tooltip"]{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--a-font-family-sans);font-style:normal;font-weight:var(--a-font-weight-normal);line-height:1.5;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;background-color:var(--a-color-on-surface);color:var(--a-color-surface);padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);}.tooltip.is-visible [role="tooltip"]{opacity:1;visibility:visible;}.tooltip.top [role="tooltip"]{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--a-space-s);}.tooltip.right [role="tooltip"]{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--a-space-s);}.tooltip.bottom [role="tooltip"]{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--a-space-s);}.tooltip.left [role="tooltip"]{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--a-space-s);}.sidebar{width:100%;background-color:var(--a-color-surface-variant);border-bottom:1px solid var(--a-color-outline);padding:var(--a-space-l);}.sidebar nav h3{font-size:1.1rem;font-weight:var(--a-font-weight-bold);margin-top:var(--a-space-m);margin-bottom:var(--a-space-s);color:var(--a-color-primary);}.sidebar nav ul{list-style:none;padding:0;margin-bottom:var(--a-space-l);}.sidebar nav ul li a{display:block;padding:var(--a-space-s);color:var(--a-color-on-surface);text-decoration:none;border-radius:var(--a-border-radius-small);transition:background-color 0.2s ease;}.sidebar nav ul li a:hover{background-color:var(--a-color-surface);}.content{flex-grow:1;padding:var(--a-space-xl);}.doc-title{font-size:2.5rem;font-weight:var(--a-font-weight-black);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);}.doc-description{font-size:1.1rem;line-height:1.7;color:var(--a-color-on-surface-variant);margin-bottom:var(--a-space-xl);}.doc-section{margin-bottom:var(--a-space-xxl);}.doc-section-title{font-size:1.8rem;font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-l);color:var(--a-color-on-surface);border-bottom:1px solid var(--a-color-outline);padding-bottom:var(--a-space-s);}.doc-live-example{background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);margin-bottom:var(--a-space-l);border:1px dashed var(--a-color-outline);}.doc-code-block{background-color:var(--a-color-code-bg);color:var(--a-color-code-text);padding:var(--a-space-l);border-radius:var(--a-border-radius-medium);overflow-x:auto;border:1px solid var(--a-color-code-border);}.doc-code-block pre{margin:0;}.doc-code-block code{font-family:var(--a-font-family-mono);font-size:0.9rem;line-height:1.5;}@media (min-width:var(--a-breakpoint-md)){.sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--a-color-outline);border-bottom:none;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;}.content{padding-left:var(--a-space-xl);padding-right:var(--a-space-xl);}}.messages{border:1px solid var(--a-color-outline);border-left-width:0.35rem;border-radius:var(--a-border-radius-base);margin-bottom:var(--a-space-base);padding:var(--a-space-small) var(--a-space-base);}.messages--status{border-left-color:var(--a-color-success);}.messages--warning{border-left-color:var(--a-color-warning);}.messages--error{border-left-color:var(--a-color-error);}.form-item--error-message{margin-top:var(--a-space-tiny);border-left:0.2rem solid var(--a-color-error);padding-left:var(--a-space-tiny);color:var(--a-color-error);font-size:var(--a-font-size-small);}.form-item--error input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),.form-item--error textarea,.form-item--error select,input.error,textarea.error,select.error{border-color:var(--a-color-error);box-shadow:0 0 0 1px color-mix(in srgb,var(--a-color-error) 30%,transparent);}.tabs{margin:0 0 var(--a-space-base);}.tabs>ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--a-space-tiny);}.tabs a{display:inline-flex;align-items:center;border:1px solid var(--a-color-outline);border-radius:999px;padding:0.35rem 0.75rem;color:inherit;text-decoration:none;}.tabs .is-active a,.tabs a.is-active{background:color-mix(in srgb,var(--a-color-primary) 14%,var(--a-color-surface));border-color:color-mix(in srgb,var(--a-color-primary) 45%,var(--a-color-outline));}.pager{margin:var(--a-space-base) 0;}.pager__items{list-style:none;display:flex;gap:var(--a-space-tiny);flex-wrap:wrap;padding:0;margin:0;}.pager__item a,.pager__link,.pager__item.is-active{display:inline-flex;min-width:2rem;min-height:2rem;align-items:center;justify-content:center;padding:0 var(--a-space-tiny);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);text-decoration:none;color:inherit;}.pager__item a:hover,.pager__item a:focus,.pager__link:hover,.pager__link:focus{border-color:color-mix(in srgb,var(--a-color-primary) 45%,var(--a-color-outline));background:color-mix(in srgb,var(--a-color-primary) 8%,var(--a-color-surface));}.pager__item.is-active{background:color-mix(in srgb,var(--a-color-primary) 14%,var(--a-color-surface));border-color:color-mix(in srgb,var(--a-color-primary) 45%,var(--a-color-outline));font-weight:var(--a-font-weight-medium);}.pager__item--first a,.pager__item--last a,.pager__item--previous a,.pager__item--next a,.pager-previous a,.pager-next a,.pager-first a,.pager-last a{padding:0.35rem 0.65rem;min-width:auto;}.pager__item--ellipsis,.pager-ellipsis{display:inline-flex;align-items:center;padding:0.35rem 0.35rem;color:color-mix(in srgb,var(--a-color-on-surface) 70%,white);}.pager__items--mini{gap:var(--a-space-small);}.ajax-progress,.ajax-progress-throbber,.ajax-progress-inline{display:inline-flex;align-items:center;gap:var(--a-space-tiny);margin-left:var(--a-space-tiny);font-size:var(--a-font-size-small);}.ajax-progress .throbber,.ajax-progress-throbber .throbber,.throbber{width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--a-color-primary) 30%,var(--a-color-outline));border-top-color:var(--a-color-primary);animation:axiom-spinner 0.9s linear infinite;background:transparent;box-sizing:border-box;}.ajax-progress .message,.ajax-progress-throbber .message{color:color-mix(in srgb,var(--a-color-on-surface) 82%,white);}.ajax-progress-fullscreen{inset:0;margin:0;display:grid;place-items:center;background:color-mix(in srgb,var(--a-color-surface) 84%,transparent);}@keyframes axiom-spinner{to{transform:rotate(360deg);}}.views-exposed-form{display:grid;gap:var(--a-space-small);margin:0 0 var(--a-space-base);padding:var(--a-space-small);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 97%,var(--a-color-primary) 3%);}.views-exposed-form .form-item{margin-bottom:var(--a-space-small);}.views-exposed-form .form-actions{margin-top:var(--a-space-tiny);}.views-exposed-form .form-submit{min-height:2.25rem;}:where(.views-ui,.views-admin,.views-ui-dialog):where(section,.views-display-column,.views-ui-display-tab-bucket){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-small);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);}:where(.views-ui,.views-admin,.views-ui-dialog):where(.views-override,.views-duplicate,button,.button){border-radius:var(--a-border-radius-small);}:where(.paragraphs-subform,.paragraph-type-top,.field--widget-paragraphs){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-small);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);margin-bottom:var(--a-space-small);}:where(.paragraphs-subform,.field--widget-paragraphs) .form-item{margin-bottom:var(--a-space-small);}.paragraphs-actions{display:flex;flex-wrap:wrap;gap:var(--a-space-tiny);}:where(.media-library-widget-modal,.media-library-view):where(.ui-dialog-content,section,.views-view-grid){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 99%,var(--a-color-primary) 1%);}.media-library-item{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-small);overflow:hidden;}.media-library-item__name{padding:var(--a-space-tiny) var(--a-space-small);}:where(.webform-submission-form,.webform-confirmation,.webform-progress){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-small);margin-bottom:var(--a-space-base);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);}.webform-flexbox{gap:var(--a-space-small);}.webform-element-description{font-size:var(--a-font-size-small);color:color-mix(in srgb,var(--a-color-on-surface) 82%,white);}:where(.layout-builder,.layout-builder-modal){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 99%,var(--a-color-primary) 1%);}:where(.layout-builder,.layout-builder-modal):where(.layout-builder__section,.layout-builder__region,section){border:1px dashed color-mix(in srgb,var(--a-color-primary) 35%,var(--a-color-outline));border-radius:var(--a-border-radius-small);padding:var(--a-space-small);}:where(.layout-builder,.layout-builder-modal):where(.layout-builder__add-block,.layout-builder__link,a,button,.button){border-radius:var(--a-border-radius-small);}input[type='file'],.managed-file input[type='file'],.form-managed-file input[type='file']{width:100%;border:1px dashed var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 97%,var(--a-color-primary) 3%);color:inherit;padding:var(--a-space-small);}.managed-file,.form-managed-file,.file-upload-container{display:grid;gap:var(--a-space-small);margin-bottom:var(--a-space-base);padding:var(--a-space-base);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);}.managed-file .form-submit,.managed-file .button,.file-upload-container .button{width:fit-content;}.managed-file .ajax-progress,.form-managed-file .ajax-progress{margin-left:0;}.file-list,.managed-file .file,.file-widget .file{list-style:none;margin:0;padding:0;}.file-list li,.managed-file .file,.file-widget .file{display:flex;align-items:center;justify-content:space-between;gap:var(--a-space-small);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-small);padding:var(--a-space-tiny) var(--a-space-small);background:var(--a-color-surface);}[class*='field--widget-'],[class*='field--formatter-']{margin-bottom:var(--a-space-base);}[class*='field--widget-'] input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),[class*='field--widget-'] textarea,[class*='field--widget-'] select{max-width:100%;}.rating{display:inline-flex;gap:var(--a-space-tiny);align-items:center;justify-content:flex-start;}.rating .star{background:none;border:none;padding:var(--a-space-tiny);font-size:2rem;cursor:pointer;color:var(--a-color-outline);transition:color 200ms ease-in-out,transform 150ms ease-in-out;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-small);}.rating .star:hover,.rating .star.hover{color:var(--a-color-warning);transform:scale(1.1);}.rating .star.active{color:var(--a-color-primary);}.rating .star:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.rating .star:disabled{cursor:not-allowed;opacity:0.7;}.testimonial{border-left:4px solid var(--a-color-primary);padding:var(--a-space-large);background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);font-style:italic;margin:var(--a-space-large) 0;}.testimonial p{margin:0 0 var(--a-space-medium);font-size:1.125rem;line-height:1.6;color:var(--a-color-on-surface);}.testimonial footer{display:flex;align-items:center;gap:var(--a-space-small);font-style:normal;}.testimonial cite{color:var(--a-color-on-surface-variant);font-size:0.9rem;}.testimonial img{width:40px;height:40px;border-radius:50%;object-fit:cover;}.stat{padding:var(--a-space-large);background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);text-align:center;}.stat-value{font-size:2.5rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-primary);margin:0 0 var(--a-space-small);}.stat-label{font-size:1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);margin:0 0 var(--a-space-tiny);}.stat-meta{font-size:0.875rem;color:var(--a-color-on-surface-variant);margin:0;}.cta{padding:var(--a-space-xlarge);border-radius:var(--a-border-radius-large);text-align:center;background:linear-gradient(135deg,var(--a-color-primary-container),var(--a-color-secondary-container));color:var(--a-color-on-primary-container);margin:var(--a-space-large) 0;}.cta h2{margin:0 0 var(--a-space-medium);color:var(--a-color-on-primary-container);}.cta p{margin:0 0 var(--a-space-large);font-size:1.125rem;color:var(--a-color-on-primary-container);}.cta.primary{background:linear-gradient(135deg,var(--a-color-primary-container),var(--a-color-primary));}.cta.secondary{background:linear-gradient(135deg,var(--a-color-secondary-container),var(--a-color-secondary));}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--a-space-large);margin:var(--a-space-large) 0;}.feature{padding:var(--a-space-large);background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);text-align:center;transition:transform 200ms ease-in-out,box-shadow 200ms ease-in-out;}.feature:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.1);}.feature i,.feature .icon{font-size:3rem;margin-bottom:var(--a-space-medium);display:block;color:var(--a-color-primary);}.feature h3{margin:0 0 var(--a-space-small);color:var(--a-color-on-surface);}.feature p{margin:0;color:var(--a-color-on-surface-variant);font-size:0.95rem;}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--a-space-l);padding:var(--a-space-xl) 0;}.component-grid .card{background:var(--a-color-surface);border:2px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);padding:var(--a-space-l);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.3s ease;text-decoration:none;color:var(--a-color-on-surface);position:relative;overflow:hidden;}.component-grid .card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--a-color-primary),transparent);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}.component-grid .card:hover::before{transform:scaleX(1);}.component-grid .card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.12);border-color:var(--a-color-primary);}.component-grid .card i{font-size:3rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);transition:transform 0.3s ease;}.component-grid .card:hover i{transform:scale(1.1) rotate(5deg);}.component-grid .card h3{margin:0 0 var(--a-space-s);font-size:1.3rem;color:var(--a-color-on-surface);font-weight:var(--a-font-weight-bold);}.component-grid .card p{margin:0;color:var(--a-color-on-surface-variant);font-size:0.95rem;line-height:1.5;flex-grow:1;}@media (max-width:768px){.component-grid{grid-template-columns:1fr;gap:var(--a-space-m);}}.data-list{display:flex;flex-direction:column;gap:var(--a-space-l);}.data-list-controls{display:flex;gap:var(--a-space-m);align-items:center;flex-wrap:wrap;}.view-toggle{display:flex;gap:0;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;}.view-btn{background:var(--a-color-surface);border:none;padding:var(--a-space-s) var(--a-space-m);cursor:pointer;color:var(--a-color-on-surface-variant);transition:all 0.2s ease;}.view-btn:hover{background:var(--a-color-surface-variant);}.view-btn.active{background:var(--a-color-primary);color:var(--a-color-on-primary);}.data-list-items{display:grid;gap:var(--a-space-l);}.data-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}.data-list-list{grid-template-columns:1fr;}.data-list-item{background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;transition:all 0.3s ease;position:relative;animation:slideIn 0.3s ease;}.data-list-item:hover{transform:translateY(-4px);box-shadow:var(--a-shadow-large);}.item-header{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--a-color-surface-variant);}.item-header img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.data-list-item:hover .item-header img{transform:scale(1.05);}.item-content{padding:var(--a-space-l);}.item-title{margin:0 0 var(--a-space-xs);font-size:1.1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.item-subtitle{margin:0 0 var(--a-space-s);font-size:0.9rem;color:var(--a-color-on-surface-variant);}.item-preview{margin:0 0 var(--a-space-m);font-size:0.95rem;color:var(--a-color-on-surface-variant);line-height:1.4;}.item-tags{display:flex;flex-wrap:wrap;gap:var(--a-space-xs);}.item-tags .tag{display:inline-block;padding:2px 8px;background:var(--a-color-primary-container);color:var(--a-color-on-primary-container);border-radius:999px;font-size:0.8rem;}.expand-btn{position:absolute;top:var(--a-space-m);right:var(--a-space-m);background:rgba(255,255,255,0.9);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.expand-btn:hover{transform:scale(1.1);}.expand-btn.expanded{transform:rotate(180deg);}.table-controls{display:flex;gap:var(--a-space-m);margin-bottom:var(--a-space-l);flex-wrap:wrap;align-items:center;}.table-search{padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:1rem;flex:1;min-width:200px;}.table-filters{display:flex;gap:var(--a-space-s);flex-wrap:wrap;}.table-filter{padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface);cursor:pointer;font-size:0.95rem;}table thead th.sortable{user-select:none;position:relative;padding-right:30px;}table thead th.sortable::after{content:'';position:absolute;right:10px;opacity:0.3;}table thead th.sort-asc::after{content:'▲';opacity:1;}table thead th.sort-desc::after{content:'▼';opacity:1;}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--a-space-l);padding-top:var(--a-space-l);border-top:1px solid var(--a-color-outline);flex-wrap:wrap;gap:var(--a-space-m);}.pagination-info{font-size:0.95rem;color:var(--a-color-on-surface-variant);}.pagination-nav{display:flex;gap:var(--a-space-s);}.pagination-nav button{padding:0.5rem 1rem;background:var(--a-color-primary);color:var(--a-color-on-primary);border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;font-weight:var(--a-font-weight-bold);transition:all 0.2s ease;}.pagination-nav button:hover{opacity:0.9;transform:translateY(-2px);}.masonry-container{display:grid;gap:var(--masonry-gap,var(--a-space-l));padding:var(--a-space-l) 0;}.masonry-item{position:relative;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;transition:all 0.3s ease;animation:slideIn 0.3s ease;}.masonry-item:hover{transform:translateY(-8px);box-shadow:var(--a-shadow-large);}.masonry-item img{width:100%;height:auto;display:block;}.masonry-content{padding:var(--a-space-l);}.masonry-content h3{margin:0 0 var(--a-space-s);color:var(--a-color-on-surface);}.masonry-content p{margin:0;color:var(--a-color-on-surface-variant);font-size:0.95rem;}.masonry-placeholder{width:100%;height:200px;background:var(--a-color-surface-variant);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--a-color-on-surface-variant);}.masonry-delete{position:absolute;top:var(--a-space-s);right:var(--a-space-s);background:var(--a-color-error);color:white;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all 0.2s ease;}.masonry-item:hover .masonry-delete{opacity:1;}.masonry-files .masonry-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--a-space-l);text-align:center;min-height:150px;}.file-icon{font-size:3rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);}.file-name{margin:0 0 var(--a-space-xs);word-break:break-word;font-weight:var(--a-font-weight-bold);}.file-size{margin:0;font-size:0.85rem;color:var(--a-color-on-surface-variant);}.masonry-gallery .masonry-item{cursor:pointer;position:relative;}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.masonry-item:hover .gallery-image{transform:scale(1.05);}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);color:white;padding:var(--a-space-l) var(--a-space-l) var(--a-space-m);transform:translateY(100%);transition:transform 0.3s ease;}.masonry-item:hover .gallery-overlay{transform:translateY(0);}.gallery-overlay h3{margin:0 0 var(--a-space-xs);color:white;}.gallery-overlay p{margin:0;font-size:0.9rem;opacity:0.9;}.video-player{position:relative;background:#000;border-radius:var(--a-border-radius-large);overflow:hidden;max-width:100%;aspect-ratio:16 / 9;display:flex;flex-direction:column;}.video-element{width:100%;height:100%;}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);padding:var(--a-space-m) var(--a-space-l) var(--a-space-l);display:flex;align-items:center;gap:var(--a-space-s);opacity:0;transition:opacity 0.3s ease;}.video-player:hover .video-controls{opacity:1;}.player-btn{background:transparent;border:none;color:white;font-size:1.2rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-medium);transition:all 0.2s ease;}.player-btn:hover{background:rgba(255,255,255,0.2);}.progress-container{flex:1;display:flex;align-items:center;gap:var(--a-space-s);min-width:150px;}.progress-bar{flex:1;height:4px;background:rgba(0,0,0,0.3);border-radius:2px;cursor:pointer;position:relative;transition:height 0.2s ease;}.progress-bar:hover{height:6px;}.progress{height:100%;background:var(--a-color-primary);border-radius:2px;position:relative;transition:width 0.1s linear;}.progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:white;border-radius:50%;opacity:0;transition:opacity 0.2s ease;}.progress-bar:hover .progress-handle{opacity:1;}.time-display{color:white;font-size:0.85rem;white-space:nowrap;font-family:var(--a-font-family-mono);min-width:100px;text-align:right;}.volume-container{display:flex;align-items:center;gap:0;}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0.3);border-radius:2px;outline:none;cursor:pointer;}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:white;border-radius:50%;cursor:pointer;}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:white;border-radius:50%;cursor:pointer;border:none;}.speed-menu{position:absolute;bottom:100%;right:0;background:rgba(0,0,0,0.9);border-radius:var(--a-border-radius-medium);overflow:hidden;margin-bottom:var(--a-space-s);min-width:80px;transition:opacity 0.2s ease;}.speed-menu.hidden{display:none;}.speed-option{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);background:transparent;border:none;color:white;cursor:pointer;text-align:center;font-size:0.9rem;transition:all 0.2s ease;}.speed-option:hover,.speed-option.active{background:var(--a-color-primary);}.audio-player{background:linear-gradient(135deg,var(--a-color-primary-container),var(--a-color-surface));border-radius:var(--a-border-radius-large);padding:var(--a-space-l);display:flex;gap:var(--a-space-l);align-items:center;border:1px solid var(--a-color-outline);transition:all 0.3s ease;}.audio-player.playing{box-shadow:var(--a-shadow-large);}.audio-cover{width:80px;height:80px;border-radius:var(--a-border-radius-large);overflow:hidden;background:var(--a-color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--a-color-outline);}.audio-cover img{width:100%;height:100%;object-fit:cover;}.audio-cover i{font-size:2rem;color:var(--a-color-primary);}.audio-info{min-width:150px;flex-shrink:0;}.audio-title{margin:0;font-size:1.1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.audio-artist{margin:var(--a-space-xs) 0 0;font-size:0.9rem;color:var(--a-color-on-surface-variant);}.audio-controls{display:flex;align-items:center;gap:var(--a-space-m);flex:1;min-width:0;}.audio-btn{background:var(--a-color-primary);color:var(--a-color-on-primary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;position:relative;}.audio-btn:hover{transform:scale(1.05);opacity:0.9;}.play-btn{width:48px;height:48px;font-size:1.2rem;}.audio-progress-section{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--a-space-s);}.audio-progress-bar{flex:1;height:4px;background:rgba(0,0,0,0.1);border-radius:2px;cursor:pointer;position:relative;transition:height 0.2s ease;}.audio-progress-bar:hover{height:6px;}.audio-progress{height:100%;background:var(--a-color-primary);border-radius:2px;position:relative;transition:width 0.1s linear;}.audio-progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;opacity:0;transition:opacity 0.2s ease;}.audio-progress-bar:hover .audio-progress-handle{opacity:1;}.audio-time{font-size:0.85rem;color:var(--a-color-on-surface-variant);white-space:nowrap;font-family:var(--a-font-family-mono);min-width:80px;text-align:right;}.audio-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0.1);border-radius:2px;outline:none;cursor:pointer;}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;cursor:pointer;}.audio-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;cursor:pointer;border:none;}.audio-speed-menu{position:absolute;bottom:calc(100%+10px);background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;z-index:10;margin-bottom:var(--a-space-s);min-width:80px;}.audio-speed-menu.hidden{display:none;}.audio-speed-option{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);background:var(--a-color-surface);border:none;color:var(--a-color-on-surface);cursor:pointer;text-align:center;font-size:0.9rem;transition:all 0.2s ease;}.audio-speed-option:hover,.audio-speed-option.active{background:var(--a-color-primary);color:var(--a-color-on-primary);}.playlist-container{background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;display:flex;flex-direction:column;max-height:500px;}.playlist-header{padding:var(--a-space-l);border-bottom:1px solid var(--a-color-outline);background:var(--a-color-surface-variant);display:flex;justify-content:space-between;align-items:center;gap:var(--a-space-m);flex-wrap:wrap;}.playlist-title{margin:0;font-size:1.2rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.playlist-controls{display:flex;gap:var(--a-space-s);flex:1;min-width:200px;}.playlist-search{flex:1;min-width:150px;padding:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:0.9rem;}.playlist-btn{background:var(--a-color-primary);color:var(--a-color-on-primary);border:none;width:36px;height:36px;border-radius:var(--a-border-radius-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.playlist-btn:hover{opacity:0.9;transform:translateY(-2px);}.playlist-btn.active{background:var(--a-color-secondary);}.playlist-items{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;}.playlist-item{padding:var(--a-space-m) var(--a-space-l);border-bottom:1px solid var(--a-color-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--a-space-m);cursor:pointer;transition:all 0.2s ease;position:relative;}.playlist-item:hover{background:var(--a-color-surface-variant);}.playlist-item.active{background:var(--a-color-primary-container);border-left:4px solid var(--a-color-primary);padding-left:calc(var(--a-space-l) - 4px);}.item-content{display:flex;align-items:center;gap:var(--a-space-m);flex:1;min-width:0;}.item-index{width:30px;text-align:center;color:var(--a-color-on-surface-variant);font-weight:var(--a-font-weight-bold);flex-shrink:0;}.item-details{flex:1;min-width:0;}.item-title{margin:0;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.item-artist{margin:2px 0 0;font-size:0.85rem;color:var(--a-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.item-duration{color:var(--a-color-on-surface-variant);font-family:var(--a-font-family-mono);font-size:0.9rem;white-space:nowrap;flex-shrink:0;}.item-remove{background:transparent;border:none;color:var(--a-color-error);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-medium);transition:all 0.2s ease;flex-shrink:0;opacity:0;}.playlist-item:hover .item-remove{opacity:1;}.item-remove:hover{background:var(--a-color-error-container);}.playlist-item.drag-over{background:rgba(0,0,0,0.05);border-top:2px solid var(--a-color-primary);}.playlist-stats{padding:var(--a-space-m) var(--a-space-l);background:var(--a-color-surface-variant);border-top:1px solid var(--a-color-outline);font-size:0.9rem;color:var(--a-color-on-surface-variant);text-align:center;}@media (max-width:768px){.audio-player{flex-direction:column;align-items:flex-start;}.audio-cover{width:60px;height:60px;}.audio-controls{width:100%;}.table-controls{flex-direction:column;}.data-list-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}}.swipecards{max-width:28rem;margin-inline:auto;display:grid;gap:var(--a-space-m);touch-action:pan-y;}.swipecards article{padding:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);box-shadow:var(--a-shadow-small);user-select:none;transition:transform 200ms ease,opacity 200ms ease;}.swipecards nav{display:flex;gap:var(--a-space-s);justify-content:center;}.pullrefresh{max-width:34rem;margin-inline:auto;display:grid;gap:var(--a-space-s);}.pullrefresh output{text-align:center;color:var(--a-color-on-surface-variant);}.pullrefresh [data-role="surface"]{--pull-distance:0px;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);padding:var(--a-space-l);transform:translateY(calc(var(--pull-distance) * 0.35));transition:transform 180ms ease;min-height:12rem;}.storyview{max-width:34rem;margin-inline:auto;display:grid;gap:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);padding:var(--a-space-m);}.storyview header{display:grid;gap:var(--a-space-xs);grid-template-columns:repeat(3,minmax(0,1fr));}.storyview article{min-height:11rem;padding:var(--a-space-m);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface-variant);}.storyview nav{display:flex;justify-content:space-between;}.multimediapicker{max-width:40rem;margin-inline:auto;display:grid;gap:var(--a-space-s);padding:var(--a-space-m);border:1px dashed var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);}.multimediapicker ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--a-space-s);}.multimediapicker li{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);display:grid;gap:var(--a-space-xs);}.multimediapicker img,.multimediapicker video,.multimediapicker audio{width:100%;max-height:12rem;border-radius:var(--a-border-radius-small);object-fit:cover;}.autocomplete{max-width:30rem;margin-inline:auto;display:grid;gap:var(--a-space-xs);position:relative;}.autocomplete ul{margin:0;padding:0;list-style:none;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface);box-shadow:var(--a-shadow-small);max-height:16rem;overflow:auto;}.autocomplete li{padding:var(--a-space-xs) var(--a-space-s);cursor:pointer;}.autocomplete li[aria-selected="true"],.autocomplete li:hover{background:var(--a-color-primary-container);color:var(--a-color-on-primary-container);}.timer{max-width:30rem;margin-inline:auto;display:grid;gap:var(--a-space-xs);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);padding:var(--a-space-m);}.timer time{font-size:clamp(1.6rem,4vw,2.4rem);font-family:var(--a-font-family-mono);text-align:center;padding:var(--a-space-s);background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);}.timer nav{display:flex;gap:var(--a-space-xs);}.touch{max-width:32rem;margin-inline:auto;display:grid;gap:var(--a-space-s);}.touch [data-role="pad"]{border:2px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);min-height:11rem;display:grid;place-items:center;background:var(--a-color-surface-variant);touch-action:none;}.touch ol{margin:0;padding-inline-start:var(--a-space-l);}.filedisplay{max-width:40rem;margin-inline:auto;display:grid;gap:var(--a-space-s);}.filedisplay ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--a-space-s);}.filedisplay li{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface);padding:var(--a-space-s);display:grid;gap:var(--a-space-xs);}.filedisplay pre{margin:0;white-space:pre-wrap;background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-small);padding:var(--a-space-s);}.shapes{max-width:40rem;margin-inline:auto;padding:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);}.shapes svg{width:100%;height:auto;}.shapes circle,.shapes rect{fill:var(--a-color-primary-container);stroke:var(--a-color-primary);stroke-width:2;}.shapes path{fill:none;stroke:var(--a-color-secondary);stroke-width:4;stroke-linecap:round;}@media (max-width:680px){.timer nav,.swipecards nav,.storyview nav{flex-direction:column;}}:root{--ax-reading-width:65ch;}:root[data-layout-width='narrow']{--ax-reading-width:60ch;}:root[data-layout-width='standard']{--ax-reading-width:65ch;}:root[data-layout-width='wide']{--ax-reading-width:70ch;}:root[data-layout-width='full']{--ax-reading-width:100%;}.prose,[data-axiom-text-content],article>p,article>blockquote,article>ul,article>ol,.article-body,.post-content,.page-content,main>p{max-width:var(--ax-reading-width,65ch);margin-left:auto;margin-right:auto;}.account-menu{position:relative;display:inline-block;}.account-button{display:flex;align-items:center;gap:var(--a-space-xs,0.25rem);padding:var(--a-space-xs,0.25rem) var(--a-space-s,0.5rem);background:transparent;border:1px solid transparent;border-radius:var(--a-border-radius-base);color:var(--a-color-on-surface);font-size:0.95rem;font-weight:var(--a-font-weight-bold);cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}.account-button:hover{background:var(--a-color-surface-variant);border-color:var(--a-color-outline);}.account-button[aria-expanded="true"]{background:var(--a-color-surface);border-color:var(--a-color-primary);color:var(--a-color-primary);}.account-icon{font-size:1.25rem;}.account-toggle{font-size:0.8rem;opacity:0.6;transition:opacity 0.2s;}.account-button[aria-expanded="true"] .account-toggle{opacity:1;}.account-dropdown{position:absolute;top:100%;right:0;min-width:180px;margin-top:var(--a-space-xs,0.25rem);padding:var(--a-space-s,0.5rem) 0;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);box-shadow:0 4px 12px rgba(0,0,0,0.15);list-style:none;display:none;z-index:1000;}.account-dropdown li{margin:0;padding:0;}.account-dropdown a{display:block;padding:var(--a-space-s,0.5rem) var(--a-space-m,1rem);color:var(--a-color-on-surface);text-decoration:none;transition:all 0.2s ease;outline:none;}.account-dropdown a:hover,.account-dropdown a:focus{background:var(--a-color-surface-variant);color:var(--a-color-primary);}.account-dropdown .divider{height:1px;margin:var(--a-space-xs,0.25rem) 0;background:var(--a-color-outline);}@media (max-width:768px){.account-button{padding:var(--a-space-xs,0.25rem) var(--a-space-m,1rem);}.account-dropdown{right:auto;left:0;min-width:auto;width:100%;}}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-space-xs,0.25rem);padding:var(--a-space-s,0.5rem) var(--a-space-m,1rem);border:none;border-radius:var(--a-border-radius-base);background:var(--a-color-secondary);color:var(--a-color-on-secondary);font-family:inherit;font-size:inherit;font-weight:var(--a-font-weight-bold);cursor:pointer;transition:all 0.2s ease;text-decoration:none;user-select:none;}.button:focus-visible,button:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.button:hover,button:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15);}.button.primary,button.primary,.button[data-button-type="primary"],button[data-button-type="primary"]{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.button.secondary,button.secondary,.button[data-button-type="secondary"],button[data-button-type="secondary"]{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.button.danger,button.danger,.button[data-button-type="danger"],button[data-button-type="danger"]{background-color:var(--a-color-error);color:var(--a-color-on-error);}.button.danger:hover,button.danger:hover{background-color:color-mix(in srgb,var(--a-color-error) 85%,black);}.button.success,button.success,.button[data-button-type="success"],button[data-button-type="success"]{background-color:var(--a-color-success);color:var(--a-color-on-success);}.button.icon-only,button.icon-only,.button[data-button-type="icon"],button[data-button-type="icon"]{padding:var(--a-space-s,0.5rem);background:transparent;color:var(--a-color-on-surface);}.button.icon-only:hover,button.icon-only:hover{background:var(--a-color-surface-variant);}.button.small,button.small,.button[data-size="small"],button[data-size="small"]{padding:var(--a-space-xs,0.25rem) var(--a-space-s,0.5rem);font-size:0.875rem;}.button.medium,button.medium,.button[data-size="medium"],button[data-size="medium"]{padding:var(--a-space-s,0.5rem) var(--a-space-m,1rem);font-size:var(--a-font-size-base);}.button.large,button.large,.button[data-size="large"],button[data-size="large"]{padding:var(--a-space-m,1rem) var(--a-space-l,1.5rem);font-size:1.125rem;}.button.full-width,button.full-width,.button[data-button-width="full"],button[data-button-width="full"]{width:100%;}button:disabled,.button:disabled,.button[disabled],button[disabled]{opacity:0.5;cursor:not-allowed;transform:none;}button:disabled:hover,.button:disabled:hover{opacity:0.5;box-shadow:none;}.button-group,[data-button-group]{display:inline-flex;gap:0;border-radius:var(--a-border-radius-base);overflow:hidden;}.button-group button,[data-button-group] button{border-radius:0;border-right:1px solid var(--a-color-outline);}.button-group button:last-child,[data-button-group] button:last-child{border-right:none;}section.page-header{width:100%;padding:var(--a-space-xl,2rem) var(--a-space-m,1rem);background:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);}.page-header-container{width:min(100%,var(--a-layout-max-width,1200px));margin:0 auto;padding-inline:var(--a-space-m,1rem);}section.page-header h1{margin:var(--a-space-m,1rem) 0 0 0;font-size:1.75rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}nav.breadcrumb{font-size:0.875rem;color:var(--a-color-on-surface-variant,#666);}nav.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--a-space-xs,0.25rem);align-items:center;}nav.breadcrumb li{margin:0;padding:0;}nav.breadcrumb a{color:var(--a-color-primary);text-decoration:none;transition:color 0.2s ease;}nav.breadcrumb a:hover{text-decoration:underline;}nav.breadcrumb a::after{content:" →";margin:0 var(--a-space-xs,0.25rem);color:var(--a-color-on-surface-variant,#666);}nav.breadcrumb li:last-child a::after{content:"";margin:0;}nav.breadcrumb [aria-current="page"]{color:var(--a-color-on-surface);font-weight:var(--a-font-weight-bold);}@media (max-width:768px){section.page-header{padding:var(--a-space-l,1.5rem) var(--a-space-m,1rem);}section.page-header h1{font-size:1.5rem;}nav.breadcrumb{font-size:0.8125rem;}nav.breadcrumb ol{gap:var(--a-space-xs,0.25rem);}}html,body{min-width:360px;}main{min-width:360px;}section{min-width:360px;}.container{min-width:360px;}header.main{min-width:360px;}footer.main{min-width:360px;}.text-muted{color:var(--a-color-text-muted);}.axicon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.axicon svg{width:1em;height:1em;display:block;}main>section>div>header{padding-bottom:var(--a-space-xl);border-bottom:1px solid var(--ax-border);margin-bottom:var(--a-space-2xl);}main>section>div>header h1{margin-top:0;}main>section>div>header p{margin:0;}.alert .axicon{width:1.25rem;height:1.25rem;font-size:1.25rem;}main>section>div>header{padding-bottom:var(--a-space-xl);border-bottom:1px solid var(--ax-border);margin-bottom:var(--a-space-2xl);text-align:center;}main>section>div>header h1{margin-top:0;color:var(--a-color-primary);}main>section>div>header p{margin:var(--a-space-m) 0 0 0;}main section h2{padding-bottom:var(--a-space-m);border-bottom:1px solid var(--ax-border);margin-bottom:var(--a-space-lg);}p{margin:0 0 var(--a-space-m) 0;line-height:1.6;color:var(--ax-text);}p:last-child{margin-bottom:0;}.alert svg{width:1.25rem;height:1.25rem;flex-shrink:0;display:block;}.alert{text-align:left;}.alert>div{flex:1;text-align:left;}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr);}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr);}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr);}@media (max-width:768px){.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4{grid-template-columns:1fr;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(0.75rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-0.75rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-0.75rem);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(0.75rem);}to{opacity:1;transform:translateX(0);}}@keyframes slideUp{from{transform:translateY(1.5rem);}to{transform:translateY(0);}}@keyframes slideDown{from{transform:translateY(-1.5rem);}to{transform:translateY(0);}}@keyframes slideLeft{from{transform:translateX(1.5rem);}to{transform:translateX(0);}}@keyframes slideRight{from{transform:translateX(-1.5rem);}to{transform:translateX(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-0.75rem);}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}100%{transform:scale(1);}}.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.reveal-fade-up{animation:fadeInUp 400ms ease-out forwards;}.reveal-fade-down{animation:fadeInDown 400ms ease-out forwards;}.reveal-fade-left{animation:fadeInLeft 400ms ease-out forwards;}.reveal-fade-right{animation:fadeInRight 400ms ease-out forwards;}.reveal-slide-up{animation:slideUp 400ms ease-out forwards;}.reveal-scale{animation:scaleIn 300ms ease-out forwards;}.status-spin{animation:spin 1s linear infinite;}.status-pulse{animation:pulse 2s ease-in-out infinite;}.status-bounce{animation:bounce 1s ease-in-out infinite;}.status-bounce-in{animation:bounceIn 500ms ease-out forwards;}.delay-1{animation-delay:0ms !important;}.delay-2{animation-delay:100ms !important;}.delay-3{animation-delay:200ms !important;}.delay-4{animation-delay:300ms !important;}.delay-5{animation-delay:400ms !important;}@media (prefers-reduced-motion:reduce){[class^="reveal-"],[class^="status-"],[class*=" reveal-"],[class*=" status-"],[class*="delay-"]{animation:none !important;opacity:1 !important;transform:none !important;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes slideOutUp{from{transform:translateY(0);}to{transform:translateY(-1.5rem);opacity:0;}}@keyframes slideOutDown{from{transform:translateY(0);}to{transform:translateY(1.5rem);opacity:0;}}.reveal-fade-out{animation:fadeOut 300ms ease-in forwards;}.reveal-slide-out-up{animation:slideOutUp 400ms ease-in forwards;}.reveal-slide-out-down{animation:slideOutDown 400ms ease-in forwards;}.card.animate{animation:fadeInUp 400ms ease-out forwards;opacity:0;}.button.animate{animation:scaleIn 300ms ease-out forwards;opacity:0;}.modal.animate{animation:slideUp 500ms ease-out forwards;opacity:0;}.alert.animate{animation:fadeInDown 400ms ease-out forwards;opacity:0;}.badge.animate{animation:scaleIn 300ms ease-out forwards;opacity:0;}.tooltip.animate,[role="tooltip"].animate{animation:fadeIn 250ms ease-out forwards;opacity:0;}.dropdown.animate,[role="menu"].animate{animation:slideDown 300ms ease-out forwards;opacity:0;}[role="tabpanel"].animate{animation:fadeIn 300ms ease-out forwards;opacity:0;}table.animate,tbody.animate{animation:fadeInUp 400ms ease-out forwards;opacity:0;}.toast.animate{animation:slideUp 400ms ease-out forwards;opacity:0;}.animate.delay-1{animation-delay:0ms !important;}.animate.delay-2{animation-delay:100ms !important;}.animate.delay-3{animation-delay:200ms !important;}.animate.delay-4{animation-delay:300ms !important;}.animate.delay-5{animation-delay:400ms !important;}.card.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.card.animate.reveal-fade-down{animation:fadeInDown 400ms ease-out forwards;}.card.animate.reveal-slide-up{animation:slideUp 400ms ease-out forwards;}.card.animate.reveal-scale{animation:scaleIn 300ms ease-out forwards;}.button.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.button.animate.reveal-fade-up{animation:fadeInUp 400ms ease-out forwards;}.modal.animate.reveal-scale{animation:scaleIn 300ms ease-out forwards;}.modal.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.alert.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.alert.animate.reveal-fade-up{animation:fadeInUp 400ms ease-out forwards;}#search-modal-results::-webkit-scrollbar{width:8px;}#search-modal-results::-webkit-scrollbar-track{background:transparent;}#search-modal-results::-webkit-scrollbar-thumb{background:var(--a-color-outline);border-radius:4px;}#search-modal-results::-webkit-scrollbar-thumb:hover{background:var(--a-color-text-muted);}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:var(--a-space-xl) var(--a-space-m);z-index:9999;overflow-y:auto;}.search-modal.is-hidden{display:none;}.search-modal[aria-hidden="true"]{pointer-events:none;}.search-modal .content{background:var(--a-color-surface);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);width:100%;display:flex;flex-direction:column;overflow:hidden;}.search-modal header{padding:var(--a-space-l);border-bottom:1px solid var(--a-color-outline);display:flex;align-items:center;justify-content:space-between;}.search-modal h3{font-size:var(--a-font-size-lg);font-weight:600;color:var(--a-color-text);}.search-modal .close{background:none;border:none;font-size:var(--a-font-size-lg);cursor:pointer;color:var(--a-color-text-muted);padding:var(--a-space-s);display:flex;align-items:center;justify-content:center;width:var(--a-space-2xl);height:var(--a-space-2xl);border-radius:var(--a-border-radius-base);transition:background-color 150ms ease-in-out,color 150ms ease-in-out;}.search-modal .close:hover{background-color:var(--a-color-surface-hover);color:var(--a-color-text);}.search-modal input[type="text"]{padding:var(--a-space-m) var(--a-space-l);border:none;border-bottom:1px solid var(--a-color-outline);font-size:var(--a-font-size-base);font-family:inherit;background:var(--a-color-surface);color:var(--a-color-text);}.search-modal input[type="text"]:focus{outline:none;background:var(--a-color-info-container);border-bottom-color:var(--a-color-info);}.search-modal input[type="text"]::placeholder{color:var(--a-color-text-muted);}#search-modal-results{flex:1;overflow-y:auto;padding:var(--a-space-m);}#search-modal-results ul{list-style:none;}#search-modal-results a{display:block;padding:var(--a-space-m) var(--a-space-l);color:var(--a-color-primary);text-decoration:none;border-radius:var(--a-border-radius-base);transition:background-color 150ms ease-in-out,color 150ms ease-in-out;font-size:var(--a-font-size-base);line-height:1.5;word-break:break-word;}#search-modal-results a:hover{background-color:var(--a-color-primary-container);color:var(--a-color-primary);}#search-modal-results a:focus{outline:2px solid var(--a-color-primary);outline-offset:-2px;}#search-modal-results p{padding:var(--a-space-l);text-align:center;color:var(--a-color-text-muted);}#search-modal-results::-webkit-scrollbar{width:var(--a-space-xs);}#search-modal-results::-webkit-scrollbar-track{background:transparent;}#search-modal-results::-webkit-scrollbar-thumb{background:var(--a-color-outline);border-radius:var(--a-border-radius-base);}#search-modal-results::-webkit-scrollbar-thumb:hover{background:var(--a-color-text-muted);}@media (max-width:768px){.search-modal{padding:var(--a-space-m);}.search-modal h3{font-size:var(--a-font-size-base);}#search-modal-results a{padding:var(--a-space-s) var(--a-space-m);}}[data-theme="dark"] section.hero{background:linear-gradient(135deg,var(--a-color-primary-dark,#0d47a1) 0%,var(--a-color-primary-darker,#0a3a7a) 100%);color:var(--a-color-on-primary);}section.hero{background:var(--a-gradient-primary);color:var(--a-color-on-gradient);text-align:center;padding:var(--a-space-xxl) var(--a-space-xl);scroll-margin-top:60px;position:relative;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}nav .brand{margin-right:var(--a-space-lg);}nav.navbar{gap:var(--a-space-m);}.datepicker-grid,.calendar-grid,.calendar{display:grid !important;gap:var(--a-space-xs) !important;grid-template-columns:repeat(7,1fr) !important;}.datepicker-grid button,.calendar-grid button,.calendar button{aspect-ratio:1;padding:var(--a-space-sm) !important;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--a-color-border);background:var(--a-color-surface);border-radius:var(--a-border-radius-base);}.axicon.render{display:inline-flex !important;align-items:center;justify-content:center;color:currentColor;line-height:1;}.axicon.render svg{display:block;width:1em;height:1em;stroke:currentColor;fill:none;}[data-theme="dark"] .axicon.render,[data-theme="dark"] .axicon.render svg{color:var(--a-color-on-surface);stroke:var(--a-color-on-surface);}.list-featured{list-style:none;padding:0;margin:var(--a-space-l) 0;}.list-featured li{padding:var(--a-space-m);margin-bottom:var(--a-space-m);background:var(--a-color-surface);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);display:flex;align-items:flex-start;gap:var(--a-space-m);transition:all 0.2s ease;}.list-featured li:hover{border-color:var(--a-color-primary);background:var(--a-color-primary-container);}.list-featured .icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--a-border-radius-base);background:var(--a-color-primary-light);color:var(--a-color-primary);font-size:1.125rem;}.list-featured li:hover .icon{background:var(--a-color-primary);color:var(--a-color-on-primary);}.list-featured .icon.success{background:var(--a-color-success-light);color:var(--a-color-success);}.list-featured li:hover .icon.success{background:var(--a-color-success);color:var(--a-color-on-success,white);}.list-featured .icon.warning{background:var(--a-color-warning-light);color:var(--a-color-warning);}.list-featured li:hover .icon.warning{background:var(--a-color-warning);color:white;}.list-featured .icon.error{background:var(--a-color-error-light);color:var(--a-color-error);}.list-featured li:hover .icon.error{background:var(--a-color-error);color:white;}.list-featured .icon.info{background:var(--a-color-info-light);color:var(--a-color-info);}.list-featured li:hover .icon.info{background:var(--a-color-info);color:white;}.list-featured .content{flex:1;min-width:0;}.list-featured strong{display:block;margin-bottom:var(--a-space-xs);color:var(--a-color-text-primary);font-weight:var(--a-font-weight-semibold);}.list-featured p{margin:0;color:var(--a-color-text-secondary);font-size:var(--a-font-size-s);line-height:var(--a-line-height-base);}.list-featured.compact li{padding:var(--a-space-s) var(--a-space-m);margin-bottom:var(--a-space-s);}.list-featured.compact .icon{width:1.75rem;height:1.75rem;font-size:1rem;}.list-featured.large li{padding:var(--a-space-l);margin-bottom:var(--a-space-l);}.list-featured.large .icon{width:2.5rem;height:2.5rem;font-size:1.25rem;}.list-featured.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--a-space-l);margin:var(--a-space-l) 0;}.list-featured.grid li{margin-bottom:0;flex-direction:column;align-items:center;text-align:center;}.list-featured.grid .icon{margin-bottom:var(--a-space-m);}.list-featured.grid strong{margin-bottom:var(--a-space-s);}[data-theme="dark"] .list-featured li{background:var(--a-color-surface-variant);border-color:var(--a-color-border);}[data-theme="dark"] .list-featured li:hover{background:var(--a-color-primary-dark);}.cta{padding:var(--a-space-2xl) var(--a-space-xl);border-radius:var(--a-border-radius-lg);background:linear-gradient(135deg,var(--a-color-primary) 0%,var(--a-color-primary-dark) 100%);color:var(--a-color-on-primary);text-align:center;box-shadow:0 8px 24px rgba(37,99,235,0.2);transition:all 0.3s ease;}.cta:hover{box-shadow:0 12px 32px rgba(37,99,235,0.3);transform:translateY(-2px);}.cta h2,.cta h3{margin-top:0;color:inherit;}.cta p{color:var(--a-color-on-primary);opacity:0.95;}.cta .button{margin-top:var(--a-space-m);}.cta.secondary{background:linear-gradient(135deg,var(--a-color-secondary) 0%,var(--a-color-secondary-dark,#5a6268) 100%);box-shadow:0 8px 24px rgba(108,117,125,0.2);}.cta.secondary:hover{box-shadow:0 12px 32px rgba(108,117,125,0.3);}.cta.success{background:linear-gradient(135deg,var(--a-color-success) 0%,var(--a-color-success-dark,#107c41) 100%);box-shadow:0 8px 24px rgba(22,163,74,0.2);}.cta.success:hover{box-shadow:0 12px 32px rgba(22,163,74,0.3);}.cta.warning{background:linear-gradient(135deg,var(--a-color-warning) 0%,var(--a-color-warning-dark,#b45309) 100%);box-shadow:0 8px 24px rgba(234,88,12,0.2);color:white;}.cta.warning:hover{box-shadow:0 12px 32px rgba(234,88,12,0.3);}.backlit{position:relative;overflow:hidden;border-radius:var(--a-border-radius-lg);}.backlit::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:backlit-glow 4s ease-in-out infinite;pointer-events:none;}.backlit img,.backlit video{position:relative;z-index:1;display:block;width:100%;border-radius:var(--a-border-radius-lg);}@keyframes backlit-glow{0%,100%{transform:translate(0,0);}50%{transform:translate(10px,-10px);}}.backlit-container{display:flex;gap:var(--a-space-l);align-items:center;padding:var(--a-space-l);background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-lg);}.backlit-container .backlit{flex:1;min-width:0;}.backlit-container .content{flex:1;}@media (max-width:768px){.backlit-container{flex-direction:column;gap:var(--a-space-m);}.backlit-container .backlit,.backlit-container .content{flex:1;width:100%;}}.masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--a-space-l);auto-rows:200px;}.masonry-item{grid-column:span 1;grid-row:span 1;border-radius:var(--a-border-radius-lg);overflow:hidden;background:var(--a-color-surface);border:1px solid var(--a-color-border);transition:all 0.3s ease;}.masonry-item:hover{box-shadow:0 8px 16px rgba(0,0,0,0.1);transform:translateY(-4px);}.masonry-item.span-2{grid-column:span 2;}.masonry-item.span-2-rows{grid-row:span 2;}.masonry-item.span-2-cols-2-rows{grid-column:span 2;grid-row:span 2;}.masonry-item img,.masonry-item video{width:100%;height:100%;object-fit:cover;}@media (max-width:768px){.masonry{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));auto-rows:150px;gap:var(--a-space-m);}.masonry-item.span-2,.masonry-item.span-2-cols-2-rows{grid-column:span 1;}.masonry-item.span-2-rows,.masonry-item.span-2-cols-2-rows{grid-row:span 1;}}.list-styled{list-style:none;padding:0;margin:var(--a-space-l) 0;}.list-styled li{padding:var(--a-space-m);margin-bottom:var(--a-space-s);display:flex;align-items:flex-start;gap:var(--a-space-m);border-left:4px solid var(--a-color-primary);background:var(--a-color-surface);border-radius:var(--a-border-radius-base);transition:all 0.2s ease;}.list-styled li:hover{border-left-color:var(--a-color-primary);background:var(--a-color-primary-container);}.list-styled li::before{content:attr(data-icon);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--a-color-primary);color:white;border-radius:50%;font-size:0.75rem;font-weight:bold;}.list-styled.checkmarks li::before{content:'✓';}.list-styled.numbers li{counter-increment:item;}.list-styled.numbers li::before{content:counter(item);counter-reset:item 0;}.list-styled.bullets li::before{content:'•';width:auto;height:auto;background:transparent;color:var(--a-color-primary);font-size:1.5rem;line-height:1;}.toggle-panel{display:flex;flex-direction:column;gap:var(--a-space-l);}.toggle-panel-item{display:flex;align-items:center;justify-content:space-between;padding:var(--a-space-m);background:var(--a-color-surface);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);transition:all 0.2s ease;}.toggle-panel-item:hover{border-color:var(--a-color-primary);background:var(--a-color-primary-container);}.toggle-panel-item-content{flex:1;}.toggle-panel-item-label{display:block;font-weight:var(--a-font-weight-semibold);color:var(--a-color-text-primary);margin-bottom:var(--a-space-xs);}.toggle-panel-item-description{display:block;font-size:var(--a-font-size-s);color:var(--a-color-text-secondary);}@media (max-width:768px){.toggle-panel{gap:var(--a-space-m);}.toggle-panel-item{padding:var(--a-space-m);flex-direction:column;align-items:flex-start;}.toggle-panel-item-content{width:100%;margin-bottom:var(--a-space-m);}}:root{--a-space-unit:1rem;--a-space-xs:calc(var(--a-space-unit) * 0.25);--a-space-s:calc(var(--a-space-unit) * 0.5);--a-space-m:var(--a-space-unit);--a-space-l:calc(var(--a-space-unit) * 1.5);--a-space-xl:calc(var(--a-space-unit) * 2);--a-space-2xl:calc(var(--a-space-unit) * 3);--a-space-3xl:calc(var(--a-space-unit) * 4);--a-space-4xl:calc(var(--a-space-unit) * 6);--a-space-5xl:calc(var(--a-space-unit) * 8);--a-space-xxl:var(--a-space-2xl);--ax-max-width:1200px;--ax-reading-width:65ch;--ax-inner-content-width:960px;--ax-font-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--ax-font-heading:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--a-font-family-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-semibold:600;--a-font-weight-bold:700;--a-font-weight-black:900;--a-font-size-xs:0.75rem;--a-font-size-s:0.875rem;--a-font-size-base:1rem;--a-font-size-m:1.125rem;--a-font-size-l:1.25rem;--a-font-size-xl:1.5rem;--a-font-size-2xl:1.875rem;--a-font-size-3xl:2.25rem;--a-font-size-4xl:3rem;--a-font-size-5xl:3.75rem;--a-font-size-h6:var(--a-font-size-s);--a-font-size-h5:var(--a-font-size-base);--a-font-size-h4:var(--a-font-size-m);--a-font-size-h3:var(--a-font-size-xl);--a-font-size-h2:var(--a-font-size-3xl);--a-font-size-h1:var(--a-font-size-4xl);--a-line-height-tight:1.2;--a-line-height-heading:1.3;--a-line-height-base:1.6;--a-line-height-loose:2;--a-color-primary:#2563eb;--a-color-on-primary:#ffffff;--a-color-primary-light:color-mix(in srgb,var(--a-color-primary) 20%,var(--ax-surface));--a-color-primary-dark:color-mix(in srgb,var(--a-color-primary) 85%,black);--a-color-primary-container:color-mix(in srgb,var(--a-color-primary) 10%,var(--ax-surface));--a-color-on-primary-container:color-mix(in srgb,var(--a-color-primary) 80%,black);--a-color-secondary:#4b5563;--a-color-on-secondary:#ffffff;--a-color-secondary-light:color-mix(in srgb,var(--a-color-secondary) 20%,var(--ax-surface));--a-color-secondary-container:color-mix(in srgb,var(--a-color-secondary) 10%,var(--ax-surface));--a-color-on-secondary-container:color-mix(in srgb,var(--a-color-secondary) 80%,black);--a-color-success:#16a34a;--a-color-on-success:#ffffff;--a-color-success-light:color-mix(in srgb,var(--a-color-success) 20%,var(--ax-surface));--a-color-success-container:color-mix(in srgb,var(--a-color-success) 15%,var(--ax-surface));--a-color-success-on-container:color-mix(in srgb,var(--a-color-success) 40%,var(--ax-surface));--a-color-on-success-container:color-mix(in srgb,var(--a-color-success) 85%,black);--a-color-warning:#ea580c;--a-color-on-warning:#ffffff;--a-color-warning-light:color-mix(in srgb,var(--a-color-warning) 20%,var(--ax-surface));--a-color-warning-container:color-mix(in srgb,var(--a-color-warning) 15%,var(--ax-surface));--a-color-warning-on-container:color-mix(in srgb,var(--a-color-warning) 40%,var(--ax-surface));--a-color-on-warning-container:color-mix(in srgb,var(--a-color-warning) 85%,black);--a-color-error:#dc2626;--a-color-on-error:#ffffff;--a-color-error-light:color-mix(in srgb,var(--a-color-error) 20%,var(--ax-surface));--a-color-error-container:color-mix(in srgb,var(--a-color-error) 15%,var(--ax-surface));--a-color-error-on-container:color-mix(in srgb,var(--a-color-error) 40%,var(--ax-surface));--a-color-on-error-container:color-mix(in srgb,var(--a-color-error) 85%,black);--a-color-info:#0284c7;--a-color-on-info:#ffffff;--a-color-info-light:color-mix(in srgb,var(--a-color-info) 20%,var(--ax-surface));--a-color-info-container:color-mix(in srgb,var(--a-color-info) 15%,var(--ax-surface));--a-color-info-on-container:color-mix(in srgb,var(--a-color-info) 40%,var(--ax-surface));--a-color-on-info-container:color-mix(in srgb,var(--a-color-info) 85%,black);--ax-surface:#ffffff;--ax-text:#111827;--ax-border:color-mix(in srgb,var(--ax-text) 14%,transparent);--ax-background-secondary:color-mix(in srgb,var(--ax-surface) 95%,var(--ax-text) 5%);--a-color-surface:var(--ax-surface);--a-color-on-surface:var(--ax-text);--a-color-surface-variant:var(--ax-background-secondary);--a-color-on-surface-variant:color-mix(in srgb,var(--ax-text) 65%,transparent);--a-color-outline:var(--ax-border);--a-color-text-primary:var(--ax-text);--a-color-text-secondary:color-mix(in srgb,var(--ax-text) 70%,transparent);--a-color-text-muted:color-mix(in srgb,var(--ax-text) 50%,transparent);--a-color-text-disabled:color-mix(in srgb,var(--ax-text) 40%,transparent);--a-gradient-primary:linear-gradient(135deg,var(--a-color-primary) 0%,color-mix(in srgb,var(--a-color-primary) 50%,#06b6d4) 100%);--a-gradient-sunset:linear-gradient(135deg,#f97316 0%,#facc15 100%);--a-gradient-ocean:linear-gradient(135deg,#0ea5e9 0%,#2dd4bf 100%);--a-gradient-forest:linear-gradient(135deg,#10b981 0%,#84cc16 100%);--a-border-radius-sm:0.25rem;--a-border-radius-base:0.5rem;--a-border-radius-md:0.75rem;--a-border-radius-lg:1rem;--a-border-radius-xl:1.5rem;--a-border-radius-pill:50rem;--a-border-radius-full:9999px;--a-transition-fast:150ms;--a-transition-base:200ms;--a-transition-slow:300ms;--a-ease-in:cubic-bezier(0.4,0,1,1);--a-ease-out:cubic-bezier(0,0,0.2,1);--a-ease-in-out:cubic-bezier(0.4,0,0.2,1);--a-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--a-shadow-sm:0 1px 3px rgba(0,0,0,0.1);--a-shadow-md:0 4px 6px rgba(0,0,0,0.1);--a-shadow-base:var(--a-shadow-md);--a-shadow-lg:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);--a-shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);}:root[data-theme='light']{color-scheme:light;--ax-surface:#ffffff;--ax-text:#111827;--ax-border:color-mix(in srgb,var(--ax-text) 14%,transparent);--ax-background-secondary:#f9fafb;}:root[data-theme='dark']{color-scheme:dark;--ax-surface:#0f172a;--ax-text:#f8fafc;--ax-border:color-mix(in srgb,var(--ax-text) 20%,transparent);--ax-background-secondary:#1e293b;--a-shadow-sm:0 1px 3px rgba(0,0,0,0.3);--a-shadow-md:0 4px 6px rgba(0,0,0,0.4);--a-shadow-lg:0 10px 15px rgba(0,0,0,0.4),0 4px 6px rgba(0,0,0,0.2);--a-shadow-xl:0 20px 25px rgba(0,0,0,0.5),0 10px 10px rgba(0,0,0,0.3);}:root[data-axiom-palette='default']{--a-color-primary:#2563eb;}:root[data-axiom-palette='indigo']{--a-color-primary:#4f46e5;}:root[data-axiom-palette='emerald']{--a-color-primary:#059669;}:root[data-axiom-palette='sunset']{--a-color-primary:#ea580c;}:root[data-font-body='system']{--ax-font-body:system-ui,-apple-system,"Segoe UI",sans-serif;}:root[data-font-body='serif']{--ax-font-body:"Lora",Georgia,Cambria,"Times New Roman",serif;}:root[data-font-body='mono']{--ax-font-body:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;}:root[data-font-heading='system']{--ax-font-heading:system-ui,-apple-system,"Segoe UI",sans-serif;}:root[data-font-heading='serif']{--ax-font-heading:"Lora",Georgia,Cambria,"Times New Roman",serif;}:root[data-font-heading='mono']{--ax-font-heading:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;}:root[data-spacing-scale='compact']{--a-space-unit:0.875rem;}:root[data-spacing-scale='comfortable']{--a-space-unit:1rem;}:root[data-spacing-scale='relaxed']{--a-space-unit:1.125rem;}:root[data-layout-width='narrow']{--ax-max-width:960px;--ax-reading-width:60ch;}:root[data-layout-width='standard']{--ax-max-width:1200px;--ax-reading-width:65ch;}:root[data-layout-width='wide']{--ax-max-width:1440px;--ax-reading-width:70ch;}:root{--breakpoint-xs:360px;--breakpoint-sm:480px;--breakpoint-md:600px;--breakpoint-lg:768px;--breakpoint-xl:900px;--breakpoint-2xl:1200px;--breakpoint-3xl:1440px;}:root{--touch-target-min:2.75rem;--touch-target-min-desktop:2rem;}:root{--focus-outline-width:2px;--focus-outline-offset:2px;--focus-outline-color:var(--a-color-primary);}:root{--z-base:0;--z-dropdown:100;--z-sticky:500;--z-fixed:900;--z-modal-backdrop:950;--z-modal:1000;--z-tooltip:1100;--z-notification:1200;--z-toolbar:10000;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(0.5rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-0.5rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-0.5rem);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(0.5rem);}to{opacity:1;transform:translateX(0);}}@keyframes slideUp{from{transform:translateY(1rem);}to{transform:translateY(0);}}@keyframes slideDown{from{transform:translateY(-1rem);}to{transform:translateY(0);}}@keyframes slideLeft{from{transform:translateX(1rem);}to{transform:translateX(0);}}@keyframes slideRight{from{transform:translateX(-1rem);}to{transform:translateX(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@keyframes scaleOut{from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(0.95);}}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes shimmer{0%{background-position:-1000px 0;}100%{background-position:1000px 0;}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-0.5rem);}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}@keyframes flip{from{transform:rotateY(0);}to{transform:rotateY(360deg);}}@keyframes flipIn{from{opacity:0;transform:perspective(400px) rotateY(-180deg);}to{opacity:1;transform:perspective(400px) rotateY(0);}}@keyframes heartbeat{0%,100%{transform:scale(1);}10%,30%{transform:scale(0.9);}20%,50%,80%{transform:scale(1.1);}40%{transform:scale(1.05);}60%,70%{transform:scale(1.05);}}@keyframes glow{0%,100%{box-shadow:0 0 0 0 var(--a-color-primary);}50%{box-shadow:0 0 0 10px rgba(37,99,235,0);}}.animate-fade-in{animation:fadeIn var(--a-transition-base) var(--a-ease-out);}.animate-fade-out{animation:fadeOut var(--a-transition-base) var(--a-ease-in);}.animate-fade-in-up{animation:fadeInUp var(--a-transition-base) var(--a-ease-out);}.animate-fade-in-down{animation:fadeInDown var(--a-transition-base) var(--a-ease-out);}.animate-fade-in-left{animation:fadeInLeft var(--a-transition-base) var(--a-ease-out);}.animate-fade-in-right{animation:fadeInRight var(--a-transition-base) var(--a-ease-out);}.animate-slide-up{animation:slideUp var(--a-transition-base) var(--a-ease-out);}.animate-slide-down{animation:slideDown var(--a-transition-base) var(--a-ease-out);}.animate-slide-left{animation:slideLeft var(--a-transition-base) var(--a-ease-out);}.animate-slide-right{animation:slideRight var(--a-transition-base) var(--a-ease-out);}.animate-scale-in{animation:scaleIn var(--a-transition-base) var(--a-ease-out);}.animate-scale-out{animation:scaleOut var(--a-transition-base) var(--a-ease-in);}.animate-spin{animation:spin 1s linear infinite;}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}.animate-bounce{animation:bounce 1s infinite;}.animate-bounce-in{animation:bounceIn var(--a-transition-slow) var(--a-ease-out);}.animate-flip-in{animation:flipIn var(--a-transition-slow) var(--a-ease-out);}.animate-heartbeat{animation:heartbeat 1.3s ease-in-out infinite;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}:focus-visible{outline:var(--focus-outline-width,2px) solid var(--focus-outline-color,#2563eb);outline-offset:var(--focus-outline-offset,2px);}.hidden{display:none !important;}.block{display:block;}.inline{display:inline;}.inline-block{display:inline-block;}@media (max-width:768px){.hide-mobile{display:none !important;}}@media (min-width:769px){.hide-desktop{display:none !important;}}.m-0{margin:0;}.clearfix::after{content:'';display:table;clear:both;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.static{position:static;}.opacity-50{opacity:0.5;}.opacity-100{opacity:1;}.pointer-none{pointer-events:none;}.pointer-auto{pointer-events:auto;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.responsive-iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.responsive-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.w-full{width:100%;}.h-auto{height:auto;}.box-border{box-sizing:border-box;}.alert{padding:var(--a-space-l);border-radius:var(--a-border-radius-base);margin-bottom:var(--a-space-m);display:flex;align-items:center;gap:var(--a-space-m);border:1px solid transparent;}.alert[hidden]{display:none;}.alert .axicon{font-size:var(--a-font-size-xl);}.alert.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);border-color:var(--a-color-success-on-container);}.alert.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);border-color:var(--a-color-error-on-container);}.alert.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);border-color:var(--a-color-warning-on-container);}.alert.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);border-color:var(--a-color-info-on-container);}.avatar{width:var(--a-space-xxl);height:var(--a-space-xxl);border-radius:var(--a-border-radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--a-font-weight-bold);background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);}.avatar.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);}.avatar.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);}.avatar.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);}.avatar.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.avatar.primary{background-color:var(--a-color-primary);color:white;}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--a-space-xs) var(--a-space-s);border-radius:var(--a-border-radius-pill);font-size:var(--a-font-size-xs);font-weight:var(--a-font-weight-bold);background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);}.badge.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);}.badge.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);}.badge.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);}.badge.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.badge.primary{background-color:var(--a-color-primary);color:white;}.breadcrumbs{margin-bottom:var(--a-space-m);}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;}.breadcrumbs li{display:flex;align-items:center;}.breadcrumbs li+li::before{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;margin:0 var(--a-space-s);color:var(--a-color-text-muted);}.breadcrumbs li:last-child{color:var(--a-color-text-muted);}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-space-s);padding:var(--a-space-m) var(--a-space-l);border-radius:var(--a-border-radius-base);font-weight:var(--a-font-weight-bold);transition:background-color var(--a-transition-base),color var(--a-transition-base),border-color var(--a-transition-base);border:1px solid transparent;}.button[hidden]{display:none;}.button.primary{background-color:var(--a-color-primary);color:white;}.button.primary:hover{background-color:var(--a-color-primary-light);}.button.secondary{background-color:var(--a-color-secondary-container);color:var(--a-color-on-secondary-container);}.button.secondary:hover{background-color:var(--a-color-secondary-light);}.button.outline{background-color:transparent;border-color:var(--a-color-primary);color:var(--a-color-primary);}.button.outline:hover{background-color:var(--a-color-primary);color:white;}.button.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);border-color:var(--a-color-success-on-container);}.button.success:hover{background-color:var(--a-color-success-light);}.button.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);}.button.error:hover{background-color:var(--a-color-error-light);}.button.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);}.button.warning:hover{background-color:var(--a-color-warning-light);}.button.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.button.info:hover{background-color:var(--a-color-info-light);}.hero{background:var(--a-gradient-primary,linear-gradient(135deg,#2563eb 0%,#06b6d4 100%));color:white;padding:var(--a-space-xxl) 0;text-align:center;}.hero .container{max-width:var(--ax-max-width,1200px);margin:0 auto;padding:0 var(--a-space-l);}.hero h1{color:white;font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);letter-spacing:-0.02em;}.hero p{color:rgba(255,255,255,0.9);max-width:var(--ax-reading-width,65ch);margin:0 auto var(--a-space-l);}.hero .actions{display:flex;gap:var(--a-space-m);justify-content:center;flex-wrap:wrap;margin-bottom:var(--a-space-xl);}.hero .actions .button.primary{background:white;color:var(--a-color-primary,#2563eb);}.hero .actions .button.outline{background:transparent;border-color:rgba(255,255,255,0.6);color:white;}.hero .actions .button.outline:hover{background:rgba(255,255,255,0.2);border-color:white;}.hero .actions+p{margin-top:var(--a-space-xl);margin-bottom:var(--a-space-2xl);}.hero .grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}.card.glass{background:rgba(255,255,255,0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);text-align:center;padding:var(--a-space-xl);transition:all var(--a-transition-base) ease;}.card.glass,.card.glass h3,.card.glass p,.card.glass .value,.card.glass .label{color:white;}.card.glass:hover{background:rgba(255,255,255,0.25);transform:translateY(-4px);box-shadow:var(--a-shadow-lg);}.card.glass h3,.card.glass .value{font-size:2.5rem;font-weight:var(--a-font-weight-bold);margin:var(--a-space-s) 0;}.card.glass>.axicon:first-child,.card.glass .axicon{font-size:2.25rem;margin-bottom:var(--a-space-s);color:white;opacity:0.9;transition:opacity var(--a-transition-base,200ms) ease;}.card.glass:hover>.axicon:first-child,.card.glass:hover .axicon{opacity:1;}.form{margin-bottom:var(--a-space-m);}.form-group{margin-bottom:var(--a-space-m);}.form-label{display:block;margin-bottom:var(--a-space-s);font-weight:var(--a-font-weight-bold);}.form-control{display:block;width:100%;padding:var(--a-space-m);border-radius:var(--a-border-radius-base);border:1px solid var(--a-color-surface-variant);background-color:white;color:var(--a-color-text-primary);transition:border-color var(--a-transition-base),box-shadow var(--a-transition-base);}.form-control:focus{border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);outline:none;}.form-control[hidden]{display:none;}.form-control.success{border-color:var(--a-color-success);}.form-control.error{border-color:var(--a-color-error);}.form-check{display:flex;align-items:center;gap:var(--a-space-m);}.form-check-input{width:1rem;height:1rem;}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--ax-border);border-radius:var(--a-border-radius-pill);outline:none;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--a-color-primary);cursor:pointer;transition:transform var(--a-transition-base);}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity var(--a-transition-base);}.modal[hidden]{display:none;}.modal-content{background-color:white;border-radius:var(--a-border-radius-base);padding:var(--a-space-l);max-width:500px;width:100%;transition:transform var(--a-transition-base);}.modal-header{margin-bottom:var(--a-space-m);}.modal-body{margin-bottom:var(--a-space-m);}.modal-footer{display:flex;justify-content:flex-end;gap:var(--a-space-m);}main>section{padding:var(--a-space-xl) 0;}main>section:nth-child(even){background-color:var(--ax-background-secondary);}main>section>.container>header{text-align:center;margin-bottom:var(--a-space-xl);max-width:800px;margin-left:auto;margin-right:auto;}main>section>.container>header h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);}main>section>.container>header p{font-size:1.125rem;color:var(--a-color-on-surface-variant);line-height:1.6;}.code-example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--a-space-s);}.code-example-header p{margin:0;font-weight:var(--a-font-weight-bold);font-size:0.9rem;}.code-example-header .actions{display:flex;gap:var(--a-space-xs);}.code-example-header button.icon-only{padding:var(--a-space-xs) !important;background-color:transparent !important;color:var(--a-color-on-surface-variant) !important;border:1px solid var(--a-color-outline) !important;min-height:auto !important;min-width:auto !important;border-radius:var(--a-border-radius-sm) !important;}.code-example-header button.icon-only:hover{background-color:var(--a-color-surface-variant) !important;}.code-example-header button.icon-only:active{background-color:var(--a-color-outline) !important;}pre{background-color:#1e1e1e !important;color:#d4d4d4 !important;padding:var(--a-space-m) !important;border-radius:var(--a-border-radius-base) !important;overflow-x:auto !important;}header.main{background-color:var(--a-color-surface);color:var(--a-color-on-surface);padding:var(--a-space-m) var(--a-space-l);border-bottom:1px solid var(--a-color-outline);position:sticky;top:0;z-index:var(--z-sticky,500);}header.main nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--ax-max-width,1200px);margin:0 auto;}header.main .brand{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.5rem;color:var(--a-color-on-surface);text-decoration:none;}header.main .brand .primary{color:var(--a-color-primary);}header.main .links{display:flex;gap:var(--a-space-l);list-style:none;margin:0;padding:0;}header.main .links a{color:var(--a-color-on-surface);text-decoration:none;font-weight:var(--a-font-weight-medium);transition:color var(--a-transition-base);}header.main .links a:hover{color:var(--a-color-primary);}header.main .actions{display:flex;align-items:center;gap:var(--a-space-m);}header.main .actions button,header.main .actions a.github{background:transparent;border:none;color:var(--a-color-on-surface);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--a-space-xs);border-radius:var(--a-border-radius-sm);transition:background-color var(--a-transition-base),color var(--a-transition-base);}header.main .actions a.github span:not(.axicon){display:none;}header.main .actions button:hover,header.main .actions a.github:hover{background-color:var(--a-color-surface-variant);color:var(--a-color-primary);}header.main .menu.toggle{display:none;}@media (max-width:1023px){header.main .links{display:none;}header.main .menu.toggle{display:flex;}header.main.menu-open .links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--a-color-surface);padding:var(--a-space-l);border-bottom:1px solid var(--a-color-outline);box-shadow:var(--a-shadow-md);}}.progress-bar{width:100%;height:1rem;background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-pill);overflow:hidden;}.progress-bar[hidden]{display:none;}.progress-bar-inner{height:100%;background-color:var(--a-color-primary);transition:width var(--a-transition-base);}.skeleton{background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-base);}.skeleton[hidden]{display:none;}.skeleton-text{width:100%;height:1rem;}.skeleton-rect{width:100%;height:100px;}.skeleton-circle{width:50px;height:50px;border-radius:var(--a-border-radius-full);}.tabs{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--a-space-xl);}.tabs>menu[role="tablist"],.tab-list{display:inline-flex;background-color:var(--a-color-surface-variant);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-xs);margin:0 0 var(--a-space-xl) 0;list-style:none;gap:2px;flex-wrap:wrap;justify-content:center;}.tabs>menu>button[role="tab"],.tab-item{background:transparent;border:none;border-radius:var(--a-border-radius-sm);padding:var(--a-space-s) var(--a-space-l);cursor:pointer;color:var(--a-color-on-surface-variant);font-weight:var(--a-font-weight-semibold);font-family:inherit;font-size:0.95rem;transition:all var(--a-transition-fast) var(--a-ease-out);}.tabs>menu>button[role="tab"]:hover,.tab-item:hover{color:var(--a-color-on-surface);}.tabs>menu>button[role="tab"][aria-selected="true"],.tab-item.active{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);box-shadow:var(--a-shadow-sm);}.tabs>[role="tabpanel"]{width:100%;animation:fadeIn var(--a-transition-base) var(--a-ease-out);}[role="tabpanel"][hidden]{display:none !important;}.tooltip{position:relative;display:inline-block;}.tooltip-text{visibility:hidden;width:120px;background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);text-align:center;border-radius:var(--a-border-radius-base);padding:var(--a-space-s);position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity var(--a-transition-base);}.tooltip:hover .tooltip-text{visibility:visible;opacity:1;}.tooltip[hidden]{display:none;}#color-palette .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);margin-top:var(--a-space-l);}#color-palette .swatch{width:100% !important;height:150px !important;border-radius:var(--a-border-radius-base) !important;position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:0 !important;overflow:hidden !important;border:1px solid var(--a-color-outline) !important;box-shadow:var(--a-shadow-sm) !important;margin-bottom:0 !important;}#color-palette .swatch:hover{transform:translateY(-4px) !important;box-shadow:var(--a-shadow-md) !important;}#color-palette .swatch .info{position:absolute !important;bottom:0 !important;left:0 !important;width:100% !important;background:rgba(0,0,0,0.75) !important;padding:var(--a-space-s) !important;text-align:left !important;transform:none !important;border-radius:0 !important;}#color-palette .swatch .info h4{margin:0 !important;font-size:0.9rem !important;font-weight:var(--a-font-weight-bold) !important;color:white !important;}#color-palette .swatch .info p{display:none !important;}#color-palette .swatch span{position:relative !important;z-index:1 !important;font-size:1rem !important;font-weight:var(--a-font-weight-bold) !important;margin-bottom:30px !important;}#color-palette .swatch.small{height:150px !important;}.card>.axicon:first-child{font-size:2.25rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);display:block;}.card h3{margin:0 0 var(--a-space-m) 0;font-size:1.25rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.card h4{margin:0 0 var(--a-space-s) 0;font-size:1.1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.card p{margin:0 0 var(--a-space-m) 0;font-size:0.95rem;line-height:1.6;color:var(--a-color-on-surface-variant);}.card p:last-of-type{margin-bottom:0;}.card>footer{margin-top:auto;padding-top:var(--a-space-m);border-top:none;background:transparent;display:flex;align-items:center;}.card.ghost>.axicon:first-child{margin-left:auto;margin-right:auto;margin-bottom:var(--a-space-m);}:root{--a-use-css-reset:true;}