:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f1f2f4;--col-bg:#f1f2f4;--border:#e6e8eb;--text:#1a1d21;--text-dim:#6b7280;--text-faint:#9aa1ab;--accent:#5b5bd6;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 10px 30px #00000029;--radius:12px;--radius-sm:8px}html[data-theme=dark]{--bg:#0e0f11;--surface:#1a1c1f;--surface-2:#242729;--col-bg:#161719;--border:#2a2d31;--text:#e8eaed;--text-dim:#9aa1ab;--text-faint:#6b7280;--accent:#7c7cf0;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 10px 30px #0000008c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;transition:background .3s,color .3s;display:flex;overflow:hidden}header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;padding:9px 16px;display:flex}.logo{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.logo .wordmark{letter-spacing:-.04em;color:var(--text);align-items:flex-end;font-size:23px;font-weight:800;line-height:1;display:inline-flex}.logo .tick{background:var(--accent);border-radius:2px;align-self:flex-start;width:6px;height:13px;margin:0 2.5px 0 1.5px;display:inline-block;position:relative;top:1px;transform:skew(-14deg)}.search-wrap{flex:1;max-width:360px;position:relative}.search-wrap svg{color:var(--text-faint);position:absolute;top:50%;left:11px;transform:translateY(-50%)}#search{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:8px 12px 8px 34px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}#search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.spacer{flex:1}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:13.5px;font-weight:520;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.filterbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:6px;padding:7px 16px;display:flex;overflow-x:auto}.filterbar::-webkit-scrollbar{height:0}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:520;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip .swatch{border-radius:50%;width:9px;height:9px}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.chip.active .swatch{box-shadow:0 0 0 1.5px var(--bg)}.statsbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:16px;padding:7px 16px;display:flex;overflow-x:auto}.statsbar::-webkit-scrollbar{height:0}.stat{white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;display:flex}.stat-sep{background:var(--border);flex-shrink:0;width:1px;height:26px}.ring-wrap{cursor:pointer;flex-shrink:0;width:38px;height:38px;position:relative}.ring-wrap svg{display:block;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--surface-2);stroke-width:4px}.ring-fg{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1),stroke .3s}.ring-wrap.met .ring-fg{stroke:#22c55e}.ring-num{justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.ring-num span{color:var(--text-faint);font-weight:500}.stat-text{flex-direction:column;line-height:1.25;display:flex}.stat-text .t{font-size:12.5px;font-weight:620}.stat-text .s{color:var(--text-dim);font-size:11px}.lvl-badge{color:#fff;background:linear-gradient(135deg, var(--accent), #a855f7);letter-spacing:.02em;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:750}.xp-wrap{flex-direction:column;gap:4px;display:flex}.xp-track{background:var(--surface-2);border-radius:4px;width:96px;height:6px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent), #a855f7);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.week-spacer{margin-left:auto}#banner{letter-spacing:.01em;color:#fff;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:402;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:100px;padding:10px 20px;font-size:16px;font-weight:750;position:fixed;top:92px;left:50%;transform:translate(-50%)translateY(-8px)scale(.7)}#banner.level{background:linear-gradient(135deg,#eab308,#f59e0b)}#banner.go{animation:1.6s cubic-bezier(.18,.9,.25,1) forwards bannerPop}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.7)}14%{opacity:1;transform:translate(-50%)translateY(0)scale(1.12)}26%{transform:translate(-50%)translateY(0)scale(1)}78%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.96)}}@media (max-width:640px){.statsbar{gap:12px;padding:8px 13px}.xp-track{width:70px}}#godmode{z-index:500;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 45%,#a855f757,#0a0a0ea8 70%);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:fixed;inset:0}#godmode.go{animation:4s forwards godIn}@keyframes godIn{0%{opacity:0}6%{opacity:1}88%{opacity:1}to{opacity:0}}.god-emoji{filter:drop-shadow(0 8px 30px #f59e0b99);font-size:clamp(54px,12vw,110px);line-height:1;animation:.55s cubic-bezier(.2,.9,.2,1) infinite alternate godBounce}@keyframes godBounce{to{transform:translateY(-16px)scale(1.07)rotate(-3deg)}}.god-title{letter-spacing:-.02em;background:linear-gradient(90deg,#f59e0b,#ef4444,#ec4899,#a855f7,#3b82f6,#22c55e,#f59e0b) 0 0/250%;color:#0000;filter:drop-shadow(0 0 36px #a855f780);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,7vw,76px);font-weight:850;line-height:1.05;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:250%}}.god-sub{color:#fff;text-shadow:0 2px 16px #000000b3;margin-top:8px;font-size:clamp(13px,2.6vw,22px);font-weight:650}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-6px,3px)}20%{transform:translate(7px,-4px)}30%{transform:translate(-7px,-3px)}40%{transform:translate(6px,4px)}50%{transform:translate(-5px,3px)}60%{transform:translate(5px,-3px)}70%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-2px,1px)}}.board.shake{animation:.55s screenShake}.board{flex:1;gap:11px;padding:12px 16px 14px;display:flex;overflow:auto hidden}.column{background:var(--col-bg);border-radius:var(--radius);flex-direction:column;flex:1 1 0;min-width:0;max-height:100%;transition:flex .28s,background .3s;display:flex}.column.collapsed{flex:0 0 46px}.col-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:10px 12px 8px;display:flex}.col-title{white-space:nowrap;align-items:center;gap:7px;font-size:13.5px;font-weight:620;display:flex;overflow:hidden}.count{color:var(--text-dim);background:var(--surface);text-align:center;border-radius:100px;min-width:22px;padding:1px 8px;font-size:11.5px;font-weight:600}.col-head .collapse-ico{color:var(--text-faint);margin-left:auto;transition:transform .25s}.col-add{color:var(--text-faint);cursor:pointer;border-radius:6px;padding:2px;display:flex}.col-add:hover{background:var(--surface);color:var(--text)}.column.collapsed .col-head{flex-direction:column;justify-content:flex-start;align-items:center;gap:13px;height:100%;padding:12px 0 16px}.column.collapsed .collapse-ico{order:-2;margin:0;transform:rotate(180deg)}.column.collapsed .count{border-radius:50%;order:-1;justify-content:center;align-items:center;width:24px;min-width:0;height:24px;padding:0;display:flex}.column.collapsed .col-title{writing-mode:vertical-rl;text-orientation:mixed;flex:1;order:1;justify-content:flex-start;align-items:center;gap:9px;font-size:13px;transform:none}.column.collapsed .cards,.column.collapsed .col-add{display:none}.cards{flex-direction:column;flex:1;gap:7px;padding:0 8px 8px;display:flex;overflow-y:auto}.cards::-webkit-scrollbar{width:8px}.cards::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cards.drag-over{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:var(--radius-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:grab;padding:9px 11px;transition:box-shadow .15s,transform .12s,border-color .15s,opacity .15s;animation:.22s pop;position:relative}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.card.dragging{opacity:.45;cursor:grabbing;box-shadow:var(--shadow-lg)}.card.done .card-title{color:var(--text-dim);text-decoration:line-through}.card-accent{border-radius:3px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.card-top{align-items:flex-start;gap:8px;display:flex}.card-title{word-break:break-word;flex:1;padding-left:6px;font-size:13px;font-weight:520;line-height:1.38}.card-menu-btn{opacity:0;color:var(--text-faint);cursor:pointer;border-radius:5px;flex-shrink:0;padding:1px;transition:opacity .12s,background .12s}.card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{background:var(--surface-2);color:var(--text)}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding-left:6px;display:flex}.prio{letter-spacing:.02em;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:680;line-height:1}.prio-1{color:#e5484d;background:#e5484d1a}.prio-2{color:#f5820a;background:#f5820a1a}.prio-3{color:#3b82f6;background:#3b82f61a}.prio-4{color:var(--text-faint);background:var(--surface-2)}.tag{border-radius:100px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:540;display:inline-flex}.tag .swatch{border-radius:50%;width:7px;height:7px}.waiting-on{color:#b45309;text-overflow:ellipsis;white-space:nowrap;background:#f59e0b1f;border-radius:100px;align-items:center;gap:4px;max-width:100%;padding:2px 8px 2px 6px;font-size:11px;font-weight:540;display:inline-flex;overflow:hidden}html[data-theme=dark] .waiting-on{color:#fbbf24}.due{color:var(--text-dim);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.due.overdue{color:#e5484d}.due.soon{color:#d98a00}.timer-chip{background:var(--surface-2);color:var(--text-dim);cursor:pointer;font-variant-numeric:tabular-nums;border:none;border-radius:100px;align-items:center;gap:4px;padding:2px 8px 2px 7px;font-size:11px;font-weight:580;transition:background .15s,color .15s;display:inline-flex}.timer-chip:hover{color:var(--text);background:var(--border)}.timer-chip svg{width:10px;height:10px}.timer-chip.running{color:#16a34a;background:#22c55e29;animation:2s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 3px #22c55e24}}.card-stamps{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px;margin-top:7px;padding-left:6px;font-size:10.5px;display:flex}.card-stamps .done-stamp{color:#16a34a}.card-notes{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin-top:8px;padding-left:6px;font-size:12.5px;line-height:1.5;display:none}.card-notes.open{display:block}.notes-toggle{color:var(--text-faint);cursor:pointer;align-items:center;gap:3px;margin-top:6px;padding-left:6px;font-size:11.5px;display:inline-flex}.notes-toggle:hover{color:var(--accent)}.ctx{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;border-radius:10px;min-width:168px;padding:5px;animation:.14s pop;position:fixed}.ctx button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.ctx button:hover{background:var(--surface-2)}.ctx button.danger{color:#e5484d}.ctx .sep{background:var(--border);height:1px;margin:4px 2px}.ctx .ctx-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:6px 10px 4px;font-size:10.5px}.ctx-colors{grid-template-columns:repeat(5,1fr);gap:4px;padding:2px 8px 6px;display:grid}.ctx-colors .swatch{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .1s;display:flex}.ctx-colors .swatch:hover{transform:scale(1.12)}.ctx-colors .swatch.sel{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.ctx-prio{gap:5px;padding:2px 8px 6px;display:flex}.ctx-prio .prio{text-align:center;cursor:pointer;flex:1;padding:5px 0;transition:transform .1s}.ctx-prio .prio:hover{transform:scale(1.06)}.ctx-prio .prio.sel{box-shadow:inset 0 0 0 1.5px}.profile-email{color:var(--text);padding:0 10px 7px;font-size:12.5px;font-weight:620}#set-cats{max-height:46vh;margin-bottom:10px;overflow-y:auto}.set-row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.set-row input[type=color]{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:7px;flex-shrink:0;width:34px;height:31px;padding:2px}.set-row .set-label{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:var(--radius-sm);outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:13px}.set-row .set-label:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.set-count{color:var(--text-faint);text-align:right;flex-shrink:0;min-width:18px;font-size:11px}.set-del{flex-shrink:0;width:31px;height:31px}.set-del:hover{color:#e5484d}.icon-btn .avatar{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11.5px;font-weight:750;display:flex}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0006;justify-content:center;align-items:center;animation:.18s fade;display:none;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;width:92%;max-width:440px;padding:22px;animation:.22s cubic-bezier(.2,.8,.2,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.modal h2{margin-bottom:16px;font-size:16px;font-weight:620}.field{margin-bottom:14px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:560;display:block}.field input[type=text],.field input[type=date],.field textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:9px 11px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;outline:none;padding:9px 11px;font-family:inherit;font-size:13.5px}.field textarea{resize:vertical;min-height:70px}.field input[type=date]{cursor:pointer}.field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}.field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}html[data-theme=dark] .field input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.due-quick{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.due-chip{cursor:pointer;border:1px solid var(--border);color:var(--text-faint);background:0 0;border-radius:100px;padding:4px 9px;font-family:inherit;font-size:11.5px;font-weight:560;transition:all .12s}.due-chip:hover{background:var(--surface-2);color:var(--text-dim)}.due-chip.sel{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 8%, transparent)}.saved-hint{float:right;color:#16a34a;opacity:0;font-size:11px;font-weight:560;transition:opacity .25s}.saved-hint.show{opacity:1}.color-grid{flex-wrap:wrap;gap:7px;display:flex}.color-opt{cursor:pointer;border:1px solid var(--border);color:var(--text-dim);border-radius:100px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;transition:all .12s;display:flex}.color-opt .swatch{border-radius:50%;width:10px;height:10px}.color-opt.sel{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 8%, transparent)}.prio-grid{gap:7px;display:flex}.prio-opt{text-align:center;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);flex:1;padding:8px 4px;font-size:12.5px;font-weight:560;transition:all .12s}.prio-opt span{color:var(--text-faint);margin-top:2px;font-size:10px;font-weight:500;display:block}.prio-opt:hover{background:var(--surface-2)}.prio-opt.sel{color:#fff;border-color:#0000}.prio-opt.sel span{color:#fffc}.prio-opt.sel[data-p="1"]{background:#e5484d}.prio-opt.sel[data-p="2"]{background:#f5820a}.prio-opt.sel[data-p="3"]{background:#3b82f6}.prio-opt.sel[data-p="4"]{background:#6b7280}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-top:20px;display:flex}.modal-left{gap:8px;margin-right:auto;display:flex}.btn-done{color:#16a34a;border-color:color-mix(in srgb, #22c55e 40%, var(--border))}.btn-done:hover{background:#22c55e1f}@media (max-width:480px){.modal-left{width:100%;margin:0 0 4px}.modal-left .btn{flex:1}}.empty{text-align:center;color:var(--text-faint);border:1.5px dashed var(--border);border-radius:var(--radius-sm);margin:2px 0;padding:18px 8px;font-size:12.5px}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:300;border-radius:100px;padding:10px 18px;font-size:13px;font-weight:520;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}#update-toast{background:var(--accent);color:#fff;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:301;cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:560;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;bottom:66px;left:50%;transform:translate(-50%)translateY(20px)}#update-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#update-toast:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}#fx{pointer-events:none;z-index:400;width:100%;height:100%;position:fixed;inset:0}#stamp{color:#fff;opacity:0;pointer-events:none;z-index:401;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;display:flex;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 16px 50px #22c55e80}#stamp svg{width:60px;height:60px}#stamp .stamp-ring{border:3px solid #22c55e;border-radius:50%;position:absolute;inset:0}#stamp.go{animation:.9s cubic-bezier(.18,.9,.25,1) forwards stampPop}#stamp.go .stamp-ring{animation:.9s ease-out forwards stampRing}@keyframes stampPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-12deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(4deg)}34%{transform:translate(-50%,-50%)scale(.96)rotate(0)}46%{transform:translate(-50%,-50%)scale(1.04)}62%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}@keyframes stampRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.card.celebrate{animation:.55s cubic-bezier(.2,.9,.25,1) cardCheer}@keyframes cardCheer{0%{transform:scale(1)}35%{box-shadow:0 0 0 3px #22c55e80, var(--shadow-md);transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:1100px){.column{flex:0 0 240px}.column.collapsed{flex:0 0 46px}}@media (max-width:640px){header{flex-wrap:wrap;gap:10px;padding:10px 13px}.logo{font-size:15px}.search-wrap{flex-basis:100%;order:3;max-width:none}#search{padding:9px 12px 9px 34px;font-size:15px}.filterbar{gap:6px;padding:8px 13px}.chip{padding:6px 12px 6px 10px;font-size:13px}.board{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;padding:12px 13px 80px;overflow:hidden auto}.column,.column.collapsed{flex:none;width:100%;max-height:none}.cards{gap:9px;padding:0 9px 10px;overflow:visible}.col-head{padding:13px 14px}.col-title{font-size:14.5px}.col-head .collapse-ico{margin-left:6px;transform:rotate(-90deg)}.column.collapsed .col-head{flex-direction:row;gap:7px;height:auto;padding:13px 14px}.column.collapsed .col-title{writing-mode:horizontal-tb;transform:none}.column.collapsed .col-head .collapse-ico{transform:rotate(0)}.column.collapsed .col-add{display:flex}.column.collapsed .cards{display:none}.card{padding:12px 13px}.card-title{font-size:14.5px}.card-menu-btn{opacity:1;padding:4px}.btn .lbl{display:none}.btn,.icon-btn{padding:9px 11px}.overlay{align-items:flex-end}.modal{width:100%;max-width:none;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.26s cubic-bezier(.2,.8,.2,1) sheetUp}.field input,.field textarea,.field select{font-size:16px}.modal-actions{gap:8px}}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.sync-pill{color:var(--text-faint);white-space:nowrap;background:var(--surface-2);border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:560;transition:color .2s,background .2s;display:inline-flex}.sync-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sync-pill.synced{color:#16a34a;background:#22c55e1a}.sync-pill.saving{color:var(--text-dim)}.sync-pill.saving .dot{animation:1s ease-in-out infinite syncPulse}.sync-pill.offline{color:#d98a00;background:#f59e0b1f}@keyframes syncPulse{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:640px){.sync-pill .lbl{display:none}}.card-note-btn{opacity:0;color:var(--text-faint);cursor:pointer;border-radius:5px;flex-shrink:0;padding:1px;transition:opacity .12s,background .12s,color .12s}.card:hover .card-note-btn{opacity:1}.card-note-btn:hover{background:var(--surface-2);color:var(--accent)}.card-note-btn.has-notes{opacity:.75;color:var(--accent)}@media (max-width:640px){.card-note-btn{opacity:1;padding:4px}}.card-notes.md-body{white-space:normal}.md-body h1,.md-body h2,.md-body h3,.md-body h4{color:var(--text);margin:6px 0 3px;font-size:12.5px;font-weight:700}.md-body p{margin:3px 0}.md-body ul,.md-body ol{margin:3px 0;padding-left:18px}.md-body li{margin:1px 0}.md-body code{background:var(--surface-2);border-radius:4px;padding:1px 4px;font-size:11px}.md-body pre{background:var(--surface-2);border-radius:6px;margin:4px 0;padding:8px;overflow-x:auto}.md-body pre code{background:0 0;padding:0}.md-body blockquote{border-left:3px solid var(--border);color:var(--text-faint);margin:4px 0;padding-left:8px}.md-body a{color:var(--accent)}.md-body table{border-collapse:collapse;margin:4px 0;font-size:11.5px}.md-body th,.md-body td{border:1px solid var(--border);padding:2px 6px}.md-body input[type=checkbox]{vertical-align:-1px;margin-right:4px}.md-body img{border-radius:6px;max-width:100%}#notesview{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;background:#0006;justify-content:center;align-items:center;animation:.18s fade;display:none;position:fixed;inset:0}#notesview.open{display:flex}.nv-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;width:94%;max-width:1100px;height:88vh;animation:.22s cubic-bezier(.2,.8,.2,1) modalIn;display:flex;overflow:hidden}.nv-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.nv-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:620;overflow:hidden}.nv-saved{color:#16a34a;opacity:0;font-size:11px;font-weight:560;transition:opacity .25s}.nv-saved.show{opacity:1}.nv-body{flex:1;min-height:0;display:flex}.nv-details{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:13px;width:264px;padding:16px;display:flex;overflow-y:auto}.nv-field .k{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10.5px;font-weight:640}.nv-field .v{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.nv-editor-wrap{flex-direction:column;flex:1;min-width:0;display:flex}#nv-editor{flex:1;min-height:0}#nv-editor .toastui-editor-defaultUI{border:none;border-radius:0;height:100%!important}.nv-fallback{resize:none;background:var(--surface);width:100%;height:100%;color:var(--text);border:none;outline:none;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6}@media (max-width:640px){.nv-card{border-radius:0;width:100%;max-width:none;height:100%}.nv-body{flex-direction:column}.nv-details{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:12px;width:100%;max-height:32vh;padding:10px 14px;overflow-y:auto}.nv-fallback{font-size:16px}}#signin{z-index:600;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#signin.open{display:flex}.signin-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:30px 26px;animation:.25s cubic-bezier(.2,.8,.2,1) modalIn}.signin-card .logo{justify-content:center;margin-bottom:6px}.signin-card p{color:var(--text-dim);margin:8px 0 20px;font-size:13px;line-height:1.5}.signin-card .gsi-slot{justify-content:center;min-height:44px;display:flex}#app{display:contents}