:root{--background:#f8fafc;--foreground:#1e293b;--card:#ffffff;--primary:#2563eb;--primary-foreground:#ffffff;--secondary:#64748b;--success:#16a34a;--warning:#ea580c;--border:#e2e8f0;--font-base:20px;--font-lg:24px;--font-xl:32px;--font-huge:64px;--radius:16px;--spacing:24px}@media (max-width:640px){:root{--font-base:18px;--font-lg:22px;--font-xl:28px;--font-huge:48px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--foreground);font-size:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:var(--font-xl);font-weight:800;margin-bottom:var(--spacing)}h2{font-size:var(--font-lg);font-weight:700;margin-bottom:calc(var(--spacing) / 2)}.container{max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.card,.container{padding:var(--spacing)}.card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 6px -1px rgb(0 0 0/.1)}button{background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);padding:16px 24px;font-size:var(--font-lg);font-weight:700;cursor:pointer;transition:transform .1s,opacity .2s;width:100%}button:active{transform:scale(.98)}button:disabled{background-color:var(--secondary);opacity:.5;cursor:not-allowed}.input-group{margin-bottom:var(--spacing)}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;padding:12px 16px;font-size:var(--font-base);border:2px solid var(--border);border-radius:12px;outline:none}input:focus{border-color:var(--primary)}.code-display{font-size:var(--font-huge);font-family:monospace;letter-spacing:8px;text-align:center;padding:32px;background:#f1f5f9;border-radius:var(--radius);margin:24px 0;font-weight:800;color:var(--primary)}.countdown{text-align:center;color:var(--warning);font-weight:600;margin-top:16px}.status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:600}.status-read{background:#dcfce7;color:#166534}.status-unread{background:#fee2e2;color:#991b1b}