@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&display=swap";:root{font-family:Bricolage Grotesque,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background: #f8fafc;--color-background-alt: #eef2ff;--color-surface: #ffffff;--color-surface-muted: rgba(255, 255, 255, .9);--color-surface-alt: #f9fafb;--color-surface-strong: #f3f4f6;--color-border: #e5e7eb;--color-border-muted: #d1d5db;--color-border-strong: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #4b5563;--color-text-muted: #64748b;--color-text-soft: #6b7280;--color-text-subtle: #475569;--color-inverse: #ffffff;--color-link: #2563eb;--color-accent: #6366f1;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-danger-strong: #ef4444;--color-chip-bg: #e0f2fe;--color-chip-text: #0369a1;--color-profile-bg: #dbeafe;--color-profile-text: #1d4ed8;--color-scrollbar: #cbd5f5;--color-scrollbar-track: transparent;--color-empty-border: #d1d5db;--color-empty-text: #9ca3af;--color-highlight-bg: #e0e7ff;--color-highlight-text: #4338ca;--color-interview: #2563eb;--color-referral: #7c3aed;--color-status-saved-bg: #dbeafe;--color-status-saved-text: #1e3a8a;--color-status-applied-bg: #dcfce7;--color-status-applied-text: #166534;--color-status-interviewing-bg: #fef3c7;--color-status-interviewing-text: #92400e;--color-status-declined-bg: #fee2e2;--color-status-declined-text: #991b1b;--color-status-accepted-bg: #ede9fe;--color-status-accepted-text: #5b21b6;--color-upload-info: #64748b;--color-toggle-bg: rgba(148, 163, 184, .25);--color-toggle-handle: #ffffff;--color-toggle-icon: #2563eb;--color-footer-link: #2563eb;--app-shell-background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #f8fafc 100%);--app-surface-shadow: 0 24px 50px rgba(15, 23, 42, .08);--app-footer-shadow: 0 12px 30px rgba(15, 23, 42, .04);--profile-menu-shadow: 0 20px 40px rgba(15, 23, 42, .2);--dialog-overlay: rgba(15, 23, 42, .35);--dialog-shadow: 0 40px 60px rgba(15, 23, 42, .3);--card-hover-shadow: 0 12px 24px rgba(79, 70, 229, .15);--card-drag-shadow: 0 12px 24px rgba(37, 99, 235, .2);--card-shadow: 0 1px 2px rgba(15, 23, 42, .08);--column-over-shadow: 0 0 0 2px rgba(37, 99, 235, .2)}:root[data-theme=dark]{--color-background: #0f172a;--color-background-alt: #111c2e;--color-surface: #111827;--color-surface-muted: rgba(15, 23, 42, .9);--color-surface-alt: #1e293b;--color-surface-strong: #1f2937;--color-border: #1f2937;--color-border-muted: #334155;--color-border-strong: #273449;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5f5;--color-text-muted: #94a3b8;--color-text-soft: #94a3b8;--color-text-subtle: #cbd5f5;--color-inverse: #0f172a;--color-link: #93c5fd;--color-accent: #8b5cf6;--color-danger-bg: rgba(248, 113, 113, .18);--color-danger-border: rgba(248, 113, 113, .45);--color-danger-text: #fecaca;--color-danger-strong: #fca5a5;--color-chip-bg: rgba(14, 165, 233, .25);--color-chip-text: #38bdf8;--color-profile-bg: rgba(59, 130, 246, .25);--color-profile-text: #bfdbfe;--color-scrollbar: #334155;--color-scrollbar-track: transparent;--color-empty-border: rgba(148, 163, 184, .4);--color-empty-text: #94a3b8;--color-highlight-bg: rgba(129, 140, 248, .25);--color-highlight-text: #c7d2fe;--color-interview: #93c5fd;--color-referral: #c4b5fd;--color-status-saved-bg: rgba(59, 130, 246, .2);--color-status-saved-text: #cbd5f5;--color-status-applied-bg: rgba(34, 197, 94, .2);--color-status-applied-text: #bbf7d0;--color-status-interviewing-bg: rgba(251, 191, 36, .25);--color-status-interviewing-text: #fde68a;--color-status-declined-bg: rgba(248, 113, 113, .2);--color-status-declined-text: #fecaca;--color-status-accepted-bg: rgba(165, 180, 252, .25);--color-status-accepted-text: #ede9fe;--color-upload-info: #cbd5f5;--color-toggle-bg: rgba(148, 163, 184, .35);--color-toggle-handle: #0f172a;--color-toggle-icon: #facc15;--color-footer-link: #93c5fd;--app-shell-background: radial-gradient(circle at top, #1f2937 0%, #0f172a 60%, #0b1120 100%);--app-surface-shadow: 0 24px 50px rgba(8, 14, 24, .7);--app-footer-shadow: 0 12px 30px rgba(8, 14, 24, .55);--profile-menu-shadow: 0 20px 40px rgba(8, 14, 24, .75);--dialog-overlay: rgba(8, 14, 24, .75);--dialog-shadow: 0 40px 80px rgba(8, 14, 24, .85);--card-hover-shadow: 0 12px 24px rgba(129, 140, 248, .35);--card-drag-shadow: 0 12px 24px rgba(59, 130, 246, .4);--card-shadow: 0 1px 2px rgba(8, 14, 24, .55);--column-over-shadow: 0 0 0 2px rgba(59, 130, 246, .4)}*,*:before,*:after{box-sizing:border-box}a{color:inherit}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text-primary)}button,input,textarea{font:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:9999px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.primary-button{background:var(--color-interview);color:var(--color-inverse);border:none;border-radius:.8rem;padding:.8rem 1.4rem;font-weight:600;cursor:pointer;box-shadow:0 12px 24px #2563eb40;transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2563eb59}.dialog-overlay{position:fixed;inset:0;background:var(--dialog-overlay);animation:fade-in .15s ease forwards}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border-radius:1rem;padding:1.5rem;width:min(460px,calc(100vw - 2rem));box-shadow:var(--dialog-shadow);border:1px solid var(--color-border-strong);display:flex;flex-direction:column;gap:1rem;animation:scale-in .15s ease forwards}.dialog-form{display:flex;flex-direction:column;gap:1rem}.text-field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--color-text-primary)}.text-field input,.text-field textarea{border:1px solid var(--color-border-muted);border-radius:.75rem;padding:.65rem .75rem;font-size:.95rem;font-weight:500}.text-field textarea{resize:vertical;min-height:110px}.text-field input:focus,.text-field textarea:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 2px #2563eb33}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem}.dialog-actions .ghost{border:1px solid var(--color-border-muted);background:transparent;border-radius:.75rem;padding:.6rem .9rem;cursor:pointer;color:var(--color-text-primary)}.dialog-actions button[type=submit]{border:none;border-radius:.75rem;padding:.6rem 1.2rem;background:var(--color-interview);color:var(--color-inverse);font-weight:600;cursor:pointer}.dialog-actions button[disabled]{opacity:.7;cursor:not-allowed}.error{margin:0;color:var(--color-danger-text)}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .5rem;border-radius:9999px;background:var(--color-surface-strong);color:var(--color-text-primary)}.status-saved{background:var(--color-status-saved-bg);color:var(--color-status-saved-text)}.status-applied{background:var(--color-status-applied-bg);color:var(--color-status-applied-text)}.status-interviewing{background:var(--color-status-interviewing-bg);color:var(--color-status-interviewing-text)}.status-declined{background:var(--color-status-declined-bg);color:var(--color-status-declined-text)}.status-accepted{background:var(--color-status-accepted-bg);color:var(--color-status-accepted-text)}.application-card{display:flex;flex-direction:column;gap:.75rem;background:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-border);padding:1rem;box-shadow:var(--card-shadow);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer;text-align:left;width:100%;box-sizing:border-box}.application-card:hover{border-color:var(--color-accent);box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.application-card.dragging{border-color:var(--color-interview);box-shadow:var(--card-drag-shadow)}.card-header{display:flex;align-items:flex-start;gap:.75rem}.company-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-strong);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text-primary)}.company-avatar img{width:100%;height:100%;object-fit:cover}.card-company{flex:1;min-width:0}.company-name{font-weight:600;color:var(--color-text-primary);font-size:1rem;margin-bottom:.1rem}.role-name{color:var(--color-text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-soft);gap:.75rem}.card-footer .referral{color:var(--color-referral);font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{font-size:.8rem;color:var(--color-interview);font-weight:600}.card-meta .interview-label{display:inline-flex;align-items:center;gap:.35rem}.status-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;padding:.55rem .75rem;border-radius:.75rem;border:1px solid var(--color-border-muted);background:var(--color-surface);font-weight:600;color:var(--color-text-primary)}.status-trigger:hover{border-color:var(--color-accent)}.status-trigger:focus-visible{outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px #2563eb40}.status-trigger-icon{font-size:.9rem;color:var(--color-text-primary)}.status-content{background:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-highlight-bg);box-shadow:0 24px 48px #2563eb33;padding:.25rem 0;display:grid;gap:.25rem;z-index:30}.status-item{display:block;width:100%;text-align:left;padding:.6rem .9rem;background:transparent;border:none;font-weight:600;color:var(--color-text-primary);cursor:pointer}.status-item:hover,.status-item.active{background:#3b82f61f}.details-overlay{position:fixed;inset:0;background:var(--dialog-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.details-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 2.5rem));max-height:calc(100vh - 4rem);overflow:hidden;background:var(--color-surface);border-radius:1.25rem;box-shadow:var(--dialog-shadow);border:1px solid var(--color-border-strong);display:flex;flex-direction:column;padding:2rem;gap:1.5rem;min-height:0}.details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.details-actions{display:flex;align-items:center;gap:.5rem}.details-header h2,.details-header p{margin:0}.details-header h2{font-size:1.5rem;color:var(--color-text-primary)}.details-header p{color:var(--color-text-soft)}.close-button{background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-soft);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;transition:background .2s ease,color .2s ease}.close-button:hover{background:var(--color-surface-strong);color:var(--color-text-primary)}.close-button:focus-visible{outline:none;box-shadow:0 0 0 2px #2563eb59}.delete-trigger{border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-text);font-weight:600;border-radius:9999px;padding:.35rem .9rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.delete-trigger:hover,.delete-trigger:focus-visible{background:var(--color-danger-border);border-color:var(--color-danger-strong);color:var(--color-danger-text);outline:none}.delete-popover{background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--dialog-shadow);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-width:260px}.delete-popover p{margin:0;font-weight:600;color:var(--color-text-primary)}.delete-popover span{font-size:.85rem;color:var(--color-text-soft)}.delete-popover-actions{display:flex;justify-content:flex-end;gap:.5rem}.delete-cancel{border:none;background:transparent;color:var(--color-text-soft);font-weight:600;padding:.4rem .75rem;border-radius:.5rem;cursor:pointer}.delete-cancel:hover,.delete-cancel:focus-visible{outline:none;background:var(--color-surface-strong);color:var(--color-text-primary)}.delete-confirm{border:none;border-radius:.75rem;padding:.45rem .95rem;background:var(--color-danger-strong);color:var(--color-inverse);font-weight:600;cursor:pointer;transition:background .2s ease}.delete-confirm:hover,.delete-confirm:focus-visible{background:var(--color-danger-text);outline:none}.delete-popover button:disabled{opacity:.6;cursor:not-allowed}.delete-popover-arrow{fill:var(--color-surface);stroke:var(--color-border-strong)}.logo-row{display:flex;align-items:center;gap:1rem}.logo-avatar{width:56px;height:56px;border-radius:14px;border:1px solid var(--color-border-muted);background:var(--color-surface-alt);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:var(--color-text-primary);overflow:hidden}.logo-avatar img{width:100%;height:100%;object-fit:cover}.logo-remove{border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-strong);border-radius:.75rem;padding:.5rem .9rem;font-weight:600;cursor:pointer}.logo-remove:disabled{opacity:.6;cursor:not-allowed}.details-section{display:flex;flex-direction:column;gap:1rem}.details-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding-right:.5rem}.field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--color-text-primary)}.field a{color:var(--color-link);text-decoration:none;word-break:break-all}.field a:hover{text-decoration:underline}.field-row{display:flex;gap:.5rem}.field-row input{flex:1;border:1px solid var(--color-border-muted);border-radius:.75rem;padding:.65rem .75rem}.field-row button,.note-form button{border:none;border-radius:.75rem;padding:.6rem 1.1rem;background:var(--color-interview);color:var(--color-inverse);font-weight:600;cursor:pointer}.field-row button:disabled,.note-form button:disabled{opacity:.7;cursor:not-allowed}.field select{border:1px solid var(--color-border-muted);border-radius:.75rem;padding:.6rem .75rem}.field input:focus,.field select:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 2px #2563eb33}.timestamps{flex-direction:row;justify-content:space-between;font-size:.85rem;color:var(--color-text-soft);font-weight:500}.notes-list{display:flex;flex-direction:column;gap:.75rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.note{border-left:3px solid var(--color-highlight-bg);padding-left:.75rem;display:flex;flex-direction:column;gap:.35rem}.note p{margin:0;color:var(--color-text-primary);font-size:.95rem}.note span{font-size:.75rem;color:var(--color-empty-text)}.note-form{display:flex;gap:.65rem}.note-form input{flex:1;border:1px solid var(--color-border-muted);border-radius:.75rem;padding:.65rem .75rem}.empty{margin:0;color:var(--color-empty-text);font-style:italic}@media (max-width: 768px){.details-content{padding:1.5rem}.timestamps{flex-direction:column;gap:.4rem}}.board-column{background:var(--color-surface-alt);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;min-width:260px;width:100%;box-sizing:border-box;border:1px solid var(--color-border);transition:border-color .2s ease,box-shadow .2s ease}.board-column.column-over{border-color:var(--color-interview);box-shadow:var(--column-over-shadow)}.column-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.column-header h2{font-size:1rem;margin:0;color:var(--color-text-primary)}.column-header p{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-soft)}.column-header .count{background:var(--color-highlight-bg);color:var(--color-highlight-text);font-weight:600;font-size:.75rem;border-radius:9999px;padding:.25rem .5rem}.column-body{display:flex;flex-direction:column;gap:.75rem;min-height:140px}.board-card-wrapper{cursor:grab;transition:transform .2s ease}.board-card-wrapper.dragging{opacity:.5}.empty-state{font-size:.85rem;color:var(--color-empty-text);font-style:italic;padding:1rem;text-align:center;border:1px dashed var(--color-empty-border);border-radius:.75rem;background:var(--color-surface)}.auth-overlay{position:fixed;inset:0;background:var(--dialog-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease forwards}.auth-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:1rem;padding:1.75rem;border-radius:1rem;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--dialog-shadow);animation:scale-in .15s ease forwards}.auth-dialog h2{margin:0;font-size:1.35rem;color:var(--color-text-primary)}.auth-description{margin:0;color:var(--color-text-soft);font-size:.95rem}.auth-message{margin:0;color:var(--color-upload-info);font-size:.9rem;line-height:1.5}.auth-guidelines{margin:0;color:var(--color-text-muted);font-size:.85rem}.auth-actions{display:flex;flex-direction:column;gap:.75rem}.auth-close{align-self:flex-start;border:none;background:transparent;color:var(--color-text-soft);font-weight:600;cursor:pointer}.auth-close:hover{color:var(--color-text-primary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-52%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.documents-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:.75rem;border:1px solid var(--color-border-muted);background:var(--color-surface);color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.documents-trigger[aria-disabled=true]{opacity:.6;cursor:not-allowed}.documents-trigger:hover{border-color:var(--color-accent);box-shadow:0 8px 18px #6366f12e;transform:translateY(-1px)}.documents-trigger:focus-visible{outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px #2563eb40}.documents-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.1rem .45rem;border-radius:9999px;background:var(--color-chip-bg);color:var(--color-chip-text);font-size:.75rem;font-weight:700}.documents-overlay{position:fixed;inset:0;background:var(--dialog-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.documents-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:var(--color-surface);border-radius:1.25rem;box-shadow:var(--dialog-shadow);border:1px solid var(--color-border-strong)}.documents-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.documents-header h2,.documents-header p{margin:0}.documents-header p{color:var(--color-text-soft)}.documents-close{border:none;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--color-text-soft)}.documents-body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.documents-form{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border);border-radius:1rem;padding:1rem 1.25rem;background:var(--color-surface-alt)}.file-input,.text-field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--color-text-primary)}.file-input input{border:1px dashed var(--color-border);border-radius:.75rem;padding:1rem;cursor:pointer}.file-input input:disabled{cursor:not-allowed;background:var(--color-surface-strong);color:var(--color-empty-text)}.text-field input{border:1px solid var(--color-border-muted);border-radius:.75rem;padding:.6rem .75rem}.text-field input:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 2px #2563eb33}.file-name{margin:0;color:var(--color-interview);font-weight:600;word-break:break-all}.documents-form-footer{display:flex;flex-direction:column;gap:.5rem}.documents-hint{margin:0;font-size:.8rem;color:var(--color-text-soft)}.documents-guidelines{margin:0;font-size:.8rem;color:var(--color-upload-info)}.error{margin:0;color:var(--color-danger-text);font-size:.85rem}.documents-actions{display:flex;justify-content:flex-end}.documents-actions button{border:none;border-radius:.75rem;padding:.6rem 1.2rem;background:var(--color-interview);color:var(--color-inverse);font-weight:600;cursor:pointer}.documents-actions button:disabled{background:#3b82f659;cursor:not-allowed}.documents-scroll{height:260px;border:1px solid var(--color-border);border-radius:1rem;padding:.75rem .5rem;background:var(--color-surface-alt)}.document-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.document-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;background:var(--color-surface)}.document-item h3{margin:0;font-size:.95rem;color:var(--color-text-primary)}.document-item p{margin:.4rem 0 0;display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem;color:var(--color-text-soft)}.document-item .category{background:var(--color-chip-bg);color:var(--color-chip-text);padding:.1rem .45rem;border-radius:9999px;font-weight:600}.document-item .actions{display:flex;gap:.5rem;align-items:center}.document-item .download{text-decoration:none;color:var(--color-link);font-weight:600}.document-item button.ghost{border:none;background:transparent;color:var(--color-danger-strong);cursor:pointer;font-weight:600}.scrollbar{width:6px}.thumb{background:var(--color-scrollbar);border-radius:9999px}.document-list .empty{margin:0;color:var(--color-empty-text);font-style:italic}@media (max-width: 768px){.documents-body{gap:1.25rem}.documents-dialog{padding:1.5rem}}.app-shell{min-height:100vh;background:var(--app-shell-background);padding:2rem;display:flex;flex-direction:column;gap:2rem;transition:background .3s ease,color .3s ease}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-actions-right{margin-left:auto;display:inline-flex;align-items:center;gap:.75rem}.theme-toggle{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem;border:1px solid transparent;background:var(--color-toggle-bg);transition:background .2s ease,border-color .2s ease}.theme-toggle:focus-within{border-color:var(--color-link)}.theme-toggle button{position:relative;width:2.5rem;height:2.5rem;border-radius:9999px;border:none;background:transparent;color:var(--color-toggle-icon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease}.theme-toggle button:after{content:"";position:absolute;inset:.2rem;border-radius:9999px;background:var(--color-toggle-handle);opacity:0;transition:opacity .2s ease;z-index:-1}.theme-toggle button[aria-pressed=true]:after{opacity:1}.signin-slot{display:inline-flex;align-items:center;gap:.5rem}.app-header h1{margin:0;font-size:2rem;color:var(--color-text-primary)}.app-header p{margin:.5rem 0 0;color:var(--color-text-secondary);max-width:520px}.error-banner{padding:.75rem 1rem;border-radius:.75rem;background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.board-surface{width:100%;border-radius:1.5rem;border:1px solid var(--color-border);background:var(--color-surface-muted);box-shadow:var(--app-surface-shadow);padding:1.5rem;overflow-x:auto}.app-footer{margin-top:auto;padding:1rem 1.5rem;border-radius:1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-strong);box-shadow:var(--app-footer-shadow);display:inline-flex;gap:.5rem;align-items:center;color:var(--color-text-subtle);flex-wrap:wrap;font-size:.8rem}.app-footer a{color:var(--color-footer-link);font-weight:600}.google-signin-wrapper{display:inline-flex}.google-signin-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-background) 100%);color:var(--color-text-primary);font-weight:600;cursor:pointer;box-shadow:0 10px 20px #3b82f61f}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-signin-button span:first-of-type{font-size:1.2rem}.user-chip{padding:.35rem .9rem;border-radius:9999px;background:var(--color-chip-bg);color:var(--color-chip-text);font-weight:600;font-size:.9rem}.signout-button{padding:.35rem .9rem;border-radius:9999px;border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:#b91c1c;font-weight:600;cursor:pointer}.profile-wrapper{position:relative;display:inline-flex;align-items:center}.profile-button{border:none;background:transparent;padding:0;border-radius:9999px;cursor:pointer;width:2.5rem;height:2.5rem;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--color-profile-bg);color:var(--color-profile-text);font-weight:700;font-size:1rem}.profile-button img{width:100%;height:100%;object-fit:cover}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;border-radius:.75rem;background:var(--color-surface);box-shadow:var(--profile-menu-shadow);border:1px solid var(--color-border-strong);padding:.75rem;display:grid;gap:.75rem;z-index:20}.profile-menu p{margin:0;font-weight:600;color:var(--color-text-primary)}.profile-menu button{border:none;background:var(--color-danger-bg);border-radius:.5rem;padding:.5rem .75rem;color:var(--color-danger-text);font-weight:600;cursor:pointer}.made-with{display:inline-flex;gap:.35rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.app-shell{padding:1.5rem 1rem}.board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.board-surface{padding:1rem}}