:root{--bg:#eef3f1;--ink:#14201c;--muted:#4d5c56;--line:#c5d0cb;--accent:#1f6f5b;--accent-ink:#f3fffb;--danger:#b42318;--surface:#fbfefc;--done:#6b7a74}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Source Sans\ 3,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0,rgba(31,111,91,.16),transparent 42%),linear-gradient(180deg,#e4ebe7 0,var(--bg) 48%,#dfe8e3 100%)}main{width:min(640px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}h1{margin:0 0 .35rem;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.02em}.lede{margin:0 0 2rem;color:var(--muted)}.auth-panel,.todo-panel{animation:rise .42s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.auth-tabs button{background:transparent;color:var(--muted);border:1px solid transparent;padding:.4rem .7rem}.auth-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--line);background:var(--surface)}.auth-form,.todo-form{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.todo-form{grid-template-columns:1fr auto}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field label{font-size:.9rem;color:var(--muted)}input[type=password],input[type=text]{width:100%;border:1px solid var(--line);border-radius:.5rem;padding:.8rem .95rem;font:inherit;background:var(--surface);color:var(--ink)}input:focus{outline:2px solid rgba(31,111,91,.35);border-color:var(--accent)}button{font:inherit;border:none;border-radius:.5rem;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);padding:.8rem 1.1rem;font-weight:600;transition:transform .16s ease,opacity .16s ease}button.primary:hover:not(:disabled){transform:translateY(-1px)}button.primary:disabled{opacity:.55;cursor:not-allowed}.app-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.account-menu{position:relative}.account-avatar{width:2.75rem;height:2.75rem;border-radius:999px;border:2px solid var(--line);background:linear-gradient(145deg,#ffffff,#e8f0ec);color:var(--accent);font-weight:700;font-size:.95rem;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.account-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(20,32,28,.12)}.account-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-menu-layer{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:flex-end;padding:4.5rem 1rem 1rem;pointer-events:none}.account-menu-backdrop{position:absolute;inset:0;border:0;background:rgba(20,32,28,.28);cursor:pointer;pointer-events:auto}.account-popover{position:relative;z-index:1;width:min(18rem,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--line);border-radius:.85rem;box-shadow:0 18px 40px rgba(20,32,28,.16);padding:1.1rem 1.15rem 1rem;pointer-events:auto}.account-popover-header h2{margin:0;font-size:1.15rem}.account-meta{margin:.35rem 0 0;color:var(--muted);font-size:.92rem}.account-stats{margin:1rem 0;padding:.75rem .85rem;border-radius:.65rem;background:rgba(31,111,91,.08);display:grid;grid-gap:.5rem;gap:.5rem}.account-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.account-stats dt{margin:0;color:var(--muted);font-size:.9rem}.account-stats dd{margin:0;font-weight:700;color:var(--ink)}.account-logout{width:100%}@media (max-width:640px){.account-menu-layer{align-items:flex-end;justify-content:center;padding:0}.account-sheet{width:100%;max-width:none;border-radius:1rem 1rem 0 0;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom, 0px));animation:account-sheet-in .22s ease}.account-sheet:before{content:"";display:block;width:2.5rem;height:.28rem;border-radius:999px;background:var(--line);margin:0 auto 1rem}}@keyframes account-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:.45rem .75rem}ul.todos{list-style:none;margin:0;padding:0;display:grid;grid-gap:.65rem;gap:.65rem}li.todo{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:.65rem;animation:rise .28s ease-out}li.todo.completed .title{color:var(--done);text-decoration:line-through}.title{flex:1 1;word-break:break-word}li.todo.editing{display:grid;grid-template-columns:1fr auto auto;grid-gap:.5rem;gap:.5rem}button.delete,button.edit,button.toggle{background:transparent;color:var(--muted);padding:.35rem .55rem;border:1px solid transparent}button.delete:hover,button.edit:hover,button.toggle:hover{border-color:var(--line);color:var(--ink)}button.delete:hover{color:var(--danger)}.empty{color:var(--muted);padding:1rem 0}.skeleton-lede{max-width:18rem;min-height:1.1rem;margin-bottom:2rem;border-radius:.35rem;background:rgba(197,208,203,.45)}.skeleton-block{display:block;border-radius:.5rem;background:rgba(197,208,203,.55)}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 50%,transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.auth-panel-skeleton{pointer-events:none}.skeleton-auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.skeleton-auth-tabs .skeleton-block{width:5.5rem;height:2rem}.skeleton-auth-fields{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.skeleton-label{width:5rem;height:.85rem}.skeleton-input{width:100%;height:2.75rem}.skeleton-button{width:7.5rem;height:2.75rem;margin-top:.25rem}.todo-panel-skeleton{pointer-events:none}.skeleton-todo-form{display:grid;grid-template-columns:1fr auto;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.skeleton-todo-input{height:2.75rem}.skeleton-todo-button{width:4.5rem;height:2.75rem}.cork-board-skeleton{min-height:22rem}.skeleton-postit-grid{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:1.25rem;align-content:flex-start;justify-content:center;padding:.5rem 0}.skeleton-postit{width:min(11.5rem,42vw);min-height:8.5rem;border-radius:.15rem;background:rgba(255,255,255,.35);box-shadow:0 3px 10px rgba(40,25,10,.12)}.skeleton-postit:nth-child(2){transform:rotate(2deg)}.skeleton-postit:nth-child(3){transform:rotate(-2.5deg)}.skeleton-postit:nth-child(4){transform:rotate(1.5deg)}.cork-board-empty-state{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:.85rem;gap:.85rem;padding:2.5rem 1rem 3rem;text-align:center}.empty-board-illustration{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:999px;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(50,30,15,.08)}.empty-board-icon{filter:drop-shadow(0 4px 8px rgba(40,25,10,.15))}.empty-board-message{margin:0;max-width:16rem;color:rgba(50,30,15,.78);font-family:Caveat,cursive;font-size:1.45rem;line-height:1.3}.empty-board-cta{margin-top:.25rem;font-size:.95rem;padding:.65rem 1rem}.error{color:var(--danger);margin:0 0 1rem}.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:40;display:grid;grid-gap:.65rem;gap:.65rem;width:min(22rem,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:.65rem;box-shadow:0 10px 30px rgba(20,32,28,.12);pointer-events:auto;animation:toast-in .22s ease-out}.toast-success{border-color:rgba(31,111,91,.45)}.toast-error{border-color:rgba(180,35,24,.45)}.toast-message{flex:1 1;font-size:.95rem}.toast-action{background:transparent;color:var(--accent);font-weight:600;padding:.25rem .4rem;border:1px solid transparent}.toast-action:focus-visible,.toast-action:hover{border-color:rgba(31,111,91,.35)}.toast-dismiss{background:transparent;color:var(--muted);padding:.15rem .4rem;line-height:1;font-size:1.1rem}.toast-dismiss:focus-visible,.toast-dismiss:hover{color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}li.todo.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(31,111,91,.22);background:#f3faf7}.shortcuts-hint{margin:-.5rem 0 1rem;color:var(--muted);font-size:.9rem}.shortcuts-help kbd,.shortcuts-hint kbd{display:inline-block;min-width:1.4rem;padding:.1rem .35rem;border:solid var(--line);border-width:1px 1px 2px;border-radius:.3rem;background:#f0f5f2;font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.help-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:rgba(20,32,28,.45);animation:fade-in .18s ease-out}.shortcuts-help{width:min(26rem,100%);padding:1.35rem 1.4rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;box-shadow:0 18px 40px rgba(20,32,28,.18);animation:rise .22s ease-out}.shortcuts-help h2{margin:0 0 1rem;font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem}.shortcuts-help dl{margin:0 0 1.1rem;display:grid;grid-gap:.65rem;gap:.65rem}.shortcuts-help dl>div{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr;grid-gap:.75rem;gap:.75rem;align-items:center}.shortcuts-help dt{margin:0}.shortcuts-help dd{margin:0;color:var(--muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.cork-board-wrap{flex:1 1;display:flex;flex-direction:column;min-height:0;margin-top:0}.board-app-layout .cork-board-wrap{margin-top:0}.board-app-layout .cork-board{flex:1 1;min-height:0;border-radius:.65rem}.board-app-layout .todo-panel{flex:1 1;display:flex;flex-direction:column;min-height:0;margin:0;padding:0 1rem 1rem;animation:none}.board-app-layout .todo-form{margin-bottom:1rem}.board-app-layout .shortcuts-hint{margin:-.25rem 0 .75rem}.cork-board{position:relative;min-height:22rem;padding:2.5rem 1.5rem 2rem;border-radius:.85rem;overflow:hidden;background:radial-gradient(ellipse at 20% 15%,rgba(255,248,230,.35),transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(120,72,38,.18),transparent 50%),linear-gradient(145deg,#c4a574,#b8956a 38%,#a8845c 72%,#9a7852);box-shadow:inset 0 2px 8px rgba(255,255,255,.15),inset 0 -3px 12px rgba(60,35,15,.25),0 8px 28px rgba(20,32,28,.14)}.cork-board-enter{animation:cork-board-enter .6s cubic-bezier(.22,1,.36,1) both}.cork-grain{position:absolute;inset:0;pointer-events:none;opacity:.42;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px}.cork-board-notes{position:relative;z-index:1;min-height:28rem;perspective:900px;perspective-origin:top}.postit-draggable{width:min(11.5rem,42vw)}.postit-dragging{opacity:.35}.postit-drag-source,.postit-dragging{pointer-events:none}.postit-drag-overlay{cursor:-webkit-grabbing;cursor:grabbing;width:min(11.5rem,42vw)}.postit-drag-overlay .postit-note{box-shadow:6px 14px 22px rgba(30,20,10,.38),0 6px 12px rgba(30,20,10,.2);transform:rotate(var(--postit-rotation)) translateZ(18px)}.postit-drop-settle .postit-note{will-change:transform}.postit-note{--postit-rotation:0deg;position:relative;width:min(11.5rem,42vw);min-height:8.5rem;padding:1.35rem 1rem .85rem;font-family:Caveat,cursive;font-size:1.2rem;line-height:1.35;color:#2a2218;cursor:pointer;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(var(--postit-rotation)) translateZ(0);transform-origin:top center;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - .65rem),calc(100% - .65rem) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - .65rem),calc(100% - .65rem) 100%,0 100%);box-shadow:2px 3px 8px rgba(30,20,10,.22),0 1px 2px rgba(30,20,10,.12);transition:transform .18s ease,box-shadow .18s ease}.postit-note:after{content:"";position:absolute;right:0;bottom:0;z-index:1;width:.75rem;height:.75rem;pointer-events:none;background:linear-gradient(225deg,rgba(255,255,255,.5),rgba(0,0,0,.14));-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%)}.postit-note:hover:not(.postit-crumple){transform:rotate(var(--postit-rotation)) translateZ(14px) scale(1.02);box-shadow:4px 10px 18px rgba(30,20,10,.32),0 4px 8px rgba(30,20,10,.16)}.postit-note:hover:not(.postit-crumple) .postit-ground-shadow{opacity:.45;transform:translateZ(-8px) scale(.9)}.postit-enter{animation:postit-pin-in .52s cubic-bezier(.34,1.56,.64,1) both}.postit-crumple{animation:postit-crumple .38s ease-in forwards;pointer-events:none}.postit-pin-shadow{position:absolute;top:-.35rem;left:50%;z-index:2;width:.55rem;height:.55rem;border-radius:50%;transform:translateX(-50%) translateZ(4px);background:radial-gradient(circle at 35% 35%,#4a4038 0,#1a1410 55%,transparent 72%);box-shadow:0 2px 3px rgba(0,0,0,.45)}.postit-ground-shadow{position:absolute;left:10%;right:10%;bottom:-.45rem;z-index:0;height:.7rem;border-radius:50%;pointer-events:none;transform:translateZ(-2px);background:radial-gradient(ellipse at center,rgba(30,20,10,.34) 0,rgba(30,20,10,.08) 55%,transparent 72%);filter:blur(2px);opacity:.72;transition:opacity .18s ease,transform .18s ease}.postit-yellow{background:#fff9c4}.postit-pink{background:#f8bbd0}.postit-green{background:#c8e6c9}.postit-blue{background:#bbdefb}.postit-orange{background:#ffe0b2}.postit-purple{background:#e1bee7}.postit-selected{outline:2px solid var(--accent);outline-offset:3px}.postit-done .postit-text{text-decoration:line-through;opacity:.62}.postit-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;height:100%;transform:translateZ(1px)}.postit-text{flex:1 1;margin:0;word-break:break-word}.postit-list{width:min(14rem,52vw);min-height:10rem}.postit-list-body{min-height:0;display:flex;flex-direction:column;gap:.5rem}.postit-list-header{margin:0}.postit-list-title-row{display:flex;flex-direction:column;gap:.35rem}.postit-list-title{margin:0;font-size:1.15rem;line-height:1.2;word-break:break-word}.postit-list-actions{flex-direction:row}.postit-list-add-form{display:flex;gap:.35rem}.postit-list-add-form input{flex:1 1;min-width:0;font-size:.9rem}.postit-list-add-form button{flex-shrink:0;font-size:.85rem;padding:.35rem .55rem}.postit-todo-scroll{display:flex;flex-direction:column;gap:.55rem;max-height:22rem;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(40,30,20,.28) transparent}.postit-todo-scroll::-webkit-scrollbar{width:.35rem}.postit-todo-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(40,30,20,.28)}.postit-todo-row{display:flex;flex-direction:column;gap:.35rem;padding:.45rem .35rem;border-radius:.35rem;cursor:pointer}.postit-todo-row-selected{outline:2px solid var(--accent);outline-offset:2px}.postit-todo-row-done .postit-text{text-decoration:line-through;opacity:.62}.postit-todo-row-removing{animation:postit-row-crumple .38s ease-in forwards;pointer-events:none}@keyframes postit-row-crumple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92) translateY(4px)}}.postit-toggle{align-self:flex-start;background:transparent;border:1px solid rgba(40,30,20,.25);border-radius:.35rem;padding:.1rem .4rem;font-size:1rem;line-height:1.2;color:inherit}.postit-actions{display:flex;gap:.35rem;margin-top:auto}.postit-delete,.postit-edit{background:transparent;border:1px solid transparent;padding:.15rem .4rem;font-family:Source Sans\ 3,sans-serif;font-size:.75rem;color:rgba(40,30,20,.7)}.postit-delete:hover,.postit-edit:hover{border-color:rgba(40,30,20,.2);color:#2a2218}.postit-delete:hover{color:var(--danger)}.postit-edit-form input{font-family:Caveat,cursive;font-size:1.15rem}@keyframes cork-board-enter{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes postit-pin-in{0%{opacity:0;transform:scale(.25) rotate(calc(var(--postit-rotation) - 14deg)) translateZ(0)}55%{opacity:1;transform:scale(1.1) rotate(calc(var(--postit-rotation) + 2deg)) translateZ(6px)}75%{transform:scale(.96) rotate(calc(var(--postit-rotation) - 1.5deg)) translateZ(2px)}to{opacity:1;transform:scale(1) rotate(var(--postit-rotation)) translateZ(0)}}@keyframes postit-crumple{0%{opacity:1;transform:scale(1) rotate(var(--postit-rotation)) translateZ(0);filter:blur(0)}60%{transform:scale(.75) rotate(calc(var(--postit-rotation) + 8deg)) translateY(6px) translateZ(-4px);filter:blur(.3px)}to{opacity:0;transform:scale(.15) rotate(calc(var(--postit-rotation) + 18deg)) translateY(24px) translateZ(-12px);filter:blur(2px)}}main.board-app-layout{display:flex;width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:0}.board-main{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 88% 0,rgba(31,111,91,.08),transparent 40%),linear-gradient(180deg,#e8efeb 0,var(--bg) 100%)}.board-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1rem .75rem}.board-title{margin:0 0 .2rem;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.65rem,4vw,2.25rem);letter-spacing:-.02em}.board-lede{margin:0;color:var(--muted);font-size:.95rem}.board-workspace{flex:1 1;display:flex;flex-direction:column;min-height:0}.dashboard-sidebar-toggle{display:none;position:fixed;top:.85rem;left:.85rem;z-index:35;align-items:center;gap:.35rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.85rem;font-weight:600;box-shadow:0 4px 14px rgba(20,32,28,.12)}.dashboard-sidebar-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dashboard-sidebar-backdrop{display:none}.dashboard-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem;padding:1.35rem 1.15rem 1.5rem;background:linear-gradient(180deg,#f7faf8,#eef4f1);border-right:1px solid var(--line);box-shadow:inset -1px 0 0 rgba(255,255,255,.65)}.dashboard-sidebar-header{display:grid;grid-gap:.25rem;gap:.25rem}.dashboard-sidebar-title{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem}.dashboard-sidebar-subtitle{margin:0;color:var(--muted);font-size:.9rem}.dashboard-stats{margin:0;padding:.85rem;border-radius:.75rem;background:rgba(31,111,91,.08);display:grid;grid-gap:.65rem;gap:.65rem}.dashboard-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.dashboard-stats dt{margin:0;color:var(--muted);font-size:.88rem}.dashboard-stats dd{margin:0;font-weight:700;font-size:1.05rem;color:var(--ink)}.dashboard-progress{display:grid;grid-gap:.45rem;gap:.45rem}.dashboard-progress label{font-size:.88rem;color:var(--muted)}.dashboard-progress-bar{height:.55rem;border-radius:999px;overflow:hidden;background:rgba(197,208,203,.65);box-shadow:inset 0 1px 2px rgba(20,32,28,.08)}.dashboard-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f6f5b,#2d8a72);transition:width .28s ease}.dashboard-new-list{width:100%;margin-top:.75rem}.dashboard-sidebar-skeleton{pointer-events:none}.dashboard-skeleton-title{width:7rem;height:1.35rem}.dashboard-skeleton-subtitle{width:9.5rem;height:.9rem}.dashboard-skeleton-stat-label{width:5.5rem;height:.85rem}.dashboard-skeleton-stat-value{width:2rem;height:1rem}.dashboard-skeleton-progress-label{width:4.5rem;height:.85rem}.dashboard-skeleton-progress-bar{width:100%;height:.55rem;border-radius:999px}.board-app-layout .todo-panel-skeleton{flex:1 1;display:flex;flex-direction:column;min-height:0;padding:0 1rem 1rem}.board-app-layout .auth-panel-skeleton{padding:0 1rem}@media (max-width:768px){.dashboard-sidebar-toggle{display:inline-flex}.board-toolbar{padding-top:3.35rem;padding-left:1rem;padding-right:1rem}.dashboard-sidebar{position:fixed;top:0;left:0;z-index:45;height:100%;max-height:100dvh;transform:translateX(0);transition:transform .24s ease;box-shadow:8px 0 28px rgba(20,32,28,.16)}.dashboard-sidebar--collapsed{transform:translateX(-100%);box-shadow:none}.dashboard-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:44;border:0;background:rgba(20,32,28,.32);animation:fade-in .18s ease-out}.board-app-layout .todo-form{grid-template-columns:1fr}.board-app-layout .todo-form button.primary{width:100%}}@media (max-width:360px){.dashboard-sidebar{width:min(280px,calc(100vw - 2.5rem))}.board-toolbar{flex-direction:column;align-items:stretch}.board-app-layout .cork-board{padding:1.5rem .75rem 1rem}}