@font-face{font-family:ZTOtez;src:url(/assets/ZTOtez-Regular-C2pqK_nz.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#f7ebff;--accent-border:#d59dff;--danger:#d64545;--danger-bg:#fbecec;--danger-border:#eba2a2;--success:#16a34a;--social-bg:#faf9f6;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#30273e;--accent-border:#6b4e8d;--danger:#f87171;--danger-bg:#38252a;--danger-border:#874447;--success:#4ade80;--social-bg:#23242c;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}h3{margin:0 0 8px;font-size:20px;line-height:120%}@media (width<=1024px){h3{font-size:18px}}p{margin:0}:root{--nav-h:60px}.app-container{flex-direction:column;flex:1;display:flex}.app-nav{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);z-index:100;background:var(--bg);height:var(--nav-h);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-title{font-family:var(--heading);color:var(--text-h);font-size:20px;font-weight:600;text-decoration:none}.site-title:hover{color:var(--accent)}.nav-links{align-items:center;gap:var(--space-md);display:flex}.nav-links a,.nav-links button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}:is(.nav-links a,.nav-links button):hover{color:var(--accent)}.content-area{padding:0 var(--space-lg) var(--space-lg);flex:1}@media (width<=640px){.app-container:has(.keyboard){padding-bottom:var(--kb-height)}}.btn{color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-bg);padding:var(--space-sm) var(--space-md);font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:border-color .2s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}.card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);padding:var(--space-lg);text-align:left;border-radius:8px}.card-title{margin:0 0 var(--space-sm)}.card-body{gap:var(--space-sm);flex-direction:column;display:flex}.auth-page{max-width:360px;margin:var(--space-xl) auto;text-align:left}.form{gap:var(--space-md);flex-direction:column;display:flex}.form label{gap:var(--space-xs);color:var(--text);flex-direction:column;display:flex}.form input{border:1px solid var(--border);padding:var(--space-sm);background:var(--bg);color:var(--text-h);border-radius:4px}.form-error{color:var(--danger)}.puzzle-conflict-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.puzzle-conflict-modal{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);padding:var(--space-lg);border-radius:8px;width:90%;max-width:600px}.puzzle-conflict-options{gap:var(--space-md);margin-top:var(--space-md);flex-flow:wrap;display:flex}.puzzle-conflict-candidate{flex:240px}.profile-page{max-width:480px;margin:var(--space-xl) auto}.profile-page ul{margin:0;padding:0;list-style:none}.puzzle-container{align-items:center;gap:var(--space-xl);padding:var(--space-lg) 0;flex-direction:column;display:flex}.puzzle-body{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.puzzle-status{color:var(--text);background-color:var(--accent-bg);top:calc(var(--nav-h) + var(--space-lg));z-index:4;border-radius:9999px;padding:.25em 1em;font-size:15px;position:sticky}.puzzle-complete{align-items:center;gap:var(--space-md);color:var(--success);font-weight:500;display:flex}#puzzle-attribution{color:var(--text);margin-top:var(--space-sm)}.puzzle-words{gap:var(--space-lg);flex-flow:wrap;display:flex}.puzzle-word{gap:var(--space-xs);flex-direction:row;display:flex}.puzzle-letter{border:1px solid var(--border);background:var(--bg);color:var(--text-h);aspect-ratio:1;box-sizing:border-box;cursor:pointer;border-radius:4px;flex:none;justify-content:center;align-items:center;width:2em;font-family:ZTOtez;font-size:x-large;display:flex}.puzzle-letter:disabled{cursor:default}.puzzle-letter.unsolved{border-color:var(--border)}.puzzle-letter.selected{box-shadow:0 0 12px 2px var(--accent-border);border-color:var(--accent)}.puzzle-letter.solved{border-color:var(--success);color:var(--success)}.puzzle-non-letter{color:var(--text-h);flex:none;justify-content:center;align-items:center;font-family:ZTOtez;font-size:x-large;display:flex}:root{--kb-gap:5px;--kb-pad:var(--space-sm);--kb-key:calc((100vw - 2 * var(--kb-pad) - 9 * var(--kb-gap)) / 10);--kb-height:calc(3 * var(--kb-key) + 2 * var(--kb-gap) + 2 * var(--kb-pad) + env(safe-area-inset-bottom,0px))}.keyboard{flex-direction:column;align-items:center;gap:5px;display:flex}.qwerty-row{flex-direction:row;gap:5px;display:flex}.qwerty-key{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;aspect-ratio:1;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:3em;display:flex}.qwerty-key:hover:not(:disabled){border-color:var(--accent)}.qwerty-key:disabled{opacity:.4;cursor:default}@media (width<=640px){.keyboard{z-index:5;box-sizing:border-box;gap:var(--kb-gap);padding:var(--kb-pad);padding-bottom:calc(var(--kb-pad) + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);box-shadow:var(--shadow);position:fixed;inset:auto 0 0}.qwerty-row{gap:var(--kb-gap)}.qwerty-key{width:var(--kb-key);font-size:min(1em, calc(var(--kb-key) * .55));touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}}