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