:root{--font-display:"DIN Condensed", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-sans:"Avenir Next", "Segoe UI", sans-serif;--bg:#efe9de;--surface:#fffcf7d1;--ink:#18232d;--ink-soft:#576572;--line:#11202b1f;--steel:#36556e;--signal:#b75528;--good:#265f46;--shadow-lg:0 24px 72px #18232d24;--shadow-md:0 16px 36px #18232d1a;--radius-xl:28px;--radius-lg:18px}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #ffffffb8, transparent 34%), radial-gradient(circle at top right, #d2612d2e, transparent 26%), linear-gradient(180deg, #ddd4c3 0%, var(--bg) 28%, #f5f1e8 100%);min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{font:inherit}a{color:inherit}.app-main{justify-content:center;align-items:center;width:min(720px,100%);min-height:100vh;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;position:relative}.app-utility-nav{top:max(.85rem, env(safe-area-inset-top));right:max(.85rem, env(safe-area-inset-right));z-index:10;align-items:center;gap:.45rem;display:inline-flex;position:fixed}.app-log-link,.app-reload-button{border:1px solid var(--line);height:2.4rem;box-shadow:var(--shadow-md);color:var(--steel);cursor:pointer;background:#fffcf7db;border-radius:999px;place-items:center;font-size:1.2rem;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-grid}.app-log-link{min-width:3.9rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:0 .9rem;font-size:.95rem;font-weight:700;text-decoration:none}.app-log-link-text{transform:translateY(.12em)}.app-reload-button{width:2.4rem}.app-log-link:hover,.app-reload-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #18232d29}.auth-gate-kicker,.garage-label{color:var(--steel);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .35rem;font-size:.95rem;font-weight:700}.auth-gate-title,.garage-status{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(2.1rem,5vw,3.2rem);line-height:.94}.garage-message,.garage-timer,.garage-result,.auth-gate-message{color:var(--ink-soft);margin:0;line-height:1.5}.garage-control,.auth-gate{place-items:center;width:100%;display:grid}.garage-control{gap:.9rem}.garage-card,.auth-gate-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);width:min(720px,100%);box-shadow:var(--shadow-lg);gap:1rem;padding:1.6rem;display:grid}.garage-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.garage-timer{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.25rem}.garage-button,.auth-gate-button{border-radius:var(--radius-lg);color:#fff8f3;cursor:pointer;min-height:58px;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;border:0;justify-content:center;align-items:center;padding:0 1.2rem;font-size:1.2rem;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.garage-button:hover:not(:disabled),.auth-gate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #18232d29}.garage-button:disabled{cursor:not-allowed;opacity:.52}.garage-button-open,.auth-gate-button{background:linear-gradient(#2a6d50f2,#1c573f)}.garage-button-close{background:linear-gradient(#b75528f2,#9b3e18)}.garage-button-trigger{background:linear-gradient(#36556ef2,#213d53)}.garage-result{border-radius:var(--radius-lg);background:#11202b0d;padding:1rem 1.1rem}.logs-back-link{color:var(--steel);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:700;text-decoration:none}.logs-back-link:hover{text-decoration:underline}.logs-page{gap:1.2rem;width:min(720px,100%);display:grid}.logs-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.logs-table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);overflow-x:auto}.logs-table{border-collapse:collapse;width:100%;min-width:520px}.logs-table th,.logs-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.9rem 1rem}.logs-table th{color:var(--steel);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.logs-table tbody tr:last-child td{border-bottom:0}.auth-gate{min-height:100vh;padding:1.5rem}@media (width<=640px){.app-main{padding-top:1rem}.garage-card,.auth-gate-card{padding:1.2rem}.garage-actions{grid-template-columns:1fr}.logs-header{flex-direction:column;align-items:start}.logs-table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow-x:visible}.logs-table,.logs-table tbody,.logs-table tr,.logs-table td{width:100%;display:block}.logs-table{border-collapse:separate;border-spacing:0;min-width:0}.logs-table thead{display:none}.logs-table tbody{gap:.75rem;display:grid}.logs-table tr{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);padding:.8rem .95rem}.logs-table td{overflow-wrap:anywhere;border-bottom:0;grid-template-columns:minmax(5.75rem,32%) minmax(0,1fr);gap:.7rem;padding:.28rem 0;display:grid}.logs-table td:before{content:attr(data-label);color:var(--steel);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}}