:root{--paper:#F1F3F2;--surface:#FFFFFF;--ink:#17201C;--ink-2:#5A6560;--ink-3:#8B9691;--line:#D6DCD9;--line-strong:#B6C0BC;--hot:#C8483A;--mid:#D99A2B;--cool:#4E8F5B;--wash:linear-gradient(to bottom,rgba(200,72,58,.26) 0%,rgba(217,154,43,.17) 46%,rgba(78,143,91,.19) 100%);--hoy-ground:#17201C;--hoy-ink:#EEF2F0;--hoy-card:#242F29;--hoy-line:#2E3A34;--hecho-ground:#E4E8E6;--tint-warm:#F0D7C2;--tint-sun:#F2E9BD;--tint-sage:#D3E3CE;--tint-cool:#CBDBE9;--tint-lilac:#DCD5EC;--tint-rose:#F0D2D6;--tint-stone:#DFE3E1;--focus:#2E6F8E;--danger:#C8483A;--col-w:120px;--head-h:30px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111714;--surface:#1A211D;--ink:#E4EAE7;--ink-2:#94A09A;--ink-3:#6C7873;--line:#2A332E;--line-strong:#3A453F;--hot:#D9594A;--mid:#E0A93F;--cool:#5FA96D;--wash:linear-gradient(to bottom,rgba(217,89,74,.28) 0%,rgba(224,169,63,.18) 46%,rgba(95,169,109,.21) 100%);--hoy-ground:#E4EAE7;--hoy-ink:#111714;--hoy-card:#FFFFFF;--hoy-line:#C4CEC9;--hecho-ground:#161D19;--tint-warm:#5B463A;--tint-sun:#585030;--tint-sage:#3A4C3B;--tint-cool:#36485A;--tint-lilac:#443E58;--tint-rose:#573C42;--tint-stone:#39423E;--focus:#6FB3D2;--danger:#D9594A}}:root[data-theme=dark]{--paper:#111714;--surface:#1A211D;--ink:#E4EAE7;--ink-2:#94A09A;--ink-3:#6C7873;--line:#2A332E;--line-strong:#3A453F;--hot:#D9594A;--mid:#E0A93F;--cool:#5FA96D;--wash:linear-gradient(to bottom,rgba(217,89,74,.28) 0%,rgba(224,169,63,.18) 46%,rgba(95,169,109,.21) 100%);--hoy-ground:#E4EAE7;--hoy-ink:#111714;--hoy-card:#FFFFFF;--hoy-line:#C4CEC9;--hecho-ground:#161D19;--tint-warm:#5B463A;--tint-sun:#585030;--tint-sage:#3A4C3B;--tint-cool:#36485A;--tint-lilac:#443E58;--tint-rose:#573C42;--tint-stone:#39423E;--focus:#6FB3D2;--danger:#D9594A}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow Semi Condensed,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;background:var(--paper);transition:filter .35s ease}.app.dim{filter:brightness(.66) saturate(.88)}.bar{display:flex;align-items:center;gap:14px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface);flex:0 0 auto}.brand{display:flex;align-items:baseline;flex:1 1 auto;font-family:Archivo,sans-serif}.brand-name{font-weight:700;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.brand-date{display:inline-block;color:var(--ink-3);font-weight:500;margin-left:9px;letter-spacing:.05em;font-size:12px;white-space:nowrap}.brand-name,.clock-now{white-space:nowrap}.brand-date:first-letter{text-transform:uppercase}.clock-now{font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:400;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);margin-left:12px;line-height:1}.bar-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn{font-family:Archivo,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:transparent;border:1px solid var(--line-strong);padding:5px 10px;border-radius:2px;cursor:pointer;line-height:1}.btn:hover{color:var(--ink);border-color:var(--ink-3)}.btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:focus-visible,.card:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.live{width:7px;height:7px;border-radius:50%;background:var(--cool);flex:0 0 auto;box-shadow:0 0 0 3px color-mix(in srgb,var(--cool) 22%,transparent)}.live.off{background:var(--ink-3);box-shadow:none}.viewport{flex:1 1 auto;overflow:auto;position:relative}.sheet{display:grid;min-width:max-content;align-items:stretch}.head{position:sticky;top:0;z-index:4;height:var(--head-h);display:flex;align-items:center;gap:3px;padding:0 5px 0 8px;border-right:1px solid var(--surface);border-bottom:1px solid var(--line-strong);background:var(--tint-stone);overflow:hidden}.head[data-tint=warm]{background:var(--tint-warm)}.head[data-tint=sun]{background:var(--tint-sun)}.head[data-tint=sage]{background:var(--tint-sage)}.head[data-tint=cool]{background:var(--tint-cool)}.head[data-tint=lilac]{background:var(--tint-lilac)}.head[data-tint=rose]{background:var(--tint-rose)}.head[data-tint=stone]{background:var(--tint-stone)}.head{position:relative}.head.picking{overflow:visible;z-index:9}.tints{position:absolute;top:100%;left:0;display:flex;gap:3px;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:2px;box-shadow:0 6px 16px #0000002e}.swatch{width:15px;height:15px;border-radius:2px;cursor:pointer;border:1px solid var(--line-strong);padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}.head-name{font-family:Archivo,sans-serif;font-weight:600;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;cursor:text;background:none;border:0;text-align:left;padding:0}.head input{font-family:Archivo,sans-serif;font-weight:600;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;width:100%;border:1px solid var(--ink);background:var(--surface);color:var(--ink);padding:2px 3px;border-radius:2px}.head-tools{display:none;gap:1px;flex:0 0 auto}.head:hover .head-tools{display:flex}.mini{border:0;background:#00000012;color:var(--ink);cursor:pointer;font-size:9px;line-height:1;padding:3px 4px;border-radius:2px;font-family:Archivo,sans-serif}.mini:hover{background:#0000002e}.stack{background:var(--wash);border-right:1px solid var(--line);padding:6px 5px 4px;display:flex;flex-direction:column;gap:5px;min-height:190px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--stripe,var(--ink-3));border-radius:2px;padding:5px 6px 5px 7px;font-size:12.5px;line-height:1.22;color:var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px #0000000d}.card:hover{border-color:var(--line-strong)}.card.dragging{opacity:.28}.card .t{display:block;overflow-wrap:anywhere}.card .done{position:absolute;top:2px;right:2px;display:none;border:0;background:var(--cool);color:#fff;border-radius:2px;font-size:9px;line-height:1;padding:3px 4px;cursor:pointer}.card:hover .done{display:block}.ghost{position:fixed;top:0;left:0;z-index:999;pointer-events:none;box-shadow:0 8px 22px #00000047;transform-origin:top left;opacity:.95}.card.drop-before{box-shadow:inset 0 3px 0 var(--focus)}.drop-end{box-shadow:inset 0 -3px 0 var(--focus)}.add{border:1px dashed var(--line-strong);background:transparent;color:var(--ink-3);border-radius:2px;font-size:11px;padding:3px;cursor:pointer;font-family:Archivo,sans-serif;letter-spacing:.06em;opacity:0}.stack:hover .add,.cell:hover .add{opacity:1}.add:hover{color:var(--ink);border-color:var(--ink-3)}input.new{font-family:Barlow Semi Condensed,sans-serif;font-size:12.5px;border:1px solid var(--ink);background:var(--surface);color:var(--ink);padding:4px 5px;border-radius:2px;width:100%}.band-label{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:5px 0;border-top:1px solid var(--line-strong)}.band-label i{position:sticky;left:0;font-style:normal;padding-left:8px;font-family:Archivo,sans-serif;font-weight:700;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.band-label em{font-style:normal;font-size:10.5px;color:var(--ink-3);letter-spacing:.02em}.lb-hoy{background:var(--hoy-ground);color:var(--hoy-ink);border-top:2px solid var(--ink)}.lb-hoy em{color:var(--hoy-ink);opacity:.55}.lb-hoy i{background:var(--hoy-ground)}.lb-hecho{background:var(--hecho-ground);color:var(--ink-2)}.lb-hecho i{background:var(--hecho-ground)}.cell{padding:5px;display:flex;flex-direction:column;gap:4px;min-height:44px}.cell.hoy{background:var(--hoy-ground);border-right:1px solid var(--hoy-line)}.cell.hoy .card{background:var(--hoy-card);color:var(--hoy-ink);border-color:var(--hoy-line);border-left-color:var(--mid);font-weight:500;box-shadow:none}.cell.hoy .add{border-color:var(--hoy-line);color:var(--hoy-ink);opacity:0}.cell.hoy:hover .add{opacity:.5}.cell.hecho{background:var(--hecho-ground);border-right:1px solid var(--line)}.cell.hecho .card{background:transparent;border-color:transparent;border-left-color:var(--ink-3);color:var(--ink-3);text-decoration:line-through;box-shadow:none;padding:3px 4px}.cell.hecho .card .clock{display:block;text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:8.5px;color:var(--ink-3);opacity:.75;margin-top:2px;letter-spacing:-.02em}.kiosk .bar-actions,.kiosk .brand-name,.kiosk .head-tools,.kiosk .add,.kiosk .card .done{display:none!important}.kiosk .brand-date{margin-left:0;font-size:15px;color:var(--ink)}.kiosk .clock-now{margin-left:auto;font-size:22px}.kiosk .bar{padding:7px 16px}.kiosk .card{cursor:default}.kiosk{--col-w:132px;--card-fs:13.5px}.kiosk .card{font-size:var(--card-fs)}.kiosk .head-name{font-size:10.5px}.banner{flex:0 0 auto;display:flex;gap:10px;align-items:baseline;padding:7px 14px;background:var(--danger);color:#fff;font-size:12.5px}.banner button{margin-left:auto;background:#fff3;border:0;color:#fff;border-radius:2px;padding:3px 8px;cursor:pointer;font-family:Archivo,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.centre{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.centre h1{font-family:Archivo,sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin:0}.centre p{margin:0;color:var(--ink-2);font-size:13.5px;max-width:38ch;line-height:1.45}.centre form{display:flex;flex-direction:column;gap:8px;width:min(300px,100%)}.centre input{font-family:Barlow Semi Condensed,sans-serif;font-size:14px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:2px;background:var(--surface);color:var(--ink)}.centre .btn{padding:8px 10px;font-size:11px}.muted{color:var(--ink-3);font-size:12px}.ph{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}@media (max-width:720px){.bar{padding:7px 10px}.bar .desk,.brand-name{display:none}.brand-date{margin-left:0;font-size:13px}.clock-now{margin-left:auto;font-size:16px}}.ph-chips{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:8px 10px;background:var(--surface);border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ph-chips::-webkit-scrollbar{display:none}.ph-chip{flex:0 0 auto;display:flex;align-items:center;gap:5px;font-family:Archivo,sans-serif;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);background:var(--tint-stone);border:1px solid transparent;border-radius:3px;padding:8px 10px;cursor:pointer;white-space:nowrap;min-height:34px}.ph-chip[data-tint=warm]{background:var(--tint-warm)}.ph-chip[data-tint=sun]{background:var(--tint-sun)}.ph-chip[data-tint=sage]{background:var(--tint-sage)}.ph-chip[data-tint=cool]{background:var(--tint-cool)}.ph-chip[data-tint=lilac]{background:var(--tint-lilac)}.ph-chip[data-tint=rose]{background:var(--tint-rose)}.ph-chip[data-tint=stone]{background:var(--tint-stone)}.ph-chip.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.ph-chip b{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;background:#00000029;border-radius:8px;padding:1px 5px}.ph-list{flex:1 1 auto;overflow-y:auto;padding-bottom:32px;-webkit-overflow-scrolling:touch}.ph-zone{display:flex;flex-direction:column}.ph-wash{background:var(--wash);min-height:120px}.ph-group{position:sticky;top:0;z-index:2;margin:0;font-family:Archivo,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:6px 12px;background:var(--tint-stone);border-bottom:1px solid var(--line)}.ph-group[data-tint=warm]{background:var(--tint-warm)}.ph-group[data-tint=sun]{background:var(--tint-sun)}.ph-group[data-tint=sage]{background:var(--tint-sage)}.ph-group[data-tint=cool]{background:var(--tint-cool)}.ph-group[data-tint=lilac]{background:var(--tint-lilac)}.ph-group[data-tint=rose]{background:var(--tint-rose)}.ph-group[data-tint=stone]{background:var(--tint-stone)}.ph-row{display:flex;align-items:stretch;gap:0;min-height:46px;background:var(--surface);border-bottom:1px solid var(--line);border-left:4px solid var(--stripe,var(--ink-3))}.ph-wash .ph-row{background:color-mix(in srgb,var(--surface) 86%,transparent)}.ph-row.dragging{opacity:.3}.ph-row.done{background:var(--hecho-ground);border-left-color:var(--ink-3)}.ph-grip{flex:0 0 auto;width:34px;border:0;background:transparent;color:var(--ink-3);font-size:15px;cursor:grab;touch-action:none}.ph-title{flex:1 1 auto;text-align:left;border:0;background:transparent;color:var(--ink);font-family:Barlow Semi Condensed,sans-serif;font-size:16px;line-height:1.25;padding:9px 4px 9px 0;cursor:text;display:flex;flex-direction:column;gap:2px}.ph-row.done .ph-title span{text-decoration:line-through;color:var(--ink-3)}.ph-title em{font-style:normal;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--ink-3)}.ph-act{flex:0 0 auto;width:46px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink-2);font-size:17px;cursor:pointer}.ph-act.ok{color:var(--cool);font-weight:700}.ph-act:active{background:var(--paper)}.ph-input{font-family:Barlow Semi Condensed,sans-serif;font-size:16px;width:100%;padding:12px;border:0;border-bottom:1px solid var(--ink);background:var(--surface);color:var(--ink)}.ph-add,.ph-fold{width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;font-family:Archivo,sans-serif;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.ph-add{color:var(--ink-3)}.ph-none{margin:0;padding:14px 12px;color:var(--ink-3);font-size:14px}.ph-empty{padding:34px 20px;text-align:center}.ph-empty p{margin:0 0 6px;font-size:15px;color:var(--ink-2)}body.is-dragging,body.is-dragging *{cursor:grabbing!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}