@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--black:#0a0a0a;--white:#fff;--grey-950:#141414;--grey-900:#1c1c1c;--grey-700:#3d3d3d;--grey-500:#6b6b6b;--grey-300:#a4a4a4;--grey-200:#d4d4d4;--grey-100:#e9e9e9;--grey-50:#f4f4f3;--beige-300:#d9c9ae;--beige-200:#e8dcc4;--beige-100:#f0e6d4;--beige-50:#f8f1e4;--accent-700:#7a3a12;--accent-600:#a04d17;--accent-500:#c2621d;--accent-400:#d68a4c;--accent-100:#f2ddc2;--accent-50:#faf0e3;--red-500:#e0102b;--red-100:#ffe1e4;--green-500:#0a8a4a;--green-100:#dbf4e6;--amber-500:#c77700;--amber-100:#fff0d6;--surface-page:var(--white);--surface-inverse:var(--black);--surface-card:var(--white);--surface-sunken:var(--beige-50);--surface-warm:var(--beige-100);--surface-raised:var(--white);--surface-overlay:#0a0a0a99;--text-primary:var(--black);--text-inverse:var(--white);--text-secondary:var(--grey-700);--text-muted:var(--grey-500);--text-on-accent:var(--white);--text-link:var(--accent-600);--text-link-hover:var(--accent-700);--accent-primary:var(--accent-500);--accent-primary-hover:var(--accent-600);--accent-primary-press:var(--accent-700);--accent-primary-soft:var(--accent-50);--accent-primary-soft-strong:var(--accent-100);--semantic-success:var(--green-500);--semantic-success-soft:var(--green-100);--semantic-danger:var(--red-500);--semantic-danger-soft:var(--red-100);--semantic-warning:var(--amber-500);--semantic-warning-soft:var(--amber-100);--border-default:var(--black);--border-subtle:var(--grey-200);--border-on-inverse:var(--white);--border-accent:var(--accent-primary);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-2xs:12px;--text-xs:13px;--text-sm:15px;--text-md:17px;--text-lg:20px;--text-xl:26px;--text-2xl:34px;--text-3xl:46px;--text-4xl:64px;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-widest:.12em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-h1:700 var(--text-4xl) / var(--leading-tight) var(--font-display);--font-h2:600 var(--text-3xl) / var(--leading-tight) var(--font-display);--font-h3:600 var(--text-2xl) / var(--leading-snug) var(--font-display);--font-h4:600 var(--text-xl) / var(--leading-snug) var(--font-display);--font-body-lg:400 var(--text-md) / var(--leading-normal) var(--font-body);--font-body-md:400 var(--text-sm) / var(--leading-normal) var(--font-body);--font-body-sm:400 var(--text-xs) / var(--leading-normal) var(--font-body);--font-label:600 var(--text-xs) / var(--leading-snug) var(--font-body);--font-mono-md:500 var(--text-md) / 1 var(--font-mono);--font-mono-lg:600 var(--text-2xl) / 1 var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--container-max:1200px;--container-pad:24px;--border-width-sm:1.5px;--border-width-md:2.5px;--border-width-lg:3.5px;--shadow-hard-sm:3px 3px 0 var(--black);--shadow-hard-md:5px 5px 0 var(--black);--shadow-hard-lg:8px 8px 0 var(--black);--shadow-hard-press:2px 2px 0 var(--black);--shadow-hard-accent-md:5px 5px 0 var(--accent-primary);--shadow-soft-card:0 1px 0 var(--grey-200);--shadow-focus-ring:0 0 0 3px var(--accent-primary-soft-strong);--ease-standard:cubic-bezier(.2, .9, .2, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in:cubic-bezier(.6, 0, 1, .4);--duration-instant:80ms;--duration-fast:.13s;--duration-base:.18s;--duration-slow:.28s;--press-scale:.96;--press-translate:2px}.haptic,button,.chip,.topbar-nav>a{border-width:var(--border-width-md);border-style:solid;border-color:var(--black);box-shadow:var(--shadow-hard-md);transition:transform var(--duration-fast) var(--ease-out-back), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard)}.haptic:active:not(:disabled):not(.locked),button:active:not(:disabled):not(.locked),.chip:active:not(:disabled):not(.locked),.topbar-nav>a:active{transform:translate(var(--press-translate), var(--press-translate)) scale(var(--press-scale));box-shadow:var(--shadow-hard-press)}.haptic:disabled,button:disabled{box-shadow:none;cursor:not-allowed;transform:none}.haptic.shadow-none,.haptic.shadow-none:active:not(:disabled),.ghost-btn,.ghost-btn:active:not(:disabled),.add-person,.add-person:active:not(:disabled),.text-btn,.text-btn:active:not(:disabled),.chip-x,.chip-x:active:not(:disabled){box-shadow:none}.haptic.border-transparent,.text-btn{border-color:#0000}.surface-card{background:var(--surface-card);border:var(--border-width-md) solid var(--black);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-md)}.type-label,.list-label,.drop-label{font:var(--font-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.focus-accent:focus,.focus-accent:focus-visible{border-color:var(--accent-primary);box-shadow:var(--shadow-focus-ring);outline:none}.control{width:100%;font:var(--font-body-lg);border-radius:var(--radius-md);border:var(--border-width-md) solid var(--black);background:var(--white);color:var(--black);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);outline:none;padding:12px 16px}.control:disabled{background:var(--grey-50)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--surface-sunken);--card:var(--surface-card);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-default);--accent:var(--accent-primary);--accent-2:var(--accent-primary-hover);--assigned:var(--accent-primary-soft);--available:var(--semantic-success-soft);--danger:var(--semantic-danger);--shadow:var(--shadow-hard-md);--radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-sunken)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input,textarea,select{font:inherit}h1,h2,h3,.topbar strong,.jack-brand strong,.card h1,.event-head h2,.event-form h2,.jack-page-head h1,.jack-page-head h2,.jack-pane h2,.jack-now h2,.event-card h2,.event-card h3{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}h1,.card h1,.jack-page-head h1{font:var(--font-h4)}h2,.event-head h2,.event-form h2,.jack-page-head h2,.jack-pane h2,.jack-now h2,.event-card h2{font:var(--font-h4);font-size:var(--text-xl)}h3,.event-card h3{font:var(--font-label);letter-spacing:var(--tracking-tight);text-transform:none;color:var(--text-primary)}button{border-radius:var(--radius-md);background:var(--accent-primary);min-height:44px;color:var(--text-on-accent);font-family:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;padding:0 16px}button:hover:not(:disabled){background:var(--accent-primary-hover)}button:disabled{opacity:.55}.ghost-btn,.text-btn,.add-person,.leave-btn{background:var(--white);color:var(--text-primary)}.ghost-btn:hover:not(:disabled),.text-btn:hover:not(:disabled),.add-person:hover:not(:disabled){background:var(--beige-50)}.ghost-btn,.add-person,.ghost-btn:active:not(:disabled),.add-person:active:not(:disabled){box-shadow:none}.text-btn{min-height:44px;box-shadow:none;border-color:#0000;padding:0 8px}.text-btn:active:not(:disabled){box-shadow:none}.danger-btn{background:var(--semantic-danger);color:var(--text-on-accent)}.danger-btn:hover:not(:disabled){background:var(--accent-primary-press)}.leave-btn{color:var(--semantic-danger)}.leave-btn:hover:not(:disabled){background:var(--semantic-danger-soft)}.screen{place-items:center;min-height:100svh;padding:24px 16px;display:grid}.card,.event-card,.shift-card,.jack-pane,.confirm{background:var(--surface-card);border:var(--border-width-md) solid var(--black);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-md)}.card{gap:12px;width:min(420px,100%);padding:24px;display:grid}.lede,.muted,.list-label,.drop-label{color:var(--text-muted);margin:0}label{font-weight:var(--weight-semibold);font-size:var(--text-xs);gap:6px;display:grid}input,textarea,select{width:100%;min-height:44px;font:var(--font-body-lg);border-radius:var(--radius-md);border:var(--border-width-md) solid var(--black);background:var(--white);color:var(--black);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);outline:none;padding:12px 16px}input:disabled,textarea:disabled,select:disabled{background:var(--grey-50)}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{border-color:var(--accent-primary);box-shadow:var(--shadow-focus-ring);outline:none}.error{color:var(--semantic-danger);margin:0}.app-shell{min-height:100svh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.admin-shell{padding-bottom:32px}.topbar{z-index:20;background:var(--surface-warm);min-height:56px;color:var(--text-primary);border-bottom:var(--border-width-md) solid var(--black);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar a,.topbar .text-btn{color:var(--text-primary);text-decoration:none}.topbar-identity{gap:0;min-width:0;display:grid}.topbar-you{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);align-items:center;gap:4px;margin:0;display:flex}.topbar-you .text-btn{min-height:32px;font-size:var(--text-xs);color:var(--text-link);padding:0 4px}.topbar-nav{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-nav>a{border-radius:var(--radius-md);min-height:36px;font-weight:var(--weight-semibold);align-items:center;padding:0 12px;display:inline-flex}.board{gap:16px;width:min(720px,100%);margin:0 auto;padding:16px;display:grid}.event-card,.shift-card{gap:12px;padding:14px;display:grid}.shift-head strong{font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.event-head,.shift-head,.row{gap:4px;display:grid}.row{grid-template-columns:1fr auto;align-items:start}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.shift-cols{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shift-list{border:var(--border-width-md) solid var(--black);border-radius:var(--radius-md);background:var(--surface-sunken);align-content:start;gap:8px;padding:8px;display:grid}.shift-list[data-list=assigned]{background:var(--assigned)}.shift-list[data-list=available]{background:var(--available)}.list-people{flex-wrap:wrap;gap:8px;min-height:44px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--white);min-height:44px;color:var(--text-primary);font-weight:var(--weight-semibold);align-items:center;padding:8px 12px;display:inline-flex}button.chip{background:var(--white);width:auto;color:var(--text-primary)}button.chip:hover:not(:disabled){background:var(--beige-50)}.chip.you,button.chip.you{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--black)}button.chip.you:hover:not(:disabled){background:var(--accent-primary-hover)}.chip-x{border-radius:var(--radius-pill);min-width:28px;min-height:28px;box-shadow:none;color:inherit;font-size:1.1rem;font-weight:inherit;background:0 0;border-color:#0000;justify-content:center;align-items:center;margin-left:4px;padding:0;line-height:1;display:inline-flex}.chip-x:hover:not(:disabled),.chip-x:active:not(:disabled){box-shadow:none;background:0 0;transform:none}.chip.locked{cursor:default}.chip.locked:active{box-shadow:var(--shadow-hard-md);transform:none}.add-person,.join-btn,.leave-btn{width:100%}.add-person{min-height:36px;padding:0 10px}.inline-add,.shift-form,.event-form{gap:10px;display:grid}.inline-add-actions{gap:8px;display:flex}.banner{border-radius:var(--radius-md);border:var(--border-width-md) solid var(--black);margin:12px 16px 0;padding:12px}.banner.error{background:var(--semantic-danger-soft);color:var(--text-primary)}.banner.hint{background:var(--accent-primary-soft);color:var(--text-primary)}.confirm-scrim{z-index:40;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:var(--surface-overlay);place-items:end center;display:grid;position:fixed;inset:0}.confirm{width:min(420px,100%);padding:16px}.confirm-actions{gap:8px;margin-top:12px;display:flex}.empty{color:var(--text-muted);text-align:center}@media (width<=520px){.shift-cols{grid-template-columns:1fr}}.jack-shell{min-height:100svh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.jack-brand{align-items:center;gap:10px;display:flex}.jack-health{font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.jack-dot{background:var(--semantic-warning);border-radius:50%;width:8px;height:8px}.jack-dot.ok{background:var(--semantic-success)}.jack-badge,.jack-count{border-radius:var(--radius-pill);border:var(--border-width-md) solid var(--black);background:var(--white);min-width:22px;min-height:22px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);animation:badge-in var(--duration-fast) var(--ease-out-back);place-items:center;padding:0 6px;display:inline-grid}.jack-count{background:var(--accent-primary-soft);margin-left:auto}.jack-toast{z-index:15;animation:toast-in var(--duration-base) var(--ease-out-back);position:sticky;top:56px}.jack-body{width:min(1100px,100%);margin:0 auto;display:grid}.jack-side{background:var(--surface-warm);border-right:var(--border-width-md) solid var(--black);align-content:start;gap:4px;padding:16px 12px;display:none}.jack-nav-link,.jack-dock-link{border-radius:var(--radius-md);min-height:44px;color:var(--text-secondary);font-weight:var(--weight-bold);border:var(--border-width-md) solid transparent;box-shadow:none;background:0 0;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:flex}.jack-nav-link:hover,.jack-dock-link:hover{background:var(--beige-50);color:var(--text-primary)}.jack-nav-link.active,.jack-dock-link.active{background:var(--black);color:var(--text-inverse);border-color:var(--black);box-shadow:var(--shadow-hard-sm)}.jack-nav-link.active:active,.jack-dock-link.active:active{box-shadow:var(--shadow-hard-press)}.jack-nav-link.active .jack-count{background:var(--white);color:var(--black)}.jack-main{min-width:0}.jack-page{gap:16px;width:min(720px,100%);margin:0 auto;padding:16px;display:grid}.jack-page.jack-fill{width:100%}.jack-page-head{gap:4px;display:grid}.jack-composer{width:100%}.jack-composer-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.jack-split{gap:16px;display:grid}.jack-list,.jack-pane{align-content:start;gap:10px;display:grid}.jack-pane{padding:16px}.jack-empty-pane{place-items:center;min-height:240px}.jack-scopes,.jack-tags,.jack-cites{flex-wrap:wrap;gap:8px;display:flex}.jack-search{margin:0}.jack-note-row,.jack-shot-tile{background:var(--surface-card);width:100%;min-height:44px;color:var(--text-primary);text-align:left;font-weight:var(--weight-medium);border-radius:var(--radius-md);gap:4px;padding:12px;display:grid}.jack-note-row:hover:not(:disabled),.jack-shot-tile:hover:not(:disabled){background:var(--beige-50)}.jack-note-row.active,.jack-shot-tile.active{border-color:var(--accent-primary);background:var(--accent-primary-soft);box-shadow:var(--shadow-hard-accent-md)}.jack-note-row.unread .jack-note-title{font-weight:var(--weight-bold)}.jack-note-title{justify-content:space-between;gap:8px;display:flex}.jack-note-meta,.jack-note-preview{font-size:var(--text-xs);font-weight:var(--weight-regular)}.jack-note-meta{font-family:var(--font-mono)}.jack-note-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jack-md{white-space:pre-wrap;margin:0}.jack-history{gap:8px;margin:0;padding:0;list-style:none;display:grid}.jack-history li{gap:2px;display:grid}.jack-thread{grid-template-rows:auto 1fr auto;min-height:420px}.jack-messages{align-content:start;gap:10px;display:grid}.jack-bubble{border-radius:var(--radius-lg);background:var(--surface-sunken);border:var(--border-width-md) solid var(--black);gap:8px;padding:12px 14px;display:grid}.jack-bubble p{margin:0}.jack-bubble.user{background:var(--accent-primary-soft);justify-self:end;max-width:90%}.jack-bubble.assistant{background:var(--surface-card)}.jack-cites .chip{min-height:36px;font-size:var(--text-xs);text-decoration:none}.jack-chat-form{grid-template-columns:1fr auto;align-items:center}.jack-drop{border:var(--border-width-md) dashed var(--black);border-radius:var(--radius-lg);background:var(--surface-sunken);text-align:center;place-content:center;gap:4px;min-height:88px;padding:16px;display:grid}.jack-drop.hot{border-color:var(--accent-primary);background:var(--accent-primary-soft);border-style:solid}.jack-shot-layout{gap:16px;display:grid}.jack-shot-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.jack-shot-tile{padding:8px}.jack-shot-tile.dim{opacity:.72}.jack-shot-hero{border:var(--border-width-md) solid var(--black);border-radius:var(--radius-md);min-height:110px;color:var(--white);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);place-items:end start;padding:10px;display:grid}.jack-map{border-radius:var(--radius-md);border:var(--border-width-md) solid var(--black);width:100%;height:auto}.jack-timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.jack-bar{border-radius:var(--radius-pill);background:var(--beige-200);border:var(--border-width-sm) solid var(--black);height:8px;overflow:hidden}.jack-bar span{background:var(--accent-primary);height:100%;display:block}.jack-pdf{background:var(--surface-sunken);border:var(--border-width-md) solid var(--black);border-radius:var(--radius-md);gap:12px;min-height:280px;padding:20px 18px 28px;display:grid}.jack-toggle{font-weight:var(--weight-semibold);align-items:center;gap:10px;display:flex}.jack-toggle input{width:20px;min-height:20px;box-shadow:none;padding:0}.jack-qr{background:var(--white);border:var(--border-width-md) solid var(--black);border-radius:var(--radius-md);width:168px;box-shadow:var(--shadow-hard-sm);grid-template-columns:repeat(6,1fr);gap:6px;padding:12px;display:grid}.jack-qr span{aspect-ratio:1;background:var(--grey-200)}.jack-qr span.on{background:var(--black)}.jack-dock{z-index:20;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface-warm);border-top:var(--border-width-md) solid var(--black);gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.jack-dock-link{min-width:64px;font-size:var(--text-2xs);flex:1 0 auto;justify-content:center;padding:8px 6px}@media (width<=620px){.jack-composer-row,.jack-chat-form{grid-template-columns:1fr}.jack-split:not(.is-detail) .jack-pane,.jack-split.is-detail .jack-list{display:none}}@media (width>=860px){.jack-shell{padding-bottom:0}.jack-body{grid-template-columns:180px 1fr}.jack-side{height:calc(100svh - 56px);display:grid;position:sticky;top:56px}.jack-dock,.jack-settings-link{display:none}.jack-split{grid-template-columns:minmax(240px,340px) 1fr;align-items:start}.jack-back{visibility:hidden}.jack-shot-layout{grid-template-columns:1fr minmax(240px,340px);align-items:start}}