:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Geist", "Noto Sans TC", "PingFang TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--radius:.625rem}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.2% .016 285.938)}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);margin:0}.shell{grid-template-columns:16rem minmax(0,1fr);min-height:100vh;display:grid}@media (width<=48rem){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);padding:var(--radius) calc(var(--radius) * 1.5);flex-direction:row;align-items:center}.sidebar-nav{flex-direction:row}.sidebar-footer{display:none}}.sidebar{gap:calc(var(--radius) * .8);border-right:1px solid var(--border);background:var(--card);padding:calc(var(--radius) * 1.2) calc(var(--radius) * .8);flex-direction:column;display:flex}.sidebar-brand{letter-spacing:-.02em;color:var(--foreground);padding:calc(var(--radius) * .6) calc(var(--radius) * .8);font-size:.9375rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--muted-foreground);border-radius:calc(var(--radius) - 2px);padding:calc(var(--radius) * .5) calc(var(--radius) * .8);background:0 0;font-size:.875rem}.nav-item.is-active{background:var(--accent);color:var(--accent-foreground);font-weight:500}.sidebar-footer{color:var(--muted-foreground);padding:calc(var(--radius) * .6) calc(var(--radius) * .8);margin-top:auto;font-size:.75rem}.topbar{justify-content:space-between;align-items:center;gap:calc(var(--radius) * .8);border-bottom:1px solid var(--border);background:var(--background);padding:calc(var(--radius) * .9) calc(var(--radius) * 2);display:flex}.topbar-title{color:var(--foreground);font-size:.9375rem;font-weight:600}.theme-toggle{color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:calc(var(--radius) * .4) calc(var(--radius) * .8);cursor:pointer;background:0 0;min-height:2rem;font-family:inherit;font-size:.8125rem;font-weight:500}.theme-toggle:hover{background:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.content{gap:calc(var(--radius) * 1.6);padding:calc(var(--radius) * 2) calc(var(--radius) * 2) calc(var(--radius) * 3);flex-direction:column;max-width:72rem;display:flex}.header{gap:calc(var(--radius) * .8);flex-direction:column;display:flex}.new-card{gap:calc(var(--radius) * .6);align-items:center;max-width:32rem;display:flex}.new-card-input{min-width:0;color:var(--foreground);border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);padding:calc(var(--radius) * .4) calc(var(--radius) * .6);background:0 0;flex:1;min-height:2.25rem;font-family:inherit;font-size:.875rem}.new-card-input::placeholder{color:var(--muted-foreground)}.new-card-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-color:var(--ring)}.new-card-submit{color:var(--primary-foreground);background:var(--primary);border-radius:calc(var(--radius) - 2px);padding:calc(var(--radius) * .4) calc(var(--radius) * .9);cursor:pointer;border:none;min-height:2.25rem;font-family:inherit;font-size:.875rem;font-weight:500}.new-card-submit:disabled{opacity:.5;cursor:default}.new-card-submit:not(:disabled):hover{opacity:.9}.new-card-submit:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.loading{color:var(--muted-foreground);font-size:.875rem}.load-error,.error{color:var(--destructive);font-size:.875rem}.board{gap:calc(var(--radius) * 1.2);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}@media (width<=48rem){.board{grid-template-columns:1fr}}.column{gap:calc(var(--radius) * .6);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:calc(var(--radius) * .8);flex-direction:column;min-height:12rem;display:flex}.column-title{color:var(--muted-foreground);padding:0 calc(var(--radius) * .4);font-size:.8125rem;font-weight:500}.card{gap:calc(var(--radius) * .4);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:calc(var(--radius) * .6) calc(var(--radius) * .8);flex-direction:column;display:flex;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.card-title{color:var(--card-foreground);overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}.card-actions{gap:calc(var(--radius) * .3);flex-wrap:wrap;display:flex}.card-actions button,.card-edit-cancel{color:var(--muted-foreground);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:calc(var(--radius) * .2) calc(var(--radius) * .5);cursor:pointer;background:0 0;min-height:1.75rem;font-family:inherit;font-size:.75rem}.card-actions button:hover,.card-edit-cancel:hover{color:var(--accent-foreground);background:var(--accent)}.card-actions button:focus-visible,.card-edit-cancel:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.card-editing{gap:calc(var(--radius) * .4);background:var(--card);border:1px solid var(--ring);border-radius:calc(var(--radius) - 2px);padding:calc(var(--radius) * .6);align-items:center;display:flex}.card-edit-input{min-width:0;color:var(--foreground);border:1px solid var(--input);border-radius:calc(var(--radius) - 4px);padding:calc(var(--radius) * .3) calc(var(--radius) * .5);background:0 0;flex:1;min-height:2rem;font-family:inherit;font-size:.875rem}.card-edit-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-color:var(--ring)}.card-edit-save{color:var(--primary-foreground);background:var(--primary);border-radius:calc(var(--radius) - 4px);padding:calc(var(--radius) * .3) calc(var(--radius) * .6);cursor:pointer;border:none;min-height:2rem;font-family:inherit;font-size:.75rem;font-weight:500}.card-edit-save:disabled{opacity:.5;cursor:default}.card-edit-save:not(:disabled):hover{opacity:.9}.card-edit-save:focus-visible{outline:2px solid var(--ring);outline-offset:2px}