:root{--color-background-primary:#fff;--color-background-secondary:#f8f9fa;--color-background-tertiary:#f1f3f5;--color-background-warning:#fff3bf;--color-background-info:#e7f5ff;--color-background-danger:#fff5f5;--color-border-primary:#ced4da;--color-border-secondary:#dee2e6;--color-border-tertiary:#e9ecef;--color-border-warning:#e67700;--color-border-info:#1c7ed6;--color-border-danger:#e03131;--color-text-primary:#212529;--color-text-secondary:#868e96;--color-text-warning:#e67700;--color-text-info:#1971c2;--color-text-danger:#e03131;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px}@media (prefers-color-scheme:dark){:root{--color-background-primary:#18181b;--color-background-secondary:#27272a;--color-background-tertiary:#3f3f46;--color-background-warning:#29190a;--color-background-info:#0c1f2e;--color-background-danger:#2c0e0e;--color-border-primary:#71717a;--color-border-secondary:#3f3f46;--color-border-tertiary:#52525b;--color-border-warning:#c47f17;--color-border-info:#1d4ed8;--color-border-danger:#991b1b;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-warning:#fcd34d;--color-text-info:#60a5fa;--color-text-danger:#f87171}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--color-background-primary);min-height:100dvh;display:flex;flex-direction:column;align-items:center;-webkit-font-smoothing:antialiased}body,button{font-family:var(--font-sans);color:var(--color-text-primary)}button{background:var(--color-background-secondary);border:.5px solid var(--color-border-secondary);cursor:pointer;min-height:36px;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}input,select{font-family:var(--font-sans);color:var(--color-text-primary);font-size:max(16px,1rem);touch-action:manipulation}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease both}.spinning{animation:spin 2.5s linear infinite}.pulsing{animation:pulse 1.6s ease infinite}.tile{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.875rem .75rem;cursor:pointer;border-radius:var(--border-radius-lg);border:1px solid var(--color-border-secondary);background:var(--color-background-primary);transition:border-color .15s,background .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile:hover{background:var(--color-background-secondary)}.tile:active{transform:scale(.97)}.tile-w{border:2px solid var(--color-border-warning)!important;background:var(--color-background-warning)!important}.tile-w p{color:var(--color-text-warning)!important;font-weight:500!important}.tile-c{border:2px solid var(--color-border-info)!important;background:var(--color-background-info)!important}.tile-c p,.tile-c span{color:var(--color-text-info)!important;font-weight:500!important}@media (max-width:480px){.tile{min-height:72px;padding:.75rem .5rem}.tile p{font-size:.8125rem!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:2px}