:root{--base-size: .25rem;--border-width: 1px;--space-0: 0;--space-1: calc(var(--base-size) * 1);--space-2: calc(var(--base-size) * 2);--space-3: calc(var(--base-size) * 3);--space-4: calc(var(--base-size) * 4);--space-5: calc(var(--base-size) * 5);--space-6: calc(var(--base-size) * 6);--space-8: calc(var(--base-size) * 8);--space-10: calc(var(--base-size) * 10);--space-12: calc(var(--base-size) * 12);--text-xs: calc(var(--base-size) * 2.5);--text-sm: calc(var(--base-size) * 3.5);--text-base: calc(var(--base-size) * 4);--text-lg: calc(var(--base-size) * 4.5);--text-xl: calc(var(--base-size) * 5);--text-2xl: calc(var(--base-size) * 7);--text-3xl: calc(var(--base-size) * 8);--text-4xl: calc(var(--base-size) * 12.8);--radius-sm: calc(var(--base-size) * 1);--radius-md: calc(var(--base-size) * 1.5);--radius-lg: calc(var(--base-size) * 2);--size-cell: calc(var(--base-size) * 5);--size-card-min: calc(var(--base-size) * 30);--size-hint-area: calc(var(--base-size) * 25);--size-input-min: calc(var(--base-size) * 45);--size-nav-title: calc(var(--base-size) * 50);--size-category-min: calc(var(--base-size) * 75);--size-dialog: calc(var(--base-size) * 100);--size-touch-target: calc(var(--base-size) * 11);--size-badge: calc(var(--base-size) * 4);--size-container-sm: calc(var(--base-size) * 80);--size-container-md: calc(var(--base-size) * 225);--size-container-lg: calc(var(--base-size) * 300);--size-container-xl: calc(var(--base-size) * 320);--size-logo: calc(var(--base-size) * 24)}:root{--white: #fff;--black: #000;--white-300: rgba(255, 255, 255, .2);--white-500: rgba(255, 255, 255, .5);--gray-100: rgba(0, 0, 0, .04);--gray-200: rgba(0, 0, 0, .12);--gray-300: rgba(0, 0, 0, .2);--gray-400: rgba(0, 0, 0, .4);--gray-500: rgba(0, 0, 0, .6);--gray-600: rgba(0, 0, 0, .8);--blue: #007bff;--blue-dark: #0056b3;--green: #28a745;--green-light: #d4edda;--red: #dc3545;--paper: #f0dac5;--color-text: var(--gray-600);--color-text-muted: var(--gray-500);--color-modal-bg: var(--paper);--color-bg: var(--white-300);--color-bg-light: var(--white-300);--color-bg-light-hover: var(--white-500);--color-bg-subtle: var(--gray-100);--color-border: var(--gray-300);--color-primary: var(--blue);--color-primary-hover: var(--blue-dark);--color-success: var(--green);--color-success-bg: var(--green-light);--color-danger: var(--red);--color-filled: var(--black);--color-empty: var(--gray-100);--shadow-sm: 0 var(--space-1) var(--space-1) rgba(0, 0, 0, .1);--shadow-md: 0 var(--space-1) var(--space-2) rgba(0, 0, 0, .15);--shadow-inset: inset 0 var(--space-1) var(--space-1) rgba(0, 0, 0, .1);--color-overlay: rgba(0, 0, 0, .5);--color-btn-default: rgba(255, 255, 255, .7);--color-btn-primary: rgba(130, 200, 255, .9);--color-btn-secondary: rgba(220, 200, 160, .9);--color-btn-danger: rgba(255, 130, 150, .9);--color-btn-danger-text: #8b0000}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-weight:400;color-scheme:light;color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:100%;margin:0;padding:0;text-align:center;min-height:100vh;display:flex;flex-direction:column}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}html,body{margin:0;padding:0;background-color:var(--color-modal-bg);background-image:url(/background.svg);background-repeat:repeat}body{min-width:var(--size-container-sm);min-height:100vh}h1{font-size:var(--text-4xl);line-height:1.1}button,select,input,label,.btn,.nav-button,.toggle-option{font-variant-emoji:text}input,select{background:var(--color-bg);color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:500;font-family:inherit;transition:border-color .2s}.panel{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.panel h2{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-muted-sm{font-size:var(--text-sm);color:var(--color-text-muted)}.text-muted-xs{font-size:var(--text-xs);color:var(--color-text-muted)}.icon{width:var(--text-base);height:var(--text-base);vertical-align:middle;display:inline-block}nav{display:flex;flex-direction:row;padding:var(--space-4) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);align-items:center}.nav-left,.nav-right{flex:1;display:flex;align-items:center;min-width:var(--space-8)}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end;gap:var(--space-3)}.nav-center{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.nav-icon{display:flex;align-items:center}.nav-icon .icon{width:var(--text-xl);height:var(--text-xl)}nav h1{margin:0;font-size:var(--text-xl)}nav h4{margin:0;font-size:var(--text-sm)}nav a{color:var(--color-primary);text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline}main{flex:1;padding:var(--space-4);display:flex;flex-direction:column;align-items:center}.layout{display:flex;flex-direction:column;flex:1}.home{flex:1}.home h1{text-align:center;margin:var(--space-4)}.puzzle-categories{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.puzzle-category{background:var(--color-bg-subtle);padding:var(--space-4);border-radius:var(--radius-lg)}.puzzle-category h2{margin-top:0;margin-bottom:var(--space-4);color:var(--color-text)}.puzzle-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.puzzle-links a{display:flex;align-items:center;justify-content:center;padding:0;min-height:calc(var(--size-touch-target) + var(--space-1) * 2 + var(--text-xs));min-width:var(--size-touch-target);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);text-align:center;text-decoration:none;color:var(--color-text);transition:all .2s ease;font-weight:500}.puzzle-links a:hover{background:var(--color-bg-light-hover);border-color:var(--color-border)}.puzzle-links a.completed{flex-direction:column;gap:var(--space-2)}.puzzle-links a.completed:hover{background:var(--color-bg-light-hover);border-color:var(--color-border)}.puzzle-links .solution-preview{margin:0}.puzzle-links .puzzle-name{font-size:var(--text-sm);color:var(--color-text);font-weight:400;max-width:100%}.designer-link-icon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.designer-link .puzzle-name{justify-self:flex-end;margin:var(--space-2)}.puzzle-links .designer-link{font-size:var(--text-sm);color:var(--color-text);font-weight:400;max-width:100%;min-width:var(--size-hint-area);display:flex;flex-direction:column;align-items:center;justify-content:center}.puzzle-links a:not(.completed):not(.designer-link){flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.puzzle-links a.completed .difficulty-stars{margin-bottom:var(--space-2)}.puzzle-number{font-size:var(--text-lg);min-width:var(--size-hint-area);min-height:var(--size-hint-area);text-align:center;font-weight:600}.design-item{position:relative;display:flex;flex-direction:column}.design-item.user-design{position:relative}.user-badge{position:absolute;top:var(--space-1);right:var(--space-1);z-index:10;background:var(--color-primary);color:var(--white);width:var(--size-badge);height:var(--size-badge);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;box-shadow:var(--shadow-sm)}.design-actions{margin-top:var(--space-1)}.solution-preview{display:grid;gap:0;margin:var(--space-4) auto}.solution-preview .cell{background:var(--color-empty)}.solution-preview .cell.filled{background:var(--color-filled)}.difficulty-stars{display:inline-flex;flex-wrap:nowrap;gap:var(--border-width)}.difficulty-stars .star{flex-shrink:0}.difficulty-stars-small{font-size:var(--text-xs)}.difficulty-stars-medium{font-size:var(--text-sm)}.difficulty-stars-large{font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-family:inherit;font-weight:500;cursor:pointer;text-decoration:none;background:var(--color-btn-default);border:none;color:var(--color-text);--tape-edge-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='100' preserveAspectRatio='none'%3E%3Cpath d='M4,0 L8,0 L8,100 L4,100 L6,95 L3,90 L5,85 L2,80 L6,75 L4,70 L7,65 L3,60 L5,55 L2,50 L6,45 L4,40 L7,35 L3,30 L5,25 L2,20 L6,15 L4,10 L7,5 Z' fill='black'/%3E%3C/svg%3E");--tape-edge-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='100' preserveAspectRatio='none'%3E%3Cpath d='M4,0 L0,0 L0,100 L4,100 L2,95 L5,90 L3,85 L6,80 L2,75 L4,70 L1,65 L5,60 L3,55 L6,50 L2,45 L4,40 L1,35 L5,30 L3,25 L6,20 L2,15 L4,10 L1,5 Z' fill='black'/%3E%3C/svg%3E");mask-image:var(--tape-edge-left),linear-gradient(#000,#000),var(--tape-edge-right);mask-size:8px 100%,calc(100% - 12px) 100%,8px 100%;mask-position:left,center,right;mask-repeat:no-repeat;-webkit-mask-image:var(--tape-edge-left),linear-gradient(black,black),var(--tape-edge-right);-webkit-mask-size:8px 100%,calc(100% - 12px) 100%,8px 100%;-webkit-mask-position:left,center,right;-webkit-mask-repeat:no-repeat;transition:filter .15s}.btn:hover:not(:disabled){filter:brightness(.95)}.btn:active:not(:disabled){filter:brightness(.9)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-square{padding:var(--space-2);line-height:1;mask-image:none;-webkit-mask-image:none;border-radius:var(--radius-sm)}.btn-default{background-color:var(--color-btn-default)}.btn-primary{background-color:var(--color-btn-primary)}.btn-secondary{background-color:var(--color-btn-secondary)}.btn-danger{background-color:var(--color-btn-danger);color:var(--color-btn-danger-text)}.btn:focus-visible{outline:2px dashed var(--color-primary);outline-offset:var(--space-1)}.button-group{display:flex;gap:var(--space-2)}.button-group-gap-1{gap:var(--space-1)}.button-group-gap-2{gap:var(--space-2)}.button-group-gap-3{gap:var(--space-3)}.button-group-gap-4{gap:var(--space-4)}.button-group-gap-6{gap:var(--space-6)}.button-group-column{flex-direction:column}.button-group-justify-center{justify-content:center}.button-group-justify-between{justify-content:space-between}.button-group-justify-start{justify-content:flex-start}.button-group-justify-end{justify-content:flex-end}.button-group-wrap{flex-wrap:wrap}.button-group-align-center{align-items:center}.button-group-align-start{align-items:flex-start}.button-group-align-end{align-items:flex-end}.toggle-group-container{margin:var(--space-2) 0}.toggle-group{display:flex;gap:0}.toggle-group-title{font-weight:700;margin-bottom:var(--space-1);color:var(--color-text)}.toggle-button{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;background:var(--gray-100);border:var(--border-width) solid var(--gray-400);border-right:none;box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative;font-weight:700;color:var(--color-text);overflow:hidden}.toggle-button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.toggle-button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-right:var(--border-width) solid var(--gray-400)}.toggle-button:hover{background:var(--gray-200)}.toggle-button input[type=radio]{position:absolute;opacity:0;width:0;height:0}.toggle-button input[type=radio]:checked{transform:translateY(var(--space-1));box-shadow:var(--shadow-inset);background:var(--gray-300)}.toggle-button input[type=radio]:checked+.toggle-button-label{transform:translateY(var(--space-1));box-shadow:var(--shadow-inset);background:var(--gray-300)}.toggle-button-label{display:inline-block;padding:var(--space-2) var(--space-4);width:100%;text-align:center;transition:all .2s ease;background:inherit;border-radius:inherit;font-size:var(--text-base);line-height:1}.toggle-group-disabled{opacity:.6}.toggle-button.disabled{cursor:not-allowed}.toggle-button.disabled:hover{background:var(--gray-100)}.modal{background:transparent;border:none;padding:0;max-width:90%;width:var(--size-dialog)}.modal::backdrop{background:var(--color-overlay)}.modal-container{background:var(--color-modal-bg);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.modal-header h2{margin:0;font-size:var(--text-lg);color:var(--color-text)}.modal-content{color:var(--color-text)}.victory-modal .modal-header h2{font-size:var(--text-xl)}.victory-content{text-align:center}.victory-content p{margin:0 0 var(--space-4) 0;color:var(--color-text-muted)}.victory-content .solution-preview-container{margin:var(--space-4);display:flex;justify-content:center;align-items:center}.victory-content .puzzle-name{font-size:var(--text-xl);margin-bottom:var(--space-6);color:var(--color-text)}.hint-numbers{display:flex;align-items:center;gap:calc(var(--base-size) * .5)}.hint-numbers.vertical{flex-direction:column;justify-content:flex-end;min-height:var(--size-hint-area);text-align:center}.hint-numbers.horizontal{flex-direction:row;justify-content:flex-end;min-width:var(--size-hint-area);text-align:right;min-height:auto}.hint-numbers span{margin:0;color:var(--color-text-muted);white-space:nowrap}.hint-numbers span.used{color:var(--gray-400);text-decoration:line-through}.hint-numbers.puzzle-size-10.horizontal{min-width:calc(var(--size-hint-area) * 1)}.hint-numbers.puzzle-size-10.vertical{min-height:calc(var(--size-hint-area) * 1)}.hint-numbers.puzzle-size-15.horizontal{min-width:calc(var(--size-hint-area) * 1.5)}.hint-numbers.puzzle-size-15.vertical{min-height:calc(var(--size-hint-area) * 1.5)}.hint-numbers.puzzle-size-20.horizontal{min-width:calc(var(--size-hint-area) * 2)}.hint-numbers.puzzle-size-20.vertical{min-height:calc(var(--size-hint-area) * 2)}.hint-numbers.puzzle-size-25.horizontal{min-width:calc(var(--size-hint-area) * 2.5)}.hint-numbers.puzzle-size-25.vertical{min-height:calc(var(--size-hint-area) * 2.5)}.nonogram-grid-container{max-width:calc(100vw - var(--space-8));overflow-x:auto;padding:0 var(--space-4)}table.nonogram-grid{border-collapse:collapse;margin:0 auto;background-color:transparent;-webkit-user-select:none;user-select:none}table.nonogram-grid td{padding:0;border:none;width:calc(var(--size-cell) + var(--border-width) * 2);height:calc(var(--size-cell) + var(--border-width) * 2);line-height:0;background-color:var(--color-empty)}table.nonogram-grid td:first-child{background-color:transparent}table.nonogram-grid th{padding:0;background-color:var(--color-empty);border:none}table.nonogram-grid thead th:nth-child(2n){background-color:var(--gray-200)}table.nonogram-grid tbody tr:nth-child(odd) th{background-color:var(--gray-200)}table.nonogram-grid thead tr th:first-child{background:transparent}table.nonogram-grid th{min-width:var(--size-hint-area);min-height:calc(var(--size-cell) + var(--border-width) * 2);text-align:right;vertical-align:middle;font-size:var(--text-sm);color:var(--color-text-muted)}table.nonogram-grid th span{margin:0 calc(var(--base-size) * .5)}table.nonogram-grid th[role=columnheader]{padding:var(--base-size) 0}table.nonogram-grid th[role=rowheader]{padding:0 var(--base-size)}table.nonogram-grid thead th{min-width:calc(var(--size-cell) + var(--border-width) * 2);min-height:calc(var(--size-cell) + var(--border-width) * 2);text-align:center;vertical-align:bottom}table.nonogram-grid input[type=checkbox]{width:var(--size-cell);height:var(--size-cell);margin:0;padding:0;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-empty);cursor:pointer;position:relative;transition:background-color .2s}table.nonogram-grid input[type=checkbox]:checked{background-color:var(--color-filled)}table.nonogram-grid input[type=checkbox]:indeterminate{background-color:var(--color-empty)}table.nonogram-grid input[type=checkbox]:focus{outline:calc(var(--base-size) * .5) solid var(--color-primary);outline-offset:calc(var(--base-size) * -.5)}table.nonogram-grid input[type=checkbox]:before,table.nonogram-grid input[type=checkbox]:after{content:"";position:absolute;width:100%;height:calc(var(--base-size) * .5);background-color:var(--gray-300);top:50%;left:0}table.nonogram-grid input[type=checkbox]:before{transform:rotate(45deg)}table.nonogram-grid input[type=checkbox]:after{transform:rotate(-45deg)}table.nonogram-grid input[type=checkbox]:indeterminate:before,table.nonogram-grid input[type=checkbox]:indeterminate:after,table.nonogram-grid input[type=checkbox]:checked:before,table.nonogram-grid input[type=checkbox]:checked:after{width:0;height:0}table.nonogram-grid tbody td{border:var(--border-width) solid var(--color-border)}table.nonogram-grid tbody tr:nth-child(5n) td{border-bottom:calc(var(--border-width) * 2) solid var(--color-border)}table.nonogram-grid tbody tr td:nth-child(5n+1){border-right:calc(var(--border-width) * 2) solid var(--color-border)}table.nonogram-grid tbody tr:last-child td{border-bottom:var(--border-width) solid var(--color-border)}table.nonogram-grid tbody tr td:last-child{border-right:var(--border-width) solid var(--color-border)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--base-size) * -1.25))}75%{transform:translate(calc(var(--base-size) * 1.25))}}.shake{animation:shake .2s ease-in-out}.puzzle-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;flex:1;justify-content:flex-start}.puzzle-player h2{justify-self:start}.puzzle-player-controls{display:flex;flex-direction:row;gap:var(--space-2);justify-content:center;align-items:flex-end;flex-wrap:wrap;align-self:flex-start}.puzzle-player-difficulty{display:flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.form-field{display:flex;align-items:center;gap:var(--space-2)}.form-field-label{font-weight:600;color:var(--color-text-muted)}.status-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.status-message-info{background:var(--gray-200);color:var(--color-text-muted)}.status-message-success{background:var(--color-success-bg);color:var(--color-success)}.status-message-warning{background:var(--color-bg);border:var(--border-width) solid var(--color-border);color:var(--color-text-muted)}.status-message-error{background:var(--color-bg);border:var(--border-width) solid var(--color-danger);color:var(--color-danger)}.status-message-lg{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;min-height:var(--space-6)}.status-message-sm{padding:var(--space-2);font-size:var(--text-xs)}.designer-info{margin-top:var(--space-4)}.info-content{text-align:left;color:var(--color-text-muted);font-size:var(--text-base)}.info-content p{margin:var(--space-2) 0}.info-content p:first-child{margin-top:0}.info-content p:last-child{margin-bottom:0}.page-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4);width:100%;margin:0 auto;flex:1}.page-container-sm{max-width:var(--size-dialog)}.page-container-md{max-width:var(--size-container-md)}.page-container-lg{max-width:var(--size-container-lg)}.designer{padding:var(--space-4) 0}.designer h1{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl);color:var(--color-text)}.designer-controls{justify-content:center}.size-selector select:hover{border-color:var(--color-primary)}.size-selector select:focus{outline:none;border-color:var(--color-primary)}.status-difficulty{margin-left:var(--space-2)}.designer-grid-container{overflow-x:auto;max-width:100%}.progress-container{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.progress-label{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.progress-bar{height:calc(var(--base-size) * 1.5);background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden;border:var(--border-width) solid var(--color-border)}.progress-fill{height:100%;background:var(--color-filled);border-radius:var(--radius-sm);transition:width .1s ease-out}.random-puzzle-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%;background:var(--color-bg-subtle);padding:var(--space-4);border-radius:var(--radius-lg)}.generate-button{padding:var(--space-3) var(--space-5);font-size:var(--text-lg);font-weight:600;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .2s ease}.generate-button:hover:not(:disabled){background:var(--color-bg-light-hover)}.generate-button:disabled{opacity:.7;cursor:not-allowed}.puzzle-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);transition:transform .15s ease,box-shadow .15s ease}.puzzle-card-clickable{cursor:pointer}.puzzle-card-clickable:hover{transform:translateY(calc(var(--space-1) * -.5));box-shadow:var(--shadow-sm)}.puzzle-card-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puzzle-card-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width, var(--size-card-min)),1fr));gap:var(--space-3);width:100%}.toast{position:fixed;top:var(--space-12);left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;animation:toast-slide-down .3s ease}@keyframes toast-slide-down{0%{opacity:0;transform:translate(-50%) translateY(calc(-1 * var(--space-5)))}to{opacity:1;transform:translate(-50%) translateY(0)}}.design-card{background:var(--color-bg-subtle)}.action-group{flex:1;min-width:var(--size-nav-title);align-items:stretch}.action-group h3{margin:0;font-size:var(--text-base);color:var(--color-text)}.logo{height:var(--size-logo);padding:var(--space-6);will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 var(--space-8) var(--color-primary))}.logo.react:hover{filter:drop-shadow(0 0 var(--space-8) #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:var(--gray-400)}