:root{--font-size-xs: clamp(.75rem, .5vw + .6rem, .9rem);--font-size-sm: clamp(.875rem, .5vw + .7rem, 1rem);--font-size-base: clamp(1rem, .5vw + .8rem, 1.125rem);--font-size-lg: clamp(1.125rem, 1vw + .9rem, 1.25rem);--font-size-xl: clamp(1.25rem, 1vw + 1rem, 1.5rem);--font-size-2xl: clamp(1.5rem, 1vw + 1.25rem, 2rem);--font-size-3xl: clamp(1.875rem, 1.5vw + 1.5rem, 2.5rem);--space-1: clamp(.25rem, .5vw + .1rem, .375rem);--space-2: clamp(.5rem, .5vw + .3rem, .75rem);--space-3: clamp(.75rem, .5vw + .5rem, 1rem);--space-4: clamp(1rem, 1vw + .75rem, 1.5rem);--space-6: clamp(1.5rem, 1.5vw + 1rem, 2rem);--space-8: clamp(2rem, 2vw + 1.5rem, 3rem);--space-12: clamp(3rem, 2.5vw + 2rem, 4rem);--color-background-light: #F6F8FA;--color-panel-primary-light: #FFFFFF;--color-panel-secondary-light: #F6F8FA;--color-border-primary-light: #D0D7DE;--color-border-secondary-light: #EAECEF;--color-text-primary-light: #1F2328;--color-text-secondary-light: #57606A;--color-text-tertiary-light: #6E7781;--color-accent-primary-light: #0969DA;--color-accent-primary-hover-light: #0A5CC9;--color-accent-primary-hover-bg-light: rgba(9, 105, 218, .1);--color-accent-secondary-light: #16A34A;--color-accent-danger-light: #D73A49;--color-accent-cyan-light: #1b6a88;--color-accent-yellow-light: #FFD700;--color-accent-purple-light: #8B5CF6;--color-accent-python-blue-light: #306998;--color-accent-python-yellow-light: #FFD43B;--color-accent-foundations-purple-light: #6e40c9;--color-shadow-light: rgba(0, 0, 0, .1);--color-background-dark: #0D1117;--color-panel-primary-dark: #161B22;--color-panel-secondary-dark: #0D1117;--color-border-primary-dark: #30363D;--color-border-secondary-dark: #21262D;--color-text-primary-dark: #E6EDF3;--color-text-secondary-dark: #848D97;--color-text-tertiary-dark: #636C76;--color-accent-primary-dark: #2F81F7;--color-accent-primary-hover-dark: #388BFD;--color-accent-primary-hover-bg-dark: rgba(56, 139, 253, .15);--color-accent-secondary-dark: #238636;--color-accent-danger-dark: #F85149;--color-accent-cyan-dark: #38bdf8;--color-accent-yellow-dark: #FFD700;--color-accent-purple-dark: #A78BFA;--color-accent-python-blue-dark: #4b8bbe;--color-accent-python-yellow-dark: #FFD43B;--color-accent-foundations-purple-dark: #8957e5;--color-shadow-dark: rgba(0, 0, 0, .4);--font-family-sans: "Inter", sans-serif;--font-family-mono: "Roboto Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}:root{--color-background: var(--color-background-light);--color-panel-primary: var(--color-panel-primary-light);--color-panel-secondary: var(--color-panel-secondary-light);--color-border-primary: var(--color-border-primary-light);--color-border-secondary: var(--color-border-secondary-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-tertiary: var(--color-text-tertiary-light);--color-accent-primary: var(--color-accent-primary-light);--color-accent-primary-hover: var(--color-accent-primary-hover-light);--color-accent-primary-hover-bg: var(--color-accent-primary-hover-bg-light);--color-accent-secondary: var(--color-accent-secondary-light);--color-accent-danger: var(--color-accent-danger-light);--color-accent-cyan: var(--color-accent-cyan-light);--color-accent-yellow: var(--color-accent-yellow-light);--color-accent-purple: var(--color-accent-purple-light);--color-accent-python-blue: var(--color-accent-python-blue-light);--color-accent-python-yellow: var(--color-accent-python-yellow-light);--color-accent-foundations-purple: var(--color-accent-foundations-purple-light);--color-shadow: var(--color-shadow-light)}[data-theme=dark]{--color-background: var(--color-background-dark);--color-panel-primary: var(--color-panel-primary-dark);--color-panel-secondary: var(--color-panel-secondary-dark);--color-border-primary: var(--color-border-primary-dark);--color-border-secondary: var(--color-border-secondary-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-tertiary: var(--color-text-tertiary-dark);--color-accent-primary: var(--color-accent-primary-dark);--color-accent-primary-hover: var(--color-accent-primary-hover-dark);--color-accent-primary-hover-bg: var(--color-accent-primary-hover-bg-dark);--color-accent-secondary: var(--color-accent-secondary-dark);--color-accent-danger: var(--color-accent-danger-dark);--color-accent-cyan: var(--color-accent-cyan-dark);--color-accent-yellow: var(--color-accent-yellow-dark);--color-accent-purple: var(--color-accent-purple-dark);--color-accent-python-blue: var(--color-accent-python-blue-dark);--color-accent-python-yellow: var(--color-accent-python-yellow-dark);--color-accent-foundations-purple: var(--color-accent-foundations-purple-dark);--color-shadow: var(--color-shadow-dark)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.6;transition:background-color .2s,color .2s;overflow-x:hidden;cursor:default}a,button,input,textarea,select{cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.app-header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;padding:0 var(--space-4);background-color:var(--color-panel-primary);border-bottom:1px solid var(--color-border-primary);z-index:1001}.header-left{display:flex;align-items:center;gap:var(--space-3)}.header-brand{display:flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:var(--font-size-xl);background:none;border:none;color:var(--color-text-primary)}.header-brand .logo.icon-lg{width:calc(var(--font-size-2xl) + 4px);height:calc(var(--font-size-2xl) + 4px)}.header-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;width:44px;height:44px;padding:0;cursor:pointer}@media (min-width: 1024px){.header-toggle{display:none}}.app-layout{display:grid;grid-template-columns:280px 1fr;padding-top:60px}.content{padding:var(--space-6);overflow-y:auto;overflow-x:hidden;height:calc(100vh - 60px)}@media (min-width: 768px){.content{padding:var(--space-8)}}@media (max-width: 1023px){.app-layout{display:block;grid-template-columns:1fr}.content{padding:var(--space-6);height:auto}}.sidebar{background-color:var(--color-panel-primary);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;height:calc(100vh - 60px);position:sticky;top:60px;transition:transform .3s ease;z-index:1000}.sidebar-header{display:flex;align-items:center;padding:var(--space-4) var(--space-6);gap:var(--space-3);font-weight:600;font-size:var(--font-size-xl);border-bottom:1px solid var(--color-border-primary);flex-shrink:0;background:none;border:none;width:100%;text-align:left;color:var(--color-text-primary)}.sidebar-header .logo.icon-lg{width:calc(var(--font-size-2xl) + 4px);height:calc(var(--font-size-2xl) + 4px);flex-shrink:0}.sidebar-controls{padding:var(--space-3);display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.sidebar nav{overflow-y:auto;flex-grow:1;padding:var(--space-3) 0}.nav-category{margin-bottom:var(--space-4)}.nav-category-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);cursor:pointer;background:none;border:none;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}.nav-category-title:after{content:"−";transition:transform .2s}.nav-category-title.collapsed:after{content:"+"}.nav-links-container{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out;padding:0 var(--space-2)}.nav-links-container.collapsed{max-height:0}.nav-link{display:flex;align-items:center;padding:var(--space-2) var(--space-3);gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);margin:var(--space-1) 0;width:100%;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .15s,color .15s}.nav-link:hover{background-color:var(--color-accent-primary-hover-bg);color:var(--color-text-primary)}.nav-link.active{background-color:var(--color-accent-primary);color:#fff}.nav-link.active .nav-icon{color:#fff}.nav-icon{color:var(--color-text-tertiary)}@media (max-width: 1023px){.sidebar{position:fixed;transform:translate(-100%);z-index:1003;height:100vh;top:0;width:280px}.sidebar.is-open{transform:translate(0)}.sidebar-overlay.is-open{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1002}}.animated-menu-icon{width:24px;height:20px;position:relative;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.animated-menu-icon span{display:block;position:absolute;height:3px;width:100%;background:var(--color-text-primary);border-radius:3px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out;transform-origin:left center}.animated-menu-icon span:nth-child(1){top:0}.animated-menu-icon span:nth-child(2){top:8px}.animated-menu-icon span:nth-child(3){top:16px}.animated-menu-icon.open span:nth-child(1){top:-1px;left:4px;transform:rotate(45deg)}.animated-menu-icon.open span:nth-child(2){width:0%;opacity:0}.animated-menu-icon.open span:nth-child(3){top:17px;left:4px;transform:rotate(-45deg)}.card{background-color:var(--color-panel-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 1px 2px var(--color-shadow)}@media (min-width: 768px){.card{padding:var(--space-6)}}.card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.icon{width:var(--font-size-base);height:var(--font-size-base)}.icon-sm{width:var(--font-size-sm);height:var(--font-size-sm)}.icon-lg{width:var(--font-size-2xl);height:var(--font-size-2xl)}.icon-xs{width:var(--font-size-xs);height:var(--font-size-xs)}button,input,select,textarea{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color .2s,box-shadow .2s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-color:var(--color-accent-primary)}input[type=text],input[type=number],textarea,select{width:100%}.btn{padding:var(--space-2) var(--space-4);font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.btn-primary:hover{background-color:var(--color-accent-primary-hover)}.btn-secondary{background-color:var(--color-panel-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-border-secondary)}.btn-danger{background-color:var(--color-accent-danger);border-color:var(--color-accent-danger);color:#fff}.btn-success{background-color:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:#fff}.mview-visualizer{transition:all .3s ease}.mview-visualizer .log-entry{padding:2px 4px;border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-primary)}.btn-group .btn,.btn-group button{border-radius:0;border:none;border-right:1px solid var(--color-border-primary)}.btn-group .btn:last-child,.btn-group button:last-child{border-right:none}.btn-group .btn.active,.btn-group button.active{background-color:var(--color-accent-primary);color:#fff}.data-table-container{overflow-x:auto;border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-secondary);text-align:left;white-space:nowrap;font-size:var(--font-size-sm)}.data-table th{background-color:var(--color-panel-secondary);font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table .sort-icon{display:inline-block;margin-left:var(--space-2);opacity:.5;transition:opacity .2s,transform .2s}.data-table th[aria-sort=ascending] .sort-icon{opacity:1;transform:rotate(0)}.data-table th[aria-sort=descending] .sort-icon{opacity:1;transform:rotate(180deg)}.query-flow-visualizer{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.query-flow-arrow{font-size:var(--font-size-2xl);color:var(--color-text-tertiary);transform:rotate(90deg)}.query-flow-step{width:100%}@media (min-width: 1024px){.query-flow-visualizer{flex-direction:row;align-items:flex-start;justify-content:center}.query-flow-arrow{transform:rotate(0);padding-top:5rem}}.custom-cursor-container{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;opacity:0;transition:opacity .3s ease}.custom-cursor-container.visible{opacity:1}.custom-cursor-dot{position:fixed;width:8px;height:8px;background-color:var(--color-accent-primary);border-radius:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out}.custom-cursor-outline{position:fixed;width:40px;height:40px;border:2px solid var(--color-accent-primary);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-width .3s ease,background-color .3s ease,border-color .3s ease}.custom-cursor-outline.hover{width:60px;height:60px;background-color:var(--color-accent-primary-hover-bg);border-width:3px}.custom-cursor-outline.click{transform:translate(-50%,-50%) scale(.9);border-color:var(--color-accent-secondary)}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99998}.particle{position:absolute;width:5px;height:5px;background-color:var(--color-accent-primary);border-radius:50%;opacity:0;pointer-events:none}.particle.animate{animation:particle-trail .7s ease-out forwards}@keyframes particle-trail{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--random-x, 0) * 50px),calc(-50% + var(--random-y, 0) * 50px)) scale(0);opacity:0}}.ripple{position:fixed;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple-effect .6s ease-out;border:2px solid var(--color-accent-secondary);pointer-events:none;z-index:99997}@keyframes ripple-effect{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.regex-tester{display:grid;gap:var(--space-6)}.regex-tester .match{background-color:var(--color-accent-yellow);color:var(--color-background);border-radius:var(--radius-sm);padding:0 2px}.regex-tester .input-error{border-color:var(--color-accent-danger)}.typing-tester{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.typing-settings{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-panel-secondary);border-radius:var(--radius-lg);width:100%}.setting-group{display:flex;gap:var(--space-2);background-color:var(--color-background);padding:var(--space-1);border-radius:var(--radius-md)}.setting-group button{padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:600;transition:all .2s ease}.setting-group button:hover{color:var(--color-text-primary);background-color:var(--color-accent-primary-hover-bg)}.setting-group button.active{background-color:var(--color-accent-primary);color:#fff}.typing-stats{display:flex;gap:var(--space-8);font-size:var(--font-size-lg)}.typing-text-area-wrapper{width:100%;position:relative;cursor:text}.typing-text-area{background-color:var(--color-panel-primary);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-xl);line-height:2;height:250px;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;white-space:pre-wrap;word-break:break-all;border:2px solid transparent;transition:border-color .2s}.typing-text-area.is-active{border-color:var(--color-accent-primary)}.typing-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1;border:none;background:transparent;color:transparent;caret-color:transparent;outline:none;resize:none}.typing-text-area .char-untyped{color:var(--color-text-secondary)}.typing-text-area .char-correct{color:var(--color-text-primary)}.typing-text-area .char-incorrect{color:var(--color-accent-danger);background-color:#d73a491a;border-radius:var(--radius-sm)}.typing-text-area .char-extra{color:var(--color-accent-danger);background-color:#d73a491a;text-decoration:underline}.typing-text-area .char-untyped,.typing-text-area .char-correct,.typing-text-area .char-incorrect{position:relative}.caret{position:absolute;left:-1px;top:5%;height:90%;width:2px;background-color:var(--color-accent-primary);border-radius:1px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-result{text-align:center;margin-top:var(--space-6);padding:var(--space-6);background:var(--color-panel-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:100%}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.stat-item{text-align:center}.stat-item.wpm .stat-value{color:var(--color-accent-cyan);font-size:var(--font-size-3xl)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.result-chart{margin-top:var(--space-8)}.result-chart svg{width:100%;height:150px}.result-chart .chart-line{fill:none;stroke:var(--color-accent-primary);stroke-width:2}.result-chart .chart-grid{stroke:var(--color-border-primary);stroke-dasharray:2,2}.result-chart .chart-axis-label{font-size:10px;fill:var(--color-text-tertiary)}.result-chart .chart-area{fill:var(--color-accent-primary);opacity:.1}.partition-pruning-game{display:flex;flex-direction:column;gap:var(--space-6)}.game-header{text-align:center}.game-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);background-color:var(--color-panel-secondary);padding:var(--space-4);border-radius:var(--radius-lg)}.sql-query-display{font-family:var(--font-family-mono);padding:var(--space-2) var(--space-4);background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.sql-query-display .query-param{color:var(--color-accent-secondary);font-weight:700}.game-controls input[type=number]{width:80px}.partition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);perspective:1000px}.partition-block{background-color:var(--color-panel-secondary);border:1px solid var(--color-border-primary);padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);text-align:center;transition:all .5s ease-in-out}.partition-block.state-read{background-color:var(--color-accent-primary);color:#fff;transform:scale(1.05);border-color:var(--color-accent-primary-hover)}.partition-block.state-pruned{opacity:.2;transform:scale(.9);filter:grayscale(1)}.game-result{text-align:center;padding:var(--space-4);background-color:var(--color-panel-secondary);border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg)}.cheatsheet-controls{display:flex;flex-direction:column;gap:var(--space-4)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:999px;background-color:var(--color-panel-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-weight:600;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.filter-btn.active{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.data-table.cheatsheet-table td{vertical-align:top;white-space:normal}.data-table.cheatsheet-table td:first-child{font-weight:600;color:var(--color-text-primary);min-width:200px}.data-table.cheatsheet-table .cheatsheet-category-header th{background-color:var(--color-panel-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;padding:var(--space-3) var(--space-4);border-top:2px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary)}.data-table.cheatsheet-table tr.interactive-example-row>td{padding:0;border:0}.interactive-example-container{padding:var(--space-4);background:var(--color-panel-secondary)}.cheatsheet-explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);max-width:80ch}.interactive-example-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center}.run-controls .btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.code-cell{position:relative;background-color:var(--color-panel-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.code-cell pre{margin:0;padding:var(--space-3);white-space:pre-wrap;word-break:break-all}.code-cell code{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1);background-color:var(--color-border-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);opacity:.2;transition:opacity .2s;color:var(--color-text-secondary);line-height:1}.code-cell:hover .copy-btn{opacity:1}.copy-btn:hover{background-color:var(--color-accent-primary-hover-bg);color:var(--color-text-primary)}.copy-btn .icon{width:var(--font-size-sm);height:var(--font-size-sm)}.expand-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-panel-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.expand-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.code-keyword{color:var(--color-accent-purple)}.code-function{color:var(--color-accent-cyan)}.code-string{color:var(--color-accent-secondary)}.resizable-panels-container{display:flex;width:100%;gap:var(--space-4)}.resizable-panel{flex-shrink:0}.resizable-panel:last-child{flex-grow:1}.resizable-panel>.card{height:100%;display:flex;flex-direction:column}.resizable-divider{width:5px;flex-shrink:0;background-color:var(--color-border-secondary);cursor:col-resize;border-radius:999px;transition:background-color .2s;position:relative}.resizable-divider:hover{background-color:var(--color-accent-primary)}@media (max-width: 1023px){.resizable-panels-container{flex-direction:column}.resizable-panel{width:100%!important}.resizable-divider{display:none}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-full{grid-column:1 / -1}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-y-12>*+*{margin-top:var(--space-12)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-sm{font-size:var(--font-size-sm)}.font-bold{font-weight:700}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.border-b{border-bottom-width:1px}.border-border-primary{border-color:var(--color-border-primary)}.mb-6{margin-bottom:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.rotate-180{transform:rotate(180deg)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){.md\:grid-cols-2,.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3,.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2,.lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3,.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:grid-cols-5,.lg-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}