@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--color-amber-500:oklch(76.9% .188 70.08);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-slate-400:oklch(70.4% .04 256.788);--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{font-family:var(--font-sans)}body{min-width:320px;margin:0}button,input{font:inherit}}@layer utilities{.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-cyan-400{border-color:var(--color-cyan-400)}.border-pink-300{border-color:var(--color-pink-300)}.bg-pink-200\/70{background-color:#fccee8b3}@supports (color:color-mix(in lab, red, red)){.bg-pink-200\/70{background-color:color-mix(in oklab, var(--color-pink-200) 70%, transparent)}}.bg-transparent{background-color:#0000}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-9{padding-block:calc(var(--spacing) * 9)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.065em\]{--tw-tracking:-.065em;letter-spacing:-.065em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-amber-500{color:var(--color-amber-500)}.text-cyan-500{color:var(--color-cyan-500)}.uppercase{text-transform:uppercase}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media (width>=40rem){.sm\:block{display:block}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=64rem){.lg\:grid-cols-\[1\.45fr_0\.95fr\]{grid-template-columns:1.45fr .95fr}.lg\:px-\[4\.25rem\]{padding-inline:4.25rem}.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}.app-shell{--ink:#111a2c;--muted:#64748b;--accent:#0891b2;min-height:100vh;color:var(--ink);background:#eff7fc;transition:color .36s,background-color .36s}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.load-in{opacity:0;animation:.62s cubic-bezier(.16,1,.3,1) forwards component-enter;animation-delay:var(--delay,0s)}.glass-card,.surface-inset,.attempts-card,.footer-glass,.theme-toggle,.action-button,.hint-label,.attempt-bar,.terminal-cursor{transition:background-color .36s,border-color .36s,box-shadow .36s,color .36s}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:linear-gradient(135deg,#ffffff80,#ecf9ff59);border:1px solid #ffffff9e;border-radius:1.15rem;box-shadow:0 20px 38px #4f74941f,inset 0 1px #ffffffa6}.surface-inset{background:#ffffff73;border:1px solid #fff9;border-radius:.75rem}.hint-label{background:#fff9;border-radius:.375rem}.terminal-cursor{background:var(--ink)}.input-terminal:focus-within{border-color:#22d3eead;box-shadow:0 0 0 4px #22d3ee1f,0 10px 24px #4671911a}.input-terminal.is-typing{animation:.22s ease-out input-pulse}.input-terminal.is-error{border-color:#ef4444;animation:.36s ease-in-out guess-shake}.input-terminal .terminal-cursor{animation:.95s steps(2,jump-none) infinite cursor-blink}.input-terminal:not(:focus-within) .terminal-cursor{opacity:.35}.attempts-card{background:#ffffff59;border:1px solid #fff9;border-radius:.75rem}.attempt-bar{background:#ffffff80}.attempt-bar.active{background:#ec4899}.attempt-bar.just-spent{animation:.52s ease-out attempt-spent}.glass-card.feedback-success{border-color:#22c55ecc;box-shadow:0 0 0 4px #22c55e1f,0 0 30px #22c55e3d,inset 0 1px #ffe4e41a}.feedback-message-success{color:#15803d;font-weight:700}.feedback-message-error{color:#dc2626;font-weight:700}.confetti-burst{pointer-events:none;height:2.5rem;position:absolute;inset:-.5rem 0 auto}.confetti-piece{opacity:0;width:.38rem;height:.65rem;animation:confetti-burst .7s ease-out var(--confetti-delay) both;background:#16a34a;border-radius:1px;position:absolute;top:50%;left:50%}.confetti-piece:nth-child(3n+2){background:#f59e0b}.confetti-piece:nth-child(3n){background:#06b6d4}.action-button{color:var(--ink);background:#ffffffeb;border-radius:.5rem;transition:transform .18s,background-color .36s,box-shadow .36s;box-shadow:0 10px 24px #46719121}.action-button:hover{background:#ecfeff;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.theme-toggle{color:#475569;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff59;border:1px solid #fff9;border-radius:9999px;place-items:center;width:2.5rem;height:2.5rem;display:grid;box-shadow:0 2px 8px #4f74941a,inset 0 1px #fff9}.theme-toggle:hover{background:#fff9}.theme-toggle:focus-visible,.action-button:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.footer-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-top:1px solid #ffffff80}.page-glow{pointer-events:none;filter:blur(4px);background:radial-gradient(circle at 22% 45%,#b8aeff7a,#0000 27rem),radial-gradient(circle at 73% 61%,#51cdf657,#0000 33rem),radial-gradient(circle at 87% 10%,#cbeeff94,#0000 23rem);transition:background .5s;position:absolute;inset:6rem 0 7rem}.app-shell.dark{--ink:#fff1f1;--muted:#c8a9ac;--accent:#fca5a5;background:#0c0507}.dark .page-glow{background:radial-gradient(circle at 18% 42%,#8b182b4f,#0000 27rem),radial-gradient(circle at 77% 56%,#70121f40,#0000 30rem),radial-gradient(circle at 72% 9%,#5e101c3d,#0000 23rem)}.dark .glass-card{background:linear-gradient(135deg,#31111691,#15080b8c);border-color:#ffcdcd21;box-shadow:0 22px 50px #0000006b,inset 0 1px #ffe4e41a}.dark .glass-card.feedback-success{border-color:#4ade80b8;box-shadow:0 0 0 4px #22c55e1f,0 0 30px #22c55e33,0 22px 50px #0000006b,inset 0 1px #ffe4e41a}.dark .surface-inset{background:#1205088f;border-color:#ffd2d21c}.dark .hint-label,.dark .attempts-card{background:#18070a8f;border-color:#ffd2d21c}.dark .terminal-cursor{background:#ffe3e3}.dark .input-terminal:focus-within{border-color:#fca5a5a6;box-shadow:0 0 0 4px #ef444421,0 12px 28px #0000003d}.dark .attempt-bar{background:#ffcaca1a}.dark .attempt-bar.active{background:#ef4444;box-shadow:0 0 10px #ef444473}.dark .action-button{color:#fff7f7;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 12px 28px #00000059,inset 0 1px #ffebeb47}.dark .action-button:hover{background:linear-gradient(135deg,#f87171,#dc2626)}.dark .feedback-message-success{color:#86efac}.dark .feedback-message-error{color:#fca5a5}.dark .input-terminal.is-error{border-color:#f87171}.dark .theme-toggle{color:#fecaca;background:#20080c9e;border-color:#ffd3d329;box-shadow:0 4px 16px #00000057,inset 0 1px #ffe5e51a}.dark .theme-toggle:hover{background:#3b0d13b8}.dark .footer-glass{background:#0f04079e;border-color:#ffcdcd1a}.dark input::placeholder{color:#9f777b}@keyframes component-enter{0%{opacity:0;filter:blur(5px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:.12}}@keyframes input-pulse{50%{transform:scale(1.008)}}@keyframes guess-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes attempt-spent{45%{background:#ef4444;transform:scaleY(1.8);box-shadow:0 0 12px #ef4444b3}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-x), var(--confetti-y), 0) rotate(var(--confetti-rotation)) scale(1)}}@media (prefers-reduced-motion:reduce){.app-shell,.glass-card,.surface-inset,.attempts-card,.footer-glass,.theme-toggle,.action-button,.hint-label,.attempt-bar,.terminal-cursor,.page-glow{transition:none}.load-in,.input-terminal.is-typing,.input-terminal.is-error,.attempt-bar.just-spent,.confetti-piece,.input-terminal .terminal-cursor{opacity:1;animation:none}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}