:root{--bg: #f8fafc;--surface: #ffffff;--text: #0c1b2a;--muted: #4b5563;--primary: #3B82F6;--secondary: #F45B69;--magic: #44b961;--border: #bdcadb;--radius: 10px;--shadow-1: 0 1px 0 rgba(16,24,40,.03), 0 2px 6px rgba(16,24,40,.04);--compact-mode: 0;--line-mid: var(--border);--line-soft: color-mix(in srgb, var(--border) 45%, var(--surface));--line-subtle: color-mix(in srgb, var(--border) 20%, var(--surface));--default-session: rgb(190, 230, 250);--ev-main-light: color-mix(in srgb, var(--ev-color, var(--primary)) 14%, white);--ev-resize-dark: color-mix(in srgb, var(--ev-color, var(--primary)) 65%, #000 35%);--ev-main-dark: var(--ev-resize-dark);--ev-resize-light: var(--ev-main-light);--ev-main-bg: var(--ev-main-light);--ev-resize-bg: var(--ev-resize-dark);--ok: #16a34a;--warn: #ef4444;--warn-soft: #f8dada;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--dur-1: .12s;--dur-2: .24s;--ease-1: cubic-bezier(.2,.8,.2,1);--scrollbar-size: 10px;--scrollbar-radius: 10px;--scrollbar-track: color-mix(in srgb, var(--surface) 90%, var(--line-mid) 10%);--scrollbar-thumb: color-mix(in srgb, var(--line-mid) 70%, var(--surface) 30%);--scrollbar-thumb-hover: color-mix(in srgb, var(--line-mid) 80%, var(--surface) 20%);--scrollbar-thumb-active: color-mix(in srgb, var(--line-mid) 90%, var(--surface) 10%);--logo-filter: none}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0b0e13;--surface: #151a22;--text: #c9d1e2;--muted: #9aa3b2;--primary: #3B82F6;--secondary: #709579;--magic: #e0525f;--border: #384661;--line-mid: var(--border);--block-line: color-mix(in srgb, var(--line-mid) 35%, var(--surface) 65%);--line-soft: color-mix(in srgb, var(--border) 40%, var(--surface));--line-subtle: color-mix(in srgb, var(--border) 20%, var(--surface));--default-session: #0e2a3a;--ev-main-bg: var(--ev-main-light);--ev-resize-bg: var(--ev-resize-dark);--logo-filter: contrast(.9) brightness(.9) saturate(140%) }}:root[data-theme=dark],body[data-theme=dark]{--bg: #0b0e13;--surface: #151a22;--text: #c9d1e2;--muted: #9aa3b2;--primary: #385788;--secondary: #e0525f;--magic: #709579;--border: #384661;--line-mid: var(--border);--block-line: var(--line-mid);--line-soft: color-mix(in srgb, var(--border) 40%, var(--surface));--line-subtle: color-mix(in srgb, var(--border) 20%, var(--surface));--default-session: #0e2a3a;--ev-main-bg: var(--ev-main-light);--ev-resize-bg: var(--ev-resize-dark);--logo-filter: contrast(1) brightness(.85) saturate(120%) }*{box-sizing:border-box}html,body,#app{height:100%}html,body{overflow:hidden;overscroll-behavior:none}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font-sans)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--surface)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:var(--surface)}.shell{height:100vh;display:flex;flex-direction:column;padding:5px 10px;gap:8px;overflow:hidden}@supports (height: 100svh){.shell{height:100svh}}@supports (height: 100dvh){.shell{height:100dvh}}.header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;white-space:nowrap;position:relative}.header>*{min-width:0}.title{font-size:1.6rem;font-weight:800;letter-spacing:-.01em;font-family:var(--font-serif)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);position:relative}.noise:before{content:none}.toolbar{display:flex;gap:10px}.header .toolbar{align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.hint-btn{background:color-mix(in srgb,var(--primary) 12%,white 88%);color:var(--text);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));padding:10px;border-radius:5px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.hint-btn:hover{background:color-mix(in srgb,var(--primary) 18%,white 82%)}button,input{outline:none;font-family:inherit}button{background:var(--surface);color:var(--text);white-space:nowrap;padding:10px 12px;border-radius:5px;border:1px solid var(--border);font-weight:700;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:box-shadow var(--dur-1) var(--ease-1),transform var(--dur-1) var(--ease-1),background-color var(--dur-1) var(--ease-1)}button:hover{box-shadow:0 2px 6px #0000000f,0 8px 18px #0000000f}button[disabled]{color:var(--muted)!important;border-color:var(--line-soft)!important;cursor:not-allowed!important;opacity:.5!important;box-shadow:none!important;pointer-events:none}button[disabled] svg{opacity:.5}input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=date],input[type=time],input[type=number],input[type=search],select,textarea{background:var(--surface);color:var(--text);padding:10px 12px;border:1px solid var(--line-mid);border-radius:5px;font:inherit;box-shadow:0 1px 2px #0000000a;transition:border-color var(--dur-1) var(--ease-1),box-shadow var(--dur-1) var(--ease-1),background-color var(--dur-1) var(--ease-1);appearance:auto}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent);outline:none}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--warn)}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]) input,:root:not([data-theme]) select,:root:not([data-theme]) textarea{color-scheme:dark}}button.primary{background:var(--primary);color:#fff;padding:10px 14px;border-radius:5px;border:1px solid var(--primary);font-weight:800;cursor:pointer;transform:translateY(0);box-shadow:0 6px 10px #3b82f633}button.primary:hover{background:color-mix(in srgb,var(--primary) 85%,white 15%);border-color:transparent}button.primary:active{transform:translateY(1px)}button.magic{background:var(--magic);color:#fff;padding:10px 14px;border-radius:5px;border:1px solid var(--magic);font-weight:800;cursor:pointer;transform:translateY(0);box-shadow:0 6px 10px #44b96133}button.magic:hover{background:color-mix(in srgb,var(--magic) 85%,white 15%);border-color:transparent}button.magic:active{transform:translateY(1px)}button.primary[disabled]{background:var(--line-soft)!important;color:var(--muted)!important;border-color:var(--line-mid)!important;cursor:not-allowed!important;filter:grayscale(1)!important;opacity:.6!important;box-shadow:none!important}.solve-cta{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--magic) 85%,#fff 15%),color-mix(in srgb,var(--magic) 65%,#000 35%));color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:.5px;border:2px solid color-mix(in srgb,var(--magic) 80%,#000);border-radius:10px;padding:.9em 1.6em;transition:all .2s ease}.solve-cta:after{content:"";position:absolute;inset:2px;border-radius:8px;background:linear-gradient(180deg,#ffffff40,#ffffff0d);pointer-events:none}.solve-cta:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 4px 12px #0000,0 0 15px color-mix(in srgb,var(--magic) 75%,transparent),0 0 20px #00000073}.solve-cta:active:not([disabled]){transform:translateY(0);box-shadow:0 2px 8px #0000004d,0 0 14px color-mix(in srgb,var(--magic) 55%,transparent)}.solve-cta[disabled]{filter:grayscale(1) brightness(.8)!important;opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}.layout{display:flex;gap:0;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.panel{flex:1;min-height:0;display:flex;flex-direction:column}.participants-list{flex:1;min-height:0;container-type:inline-size;container-name:participants-list;display:flex;flex-direction:column;border-radius:0;overflow:hidden;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%);width:100%}.scroll{overflow:auto;padding:12px}.participant-row{display:grid;grid-template-columns:minmax(0,1fr) max-content 36px;gap:8px 12px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line-subtle);background:var(--surface);cursor:grab;user-select:none;width:100%}.participant-row:last-child{border-bottom:none}.participant-row:not(.header-row):nth-child(2n){background:color-mix(in srgb,var(--surface) 96%,var(--line-subtle) 4%)}.participant-row .cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-row .cell.menu{display:flex;justify-content:flex-end;justify-self:end}.participant-row .cell.main{display:flex;flex-direction:column;gap:0px;min-width:0;align-items:flex-start}.participant-row .cell.main .email{font-size:.75rem}.participant-row .cell.meta{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:nowrap;justify-self:end;white-space:nowrap;min-width:max-content}.participant-row.header-row{position:sticky;top:0;z-index:2;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,var(--line-subtle) 12%);cursor:default}.participant-row.header-row .cell{overflow:visible}.participant-row.header-row .cell.meta{gap:12px;white-space:nowrap}.participant-row.header-row .meta-head{min-width:44px;text-align:center}.participant-row .meta-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,var(--line-subtle) 15%);border:1px solid var(--line-subtle);font-size:.72rem;font-weight:700}.participant-row .count{min-width:14px;text-align:center;font-weight:700;color:var(--text)}.participant-row .placeholder{color:var(--muted);font-weight:600}.participant-title{font-weight:600;font-size:.9rem;cursor:pointer;background:transparent;border:none;padding:0;color:inherit;font:inherit;text-align:left;width:auto;display:inline-block}body.selection-modifier .participant-title{cursor:grab}.participant-row.selected-outline{position:relative;z-index:1}.participant-row.selected-outline:after{content:"";position:absolute;inset:-3px;border-radius:8px;pointer-events:none;background:linear-gradient(90deg,var(--primary) 50%,transparent 0) 0 0 / 10px 3px repeat-x,linear-gradient(90deg,var(--primary) 50%,transparent 0) 0 100% / 10px 3px repeat-x,linear-gradient(0deg,var(--primary) 50%,transparent 0) 0 0 / 3px 10px repeat-y,linear-gradient(0deg,var(--primary) 50%,transparent 0) 100% 0 / 3px 10px repeat-y;animation:ants-outline 1.2s linear infinite}.participant-row:active{cursor:grabbing}body.drag-person-active{cursor:grabbing!important}@keyframes ants-outline{to{background-position:-10px 0,10px 100%,0 -10px,100% 10px}}.muted{color:var(--muted)}.layout.two-col{align-items:stretch}.layout.two-col>.panel:first-child{flex:4}.layout.two-col>.panel:last-child{flex:1}.layout.two-col .panel-schedule,.layout.two-col .panel-people{min-width:0}.panel-splitter{width:12px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;height:100%;touch-action:none}.panel-splitter:before{content:"";width:1px;height:64%;background:var(--muted);opacity:.6;border-radius:1px}.layout[data-resizing=true],.layout[data-resizing=true] *{cursor:ew-resize;user-select:none}.layout.compact .panel-splitter{display:none}.layout.two-col .panel,.layout.two-col .panel-splitter{transition:width .22s ease,flex .22s ease,opacity .22s ease}.layout[data-resizing=true] .panel,.layout[data-resizing=true] .panel-splitter{transition:none}.layout[data-collapsed=schedule] .panel-schedule,.layout[data-collapsed=people] .panel-people{width:0!important;flex:0 0 0!important;opacity:0;pointer-events:none;overflow:hidden}.layout[data-collapsed=schedule] .panel-people,.layout[data-collapsed=people] .panel-schedule{flex:1}.layout[data-collapsed=schedule] .panel-splitter,.layout[data-collapsed=people] .panel-splitter{opacity:.6;pointer-events:auto}.compact-switch{position:absolute;bottom:14px;width:56px;height:56px;display:grid;place-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:7px;box-shadow:0 8px 20px #10182829;color:#fff;z-index:20;line-height:0}.compact-switch svg{width:28px;height:28px;display:block}.switch-schedule{left:23px}.switch-people{right:23px}@media (max-width: 1200px){:root{--compact-mode: 1}.title-row{display:inline-flex;align-items:center;gap:8px;min-width:0;margin-left:16px}.brand-capsule{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;height:28px}.brand-capsule img{display:block;width:22px;height:22px}.project-title{min-width:0;max-width:60vw;overflow:hidden}.project-title .title-display{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-title .title-input{min-width:0;width:50vw;max-width:50vw}.solve-cta.compact{display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:10px 12px}.solve-cta.compact svg{display:block}.layout{display:flex;gap:0;flex:1 1 auto;min-height:0;overflow:hidden;width:100%;position:relative}.switch-schedule{left:11px}.switch-people{right:11px}.layout>.panel{flex:0 0 auto;min-width:0;overflow:hidden}.layout.two-col>.panel:first-child{flex:0 0 auto!important}.layout.two-col>.panel:last-child{flex:0 0 auto!important}.panel-schedule,.panel-people{transition:width var(--dur-2) var(--ease-1);will-change:width;width:100%}.layout[data-active=schedule] .panel-schedule{width:100%}.layout[data-active=schedule] .panel-people{display:none}.layout[data-active=people] .panel-people{width:100%}.layout[data-active=people] .panel-schedule{display:none}.status{min-width:0;text-align:left;width:100%}}.accent{color:var(--primary)}.ok{color:var(--ok)}.warn{color:var(--warn)}.status{min-width:260px;text-align:right}.menu-trigger{position:relative;cursor:pointer;padding:2px 6px;border-radius:8px;transition:background-color var(--dur-1) var(--ease-1),box-shadow var(--dur-1) var(--ease-1),transform var(--dur-1) var(--ease-1)}.menu-trigger:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface));box-shadow:0 2px 6px #0000000f}.menu-trigger:active{background:color-mix(in srgb,var(--primary) 16%,var(--surface));transform:translateY(1px)}.menu-trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent),0 2px 6px #00000014}.menu-panel{position:absolute;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:6px;z-index:9999;min-width:160px;box-shadow:0 6px 16px #10182814;scrollbar-gutter:stable;top:calc(100% + 6px);left:0}.menu-panel button,.drawer-content button{background:transparent;color:var(--text);padding:8px 10px;border-radius:10px;display:block;width:100%;text-align:center;cursor:pointer;border:1px solid var(--line-soft);white-space:nowrap;overflow:hidden}.menu-panel button:hover:not([disabled]),.drawer-content button:hover:not([disabled]),.menu-panel button:focus-visible:not([disabled]),.drawer-content button:focus-visible:not([disabled]){background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:0 2px 6px #0000000f}.menu-panel button:active:not([disabled]),.drawer-content button:active:not([disabled]){background:color-mix(in srgb,var(--primary) 16%,var(--surface));transform:translateY(1px);box-shadow:none}.menu-row{display:flex;gap:6px}.menu-row button{flex:1 1 0;width:auto}.menu-panel .menu-spacer,.drawer-content .menu-spacer{height:8px}.menu-panel button.strong,.drawer-content button.strong{font-weight:800}.menu-panel button.danger,.drawer-content button.danger{color:var(--warn)}.menu-panel button.hint,.drawer-content button.hint{color:var(--primary);border-color:var(--line-soft)}.menu-panel button.warn-soft,.drawer-content button.warn-soft{color:color-mix(in srgb,var(--warn) 70%,var(--text));border-color:var(--line-soft)}.selected-flash{position:relative}.selected-flash:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--primary);opacity:0;pointer-events:none;animation:flash-pop .4s ease-out 1 forwards}@keyframes flash-pop{0%{opacity:0}30%{opacity:.6}to{opacity:.3}}
