:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-300: #ffc6a5;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-2-800: #3d472b;--font-heading: "Caprasimo", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--radius-lg: 28px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);--card-warm: #fdf6e9;--card-pinned: #fdf3e6}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}input::placeholder{color:inherit;opacity:.55}button{font:inherit}@keyframes mm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mm-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes mm-check{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes mm-slideup{0%{transform:translate(-50%,22px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes mm-pinpulse{0%,to{box-shadow:0 0 #c6713959}50%{box-shadow:0 0 0 5px #c6713900}}::view-transition-group(*){animation-duration:.28s}.home{max-width:760px;margin:0 auto;padding:44px 24px 60px;animation:mm-in .3s ease backwards}.home-title{font:400 36px/1.1 var(--font-heading);color:var(--color-text);margin:0}.home-sub{font:15px/1.5 var(--font-body);color:var(--color-neutral-600);margin:8px 0 28px}.room-list{display:flex;flex-direction:column;gap:10px}.room-card{display:flex;align-items:center;gap:12px;background:var(--card-warm);border:none;text-align:left;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 20px;cursor:pointer;transition:box-shadow .18s,transform .18s}.room-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.room-card__name{font:400 20px var(--font-heading);color:var(--color-text)}.room-card__meta{font:12.5px var(--font-body);color:var(--color-neutral-500)}.room-card__pills{margin-left:auto;display:flex;gap:5px}.pill{color:#fff;border-radius:999px;font:700 11.5px/1 var(--font-body);padding:5px 8px}.room-card__chev{color:var(--color-neutral-400);font-size:18px}.add-room{display:inline-block;margin-top:18px;border:1.5px dashed var(--color-accent);background:transparent;border-radius:999px;padding:9px 18px;font:600 13px var(--font-body);color:var(--color-accent-700);cursor:pointer;transition:background .15s}.add-room:hover{background:var(--color-accent-100)}.matrix{max-width:1060px;margin:0 auto;padding:28px 24px 60px;animation:mm-in .3s ease backwards}.matrix-head{display:flex;align-items:center;gap:14px;padding:0 2px 14px}.crumb{font:600 13px var(--font-body);color:var(--color-accent-700);background:none;border:none;cursor:pointer}.crumb:hover{color:var(--color-accent-800)}.room-switch{position:relative}.room-switch__name{font:400 30px/1 var(--font-heading);color:var(--color-text);cursor:pointer;background:none;border:none;padding:0}.room-switch__caret{font-size:17px;color:var(--color-neutral-500)}.room-menu{position:absolute;left:0;top:110%;z-index:30;background:var(--card-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:2px;min-width:200px;animation:mm-pop .16s ease both;transform-origin:top left}.room-menu__item{font:400 14px var(--font-body);color:var(--color-text);padding:8px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;background:none;border:none;text-align:left}.room-menu__item--active{font-weight:700}.room-menu__item:hover{background:var(--color-accent-100)}.matrix-total{margin-left:auto;font:13px var(--font-body);color:var(--color-neutral-600)}.bin-btn{display:flex;align-items:center;gap:7px;border:1.5px solid var(--color-neutral-300);background:none;border-radius:999px;padding:7px 13px;cursor:pointer;color:var(--color-neutral-600);font:700 12px var(--font-body);transition:background .15s,color .15s}.bin-btn:hover{background:var(--color-accent-100);color:var(--color-accent-800)}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.quad{min-width:0;background:var(--q-bg);border:2px dotted var(--q-outline, transparent);border-radius:var(--radius-lg);padding:14px 16px 16px;display:flex;flex-direction:column;min-height:180px;transition:border-color .18s}.quad--park{grid-column:1 / -1;min-height:90px}.quad--drag{border-color:var(--q-ink)}.quad-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.quad-label{font:400 19px var(--font-heading);color:var(--q-dark)}.quad-sub{font:11.5px var(--font-body);color:var(--q-dark)}.quad-count{margin-left:auto;background:var(--q-ink);color:#fff;border-radius:999px;font:700 11px/1 var(--font-body);padding:4px 8px}.quad-fill{flex:1;min-height:10px}.row-gap{display:flex;align-items:center;transition:height .12s;height:8px}.row-gap--active{height:18px}.row-gap__line{flex:1;border-top:3px dotted transparent}.row-gap--active .row-gap__line{border-top-color:var(--q-ink)}.card-row{display:flex;gap:8px}.card-wrap{position:relative;flex:1;min-width:0}.task{background:var(--card-warm);border-radius:12px;box-shadow:var(--shadow-sm);border:1.5px solid transparent;padding:9px 12px;display:flex;align-items:center;gap:9px;font:14px var(--font-body);color:var(--color-text);cursor:grab;transition:box-shadow .18s,transform .18s,opacity .18s,border-color .15s;animation:mm-in .28s ease backwards}.task:hover{box-shadow:var(--shadow-md)}.task--dragging{opacity:.45;box-shadow:var(--shadow-lg);transform:rotate(-2deg) scale(1.03);border-color:var(--color-accent)}.task--split{transform:scale(.97);border:1.5px dotted var(--q-ink)}.task--done{opacity:.55}.task--pinned{background:var(--card-pinned);border:2px solid var(--color-accent);box-shadow:var(--shadow-md);margin-top:8px;animation:mm-in .28s ease backwards,mm-pinpulse 2s ease-in-out .3s 3}.task__grip{color:var(--color-neutral-400);letter-spacing:1px;flex:none}.task__flag{color:var(--color-accent);font-size:15px;flex:none}.task__check{width:18px;height:18px;border:2px solid var(--q-ink);border-radius:50%;flex:none;cursor:pointer;background:transparent;padding:0;transition:background .15s,transform .12s}.task__check:hover{transform:scale(1.15)}.task__check--done{background:var(--q-ink);animation:mm-check .3s ease}.task__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.task--pinned .task__title{font-weight:600}.task__title--done{text-decoration:line-through}.task__more{margin-left:auto;color:var(--color-neutral-500);font:700 14px/1 var(--font-body);padding:2px 6px;border-radius:999px;cursor:pointer;background:none;border:none}.task__more:hover{background:var(--color-accent-100)}.task-menu{position:absolute;right:0;top:105%;z-index:20;background:var(--card-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:10px;width:230px;animation:mm-pop .16s ease both;transform-origin:top right}.task-menu__label{font:600 11px var(--font-body);color:var(--color-neutral-600);margin:0 0 8px}.task-menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.move-btn{border:none;border-radius:10px;padding:9px 6px;font:700 12px var(--font-body);text-align:center;cursor:pointer;transition:transform .12s,box-shadow .12s}.move-btn:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.move-btn:disabled{opacity:.4;cursor:default}.move-btn:disabled:hover{box-shadow:none;transform:none}.task-menu__action{width:100%;margin-top:8px;font:600 12px var(--font-body);text-align:center;cursor:pointer;padding:6px;border-radius:999px;background:none;border:none}.task-menu__action--pin{color:var(--color-accent-700)}.task-menu__action--del{color:var(--color-neutral-600);margin-top:2px}.task-menu__action:hover{background:var(--color-accent-100)}.add-row{position:relative;display:flex;align-items:center;border-radius:999px;margin-top:6px;transition:background .15s,border-color .15s;border:1.5px dashed color-mix(in srgb,var(--q-ink) 60%,transparent)}.add-row--focused{border-style:solid;border-color:var(--q-ink);background:var(--card-warm)}.add-input{flex:1;min-width:0;border:none;background:transparent;padding:9px 0 9px 16px;font:600 12.5px var(--font-body);color:var(--q-dark);outline:none}.add-submit{padding:4px 14px 4px 8px;font:700 16px/1 var(--font-body);color:var(--q-dark);cursor:pointer;background:none;border:none}.add-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none;font:600 12.5px var(--font-body);color:var(--q-dark)}.bin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#201e1d59;display:flex;align-items:center;justify-content:center}.bin-panel{background:var(--card-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:540px;max-width:92vw;max-height:80vh;overflow:auto;padding:22px 26px}.bin-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.bin-title{font:400 24px var(--font-heading);color:var(--color-text)}.bin-close{margin-left:auto;cursor:pointer;color:var(--color-neutral-500);font:700 15px var(--font-body);padding:4px 10px;border-radius:999px;background:none;border:none}.bin-close:hover{background:var(--color-accent-100)}.bin-section{font:700 11.5px var(--font-body);letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px}.bin-section--done{color:var(--color-accent-2-800)}.bin-section--del{color:var(--color-accent-700)}.bin-empty{font:13px var(--font-body);color:var(--color-neutral-500);margin-bottom:16px}.bin-list{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.bin-item{display:flex;align-items:center;gap:10px;background:var(--color-neutral-100);border-radius:10px;padding:8px 12px;font:13.5px var(--font-body)}.bin-dot{width:10px;height:10px;border-radius:50%;flex:none}.bin-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.bin-item__title--done{text-decoration:line-through;color:var(--color-neutral-600)}.bin-restore{margin-left:auto;flex:none;font:600 12px var(--font-body);color:var(--color-accent-700);cursor:pointer;border-radius:999px;padding:4px 10px;background:none;border:none}.bin-restore:hover{background:var(--color-accent-100)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:50;background:var(--color-neutral-900);color:#fff;border-radius:999px;box-shadow:var(--shadow-lg);padding:11px 18px;display:flex;align-items:center;gap:14px;font:13.5px var(--font-body);animation:mm-slideup .3s cubic-bezier(.2,.9,.3,1.25) both}.toast__undo{font-weight:700;color:var(--color-accent-300);cursor:pointer;background:none;border:none}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{background:var(--card-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:34px 32px;width:min(380px,100%);display:flex;flex-direction:column;gap:12px}.auth-card h1{font:400 30px var(--font-heading);margin:0}.auth-card .muted{color:var(--color-neutral-600);margin:0 0 6px;font-size:14px}.auth-card label{display:flex;flex-direction:column;gap:4px;font:12px var(--font-body);color:var(--color-neutral-700)}.auth-card input{font:14px var(--font-body);padding:9px 14px;border:1px solid var(--color-divider);border-radius:999px;background:var(--color-surface);color:var(--color-text)}.auth-card input:focus-visible{outline:2px solid var(--color-accent);outline-offset:0;border-color:var(--color-accent)}.btn-primary{font:600 14px var(--font-body);background:var(--color-accent);color:var(--color-bg);border:none;border-radius:999px;padding:10px 16px;cursor:pointer}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-link{background:none;border:none;color:var(--color-accent-700);font:600 13px var(--font-body);cursor:pointer}.error{color:#a63d2a;font:13px var(--font-body);margin:0}.userbar{max-width:1060px;margin:0 auto;padding:14px 24px 0;display:flex;justify-content:flex-end}.signout{background:none;border:1.5px solid var(--color-neutral-300);color:var(--color-neutral-600);border-radius:999px;padding:6px 14px;font:600 12px var(--font-body);cursor:pointer}.signout:hover{background:var(--color-accent-100);color:var(--color-accent-800)}@media (max-width: 720px){.grid{grid-template-columns:1fr;grid-template-rows:none}.quad--park{grid-column:auto}}