@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@layer prism{code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.relative{position:relative}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--font-title: "Space Grotesk", "Avenir Next", sans-serif;--font-body: "Manrope", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f5e8d9;--surface: #fffaf3;--surface-2: #fff6eb;--surface-3: #f7e7d7;--border: #d8b89c;--border-strong: #3a2517;--text: #3a2517;--muted: #7a5842;--muted-2: #a07b60;--accent: #1463dc;--accent-strong: #0f52b9;--accent-contrast: #ffffff;--accent-soft: rgba(20, 99, 220, .1);--success: #0f7a4a;--success-bg: rgba(15, 122, 74, .1);--warning: #8c5d00;--warning-bg: rgba(140, 93, 0, .1);--danger: #b8421e;--danger-bg: rgba(184, 66, 30, .1);--shadow: none;--radius: 14px;--radius-sm: 8px;--surface-code: #fffefb;--surface-code-border: #e5ccb5;--surface-code-text: #352116;--code-bg: var(--surface-code);--code-fg: var(--surface-code-text);--code-comment: #a6a8ac;--code-punct: #6a6d73;--code-const: #363833;--code-string: #4b4d47;--code-keyword: #111317;--code-fn: #2a2b27;--code-operator: #4b4c47;--layout-width: 840px;--content-width: 640px;--layout-padding: clamp(.75rem, 2.2vw, 1rem)}:root[data-theme=dark]{--bg: #040506;--surface: #090b0f;--surface-2: #0f1116;--surface-3: #161920;--border: #1f2229;--border-strong: #f8f8f2;--text: #f3f3ef;--muted: #a6aab3;--muted-2: #70747c;--accent: #f3f3ef;--accent-strong: #ffffff;--accent-contrast: #030405;--accent-soft: rgba(243, 243, 239, .1);--success: #69c19b;--success-bg: rgba(105, 193, 155, .1);--warning: #deb35b;--warning-bg: rgba(222, 179, 91, .1);--danger: #d56a6a;--danger-bg: rgba(213, 106, 106, .1);--shadow: none;--surface-code: #0e1320;--surface-code-border: #1e2636;--surface-code-text: #f4f7ff;--code-bg: var(--surface-code);--code-fg: var(--surface-code-text);--code-comment: #868a93;--code-punct: #c0c2c7;--code-const: #ddddc7;--code-string: #c9c9b2;--code-keyword: #f0f0ea;--code-fn: #d2d2c1;--code-operator: #bdbfbf}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}#app{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}button{cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}::-moz-selection{background-color:var(--text);color:var(--accent-contrast)}::selection{background-color:var(--text);color:var(--accent-contrast)}*:focus-visible{outline:1px solid var(--border-strong);outline-offset:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.shell{width:100%;max-width:var(--content-width);margin:0 auto}.page{width:100%;max-width:var(--layout-width);margin:0 auto;padding:1rem 1rem 2.2rem}@media(max-width:640px){.page{padding:.75rem}.subtitle{font-size:.9rem}}@media(min-width:960px){.page{padding:1.4rem 1rem 2.6rem}}.hero{position:relative;max-width:640px;margin:0 auto 1.05rem;padding-right:4.8rem}.hero-nav{position:absolute;top:.4rem;right:0;display:flex;align-items:center;gap:.5rem}.lang-toggle{min-width:48px;height:36px;padding:0 .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;line-height:1}.lang-toggle:hover{border-color:var(--border-strong)}.hero-title{margin:.6rem 0 0;font-family:var(--font-title);font-size:clamp(2rem,6.8vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text)}.logo-link{color:#111827;text-decoration:none}.subtitle{margin:.5rem 0 0;max-width:56ch;font-size:.96rem;color:var(--muted)}.logo-dot{color:#06b6d4}:root[data-theme=dark] .logo-link{color:#fff}:root[data-theme=dark] .logo-dot{color:#22d3ee}.nav-link{color:var(--muted);transition:color .15s ease}.nav-link:hover{color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none}.panel-muted{background:var(--surface-2);border-color:var(--border)}.panel-hover{transition:border-color .15s ease}.panel-hover:hover{border-color:var(--border-strong)}.notice{border-radius:0;border:1px solid var(--border);padding:.6rem .75rem;background:var(--surface);color:var(--muted)}.notice-success{border-color:var(--success);background:var(--success-bg);color:var(--success)}.notice-warning{border-color:var(--warning);background:var(--warning-bg);color:var(--warning)}.notice-danger{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font-weight:500;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.btn:hover{border-color:var(--border-strong)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled{background:var(--border);border-color:var(--border);color:var(--muted)}.btn-outline{background:transparent;color:var(--text)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{color:var(--text);border-color:var(--border);background:var(--surface-2)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-success{color:var(--success);border-color:var(--success)}.icon-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;transition:border-color .15s ease,color .15s ease}.icon-btn:hover{border-color:var(--border-strong);color:var(--border-strong)}.link-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-decoration:none;font-weight:500;min-height:36px;max-width:100%}.link-pill:hover{border-color:var(--border-strong)}.input,.select,.textarea{width:100%;padding:.5rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:.72rem;color:var(--text);outline:none;transition:border-color .15s ease}.textarea{resize:none}.editor-textarea{min-height:20rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-strong)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--muted-2)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.form-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.35rem;letter-spacing:.02em}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:.15rem;padding:.12rem .45rem;border-radius:999px;font-size:.7rem;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--muted)}.chip-success{color:var(--success);border-color:var(--success);background:transparent}.chip-warning{color:var(--warning);border-color:var(--warning);background:transparent}.chip-danger{color:var(--danger);border-color:var(--danger);background:transparent}.chip-accent{color:var(--accent);border-color:var(--accent);background:transparent}.link{color:var(--text);transition:color .15s ease}.link:hover{color:var(--accent)}.auth-modal-backdrop{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,7vh,4.2rem) 1rem 1rem;overflow-y:auto;background:#040506b3}:root[data-theme=dark] .auth-modal-backdrop{background:#0f1115e6}.auth-modal-card{width:min(100%,420px);display:grid;gap:.74rem;padding:.95rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2)}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-title{margin:0;font-size:1.26rem;line-height:1.2;letter-spacing:-.01em;color:var(--text)}.card-text{margin:0;font-size:.9rem;color:var(--muted)}.stack{display:grid;gap:.62rem}.input-group{display:grid;gap:.46rem}.input-group span{font-size:.88rem;color:var(--muted)}.aligned-control{width:100%;box-sizing:border-box}input.aligned-control,textarea.aligned-control,select.aligned-control{min-height:2.7rem;border:1px solid var(--border);border-radius:.72rem;padding:.62rem .78rem;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:.92rem}.mono-input{font-family:var(--font-mono)!important;letter-spacing:.08em}input.aligned-control::-moz-placeholder{color:var(--muted-2)}input.aligned-control::placeholder{color:var(--muted-2)}input.aligned-control:focus-visible,textarea.aligned-control:focus-visible,select.aligned-control:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ghost{min-height:auto;padding:.28rem .62rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:.8rem}.ghost:hover:not(:disabled){background:var(--surface-3)}.result{margin-top:.1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface);padding:.72rem}.label{margin:0;font-size:.84rem;color:var(--muted)}.code-row{margin:.4rem 0 .42rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem}.code-row strong{font-size:1.2rem;line-height:1;letter-spacing:.09em;color:var(--text);font-family:var(--font-mono)}.meta{margin:.34rem 0 0;font-size:.82rem;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}.status-error{margin:0;font-size:.84rem;color:var(--danger);padding:.62rem .74rem;border:1px solid var(--danger);border-radius:.72rem;background:var(--danger-bg)}.status-note{margin:0;font-size:.84rem;color:var(--muted)}.header-nav-link{color:var(--muted);font-size:.86rem;font-weight:600}.header-nav-link:hover{color:var(--text)}.checkbox-row{display:flex;align-items:flex-start;gap:.56rem;font-size:.9rem;color:var(--muted)}.checkbox-row input{margin-top:.2rem;accent-color:var(--accent)}.footer,.footer-link{color:var(--muted)}.footer-link:hover{color:var(--text)}.code-inline{font-family:var(--font-mono);background:var(--surface-code);border:1px solid var(--surface-code-border);border-radius:var(--radius-sm);padding:.2rem .6rem;font-size:.8rem}.code-block{background:var(--surface-code);border:1px solid var(--surface-code-border);border-radius:var(--radius);padding:1rem 1.2rem;overflow-x:auto;color:var(--code-fg);box-shadow:0 25px 50px -40px #0305098c}code{font-family:var(--font-mono)}pre{margin:0}pre code{color:var(--code-fg)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-comment)}.token.punctuation{color:var(--code-punct)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--code-const)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--code-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-keyword)}.token.function,.token.class-name{color:var(--code-fn)}:root:not([data-theme=dark]) code[class*=language-],:root:not([data-theme=dark]) pre[class*=language-]{color:var(--code-fg);background:none;text-shadow:none}:root:not([data-theme=dark]) pre[class*=language-]{background:var(--surface-code)}:root:not([data-theme=dark]) .token.comment,:root:not([data-theme=dark]) .token.prolog,:root:not([data-theme=dark]) .token.doctype,:root:not([data-theme=dark]) .token.cdata{color:#6b7280}:root:not([data-theme=dark]) .token.punctuation{color:#4b5563}:root:not([data-theme=dark]) .token.property,:root:not([data-theme=dark]) .token.tag,:root:not([data-theme=dark]) .token.boolean,:root:not([data-theme=dark]) .token.number,:root:not([data-theme=dark]) .token.constant,:root:not([data-theme=dark]) .token.symbol,:root:not([data-theme=dark]) .token.deleted{color:#dc2626}:root:not([data-theme=dark]) .token.selector,:root:not([data-theme=dark]) .token.attr-name,:root:not([data-theme=dark]) .token.string,:root:not([data-theme=dark]) .token.char,:root:not([data-theme=dark]) .token.builtin,:root:not([data-theme=dark]) .token.inserted{color:#059669}:root:not([data-theme=dark]) .token.operator,:root:not([data-theme=dark]) .token.entity,:root:not([data-theme=dark]) .token.url,:root:not([data-theme=dark]) .language-css .token.string,:root:not([data-theme=dark]) .style .token.string{color:#d97706}:root:not([data-theme=dark]) .token.atrule,:root:not([data-theme=dark]) .token.attr-value,:root:not([data-theme=dark]) .token.keyword{color:#2563eb}:root:not([data-theme=dark]) .token.function,:root:not([data-theme=dark]) .token.class-name{color:#7c3aed}:root:not([data-theme=dark]) .token.regex,:root:not([data-theme=dark]) .token.important,:root:not([data-theme=dark]) .token.variable{color:#ea580c}@media(min-width:768px){.md\:w-auto{width:auto}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}