:root{--ground:#14120f;--surface:#1c1915;--surface-2:#242019;--line:#322c24;--ink:#ede8e0;--ink-2:#a39b8d;--ink-3:#6e6558;--amber:#e0a44a;--sage:#86a98c;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}.screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100%;padding:32px 20px;display:flex}.wordmark{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:600}.gate{text-align:center;flex-direction:column;gap:22px;width:100%;max-width:380px;display:flex}.gate h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:26px;font-weight:650}.gate p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.field{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);text-align:center;border-radius:10px;padding:13px 16px}.field::placeholder{color:var(--ink-3)}.animals{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.animal{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;font-size:26px;transition:border-color .12s,background .12s;display:flex}.animal:hover{background:var(--surface-2)}.animal[aria-pressed=true]{border-color:var(--amber);background:var(--surface-2)}.primary{background:var(--amber);width:100%;color:var(--ground);border:0;border-radius:10px;padding:13px;font-weight:650;transition:opacity .12s}.primary:disabled{opacity:.35;cursor:not-allowed}.room{grid-template-rows:auto 1fr auto;gap:24px;max-width:720px;min-height:100%;margin:0 auto;padding:28px 20px;display:grid}.clock{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.clock .phase{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.clock .time{font-family:var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(52px,15vw,84px);font-weight:600;line-height:1}.clock .time.break{color:var(--sage)}.bar{background:var(--line);border-radius:2px;width:100%;max-width:280px;height:3px;overflow:hidden}.bar span{background:var(--amber);height:100%;transition:width 1s linear;display:block}.bar.break span{background:var(--sage)}.peers{flex-direction:column;align-content:start;gap:8px;display:flex}.peers-head{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-bottom:4px;font-size:11px;font-weight:600}.peer{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.peer.away{opacity:.42}.peer.you{border-color:color-mix(in srgb, var(--amber) 35%, var(--line))}.peer .face{background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;display:flex}.peer .who{flex-direction:column;gap:2px;min-width:0;display:flex}.peer .who b{font-size:13.5px;font-weight:600}.peer .who span{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.peer .who span.empty{color:var(--ink-3);font-style:italic}.alone{text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:12px;padding:28px 12px;font-size:14px;line-height:1.6}.taskbar{flex-direction:column;gap:8px;display:flex}.taskbar label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.taskbar .field{text-align:left}.checkin{background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.checkin-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:380px;padding:28px;display:flex}.checkin-card h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.checkin-card p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.55}.ghost{color:var(--ink-3);text-underline-offset:3px;background:0 0;border:0;padding:6px;font-size:13px;text-decoration:underline}.ghost:hover{color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}