:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121417;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:grid;place-items:center;min-width:320px;min-height:100vh}#app{width:min(900px,100%);margin:0 auto;padding:2rem;text-align:center}h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .25rem}.sub{opacity:.8;margin-bottom:1rem}.loading{opacity:.7}.flower{position:relative;width:300px;height:300px;margin:1rem auto .5rem}.letter{position:absolute;width:56px;height:56px;border-radius:28px;border:1px solid rgba(255,255,255,.25);background:#1f2430;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.04em;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 6px 16px #00000040}.letter:active{transform:translateY(0)}.letter.center{background:#ffd34d;color:#222;border-color:#ffc400}.word-box{margin:.5rem auto .25rem}.current-word{min-height:2.2rem;font-size:1.6rem;letter-spacing:.06em;font-weight:800}.actions{margin:.5rem 0 1rem}.actions button{margin:0 .35rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);padding:.55em 1.1em;font-size:.95rem;background:#1c212b;color:#eaeef7;cursor:pointer}.actions .primary{background:#3b82f6;border-color:#2563eb}.status{margin:.25rem 0 .5rem;opacity:.9}.status .hint{opacity:.8;font-size:.95rem}.found-list{text-align:left;margin:0 auto;width:min(560px,96%)}.found-list .words{columns:2;column-gap:1.25rem;padding-left:1rem}.found-list li{break-inside:avoid;margin:.15rem 0}.found-list li.pangram{color:#ffd34d;font-weight:700}@media (max-width: 480px){.flower{scale:.9}.found-list .words{columns:1}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0b1020;--fg: #e8f0ff;--muted: #9bb1d0;--accent: #64d2ff;--center: #ffd166;--card: #121a35}:root[data-theme=light]{--bg: #ffffff;--fg: #1b1f28;--muted: #5a6b85;--accent: #2563eb;--center: #ffb703;--card: #f3f6fc}:root[data-theme=dark]{--bg: #0b1020;--fg: #e8f0ff;--muted: #9bb1d0;--accent: #64d2ff;--center: #ffd166;--card: #121a35}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}#app{max-width:860px;margin:0 auto;padding:24px;text-align:center}h1{font-size:28px;margin:8px 0 4px}.sub{color:var(--muted);margin-bottom:4px}.countdown{color:var(--accent);font-weight:600;margin-bottom:16px}.flower{position:relative;width:300px;height:300px;margin:16px auto;background:radial-gradient(ellipse at center,#00000005,#00000003);border-radius:12px}.letter{position:absolute;width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:var(--card);color:var(--fg);font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000026}.letter:hover{transform:translateY(-1px)}.letter.center{background:var(--center);color:#1a1a1a;border-color:#00000026}.word-box{display:flex;justify-content:center}.current-word{min-height:40px;padding:8px 12px;font-size:24px;letter-spacing:2px;background:color-mix(in oklab,var(--card),var(--bg) 20%);border-radius:8px;border:1px solid rgba(0,0,0,.08)}.actions{display:flex;justify-content:center;gap:8px;margin:12px 0 16px;flex-wrap:wrap}button{padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:color-mix(in oklab,var(--card),var(--bg) 8%);color:var(--fg);cursor:pointer}.status{text-align:center;margin:8px 0 16px;color:var(--muted)}.status .hint{color:#d97706;margin-top:6px}.found-list{background:color-mix(in oklab,var(--card),var(--bg) 6%);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:12px;text-align:left;width:min(560px,96%);margin:0 auto}.found-list ul{columns:2;margin:0;padding:0;list-style:none}.found-list li{padding:2px 4px}.found-list li.pangram{color:var(--center);font-weight:700}.theme-toggle{position:fixed;top:12px;right:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:0 2px 10px #00000026}.timer-toggle{position:fixed;top:12px;right:64px;padding:8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:0 2px 10px #00000026}.timer-toggle:hover,.theme-toggle:hover{filter:brightness(.98)}.timer-toggle:active,.theme-toggle:active{transform:translateY(1px)}@media (max-width: 420px){.timer-toggle{right:56px;padding:6px 8px}.theme-toggle{padding:6px 8px}}@media (max-width: 520px){#app{padding:16px}.flower{transform:scale(.9)}.found-list ul{columns:1}}.shared-banner{margin:8px auto;padding:8px 12px;border-radius:10px;width:min(640px,96%);background:color-mix(in oklab,var(--card),var(--bg) 6%);border:1px solid rgba(0,0,0,.08);color:var(--muted)}.share-panel{margin:8px auto 12px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted)}.share-panel .share-btn{background:var(--accent);color:#051122;border:none;border-radius:10px;padding:8px 12px;cursor:pointer}.modal{position:fixed;inset:0;background:color-mix(in oklab,var(--bg),#000 30%);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:saturate(120%) blur(4px);backdrop-filter:saturate(120%) blur(4px)}.dialog{width:min(420px,90%);background:var(--card);color:var(--fg);border-radius:14px;box-shadow:0 10px 30px #00000040;border:1px solid rgba(0,0,0,.12);padding:16px}.dialog-title{font-weight:600;margin-bottom:10px;color:var(--fg)}.dialog-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:color-mix(in oklab,var(--card),var(--bg) 8%);color:var(--fg);outline:none}.dialog-input::placeholder{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dialog-actions .primary{background:var(--accent);color:#051122;border:none;border-radius:10px;padding:8px 12px;cursor:pointer}.dialog-actions button{padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:color-mix(in oklab,var(--card),var(--bg) 6%);color:var(--fg);cursor:pointer}button.primary{background:var(--accent);color:#051122;border:none}.rules{margin:20px auto;padding:16px 16px 12px;background:color-mix(in oklab,var(--card),var(--bg) 6%);border:1px solid rgba(0,0,0,.08);border-radius:12px;max-width:680px;line-height:1.6}.rules h2{margin:0 0 10px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.rules h2:before{content:"🌸";font-size:1.1rem}.rules-intro{margin:0 0 8px;color:var(--muted)}.rules-list{list-style:none;margin:0;padding:0}.rules-list li{position:relative;padding-left:26px;margin:8px 0}.rules-list li:before{content:"✳";position:absolute;left:6px;top:.1em;color:var(--accent)}.rules-list li.pangram:before{content:"🌼"}@media (max-width: 420px){.rules{padding:14px;border-radius:10px}.rules-list li{padding-left:24px}}.dialog,.dialog *{box-sizing:border-box}.dialog-input{width:100%;max-width:100%;display:block}.dialog-actions{flex-wrap:wrap}.rules h3{margin:.75rem 0 .5rem;font-size:1rem;color:var(--muted)}.rules+.rules{margin-top:.75rem}.timer{margin:8px 0 12px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;border-radius:8px;background:var(--card);border:1px solid var(--bg)}.share-panel span{display:inline-block;margin-bottom:6px}.share-panel .share-btn{margin-left:8px}