@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{font-family:IBM Plex Sans,sans-serif;color:#f5f1e8;background:radial-gradient(circle at top left,rgba(255,148,77,.16),transparent 24%),radial-gradient(circle at top right,rgba(55,114,255,.18),transparent 30%),linear-gradient(135deg,#090909,#111 48%,#1a1a1a);--page-bg: radial-gradient(circle at top left, rgba(255, 148, 77, .16), transparent 24%), radial-gradient(circle at top right, rgba(55, 114, 255, .18), transparent 30%), linear-gradient(135deg, #090909 0%, #111111 48%, #1a1a1a 100%);--panel: rgba(20, 20, 20, .88);--panel-strong: rgba(28, 28, 28, .96);--panel-border: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .1);--text: #f5f1e8;--muted: #b8b0a3;--soft-fill: rgba(255, 255, 255, .08);--soft-fill-strong: rgba(255, 255, 255, .12);--input-bg: rgba(255, 255, 255, .06);--overlay: rgba(0, 0, 0, .72);--modal-bg: rgba(18, 18, 18, .98);--danger-soft: rgba(215, 38, 61, .12);--danger-line: rgba(215, 38, 61, .32);--danger-text: #ff8a9a;--button-text-strong: #ffffff;--selected-contrast: #ffffff;--accent: #ff8c42;--accent-strong: #ffb37a;--active: #1b998b;--queued: #3772ff;--blocked: #d7263d;--parked: #7f8a9a;--done: #4f772d;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--status-active-bg: rgba(27, 153, 139, .18);--status-active-text: #71e0d4;--status-queued-bg: rgba(55, 114, 255, .18);--status-queued-text: #9eb8ff;--status-blocked-bg: rgba(215, 38, 61, .18);--status-blocked-text: #ff97a5;--status-parked-bg: rgba(127, 138, 154, .18);--status-parked-text: #c0c8d1;--status-done-bg: rgba(79, 119, 45, .18);--status-done-text: #a9d57d}.shell[data-theme=light]{color:#14213d;background:radial-gradient(circle at top left,rgba(255,190,11,.28),transparent 28%),radial-gradient(circle at top right,rgba(55,114,255,.22),transparent 34%),linear-gradient(135deg,#f7f4ea,#f4efe3 48%,#efe8d6);--page-bg: radial-gradient(circle at top left, rgba(255, 190, 11, .28), transparent 28%), radial-gradient(circle at top right, rgba(55, 114, 255, .22), transparent 34%), linear-gradient(135deg, #f7f4ea 0%, #f4efe3 48%, #efe8d6 100%);--panel: rgba(255, 251, 245, .9);--panel-strong: rgba(255, 255, 255, .95);--panel-border: rgba(255, 255, 255, .55);--line: rgba(20, 33, 61, .12);--text: #14213d;--muted: #5b6477;--soft-fill: rgba(20, 33, 61, .08);--soft-fill-strong: rgba(20, 33, 61, .12);--input-bg: rgba(255, 255, 255, .72);--overlay: rgba(20, 33, 61, .72);--modal-bg: rgba(255, 251, 245, .98);--danger-soft: rgba(215, 38, 61, .06);--danger-line: rgba(215, 38, 61, .22);--danger-text: #8f1226;--button-text-strong: #ffffff;--selected-contrast: #ffffff;--accent: #e86a33;--accent-strong: #c24b16;--shadow: 0 18px 50px rgba(20, 33, 61, .12);--status-active-bg: rgba(27, 153, 139, .16);--status-active-text: #11695f;--status-queued-bg: rgba(55, 114, 255, .16);--status-queued-text: #1841a6;--status-blocked-bg: rgba(215, 38, 61, .16);--status-blocked-text: #8f1226;--status-parked-bg: rgba(127, 138, 154, .16);--status-parked-text: #556170;--status-done-bg: rgba(79, 119, 45, .16);--status-done-text: #38531f}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--page-bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.shell{display:grid;grid-template-columns:minmax(320px,430px) 1fr;min-height:100vh;background:var(--page-bg)}.sidebar{padding:32px 24px;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-panel{padding:32px}.brand-card,.assistant-card,.detail-panel,.project-tile,.toolbar,.notice,.why-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.brand-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand-card,.assistant-card,.trash-card,.toolbar{border-radius:28px;padding:24px}.brand-card h1,.assistant-card h2,.panel-header h2,.project-tile h3{font-family:Space Grotesk,sans-serif;margin:0}.brand-card h1{font-size:clamp(2rem,5vw,3.4rem);line-height:.98;max-width:10ch}.lede,.assistant-card p,.project-tile p,.notice,label span,.tile-status,.tile-detail-row{color:var(--muted)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--accent-strong)}.assistant-card,.trash-card,.toolbar{margin-top:20px}.assistant-header,.tile-topline,.panel-header,.panel-actions,.form-row,.section-head,.image-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-row,.recommendation-meta,.tag-row,.reason-list{display:flex;flex-wrap:wrap;gap:8px}.mode-row{margin:16px 0 18px}.mode-chip,.theme-chip,.status-pill,.tag-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:600;border:none}.mode-chip{background:var(--soft-fill);color:var(--text)}.mode-chip.selected,.theme-chip.selected{background:var(--text);color:var(--selected-contrast)}.shell[data-theme=black] .theme-chip.selected{background:#f5f1e8;color:#111}.theme-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:var(--soft-fill)}.theme-chip{background:transparent;color:var(--muted)}.status-pill{background:var(--soft-fill)}.why-card{border-radius:20px;padding:16px;margin:16px 0}.why-summary{margin:0 0 10px;font-weight:600;color:var(--text)}.assistant-card h2,.assistant-card p{overflow-wrap:anywhere;word-break:break-word}.reason-list{list-style:none;padding:0;margin:0}.reason-list li{padding:6px 10px;border-radius:999px;background:var(--soft-fill);color:var(--muted);font-size:.82rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:20px}.project-tile{text-align:left;border-radius:24px;padding:18px;min-height:190px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.project-tile:hover,.project-tile.selected{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:var(--panel-strong)}.project-tile[draggable=true]{cursor:grab}.project-tile.dragging{opacity:.4;cursor:grabbing}.project-tile.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent)}.project-tile h3{margin-top:12px;margin-bottom:10px;font-size:1.1rem;color:var(--text)}.project-tile p{margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:76px}.tile-detail-row{margin-top:12px;display:flex;justify-content:space-between;font-size:.82rem}.add-tile{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:8px;border-style:dashed}.plus-mark{font-size:2rem;font-weight:300;color:var(--accent)}.status-dot{width:10px;height:10px;border-radius:50%}.status-active,.status-active.status-dot{background:var(--status-active-bg);color:var(--status-active-text)}.status-queued,.status-queued.status-dot{background:var(--status-queued-bg);color:var(--status-queued-text)}.status-blocked,.status-blocked.status-dot{background:var(--status-blocked-bg);color:var(--status-blocked-text)}.status-parked,.status-parked.status-dot{background:var(--status-parked-bg);color:var(--status-parked-text)}.status-done,.status-done.status-dot{background:var(--status-done-bg);color:var(--status-done-text)}.tag-chip{background:var(--soft-fill);color:var(--text)}.search-input,.filter-select,.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--input-bg);color:var(--text)}.toolbar{display:grid;gap:12px}.detail-panel{display:flex;flex-direction:column;gap:20px;background:transparent;border:none;box-shadow:none}.project-browser{display:grid;gap:20px}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:0}.panel-header{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:28px;padding:24px}.panel-actions{justify-content:flex-end}.project-form{display:grid;gap:18px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:28px;padding:24px}.project-form label{display:grid;gap:10px}.trash-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.trash-header,.trash-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.trash-list{display:grid;gap:12px;margin-top:16px}.trash-item{padding-top:12px;border-top:1px solid var(--line)}.trash-item:first-child{padding-top:0;border-top:none}.trash-item strong{display:block;margin-bottom:6px}.trash-item p{margin:0;color:var(--muted);font-size:.9rem}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding:18px 20px;border:1px solid var(--danger-line);border-radius:20px;background:var(--danger-soft)}.danger-copy{margin:6px 0 0;color:var(--danger-text)}.danger-button{border:none;border-radius:999px;padding:12px 18px;font-weight:700;background:var(--blocked);color:var(--button-text-strong);white-space:nowrap}.image-section{display:grid;gap:14px}.section-copy{margin:6px 0 0;color:var(--muted);font-size:.92rem}.upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:700;background:var(--soft-fill);color:var(--text);cursor:pointer}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.image-card,.empty-gallery{border:1px solid var(--line);border-radius:20px;padding:12px;background:color-mix(in srgb,var(--panel) 68%,transparent)}.thumbnail-button{width:100%;padding:0;border:none;background:transparent}.thumbnail-button img{display:block;width:100%;height:140px;object-fit:cover;border-radius:14px}.image-card-meta{margin-top:10px;align-items:flex-start}.image-name{min-width:0;font-size:.84rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-remove-button{padding:8px 12px;font-size:.8rem}.empty-gallery{color:var(--muted)}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-modal-content{max-width:min(1100px,100%);max-height:100%;padding:18px;border-radius:24px;background:var(--modal-bg);box-shadow:var(--shadow)}.image-modal-content img{display:block;max-width:100%;max-height:75vh;margin:0 auto;border-radius:18px}.image-modal-content p{margin:12px 0 0;color:var(--muted)}.image-modal-close{display:block;margin-left:auto;margin-bottom:12px;border:none;border-radius:999px;padding:10px 14px;background:var(--soft-fill);color:var(--text)}.project-form textarea{resize:vertical;min-height:120px}.form-row-3>label,.form-row-2>label{flex:1}.timer-section{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--panel)}.timer-heading span{font-weight:700;font-size:.95rem;color:var(--text)}.timer-body{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.timer-square{width:180px;height:180px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;padding:16px;flex-shrink:0}.timer-square.running{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.project-form .timer-time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:1.6rem;font-weight:700;letter-spacing:.04em;color:var(--text);text-align:center;background:transparent;border:none;padding:0;width:100%;box-sizing:border-box}.timer-square.running .timer-time{color:var(--accent)}.project-form .timer-input:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.project-form .timer-input.error{color:#d9534f}.timer-button{border-radius:999px;border:none;padding:10px 24px;font-weight:700;cursor:pointer;background:var(--accent);color:var(--accent-contrast, #fff);min-width:96px}.timer-button.pause{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text)}.timer-button:disabled{opacity:.5;cursor:not-allowed}.timer-hint{margin:0;font-size:.82rem;color:var(--muted)}.timer-hint.error{color:#d9534f}.tile-timer.running{color:var(--accent);font-weight:600}.primary-button,.ghost-button{border-radius:999px;border:none;padding:12px 18px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,white));color:var(--button-text-strong)}.ghost-button{background:var(--soft-fill);color:var(--text)}.notice{border-radius:20px;padding:14px 16px}.error-notice{color:var(--danger-text)}.warn-notice{background:#eab3081f;border:1px solid rgba(234,179,8,.4);color:#eab308}.success-notice{background:#22c55e1f;border:1px solid rgba(34,197,94,.4);color:#22c55e}.account-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.account-pill{font-size:12px;color:var(--muted);padding:6px 12px;border-radius:999px;background:var(--soft-fill)}.account-pill strong{color:var(--text);font-weight:600}.account-button{padding:8px 14px;font-size:12px;font-weight:600}.login-shell{display:block;min-height:100vh;background:var(--page-bg)}.login-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0}.login-lede{color:var(--muted);font-size:13px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.login-field input{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);font-size:14px;outline:none}.change-password-modal{max-width:440px;padding:28px;text-align:left}.change-password-modal h2{margin:0 0 4px}.change-password-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.change-password-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.change-password-form input{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);font-size:14px;outline:none}.field-hint{color:var(--muted);font-size:11px}.change-password-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}}@media (max-width: 640px){.sidebar,.detail-panel{padding:18px}.panel-header,.panel-actions,.form-row,.section-head,.image-card-meta,.danger-zone{flex-direction:column;align-items:stretch}.tile-grid{grid-template-columns:1fr}}