:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.5rem;--header:#026aa7;--page:#f4f5f7;--list:#ebecf0;color:hsl(var(--foreground));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page);margin:0}button,input,textarea{font:inherit}a{color:inherit}.btn{display:inline-flex;white-space:nowrap;border-radius:calc(var(--radius) - 2px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items: center;gap:.5rem;transition:background-color .15s,color .15s,border-color .15s;font-size:.875rem;font-weight:500}.btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn:disabled{pointer-events:none;opacity:.5}.btn-default{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-default:hover{background:hsl(var(--primary)/.9)}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-outline{border-color:hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground))}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-ghost{color:hsl(var(--foreground));background:0 0}.btn-link{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px;background:0 0}.btn-size-default{height:2.25rem;padding:0 1rem}.btn-size-sm{height:2rem;padding:0 .75rem}.btn-size-lg{height:2.5rem;padding:0 2rem}.btn-size-icon{width:2.25rem;height:2.25rem;padding:0}.app-header{display:flex;background:var(--header);color:#fff;align-items: center;gap:.75rem;min-height:3rem;padding:.4rem .75rem}.app-header .btn-ghost{color:#fff}.app-header .btn-ghost:hover{background:#ffffff24}.brand{display:inline-flex;letter-spacing:.01em;text-decoration:none;color:inherit;align-items: center;gap:.45rem;font-weight:700}.brand-lg{justify-content:center;margin-bottom:.5rem;font-size:1.35rem}.brand-mark{background:linear-gradient(#fff 0 0) 3px 3px/5px 12px no-repeat,linear-gradient(#fff 0 0) 10px 3px/5px 8px no-repeat,#61bd4f;border-radius:.2rem;width:1.15rem;height:1.15rem}.header-board-title{opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-weight:600}.header-spacer{flex:1}.header-user{opacity:.9;font-size:.8rem}.page-status{padding:2rem}.page-status.light{color:#fff}.home-page{background:var(--page);min-height:100%}.home-main{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.home-heading{display:flex;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:1rem}.home-heading h1{margin:0;font-size:1.4rem}.create-board{display:flex;border:1px solid hsl(var(--border));background:#fff;border-radius:.6rem;flex-direction:column;gap:.85rem;max-width:22rem;margin-bottom:1.25rem;padding:1rem}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.board-tile{display:flex;color:#fff;text-decoration:none;border-radius:.55rem;min-height:6.5rem;padding:.85rem;font-weight:700;box-shadow:0 1px #091e4240}.board-tile:hover{filter:brightness(.96)}.empty-copy{color:hsl(var(--muted-foreground))}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600}.field input,.field textarea,.list-title-input,.board-title-input,.composer input,.composer textarea,.composer-list input{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:#fff;border-radius:.35rem;width:100%;padding:.5rem .6rem}.field textarea,.composer textarea{resize:vertical}.field-hint{color:hsl(var(--muted-foreground));margin:-.4rem 0 0;font-size:.75rem}.form-error{color:hsl(var(--destructive));margin:0}.form-error.on-board{color:#fff;padding:0 1rem}.color-row{display:flex;flex-wrap:wrap;gap:.4rem}.color-row.compact{gap:.3rem}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:.3rem;width:1.6rem;height:1.6rem;padding:0}.color-dot.selected{border-color:#fff;box-shadow:0 0 0 2px #00000059}.auth-page{display:flex;background:#f9fafc;justify-content:center;align-items: flex-start;min-height:100%;padding:4rem 1rem}.auth-card{display:flex;background:#fff;border-radius:.6rem;flex-direction:column;gap:.85rem;width:100%;max-width:24rem;padding:1.5rem;box-shadow:0 8px 24px #091e421f}.auth-card h1{text-align:center;margin:0;font-size:1.15rem}.auth-form{display:flex;flex-direction:column;gap:.8rem}.auth-form .btn,.auth-card>.btn{width:100%}.auth-switch{text-align:center;margin:0;font-size:.9rem}.auth-switch a{color:#0052cc}.board-page{display:flex;flex-direction:column;min-height:100%}.board-page .app-header{background:#00000029}.board-bar{display:flex;color:#fff;background:#0000001f;align-items: center;gap:.75rem;padding:.55rem .75rem}.board-title{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding:.25rem .4rem;font-size:1.1rem;font-weight:700}.board-title:hover,.board-title-input{background:#ffffff2e}.board-title-input{color:#fff;border-color:#0000;max-width:16rem;font-size:1.1rem;font-weight:700}.lists-scroller{display:flex;overflow-x:auto;flex:1;align-items: flex-start;gap:.75rem;padding:.75rem}.trello-list{background:var(--list);display:flex;border-radius:.75rem;flex-direction:column;width:272px;min-width:272px;max-height:calc(100vh - 8rem);padding:.45rem}.trello-list.drop-target{outline:2px dashed #0079bf}.list-header{display:flex;cursor:grab;align-items: center;gap:.35rem;padding:.2rem .2rem .45rem}.list-header h2{flex:1;margin:0;font-size:.95rem;font-weight:650}.icon-btn{cursor:pointer;color:#6b778c;background:0 0;border:0;border-radius:.3rem;width:1.7rem;height:1.7rem;font-size:1.2rem;line-height:1}.icon-btn:hover{background:#091e4214}.list-cards{display:flex;overflow-y:auto;flex-direction:column;gap:.45rem;min-height:.5rem;padding:0 .1rem}.trello-card{cursor:pointer;background:#fff;border-radius:.5rem;padding:.55rem .65rem;box-shadow:0 1px #091e4240}.trello-card:hover{background:#f7f8f9}.trello-card p{margin:0;font-size:.9rem}.card-desc-mark{display:inline-block;color:#6b778c;margin-top:.35rem;font-size:.7rem}.add-card-btn,.add-list-btn{text-align:left;color:#5e6c84;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.5rem .6rem}.add-list-btn{color:#fff;background:#ffffff3d;width:272px;min-width:272px;font-weight:600}.add-card-btn:hover,.add-list-btn:hover{background:#091e4214}.add-list-btn:hover{background:#ffffff52}.composer,.composer-list{display:flex;flex-direction:column;gap:.45rem;padding:.25rem}.composer-actions{display:flex;align-items: center;gap:.4rem}.add-list-wrap{min-width:272px}.modal-backdrop{position:fixed;display:flex;z-index:20;background:#0000008c;justify-content:center;align-items: flex-start;padding:4rem 1rem 2rem;inset:0}.card-modal{display:flex;background:#f4f5f7;border-radius:.7rem;flex-direction:column;gap:.9rem;width:100%;max-width:42rem;padding:1.1rem}@media (max-width:720px){.home-heading{flex-direction:column;align-items: flex-start}.header-user,.header-board-title{display:none}.board-bar{flex-wrap:wrap}.auth-page{padding-top:2rem}}