:root{--viewport-height:100vh;--viewport-width:100vw;--viewport-height-dynamic:100dvh;--viewport-height-small:100svh;--viewport-height-large:100lvh;--safe-area-top:env(safe-area-inset-top,0);--safe-area-bottom:env(safe-area-inset-bottom,0);--safe-area-left:env(safe-area-inset-left,0);--safe-area-right:env(safe-area-inset-right,0);--container-xs:320px;--container-sm:480px;--container-md:640px;--container-lg:768px;--container-xl:1024px;--grid-4x4-cell-size:60px;--grid-6x6-cell-size:50px;--grid-9x9-cell-size:45px;--child-touch-target:50px;--child-border-radius:12px;--child-animation-duration:.3s;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}@supports (height:100dvh){:root{--viewport-height:100dvh;--viewport-height-dynamic:100dvh}}@supports (height:100svh){:root{--viewport-height-small:100svh}}@supports (height:100lvh){:root{--viewport-height-large:100lvh}}@supports (container-type:inline-size){:root{--container-query-support:true}}@supports (grid-template-rows:subgrid){:root{--subgrid-support:true}}.container-query-root{width:100%;max-width:100%;container:main-container/inline-size}.sudoku-container-query{width:100%;max-width:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex;container:sudoku-grid/inline-size}.controls-container-query{width:100%;max-width:100%;container:controls/inline-size}.theme-container-query{width:100%;max-width:100%;container:theme-selector/inline-size}.accessibility-container-query{width:100%;max-width:100%;container:accessibility-controls/inline-size}.responsive-container{width:100%;position:relative;container:responsive-component/inline-size}.size-aware-container{width:100%;height:100%;container:size-aware/size}.multi-axis-container{width:100%;min-height:200px;container:multi-axis/size}.modern-grid-layout{place-items:center;gap:var(--space-4);width:100%;min-height:var(--viewport-height-dynamic,var(--viewport-height));padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);grid-template:"header""main"1fr"footer"/1fr;display:grid}.modern-grid-layout-advanced{gap:var(--space-4);width:100%;min-height:var(--viewport-height-dynamic,var(--viewport-height));padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,1fr);display:grid}@supports (grid-template-rows:subgrid){.modern-subgrid-container{grid-template-rows:subgrid;gap:inherit;grid-row:span 3;display:grid}}.modern-grid-header{text-align:center;width:100%;max-width:800px;padding:var(--space-4);grid-area:header;grid-template-columns:1fr auto 1fr;grid-template-areas:"nav title actions";align-items:center;display:grid}.modern-grid-main{align-items:center;gap:var(--space-6);flex-direction:column;grid-area:main;width:100%;max-width:1200px;display:flex}.modern-grid-footer{width:100%;max-width:800px;padding:var(--space-4);gap:var(--space-4);grid-area:footer;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.responsive-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));width:100%;display:grid}.responsive-grid-dense{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-flow:dense;gap:var(--space-4);width:100%;display:grid}.intrinsic-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,400px),1fr));gap:clamp(1rem,3vw,2rem);width:100%;display:grid}.modern-flex-controls{gap:var(--space-4);flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}.modern-flex-row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.modern-flex-stack{gap:var(--space-4);flex-direction:column;display:flex}.modern-flex-cluster{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.modern-flex-sidebar{gap:var(--space-4);flex-wrap:wrap;display:flex}.modern-flex-sidebar>:first-child{flex-grow:1;flex-basis:250px}.modern-flex-sidebar>:last-child{flex-grow:999;flex-basis:0;min-width:50%}.modern-flex-button{min-width:120px;min-height:var(--child-touch-target);padding:var(--space-3) var(--space-4);border-radius:var(--child-border-radius);color:#fff;font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--child-animation-duration) cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;padding-inline:var(--space-4);padding-block:var(--space-3);border:2px solid #0000;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-inline-start:2px solid #0000;flex:auto;margin-inline:0}.modern-flex-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.modern-flex-button:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.modern-flex-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modern-flex-button-child{min-height:var(--child-touch-target);border-radius:var(--child-border-radius);font-size:var(--text-lg);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#10b981 0%,#059669 100%);font-weight:700;box-shadow:0 4px 8px #10b98133}.modern-flex-button-child:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 12px 20px #10b9814d}.flex-responsive{flex-direction:column;display:flex}@media (min-width:640px){.flex-responsive{flex-direction:row}}@container sudoku-grid (max-width:320px){.sudoku-grid-4x4{--cell-size:45px;--font-size:var(--text-sm);--border-width:1px}.sudoku-grid-6x6{--cell-size:35px;--font-size:var(--text-xs);--border-width:1px}.sudoku-grid-9x9{--cell-size:30px;--font-size:var(--text-xs);--border-width:1px}}@container sudoku-grid (min-width:321px) and (max-width:480px){.sudoku-grid-4x4{--cell-size:55px;--font-size:var(--text-base);--border-width:2px}.sudoku-grid-6x6{--cell-size:45px;--font-size:var(--text-sm);--border-width:2px}.sudoku-grid-9x9{--cell-size:35px;--font-size:var(--text-sm);--border-width:1px}}@container sudoku-grid (min-width:481px) and (max-width:640px){.sudoku-grid-4x4{--cell-size:var(--grid-4x4-cell-size);--font-size:var(--text-lg);--border-width:2px}.sudoku-grid-6x6{--cell-size:var(--grid-6x6-cell-size);--font-size:var(--text-base);--border-width:2px}.sudoku-grid-9x9{--cell-size:var(--grid-9x9-cell-size);--font-size:var(--text-base);--border-width:1px}}@container sudoku-grid (min-width:641px) and (max-width:800px){.sudoku-grid-4x4{--cell-size:70px;--font-size:var(--text-xl);--border-width:3px}.sudoku-grid-6x6{--cell-size:60px;--font-size:var(--text-lg);--border-width:2px}.sudoku-grid-9x9{--cell-size:50px;--font-size:var(--text-lg);--border-width:2px}}@container sudoku-grid (min-width:801px){.sudoku-grid-4x4{--cell-size:80px;--font-size:var(--text-2xl);--border-width:3px}.sudoku-grid-6x6{--cell-size:70px;--font-size:var(--text-xl);--border-width:3px}.sudoku-grid-9x9{--cell-size:60px;--font-size:var(--text-xl);--border-width:2px}}@container controls (max-width:320px){.modern-flex-controls{gap:var(--space-2)}.modern-flex-row{gap:var(--space-2);flex-direction:column}.modern-flex-button{width:100%;min-width:auto;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);flex:none}}@container controls (min-width:321px) and (max-width:480px){.modern-flex-controls{gap:var(--space-3)}.modern-flex-row{gap:var(--space-2);flex-direction:column}.modern-flex-button{flex:none;width:100%;min-width:auto}}@container controls (min-width:481px) and (max-width:640px){.modern-flex-row{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.modern-flex-button{flex:none}}@container controls (min-width:641px) and (max-width:800px){.modern-flex-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}}@container controls (min-width:801px){.modern-flex-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);max-width:800px;display:grid}}@container theme-selector (max-width:480px){.theme-grid{gap:var(--space-3);grid-template-columns:1fr}.theme-option{padding:var(--space-3);min-height:60px}}@container theme-selector (min-width:481px) and (max-width:640px){.theme-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@container theme-selector (min-width:641px){.theme-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@container accessibility-controls (max-width:480px){.accessibility-grid{gap:var(--space-3);grid-template-columns:1fr}.accessibility-control{padding:var(--space-3);font-size:var(--text-sm)}}@container accessibility-controls (min-width:481px){.accessibility-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@container main-container (min-width:640px) and (max-width:768px){.modern-grid-layout{gap:var(--space-4);grid-template-columns:1fr 3fr 1fr;grid-template-areas:"header header header""sidebar main sidebar""footer footer footer"}.modern-grid-main{max-width:none}}@container main-container (min-width:769px) and (max-width:1024px){.modern-grid-layout{gap:var(--space-6);grid-template-columns:1fr 2fr 1fr;grid-template-areas:"header header header""sidebar main sidebar""footer footer footer"}.modern-grid-main{max-width:none}}@container main-container (min-width:1025px){.modern-grid-layout{gap:var(--space-8);grid-template-columns:200px 1fr 200px;max-width:1200px;margin:0 auto}.modern-grid-layout-advanced{max-width:1400px;margin:0 auto}}@container responsive-component (max-width:300px){.responsive-content{font-size:var(--text-sm);padding:var(--space-2);gap:var(--space-2)}}@container responsive-component (min-width:301px) and (max-width:500px){.responsive-content{font-size:var(--text-base);padding:var(--space-3);gap:var(--space-3)}}@container responsive-component (min-width:501px){.responsive-content{font-size:var(--text-lg);padding:var(--space-4);gap:var(--space-4)}}@container size-aware (max-width:400px) and (max-height:300px){.compact-layout{gap:var(--space-2);flex-direction:column;display:flex}}@container size-aware (min-width:401px) and (min-height:301px){.expanded-layout{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}}@container multi-axis not (max-aspect-ratio:1){.landscape-layout{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}}@container multi-axis (max-aspect-ratio:1){.portrait-layout{gap:var(--space-4);flex-direction:column;display:flex}}.modern-grid-selector{gap:var(--space-6);width:100%;max-width:900px;padding:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;display:grid}.modern-grid-selector-enhanced{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,350px),1fr));gap:clamp(1rem,3vw,2rem);width:100%;max-width:min(1200px,90vw);margin:0 auto;padding:clamp(1rem,3vw,2rem);display:grid}@container main-container (max-width:640px){.modern-grid-selector,.modern-grid-selector-enhanced{gap:var(--space-4);padding:var(--space-3);grid-template-columns:1fr}}@container main-container (min-width:641px) and (max-width:900px){.modern-grid-selector,.modern-grid-selector-enhanced{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@container main-container (min-width:901px){.modern-grid-selector,.modern-grid-selector-enhanced{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.child-mode-container{container:child-mode/inline-size}@container child-mode (max-width:320px){.child-friendly-grid{--cell-size:calc(var(--cell-size) + 8px);--border-radius:var(--child-border-radius);--touch-target:var(--child-touch-target);--animation-scale:1.03}.child-friendly-button{min-height:var(--child-touch-target);font-size:var(--text-base);border-radius:var(--child-border-radius);padding:var(--space-3) var(--space-4)}}@container child-mode (min-width:321px) and (max-width:480px){.child-friendly-grid{--cell-size:calc(var(--cell-size) + 10px);--border-radius:var(--child-border-radius);--touch-target:var(--child-touch-target);--animation-scale:1.04}.child-friendly-button{min-height:var(--child-touch-target);font-size:var(--text-lg);border-radius:var(--child-border-radius);padding:var(--space-4) var(--space-6)}}@container child-mode (min-width:481px){.child-friendly-grid{--cell-size:calc(var(--cell-size) + 12px);--border-radius:var(--child-border-radius);--touch-target:var(--child-touch-target);--animation-scale:1.05}.child-friendly-button{min-height:var(--child-touch-target);font-size:var(--text-xl);border-radius:var(--child-border-radius);padding:var(--space-5) var(--space-8)}}.modern-transition{transition:transform var(--child-animation-duration) cubic-bezier(.4, 0, .2, 1), opacity var(--child-animation-duration) ease, background-color var(--child-animation-duration) ease;will-change:transform, opacity}.modern-hover-lift:hover:not(:disabled){transform:translateY(-2px)}.modern-active-scale:active{transform:scale(.98)}.modern-focus-ring:focus-visible{outline-offset:2px;border-radius:var(--child-border-radius);outline:3px solid #3b82f6}.high-contrast-mode{--border-width:3px;--focus-width:4px}.high-contrast-mode .modern-flex-button{border-width:var(--border-width);border-color:currentColor}.high-contrast-mode .modern-focus-ring:focus-visible{outline-width:var(--focus-width)}@media (prefers-reduced-motion:reduce){.modern-transition{transition:none}.modern-hover-lift:hover:not(:disabled),.modern-active-scale:active{transform:none}}@media (hover:none) and (pointer:coarse){.modern-flex-button{min-height:var(--child-touch-target);-webkit-tap-highlight-color:transparent}.modern-hover-lift:hover{transform:none}.modern-flex-button:active{transform:scale(.95)}}@media print{.modern-grid-layout{grid-template-columns:1fr;grid-template-areas:"header""main";min-height:auto}.modern-flex-button{display:none}.modern-transition{transition:none}}@media (prefers-color-scheme:dark){.modern-flex-button{background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%)}.modern-focus-ring:focus-visible{outline-color:#60a5fa}}@media (max-width:768px) and (orientation:landscape){.modern-grid-layout{min-height:var(--viewport-height-small,var(--viewport-height));gap:var(--space-2);grid-template-rows:auto 1fr;grid-template-areas:"header""main"}.modern-grid-header{padding:var(--space-2) var(--space-4)}.modern-grid-main{gap:var(--space-3);padding:var(--space-2)}@container sudoku-grid (max-width:600px){.sudoku-grid-4x4{--cell-size:40px}.sudoku-grid-6x6{--cell-size:32px}.sudoku-grid-9x9{--cell-size:28px}}@container controls (max-width:600px){.modern-flex-row{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.modern-flex-button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:40px}}}@media (max-width:768px) and (orientation:portrait){.modern-grid-layout{min-height:var(--viewport-height-dynamic,var(--viewport-height))}@container sudoku-grid (max-width:400px){.sudoku-grid-container{padding:var(--space-2)}}}.modern-logical-spacing{padding-inline:var(--space-4);padding-block:var(--space-3);border-inline:2px solid #0000;border-block-start:1px solid var(--border-color,#e2e8f0);border-block-end:1px solid var(--border-color,#e2e8f0);margin-inline:auto}.modern-logical-text{text-align:start;margin-inline-start:var(--space-2);margin-inline-end:var(--space-2);padding-inline-start:var(--space-3);padding-inline-end:var(--space-3)}@supports (grid-template-rows:subgrid){.modern-subgrid-item{grid-template-rows:subgrid;gap:inherit;grid-row:span 3;display:grid}.modern-subgrid-columns{grid-template-columns:subgrid;gap:inherit;grid-column:span 3;display:grid}.modern-subgrid-both{grid-template-rows:subgrid;grid-template-columns:subgrid;gap:inherit;grid-area:span 2/span 2;display:grid}}@layer base{.modern-base-styles{box-sizing:border-box;margin:0;padding:0}.modern-base-typography{font-family:var(--font-family-sans,system-ui, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}}@layer components{.modern-component-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius,.5rem);transition:all var(--child-animation-duration) ease;font-weight:600;display:inline-flex}.modern-component-card{background:var(--card-background,white);border-radius:var(--border-radius,.5rem);box-shadow:var(--shadow-md);padding:var(--space-6);border:1px solid var(--border-color,#e2e8f0)}}@layer utilities{.modern-utility-center{justify-content:center;align-items:center;display:flex}.modern-utility-stack{gap:var(--space-4);flex-direction:column;display:flex}.modern-utility-cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}}@layer overrides;
.grid-auto-fit{gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));display:grid}.grid-auto-fill{gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.grid-intrinsic{grid-template-columns:repeat(auto-fit,minmax(clamp(200px,25vw,300px),1fr));gap:clamp(1rem,3vw,2rem);display:grid}.grid-named-lines{gap:var(--space-4,1rem);grid-template-rows:[header-start]auto[header-end content-start]1fr[content-end footer-start]auto[footer-end];grid-template-columns:[sidebar-start]minmax(200px,1fr)[sidebar-end main-start]minmax(0,3fr)[main-end];min-height:100vh;display:grid}.grid-complex-layout{gap:var(--space-4,1rem);grid-template:"header header header""nav main aside"1fr"footer footer footer"/200px 1fr 200px;min-height:100vh;display:grid}.grid-header{grid-area:header}.grid-nav{grid-area:nav}.grid-main{grid-area:main}.grid-aside{grid-area:aside}.grid-footer{grid-area:footer}@media (max-width:768px){.grid-complex-layout{grid-template:"header""nav""main"1fr"aside""footer"/1fr}}.flex-sidebar{gap:var(--space-4,1rem);flex-wrap:wrap;display:flex}.flex-sidebar>:first-child{flex-grow:1;flex-basis:250px}.flex-sidebar>:last-child{flex-grow:999;flex-basis:0;min-width:50%}.flex-switcher{gap:var(--space-4,1rem);flex-wrap:wrap;display:flex}.flex-switcher>*{flex-grow:1;flex-basis:calc(29970rem - 99900%)}.flex-cluster{gap:var(--space-3,.75rem);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.flex-stack{flex-direction:column;justify-content:flex-start;display:flex}.flex-stack>*{margin-block:0}.flex-stack>*+*{margin-block-start:var(--space-4,1rem)}.center-layout{box-sizing:content-box;max-width:var(--measure,65ch);padding-inline:var(--space-4,1rem);margin-inline:auto}.cover-layout{min-height:100vh;padding:var(--space-4,1rem);flex-direction:column;display:flex}.cover-layout>*{margin-block:var(--space-2,.5rem)}.cover-layout>:first-child:not(.cover-centered){margin-block-end:auto}.cover-layout>:last-child:not(.cover-centered){margin-block-start:auto}.cover-layout>.cover-centered{margin-block:auto}.pancake-stack{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.holy-grail{grid-template:auto 1fr auto/auto 1fr auto;min-height:100vh;display:grid}.holy-grail-header{grid-column:1/4}.holy-grail-left{grid-column:1/2}.holy-grail-content{grid-column:2/3}.holy-grail-right{grid-column:3/4}.holy-grail-footer{grid-column:1/4}@media (max-width:768px){.holy-grail{grid-template:auto auto 1fr auto auto/1fr}.holy-grail-header,.holy-grail-left,.holy-grail-content,.holy-grail-right,.holy-grail-footer{grid-column:1}}.sudoku-game-layout{gap:var(--space-4,1rem);min-height:100vh;padding:var(--space-4,1rem);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"header""controls""grid""stats""footer";display:grid}.sudoku-header{grid-area:header}.sudoku-controls{grid-area:controls}.sudoku-grid-area{grid-area:grid}.sudoku-stats{grid-area:stats}.sudoku-footer{grid-area:footer}@media (orientation:landscape) and (min-width:768px){.sudoku-game-layout{grid-template:"header header header""controls grid stats"1fr"footer footer footer"/auto 1fr auto}}.child-friendly-layout{gap:var(--space-6,1.5rem);padding:var(--space-6,1.5rem);border-radius:var(--child-border-radius,12px);display:grid}.child-friendly-grid{gap:var(--space-5,1.25rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.child-friendly-flex{gap:var(--space-5,1.25rem);flex-direction:column;align-items:center;display:flex}.container-aware-layout{container:layout/inline-size}@container layout (min-width:400px){.container-responsive-grid{gap:var(--space-4,1rem);grid-template-columns:repeat(2,1fr);display:grid}}@container layout (min-width:600px){.container-responsive-grid{grid-template-columns:repeat(3,1fr)}}@container layout (min-width:800px){.container-responsive-grid{grid-template-columns:repeat(4,1fr)}}.aspect-ratio-layout{container:aspect-layout/size}@container aspect-layout not (max-aspect-ratio:1.5){.wide-layout{gap:var(--space-4,1rem);grid-template-columns:1fr 1fr 1fr;display:grid}}@container aspect-layout (max-aspect-ratio:1.5) and (not (max-aspect-ratio:.75)){.square-layout{gap:var(--space-4,1rem);grid-template-columns:1fr 1fr;display:grid}}@container aspect-layout (max-aspect-ratio:.75){.tall-layout{gap:var(--space-4,1rem);flex-direction:column;display:flex}}@supports (grid-template-rows:masonry){.masonry-layout{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-rows:masonry;gap:var(--space-4,1rem);display:grid}}@supports not (grid-template-rows:masonry){.masonry-layout{gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}}.gpu-accelerated-layout{will-change:transform;transform:translateZ(0)}.contain-layout{contain:layout style paint}.contain-strict{contain:strict}.focus-trap-layout{position:relative}.focus-trap-layout:before,.focus-trap-layout:after{content:"";opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.skip-link-layout{position:relative}.skip-link{color:#fff;z-index:1000;background:#1e3a8a;border-radius:4px;padding:8px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}@media print{.print-layout{width:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}.print-hide{display:none!important}.print-break-before{break-before:page}.print-break-after{break-after:page}.print-break-inside-avoid{break-inside:avoid}}@media (prefers-color-scheme:dark){.dark-mode-layout{background:var(--dark-background,#1e293b);color:var(--dark-foreground,#f1f5f9)}}@media (prefers-reduced-motion:reduce){.reduced-motion-layout *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.high-contrast-layout{border:2px solid}.high-contrast-layout *{border-color:currentColor}}
.asymmetric-container{gap:var(--space-6);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 2fr 1fr;display:grid;position:relative;transform:perspective(1000px)rotateX(0)}.diagonal-flow{gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid;position:relative}.diagonal-flow>*{transform:translateY(calc(var(--diagonal-offset,0) * 1rem))}.diagonal-flow>:first-child{--diagonal-offset:0}.diagonal-flow>:nth-child(2){--diagonal-offset:1}.diagonal-flow>:nth-child(3){--diagonal-offset:2}.diagonal-flow>:nth-child(4){--diagonal-offset:1}.diagonal-flow>:nth-child(5){--diagonal-offset:0}.asymmetric-card{background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--space-6);transform:rotate(var(--card-rotation,0deg));box-shadow:var(--shadow-md);will-change:transform;position:relative}.asymmetric-card:nth-child(odd){--card-rotation:.5deg}.asymmetric-card:nth-child(2n){--card-rotation:-.5deg}.diagonal-grid-overlay{pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,#0000,#0000 50px,#ff6b6b08 50px 51px),repeating-linear-gradient(-45deg,#0000,#0000 50px,#4ecdc408 50px 51px);position:absolute;inset:0;overflow:hidden}.with-corner-decorations{position:relative}.with-corner-decorations:before,.with-corner-decorations:after{content:"";pointer-events:none;opacity:.1;position:absolute}.with-corner-decorations:before{background:var(--gradient-sunset);clip-path:polygon(0 0,100% 0,0 100%);border-radius:var(--radius-sm) 0 0 0;width:100px;height:100px;top:0;left:0}.with-corner-decorations:after{background:var(--gradient-ocean);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 var(--radius-sm) 0;width:120px;height:120px;bottom:0;right:0}.asymmetric-content{gap:var(--space-8);grid-template-columns:1.618fr 1fr;align-items:start;display:grid}.asymmetric-content-reverse{grid-template-columns:1fr 1.618fr}.asymmetric-content>:first-child{margin-top:var(--space-8)}.asymmetric-content>:last-child{margin-top:0}.diagonal-divider{margin-block:var(--space-12);background:linear-gradient(90deg, transparent 0%, var(--color-coral) 20%, var(--color-teal) 80%, transparent 100%);opacity:.3;height:2px;position:relative;transform:skewY(-1deg)}.diagonal-divider:before,.diagonal-divider:after{content:"";background:var(--color-coral);opacity:.2;width:20px;height:20px;position:absolute}.diagonal-divider:before{clip-path:polygon(50% 0%,0% 100%,100% 100%);top:-9px;left:10%}.diagonal-divider:after{border-radius:50%;top:-9px;right:10%}.zigzag-layout{gap:var(--space-10);flex-direction:column;display:flex}.zigzag-item{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:center;display:grid}.zigzag-item:nth-child(2n){direction:rtl}.zigzag-item:nth-child(2n)>*{direction:ltr}@container (max-width:768px){.asymmetric-container{gap:var(--space-4);grid-template-columns:1fr}.diagonal-flow{grid-template-columns:1fr}.diagonal-flow>*{transform:none}.asymmetric-content,.asymmetric-content-reverse{gap:var(--space-4);grid-template-columns:1fr}.asymmetric-content>:first-child{margin-top:0}.asymmetric-card{--card-rotation:0deg}.zigzag-item{grid-template-columns:1fr}.zigzag-item:nth-child(2n){direction:ltr}.with-corner-decorations:before,.with-corner-decorations:after{display:none}}@container (min-width:769px) and (max-width:1024px){.asymmetric-container{grid-template-columns:1fr 3fr 1fr}.diagonal-flow{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion:reduce){.asymmetric-card,.diagonal-flow>*{transform:none!important}.diagonal-divider{transform:none}}@media (prefers-contrast:high){.diagonal-grid-overlay{display:none}.with-corner-decorations:before,.with-corner-decorations:after{opacity:.3;border:2px solid}.diagonal-divider{opacity:.6;height:3px}}@media print{.diagonal-grid-overlay,.with-corner-decorations:before,.with-corner-decorations:after{display:none}.asymmetric-card,.diagonal-flow>*{transform:none}}