:root{--ui-scale:.9;height:100%}@media (width<=1400px){:root{--ui-scale:.85}}@media (width<=1100px){:root{--ui-scale:.8}}@media (width<=900px){:root{--ui-scale:.75}}html{font-size:calc(16px * var(--ui-scale));min-height:100%}body{color:#1a1a1a;background:linear-gradient(135deg,#eef1f5,#dfe3e8) fixed;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}#root{min-height:100vh}.lists-container{box-sizing:border-box;align-items:flex-start;gap:1.5rem;min-height:100vh;padding:2rem;display:flex;overflow-x:auto}.list-column{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffff59;border-radius:1.1rem;flex-shrink:0;width:clamp(220px,26vw,300px);padding:1.2rem;transition:all .2s;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000d}.list-column:hover{box-shadow:0 8px 24px #0000001f,0 2px 4px #00000014}.list-column h2{color:#111;margin:0 0 1rem;font-size:1.8rem;font-weight:600}@media (width<=900px){.list-column h2{font-size:1.4rem}}.note-card{background:#fff;border-radius:.9rem;width:100%;margin-bottom:.75rem;padding:.9rem 1rem;transition:all .2s;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a}.note-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f,0 2px 4px #00000014}.draggable-note{width:100%;display:flex}.drag-handle{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:.45rem;flex:none;grid-template-columns:repeat(2,.22rem);grid-auto-rows:.22rem;place-content:center;gap:.18rem;width:1.4rem;height:1.7rem;padding:0;display:grid}.drag-handle span{background:#9ca3af;border-radius:999px;width:.22rem;height:.22rem}.drag-handle:hover{background:#0000000f}.drag-handle:active{cursor:grabbing}.status-badge{color:#fff;border-radius:.6rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.status-badge.gray{background:#6b7280}.status-badge.blue{background:#3b82f6}.status-badge.green{background:#10b981}.people-grid{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.person-pill{color:#3730a3;white-space:nowrap;background:#eef2ff;border-radius:.75rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #00000014,inset 0 1px 1px #fff9}.person-pill:hover{background:#e0e7ff;transform:translateY(-1px)}.menu-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.5rem;padding:.4rem;font-size:1.3rem;transition:all .15s}.menu-btn:hover{background:#0000000f}.popup-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:999;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#ffffffbf;border:1px solid #ffffffa6;border-radius:.8rem;flex-direction:column;gap:.25rem;width:min(280px,100vw - 24px);max-width:calc(100vw - 24px);padding:.6rem;animation:.18s dropdownFade;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #0000002e,0 4px 12px #00000014}.popup-backdrop{display:none}.popup-content::-webkit-scrollbar{width:6px}.popup-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-content button{color:#1f2937;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.6rem;justify-content:flex-start;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.popup-content button:hover{background:#0000000f;transform:translate(2px)}.popup-content .danger{color:#dc2626}.popup-content .danger:hover{background:#ff000014}.confirm-backdrop{z-index:1200;background:#0f172a61;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog{box-sizing:border-box;background:#fffffff5;border:1px solid #ffffffa6;border-radius:.9rem;width:min(360px,100%);padding:1rem;box-shadow:0 18px 44px #0f172a3d,0 6px 16px #0f172a1f}.confirm-dialog h2{margin:0 0 .4rem;font-size:1.1rem}.confirm-dialog p{color:#4b5563;margin:0;font-size:.9rem;line-height:1.4}.confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.confirm-delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:.6rem;padding:.5rem .9rem;font-weight:700}.confirm-delete-btn:hover{background:#b91c1c}.menu-section{border-bottom:1px solid #0000000f;padding:.4rem 0}.menu-section:last-child{border-bottom:none}.menu-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:.4rem .75rem;font-size:.7rem;font-weight:600}.status-row{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;display:flex}.status-row button{white-space:nowrap;background:#f3f4f6;border-radius:.6rem;padding:.5rem .8rem}.status-row button:hover{background:#e5e7eb}.people-row{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;display:flex}.move-list-row{flex-direction:column;gap:.25rem;padding:.25rem 0;display:flex}.move-list-row button{justify-content:space-between}.people-row .person-pill,.status-row button{width:auto}@media (width<=640px){.popup-backdrop{z-index:998;cursor:default;background:#0f172a52;border:0;padding:0;display:block;position:fixed;inset:0}.popup-content{background:#ffffffeb;border-radius:1rem;width:auto;max-width:none;padding:.75rem;animation:.18s mobileSheetIn;box-shadow:0 18px 44px #0f172a47,0 6px 16px #0f172a1f}.popup-content button{min-height:44px;font-size:1rem}.status-row,.people-row{padding:.5rem .25rem}.status-row button,.people-row .person-pill{text-align:center;flex:calc(50% - .5rem);justify-content:center}}@keyframes mobileSheetIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.note-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.left-group,.right-group{align-items:center;gap:.5rem;display:flex}.important-star{color:#fbbf24;filter:drop-shadow(0 1px 1px #0003);font-size:1rem}.note-title{color:#111;margin-bottom:.25rem;font-size:1rem;font-weight:600}.note-content{color:#4b5563;margin-top:.25rem;font-size:.85rem}.note-card.editing-mode{background:#fff;border-radius:.9rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex;box-shadow:0 4px 12px #0000001a,0 1px 2px #0000000d}.edit-title{border:1px solid #d1d5db;border-radius:.6rem;padding:.5rem .6rem;font-size:1rem;font-weight:600}.edit-content{resize:vertical;border:1px solid #d1d5db;border-radius:.6rem;min-height:80px;padding:.6rem}.edit-actions{justify-content:flex-end;gap:.6rem;display:flex}.save-btn{color:#fff;background:#3b82f6;border-radius:.6rem;padding:.5rem .9rem;font-weight:600}.mobile-board{box-sizing:border-box;width:min(760px,100%);min-height:100vh;margin:0 auto;padding:1rem}.mobile-tabs{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.5rem;margin-bottom:.5rem;padding:.75rem 0 1rem;display:flex;position:sticky;top:0;overflow-x:auto}.mobile-tabs button{color:#4b5563;cursor:pointer;background:#ffffff9e;border:1px solid #fff9;border-radius:.75rem;flex:none;align-items:center;gap:.55rem;min-height:2.75rem;padding:.55rem .8rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #00000012,inset 0 1px 1px #ffffffb3}.mobile-tabs button.active{color:#fff;background:#111827;border-color:#111827}.mobile-tabs strong{background:#11182714;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .25rem;font-size:.75rem;display:inline-grid}.mobile-tabs button.active strong{background:#ffffff2e}.mobile-list-panel{box-sizing:border-box;width:100%}.mobile-list-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.mobile-list-header h2{margin:0;font-size:1.5rem}.mobile-list-header span{color:#4b5563;background:#ffffffb3;border-radius:999px;place-items:center;min-width:2rem;height:2rem;font-weight:700;display:inline-grid}.mobile-notes-stack{flex-direction:column;gap:.75rem;padding-bottom:2rem;display:flex}.mobile-notes-stack .note-card{box-sizing:border-box;margin-bottom:0}.mobile-drop-placeholder{background:#ffffff4d;border:1px dashed #11182733;border-radius:.85rem;width:100%;height:4rem}@media (width>=760px){.mobile-board{padding-top:1.5rem}}.add-note{margin-bottom:1rem}.add-note-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#4b5563;background:#fff9;border:1px solid #fff6;border-radius:.75rem;width:100%;padding:.6rem .75rem;font-size:.9rem;transition:all .2s}.add-note-trigger:hover{background:#fffc}.add-note.expanded .add-note-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #fff6;border-radius:.9rem;flex-direction:column;gap:.6rem;padding:.75rem;display:flex;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000a}.add-note-input{border:1px solid #d1d5db;border-radius:.6rem;width:90%;padding:.6rem .75rem;font-size:.9rem}.add-note-actions{justify-content:flex-end;gap:.5rem;display:flex}.add-btn{color:#fff;background:#3b82f6;border-radius:.6rem;padding:.5rem .9rem;font-weight:600}.cancel-btn{background:#e5e7eb;border-radius:.6rem;padding:.5rem .9rem}