:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Avenir,Helvetica,Arial,sans-serif;--color-primary:#f4c317;--color-primary-hover:#ffd447;--color-primary-soft:#f4c31726;--color-primary-contrast:#111;--color-bg:#111;--color-surface:#1b1b1b;--color-surface-2:#232323;--color-border:#2e2e2e;--color-text:#fff;--color-text-muted:#adadad;--color-heading:#f4c317;--color-danger:#f87171;--color-success:#4ade80;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000073;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);-webkit-text-size-adjust:100%;margin:0;overflow-x:hidden}#root{min-height:100vh}a{color:var(--color-primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--color-primary-hover)}h1,h2,h3{letter-spacing:-.02em;color:var(--color-heading);margin:0}button{border-radius:var(--radius-sm);color:var(--color-text);background-color:var(--color-surface);cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .2s,background-color .2s,transform .1s}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}#root{max-width:880px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.5rem 0 1.75rem;display:flex}.logo-wrap{align-items:center;gap:.85rem;display:flex}.logo-img{flex-shrink:0;width:auto;height:44px;display:block}.title-group p{color:var(--color-text-muted);margin:0;font-size:.9rem}.header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.user-email{color:var(--color-text-muted);font-size:.85rem;display:none}@media (min-width:640px){.user-email{display:inline}}.nav-buttons{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:5px;display:inline-flex}.nav-buttons button{color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;margin-top:0;padding:.5rem 1.1rem;font-size:.92rem;font-weight:600;transition:all .16s;position:relative}.nav-buttons button:hover{color:var(--color-text)}.nav-buttons button[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch;gap:1.1rem;max-width:480px;margin:0 auto;padding:1.75rem;display:flex}.card-intro{text-align:center;margin-bottom:.25rem}.card-intro .card-icon{margin-bottom:.5rem;font-size:2rem;line-height:1}.card-intro .card-icon-img{width:auto;height:64px;margin:0 auto .5rem;display:block}.card-intro h2{font-size:1.15rem;font-weight:700}.card-intro p{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.9rem}.field{text-align:left;flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.field-hint{color:var(--color-text-muted);font-size:.78rem}.input-group{align-items:center;display:flex;position:relative}.input-group .unit{color:var(--color-text-muted);pointer-events:none;font-size:.85rem;position:absolute;right:.9rem}.card input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);width:100%;color:var(--color-text);padding:.7rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .16s,box-shadow .16s,transform .12s}.input-group input{padding-right:2.6rem}.card input::placeholder{color:var(--color-text-muted)}.card input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.tips-row{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}button.primary,.card>button:last-child{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;box-shadow:var(--shadow-sm);border:none;margin-top:.4rem;padding:.7rem 1rem;font-size:1rem;font-weight:600;transition:transform .12s,box-shadow .12s,background-color .16s}button.primary:hover,.card>button:last-child:hover{background:var(--color-primary-hover)}button.primary:active,.card>button:last-child:active{transform:translateY(1px)scale(.99)}.secondary{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;padding:.5rem .9rem;font-weight:500}.secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface-2)}.secondary:active{transform:translateY(1px)}.read-the-docs{color:var(--color-text-muted)}.all-tips h2{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.all-tips .subtitle{color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.9rem}.all-tips .empty{text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:2.5rem 1.5rem}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-surface);overflow:auto}.tips-table{border-collapse:collapse;width:100%}.tips-table th,.tips-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.85rem 1.1rem;font-size:.94rem}.tips-table tbody tr:last-child td{border-bottom:none}.tips-table tbody tr:hover{background:var(--color-surface-2)}.tips-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface-2);font-size:.8rem;font-weight:600}.tips-table td.rank{color:var(--color-text-muted);font-variant-numeric:tabular-nums;width:2.5rem}.tips-table td.tip-value{font-variant-numeric:tabular-nums}.tips-table td.actions{white-space:nowrap;text-align:right;width:1%}.delete-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);box-shadow:none;background:0 0;margin-top:0;padding:.5rem .6rem;font-size:1rem;line-height:1}.delete-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.admin-results .card{margin-bottom:2rem}.results-section h2{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.results-section .subtitle{color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.9rem}.tips-table tbody tr.winner-row,.tips-table tbody tr.winner-row:hover{background:var(--color-primary-soft)}.tips-table tbody tr.winner-row td{font-weight:600}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{width:100%;max-width:400px}.auth-card h2{text-align:center;font-size:1.3rem;font-weight:700}.auth-card .card-intro p{text-align:center}.auth-actions{gap:.5rem;margin-top:.25rem;display:flex}.auth-actions button{flex:1}.auth-msg{color:var(--color-danger);text-align:center;font-size:.88rem}@media (max-width:640px){#root{padding:1rem 1rem 3rem}.app-header{gap:.75rem;padding:.25rem 0 1.25rem}.logo-img{height:34px}.header-actions{gap:.6rem}.secondary{padding:.5rem .7rem;font-size:.85rem}.nav-buttons{width:100%;margin-bottom:1.25rem;padding:4px;display:flex}.nav-buttons button{white-space:nowrap;flex:1;padding:.8rem .5rem;font-size:.85rem}.card{gap:1rem;max-width:100%;padding:1.25rem}.card-intro .card-icon-img{height:52px}.tips-row{grid-template-columns:1fr}.table-wrap{-webkit-overflow-scrolling:touch}.tips-table th,.tips-table td{padding:.65rem .75rem;font-size:.85rem}.auth-wrap{min-height:100dvh;padding:1rem}}