@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{--bg-color: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--card-bg: #ffffff;--border-radius: 24px;--primary: #0e7490;--primary-hover: #164e63;--gray-selection: #cbd5e1;--gray-selection-border: #94a3b8;--max-app-width: 480px;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease}[data-theme=dark]{--bg-color: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: #1e293b;--gray-selection: #334155;--gray-selection-border: #475569}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-color: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: #1e293b;--gray-selection: #334155;--gray-selection-border: #475569}}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-user-select:none;user-select:none}html{transition:var(--transition-theme)}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-theme)}#root{max-width:var(--max-app-width);margin:0 auto;min-height:100vh;min-height:100dvh;background-color:var(--bg-color);position:relative;box-shadow:0 0 40px #0000001f;overflow-x:hidden;padding:1rem;transition:var(--transition-theme)}[data-theme=dark] #root{box-shadow:0 0 40px #00000080}.glass-panel{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -2px #00000008;transition:transform .2s ease,var(--transition-theme)}button{border:none;background:none;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s ease}button:active{transform:scale(.95)}.btn-primary{background-color:var(--primary);color:#fff;padding:1rem 1.5rem;border-radius:100px;font-weight:600;font-size:1.1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--card-bg);color:var(--text-main);padding:1rem 1.5rem;border-radius:100px;font-weight:600;font-size:1.1rem;width:100%;border:2px solid var(--text-muted);opacity:.8}input[type=text]{width:100%;padding:1rem 1.25rem;border-radius:12px;border:2px solid transparent;background:#94a3b81a;color:var(--text-main);font-size:1rem;font-family:Outfit,sans-serif;transition:border-color .2s ease,var(--transition-theme);outline:none}input[type=text]:focus{border-color:var(--primary)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:popIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);color:var(--text-main)}.tooltip-container{position:relative;display:inline-block;cursor:help}.tooltip-text{visibility:hidden;width:max-content;max-width:200px;background-color:var(--card-bg);color:var(--text-main);text-align:center;border-radius:12px;padding:.8rem;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px -2px #0003;border:2px solid var(--gray-selection-border);pointer-events:none}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}
