:root{--canvas:#090909;--surface-1:#141414;--surface-2:#1c1c1c;--column-track:#ffffff06;--hairline:#262626;--hairline-soft:#1a1a1a;--ink:#fff;--ink-muted:#999;--ink-dim:#6b6b6b;--accent:#09f;--accent-ring:#0099ff8c;--accent-glow:#0099ff29;--success:#22c55e;--warn:#f57;--grad-violet:#6a4cf5;--grad-magenta:#d44df0;--grad-orange:#ff7a3d;--grad-coral:#f57;--brand-gradient:linear-gradient(135deg, var(--grad-violet) 0%, var(--grad-magenta) 52%, var(--grad-coral) 100%);--card-edge:#ffffff0f;--card-shadow:0 1px 0 #ffffff05, 0 6px 16px -8px #000000b3;--card-shadow-hover:0 1px 0 #ffffff0d, 0 12px 28px -10px #000c;--drag-shadow:0 1px 0 #ffffff1a, 0 28px 60px -18px #000000d9;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:15px;--r-xl:20px;--r-pill:100px;--r-full:9999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:15px;--s-5:20px;--s-6:30px;--s-7:40px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--feat:"cv01", "cv05", "cv09", "cv11", "ss03";--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.2s;--dur-slow:.32s;--z-atmosphere:0;--z-base:1;--z-sticky:50;--z-drag:200;--z-toast:400;--topbar-h:60px}*,:before,:after{box-sizing:border-box}*{margin:0}[hidden]{display:none!important}html,body{height:100%}body{font-family:var(--font);font-feature-settings:var(--feat);letter-spacing:-.01em;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.3;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}svg{display:block}.ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.atmosphere{z-index:var(--z-atmosphere);pointer-events:none;opacity:.9;background:radial-gradient(60vw 55vh at 88% -8%,#6a4cf529,#0000 60%),radial-gradient(50vw 50vh at 100% 4%,#d44df01a,#0000 62%);position:fixed;inset:0}.topbar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--s-4);height:var(--topbar-h);padding:0 var(--s-5);padding-left:max(var(--s-5), env(safe-area-inset-left));padding-right:max(var(--s-5), env(safe-area-inset-right));background:color-mix(in srgb, var(--canvas) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(120%);border-bottom:1px solid var(--hairline-soft);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s-3);min-width:0;display:flex}.brand__logo{border-radius:var(--r-md);background:var(--brand-gradient);color:#fff;letter-spacing:-.03em;-webkit-font-smoothing:antialiased;align-items:center;height:34px;padding:0 14px;font-size:18px;font-weight:600;display:inline-flex;box-shadow:0 6px 18px -8px #d44df099}.brand__date{color:var(--ink-muted);letter-spacing:-.01em;padding-left:var(--s-3);margin-left:var(--s-1);border-left:1px solid var(--hairline);white-space:nowrap;font-size:13px;font-weight:500}.topbar__actions{align-items:center;gap:var(--s-2);display:flex}.btn{align-items:center;gap:var(--s-2);height:40px;padding:0 var(--s-4);border-radius:var(--r-pill);letter-spacing:-.014em;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.96)}.btn .ic{width:17px;height:17px}.btn--primary{background:var(--ink);color:#000}.btn--primary:hover{background:#ececec}.btn--secondary{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline)}.btn--secondary:hover{background:var(--surface-2);border-color:#333}.btn--ghost{color:var(--ink-muted);padding:0 var(--s-3)}.btn--ghost:hover{color:var(--ink);background:var(--surface-1)}.btn--danger-ghost{color:var(--ink-muted);padding:0 var(--s-3)}.btn--danger-ghost:hover{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent)}.count-pill{border-radius:var(--r-pill);background:var(--surface-2);min-width:20px;height:20px;color:var(--ink-muted);letter-spacing:0;place-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-grid}.icon-btn{border-radius:var(--r-md);width:36px;height:36px;color:var(--ink-muted);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.board{z-index:var(--z-base);height:calc(100dvh - var(--topbar-h));gap:var(--s-4);padding:var(--s-5);padding-left:max(var(--s-5), env(safe-area-inset-left));padding-right:max(var(--s-5), env(safe-area-inset-right));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative;overflow:hidden}.column{background:var(--column-track);border:1px solid var(--hairline-soft);border-radius:var(--r-xl);min-width:0;min-height:0;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;display:flex}.column.is-drop-target{border-color:var(--hairline);background:#ffffff0a}.column__head{align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-3);display:flex}.column__dot{border-radius:var(--r-full);flex:none;width:8px;height:8px}.column[data-status=todo] .column__dot{background:var(--ink-dim)}.column[data-status=doing] .column__dot{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.column[data-status=done] .column__dot{background:var(--success)}.column__title{letter-spacing:-.014em;font-size:14px;font-weight:600}.column__count{color:#8a8a8a;font-variant-numeric:tabular-nums;transition:color var(--dur) var(--ease-out);font-size:13px;font-weight:600}.column__add{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-muted);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;margin-left:auto;display:grid}.column__add:hover{background:var(--surface-2);color:var(--ink)}.column__add:active{transform:scale(.9)}.column__add .ic{width:18px;height:18px}.column__list{min-height:0;padding:var(--s-1) var(--s-3) var(--s-4);gap:var(--s-3);scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.column__list::-webkit-scrollbar{width:10px}.column__list::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:var(--r-pill);background-clip:padding-box;border:3px solid #0000}.column__list::-webkit-scrollbar-thumb:hover{background:#333 padding-box padding-box}.card{background:var(--surface-1);border:1px solid #0000;border-top-color:var(--card-edge);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);box-shadow:var(--card-shadow);cursor:grab;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);will-change:transform;position:relative}.card:hover{border-color:var(--hairline);border-top-color:var(--card-edge);box-shadow:var(--card-shadow-hover);background:#171717;transform:translateY(-1px)}.card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-glow), var(--card-shadow-hover);outline:none}.card:active{cursor:grabbing}.card__top{align-items:flex-start;gap:var(--s-2);display:flex}.card__grip{color:var(--ink-dim);opacity:0;cursor:grab;touch-action:none;transition:opacity var(--dur) var(--ease-out), color var(--dur) var(--ease-out);flex:none;margin:1px -4px 0 -6px}.card:hover .card__grip,.card:focus-within .card__grip{opacity:1}.card__grip:hover{color:var(--ink-muted)}.card__grip .ic{stroke-width:2px;width:16px;height:16px}.card__title{letter-spacing:-.015em;word-break:break-word;overflow-wrap:anywhere;flex:1;font-size:15px;font-weight:500;line-height:1.32}.card.is-done .card__title{color:var(--ink-muted)}.card__notes{margin-top:var(--s-2);color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.card__meta{align-items:center;gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.card__meta:empty{display:none}.due{border-radius:var(--r-pill);background:var(--surface-2);height:24px;color:var(--ink-muted);letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.due .ic{stroke-width:2px;width:13px;height:13px}.due--today{background:var(--accent-glow);color:#7cc7ff}.due--soon{color:var(--ink)}.due--over{background:color-mix(in srgb, var(--warn) 16%, transparent);color:#ff8aa0}.card__actions{opacity:0;transition:opacity var(--dur) var(--ease-out);align-items:center;gap:2px;margin-left:auto;display:flex;transform:translateY(-1px)}.card:hover .card__actions,.card:focus-within .card__actions{opacity:1}.card__act{border-radius:var(--r-sm);width:26px;height:26px;color:var(--ink-dim);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;display:grid}.card__act:hover{background:var(--surface-2);color:var(--ink)}.card__act:active{transform:scale(.88)}.card__act:disabled{opacity:.3;cursor:default}.card__act .ic{stroke-width:2px;width:16px;height:16px}.card.is-source{opacity:0;pointer-events:none}.drag-ghost{z-index:var(--z-drag);cursor:grabbing;box-shadow:var(--drag-shadow);pointer-events:none;margin:0;position:fixed;transform:scale(1.025)rotate(1.4deg);border-color:var(--hairline)!important;border-top-color:var(--card-edge)!important}.placeholder{border:1.5px dashed var(--hairline);border-radius:var(--r-lg);background:#ffffff04}@keyframes celebrate{0%{box-shadow:0 0 0 0 #22c55e00, var(--card-shadow)}35%{box-shadow:0 0 0 2px #22c55e8c, 0 0 22px 2px #22c55e40, var(--card-shadow)}to{box-shadow:0 0 0 0 #22c55e00, var(--card-shadow)}}.card--celebrate{animation:celebrate .72s var(--ease-out)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.board.is-fresh .card{animation:cardIn .42s var(--ease-out-expo) backwards;animation-delay:calc(var(--i,0) * 40ms)}@keyframes cardPop{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.card--new{animation:cardPop .32s var(--ease-out-expo)}@keyframes cardOut{to{opacity:0;transform:translate(8px)scale(.96)}}.card--out{animation:cardOut var(--dur) var(--ease-out) forwards;pointer-events:none}.empty{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);text-align:center;color:var(--ink-dim);flex-direction:column;margin:auto;display:flex}.empty__icon{border-radius:var(--r-md);border:1px dashed var(--hairline);width:40px;height:40px;color:var(--ink-dim);margin-bottom:var(--s-1);place-items:center;display:grid}.empty__icon .ic{width:20px;height:20px}.empty__text{max-width:22ch;color:var(--ink-muted);font-size:13px;line-height:1.4}.column__list:has(.placeholder) .empty{display:none}.dialog{border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--surface-1);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);margin:auto;padding:0;overflow:auto;box-shadow:0 40px 100px -24px #000000d9}.dialog--narrow{width:min(440px,100vw - 32px)}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);background:#0000008c}.dialog[open]{animation:dialogIn var(--dur) var(--ease-out-expo)}.dialog[open]::backdrop{animation:fadeIn var(--dur) var(--ease-out)}@keyframes dialogIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog__form{padding:var(--s-5);gap:var(--s-4);flex-direction:column;display:flex}.dialog__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.dialog__title{letter-spacing:-.02em;font-size:19px;font-weight:600}.field{gap:var(--s-2);flex-direction:column;display:flex}.field--row{gap:var(--s-3);flex-direction:row}.field__col{gap:var(--s-2);flex-direction:column;flex:1;min-width:0;display:flex}.field__label{color:var(--ink-muted);letter-spacing:-.01em;font-size:13px;font-weight:500}.field__opt{color:var(--ink-dim);font-weight:400}.input{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);width:100%;padding:11px var(--s-4);color:var(--ink);letter-spacing:-.01em;transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);font-size:15px}.input::placeholder{color:#8a8a8a}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0c0c0c;outline:none}.input--area{resize:vertical;min-height:84px;font-size:14px;line-height:1.45}.input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.select-wrap{position:relative}.select-wrap .input{appearance:none;cursor:pointer;padding-right:40px}.select-caret{width:18px;height:18px;color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dialog__foot{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-1);display:flex}.dialog__foot-right{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.menu__note{color:var(--ink-muted);font-size:14px;line-height:1.45}.menu__actions{gap:var(--s-2);flex-direction:column;display:flex}.menu__actions .btn{border-radius:var(--r-md);justify-content:flex-start;height:44px}.menu__rule{border:none;border-top:1px solid var(--hairline-soft)}.menu__danger{justify-content:flex-start;height:44px}.drawer{border:none;border-left:1px solid var(--hairline);background:var(--canvas);width:min(460px,100vw);height:100dvh;max-height:100dvh;color:var(--ink);margin:0 0 0 auto;padding:0;box-shadow:-40px 0 100px -30px #000c}.drawer::backdrop{-webkit-backdrop-filter:blur(3px);background:#00000080}.drawer[open]{animation:drawerIn var(--dur-slow) var(--ease-out-expo)}.drawer[open]::backdrop{animation:fadeIn var(--dur) var(--ease-out)}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.drawer__panel{flex-direction:column;height:100%;display:flex}.drawer__head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);padding:var(--s-5);border-bottom:1px solid var(--hairline-soft);display:flex}.drawer__title{letter-spacing:-.02em;font-size:19px;font-weight:600}.drawer__sub{color:var(--ink-muted);margin-top:4px;font-size:13px;line-height:1.4}.drawer__body{padding:var(--s-4) var(--s-5) var(--s-6);flex:1;overflow-y:auto}.arch-group{margin-top:var(--s-5)}.arch-group:first-child{margin-top:var(--s-2)}.arch-group__date{background:var(--canvas);padding:var(--s-2) 0;color:var(--ink-muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600;position:sticky;top:0}.arch-item{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-top:1px solid var(--hairline-soft);display:flex}.arch-item__main{flex:1;min-width:0}.arch-item__title{letter-spacing:-.01em;word-break:break-word;font-size:14px;font-weight:500}.arch-item__sub{color:#8a8a8a;margin-top:2px;font-size:12px}.arch-item__restore{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--hairline);height:30px;color:var(--ink-muted);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex:none;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.arch-item__restore:hover{background:var(--surface-2);color:var(--ink);border-color:#333}.arch-item__restore .ic{stroke-width:2px;width:13px;height:13px}.drawer__empty{height:100%;color:var(--ink-dim);text-align:center;padding:var(--s-6);place-items:center;display:grid}.toast{left:50%;bottom:max(var(--s-5), env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--s-3);max-width:calc(100vw - 32px);padding:10px 12px 10px var(--s-4);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-pill);font-size:14px;font-weight:500;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px -16px #000c}.toast[hidden]{display:none}.toast.is-in{animation:toastIn var(--dur-slow) var(--ease-out-expo)}.toast.is-out{animation:toastOut var(--dur) var(--ease-out) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,10px)}}.toast__action{border-radius:var(--r-pill);background:var(--ink);color:#000;height:30px;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur) var(--ease-out);padding:0 12px;font-size:13px;font-weight:600}.toast__action[hidden]{display:none}.toast__action:hover{background:#ececec}.toast__action:active{transform:scale(.95)}@media (max-aspect-ratio:1) and (min-width:721px){.board{gap:var(--s-3);padding:var(--s-4)}}@media (max-width:720px){body{overflow:auto}.board{height:auto;min-height:calc(100dvh - var(--topbar-h));gap:var(--s-4);flex-direction:column;display:flex;overflow:visible}.column{max-height:min(70dvh,560px)}.column__list{overflow-y:auto}.card__grip,.card__actions{opacity:1}}@media (max-width:520px){.brand__date{display:none}.topbar{padding-inline:var(--s-4)}.btn--primary .btn__label{display:none}}@media (hover:none){.card__grip,.card__actions{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.drag-ghost,.card:hover{transform:none}}.menu__account{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.menu__account-info{flex-direction:column;gap:2px;min-width:0;display:flex}.menu__account-label{color:var(--ink-muted);font-size:12px}.menu__account-email{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:14px;font-weight:500;overflow:hidden}.menu__account .btn{flex:none}.signin{height:100dvh;padding:var(--s-5);place-items:center;display:grid;position:relative;overflow-y:auto}.signin__card{z-index:var(--z-base);align-items:flex-start;gap:var(--s-4);width:min(420px,100%);padding:var(--s-6);background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-xl);animation:dialogIn var(--dur-slow) var(--ease-out-expo);flex-direction:column;display:flex;position:relative;box-shadow:0 40px 100px -24px #000000d9}.signin__logo{font-size:20px}.signin__title{letter-spacing:-.04em;margin-top:var(--s-1);text-wrap:balance;font-size:40px;font-weight:600;line-height:1}.signin__sub{color:var(--ink-muted);font-size:15px;line-height:1.45}.signin__google{width:100%;height:48px;margin-top:var(--s-1);justify-content:center}.signin__g{width:18px;height:18px}.signin__fine{color:#8a8a8a;font-size:12px;line-height:1.4}@media (prefers-reduced-motion:reduce){.signin__card{animation:none}}