@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#ebede8;background:#171918;font-synthesis:none;--bg: #171918;--bg-soft: #1c1f1d;--panel: #222624;--panel-hover: #282d2a;--surface: #2a2f2c;--border: #343a36;--border-strong: #424a44;--text: #ebede8;--muted: #939b95;--subtle: #68706b;--accent: #a9c7ad;--accent-strong: #c0dbbf;--accent-ink: #1a241c;--danger: #d39086;--shadow: 0 20px 60px rgba(0, 0, 0, .25)}:root[data-theme=light]{color:#2d342f;background:#f3f1eb;--bg: #f3f1eb;--bg-soft: #ece9e1;--panel: #faf9f5;--panel-hover: #f2f0e9;--surface: #ebe9e1;--border: #dedbd2;--border-strong: #cbc8be;--text: #2d342f;--muted: #747b76;--subtle: #989d99;--accent: #76947c;--accent-strong: #657f6b;--accent-ink: #f8fff9;--danger: #a95950;--shadow: 0 20px 60px rgba(65, 58, 44, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:var(--bg);color:var(--text);transition:background .2s,color .2s}button,input,textarea{font:inherit}button{color:inherit;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s}button,.task-card{-webkit-tap-highlight-color:transparent}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.04em}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}input,textarea{width:100%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}input:hover,textarea:hover{border-color:var(--border-strong)}input:hover:focus,textarea:hover:focus{border-color:var(--accent)}button:focus-visible,.task-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea{resize:vertical}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted);font-weight:400}.spacer{flex:1}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:9px}.splash{min-height:100vh;display:grid;place-items:center}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent);font:700 22px/1 Manrope}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 36%),radial-gradient(circle at 85% 85%,rgba(112,126,146,.08),transparent 35%),var(--bg)}.auth-card{width:min(100%,430px);padding:38px;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow)}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{white-space:pre-line;font-size:clamp(34px,6vw,47px);line-height:1.05;margin-bottom:17px}.auth-intro{color:var(--muted);line-height:1.55;margin-bottom:30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-soft);padding:4px;border-radius:11px;margin-bottom:24px}.auth-tabs button{border:0;border-radius:8px;padding:10px;background:transparent;color:var(--muted)}.auth-tabs button:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 55%,transparent)}.auth-tabs button.active{background:var(--surface);color:var(--text)}.auth-card form{display:grid;gap:17px}.auth-card label,.task-edit-form label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:600}.auth-card input{padding:13px 14px}.form-error{color:var(--danger);font-size:13px;margin:-5px 0 0}.form-notice{padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:10px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:13px;line-height:1.45}.sent-actions{display:grid;gap:10px}.forgot-link{justify-self:center;margin-top:-7px}.primary-button{border:0;border-radius:10px;padding:11px 16px;color:var(--accent-ink);background:var(--accent);font-weight:700;transition:transform .15s,background .15s}.primary-button:hover{background:var(--accent-strong)}.primary-button:active{transform:translateY(1px)}.auth-submit{margin-top:4px;padding:13px}.auth-modal-card{position:relative;max-height:min(760px,calc(100vh - 32px));overflow-y:auto}.auth-close{position:absolute;top:16px;right:16px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:66px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border)}.brand-inline{display:flex;align-items:center;gap:10px;font:700 16px/1 Manrope;letter-spacing:-.03em}.brand-dot{width:10px;height:10px;border-radius:4px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.topbar-actions{display:flex;gap:8px;align-items:center}.theme-button,.profile-button,.icon-button{border:1px solid var(--border);background:var(--panel)}.theme-button{width:38px;height:38px;border-radius:10px;font-size:18px}.theme-button:hover,.profile-button:hover,.icon-button:hover{background:var(--panel-hover)}.profile-wrap{position:relative}.profile-button{height:38px;border-radius:10px;display:flex;align-items:center;gap:9px;padding:4px 11px 4px 5px}.profile-button>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--accent-ink);background:var(--accent);font-weight:700}.profile-email{color:var(--muted);font-size:12px}.profile-menu{position:absolute;right:0;top:45px;z-index:20;width:230px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel);box-shadow:var(--shadow)}.profile-menu p{padding:5px 7px 10px;margin:0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-menu button{width:100%;text-align:left;padding:9px;border:0;border-radius:7px;color:var(--danger);background:transparent}.profile-menu button:hover{background:var(--panel-hover)}.guest-login-button{height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:4px 12px 4px 5px;background:var(--panel);font-weight:600}.guest-login-button span{display:grid;place-items:center;height:28px;padding:0 8px;border-radius:8px;color:var(--accent-ink);background:var(--accent);font-size:11px}.guest-login-button:hover{border-color:var(--border-strong);background:var(--panel-hover)}.global-error{margin:12px 28px 0;display:flex;justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));border-radius:10px;padding:10px 13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--panel));font-size:13px}.global-error button{border:0;background:transparent;font-size:18px;color:var(--danger)}.global-notice{margin:12px 28px 0;display:flex;justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:10px;padding:10px 13px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-size:13px}.global-notice button{border:0;background:transparent;color:var(--accent-strong);font-size:18px}.guest-banner{margin:12px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:11px;padding:10px 12px 10px 14px;color:var(--muted);background:color-mix(in srgb,var(--accent) 4%,var(--panel));font-size:12px}.guest-banner strong{color:var(--text)}.guest-banner button{flex:0 0 auto;border:0;border-radius:8px;padding:7px 10px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:600}.guest-banner button:hover{color:var(--accent-ink);background:var(--accent)}.board-heading{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:29px 28px 22px}.board-heading h1{font-size:32px;margin:0}.add-queue-button{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:10px 14px;font-weight:600}.add-queue-button span{color:var(--accent);margin-right:5px}.add-queue-button:hover{background:var(--panel-hover)}.board{flex:1 1 auto;min-height:0;display:flex;overflow-x:auto;padding:0 18px 22px 28px}.queue-wrap{position:relative;min-width:280px;max-width:1200px;min-height:calc(100vh - 146px);display:flex;padding-right:10px}.board.single-queue .queue-wrap{flex:1 0 calc(100% - 52px)!important;max-width:none}.queue-column{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);transition:border-color .18s,box-shadow .18s}.queue-column:hover{border-color:var(--border-strong);box-shadow:0 12px 35px color-mix(in srgb,#000 10%,transparent)}.queue-header{min-height:84px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid var(--border)}.queue-title-row{min-width:0;display:flex;align-items:center;gap:8px}.queue-title{min-width:0;overflow:hidden;text-overflow:ellipsis;border:0;padding:2px 0;background:transparent;font:700 17px/1.3 Manrope;text-align:left}.queue-title:hover{color:var(--accent-strong)}.queue-title-input{min-width:100px;padding:7px 8px;font-weight:700}.task-count{flex:0 0 auto;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;color:var(--muted);background:var(--surface);font-size:11px}.queue-controls{display:flex;align-items:center;gap:5px}.history-button{white-space:nowrap;border:0;border-radius:8px;padding:7px 8px;color:var(--muted);background:transparent;font-size:11px}.history-button:hover,.history-button.active{color:var(--text);background:var(--surface)}.icon-button{width:34px;height:34px;border-radius:9px;font-size:23px;line-height:1}.queue-delete-button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--muted);background:transparent}.queue-delete-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.queue-delete-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.queue-content{container-type:inline-size;flex:1;overflow:auto;padding:14px;scrollbar-color:var(--border-strong) transparent}.task-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}.task-node{min-width:0}.task-card{min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:9px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--bg-soft);transition:border .15s,background .15s,transform .15s}.task-card:hover{border-color:var(--border-strong);background:var(--panel-hover);transform:translateY(-1px)}.task-open-button{min-width:0;margin:0;border:0;padding:1px 0;color:var(--text);background:transparent;text-align:left;line-height:1.35;font-size:13px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.task-open-button:hover{color:var(--accent-strong)}.complete-button{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:7px;color:var(--accent-ink);background:transparent;font-size:12px;font-weight:700}.complete-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.task-meta{display:flex;align-items:center;gap:4px}.price-badge{min-width:27px;border-radius:7px;padding:4px 6px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,transparent);text-align:center;font:700 10px/1 Manrope}.subtask-add-button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:7px;padding:0;color:var(--subtle);background:transparent;font-size:14px;opacity:.55}.task-card:hover .subtask-add-button,.subtask-add-button:focus-visible{opacity:1}.subtask-add-button:hover{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,transparent)}.task-card.completed{opacity:.58}.task-card.completed .task-open-button{color:var(--muted);text-decoration:line-through}.task-card.completed .complete-button{border-color:var(--accent);background:var(--accent)}.task-card.completed .price-badge{color:var(--muted);background:var(--surface)}.subtask-list{display:grid;gap:6px;margin:7px 0 1px 12px;padding-left:11px;border-left:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.subtask-list .task-card{padding:9px 10px;border-radius:9px;background:color-mix(in srgb,var(--bg-soft) 78%,var(--panel))}.subtask-form-wrap{margin:0 0 7px 23px}.subtask-form-wrap .quick-task-form{margin-top:7px}.add-task-button{width:100%;margin-top:10px;border:1px dashed var(--border-strong);border-radius:10px;padding:11px;color:var(--muted);background:transparent;font-size:12px;text-align:left}.add-task-button span{color:var(--accent);margin-right:5px}.add-task-button:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.empty-column{min-height:150px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-column span{color:var(--text);font:600 14px Manrope}.empty-column p{max-width:190px;margin:7px auto 0;font-size:12px;line-height:1.45}.completed-divider{display:flex;align-items:center;gap:10px;margin:22px 0 11px;color:var(--subtle);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.completed-divider:before,.completed-divider:after{content:"";height:1px;flex:1;background:var(--border)}.completed-grid{opacity:.82}.history-link{width:100%;border:0;margin-top:10px;color:var(--muted);background:transparent;font-size:11px}.history-link:hover{color:var(--accent)}.quick-task-form{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:7px;margin-top:10px;padding:10px;border:1px solid var(--accent);border-radius:11px;background:var(--bg-soft)}.quick-task-form input{padding:9px 10px;font-size:12px}.quick-task-form .form-actions,.quick-task-form .form-error{grid-column:1 / -1}.form-actions{display:flex;align-items:center;gap:8px}.quick-task-form .form-actions button{padding:7px 10px;font-size:11px}.text-button,.danger-link{border:0;padding:8px;color:var(--muted);background:transparent}.text-button:hover{color:var(--text)}.danger-link{color:var(--danger)}.danger-link:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:8px}.column-resizer{position:absolute;z-index:3;right:4px;top:20px;bottom:20px;width:11px;border:0;border-radius:10px;background:transparent;cursor:col-resize;touch-action:none}.column-resizer:after{content:"";position:absolute;left:5px;top:45%;width:2px;height:35px;border-radius:2px;background:var(--border-strong);opacity:0;transition:opacity .15s}.column-resizer:hover:after,.resizing .column-resizer:after{opacity:1}.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.add-column-rail{flex:0 0 42px;height:100%;min-height:180px;border:1px dashed transparent;border-radius:12px;color:var(--subtle);background:transparent;font-size:20px}.add-column-rail:hover{color:var(--accent);border-color:var(--border);background:var(--panel)}.center-message,.empty-board{flex:1;display:grid;place-content:center;text-align:center}.center-message{color:var(--muted)}.empty-board{padding:40px}.empty-board h2{margin:24px 0 8px;font-size:25px}.empty-board p{max-width:390px;color:var(--muted);line-height:1.55}.empty-board .primary-button{justify-self:center;margin-top:12px}.empty-orbit{width:72px;height:72px;justify-self:center;display:grid;place-items:center;border:1px solid var(--border);border-radius:26px;background:var(--panel);box-shadow:0 0 0 12px color-mix(in srgb,var(--panel) 45%,transparent)}.empty-orbit span{color:var(--accent);font-size:27px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#080a09ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,560px);border:1px solid var(--border);border-radius:20px;padding:24px;background:var(--panel);box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-header h2{margin:0;font-size:25px}.task-edit-form{display:grid;grid-template-columns:1fr 120px;gap:18px 12px}.task-edit-form label:first-child,.task-edit-form label:nth-child(2),.task-edit-form .form-error,.task-edit-form .form-actions{grid-column:1 / -1}.task-edit-form input,.task-edit-form textarea{padding:12px 13px}.task-edit-form .price-field{grid-column:1 / 2}@container (min-width: 500px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 760px){.task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.topbar{padding:0 16px}.profile-email{display:none}.profile-button{padding-right:5px}.board-heading{padding:22px 16px 16px}.guest-banner{margin:10px 16px 0;align-items:flex-start}.guest-banner span{line-height:1.4}.guest-banner button{max-width:118px}.board{padding:0 6px 14px 16px;scroll-snap-type:x mandatory}.queue-wrap{flex:0 0 calc(100vw - 32px)!important;min-width:calc(100vw - 32px);scroll-snap-align:start}.column-resizer{display:none}.add-queue-button{font-size:0}.add-queue-button span{margin:0;font-size:17px}.auth-card{padding:28px 22px}.task-edit-form{grid-template-columns:1fr}.task-edit-form .price-field{grid-column:1}}