@font-face{font-display:swap;font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal.BmihWDuX.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}:host,body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,picture,video{display:block}canvas,img,picture,svg,video{max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}:root{--size-content-px:max(var(--size-8),(100vw - var(--width-content-max))/2);--size-content-py:var(--size-8);--scale-0:1rem;--scale-1:1.125rem;--scale-2:1.25rem;--scale-3:1.5rem;--scale-4:1.875rem;--scale-5:2.25rem;--scale-6:3rem;--scale-7:3.75rem;--scale-8:4.5rem;--scale-9:6rem;--scale-10:8rem;--scale-000:.75rem;--scale-00:.875rem;--scale-00-0:clamp(var(--scale-00),.8rem + .25vw,var(--scale-0));--scale-0-1:clamp(var(--scale-0),.9464285714285714rem + .17857142857142858vw,var(--scale-1));--scale-1-2:clamp(var(--scale-1),1.0714285714285714rem + .17857142857142858vw,var(--scale-2));--scale-2-3:clamp(var(--scale-2),1.1428571428571428rem + .35714285714285715vw,var(--scale-3));--scale-3-4:clamp(var(--scale-3),1.3392857142857142rem + .5357142857142857vw,var(--scale-4));--scale-4-6:clamp(var(--scale-4),1.3928571428571428rem + 1.607142857142857vw,var(--scale-6));--scale-6-8:clamp(var(--scale-6),2.357142857142857rem + 2.142857142857143vw,var(--scale-8));--scale-8-10:clamp(var(--scale-8),3rem + 5vw,var(--scale-10));--scale-fluid-0:clamp(.875rem,.8rem + .25vw,1rem);--scale-fluid-1:clamp(1rem,.925rem + .25vw,1.125rem);--scale-fluid-2:clamp(1.125rem,1.05rem + .25vw,1.25rem);--scale-fluid-3:clamp(1.25rem,1.1rem + .5vw,1.5rem);--scale-fluid-4:clamp(1.5rem,1.275rem + .75vw,1.875rem);--scale-fluid-5:clamp(1.875rem,1.65rem + .75vw,2.25rem);--scale-fluid-6:clamp(2.25rem,1.8rem + 1.5vw,3rem);--scale-fluid-7:clamp(3rem,2.55rem + 1.5vw,3.75rem);--scale-fluid-8:clamp(3.75rem,3.3rem + 1.5vw,4.5rem);--scale-fluid-9:clamp(4.5rem,3.6rem + 3vw,6rem);--scale-fluid-10:clamp(6rem,4.8rem + 4vw,8rem);--scale-fluid-000:clamp(.625rem,.55rem + .25vw,.75rem);--scale-fluid-00:clamp(.75rem,.675rem + .25vw,.875rem);--font-text:"Space Grotesk Variable",sans-serif;--font-display:"Space Grotesk Variable",sans-serif;--font-code:"Roboto Mono",monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--weight-display:var(--weight-bold);--weight-text:var(--weight-regular);--line-none:1;--line-xs:1.125;--line-sm:1.275;--line-md:1.5;--line-lg:1.625;--line-xl:2;--letter-xs:-.05em;--letter-sm:-.025em;--letter-none:0em;--letter-lg:.025em;--letter-xl:.05em;--prose-xs:45ch;--prose-sm:55ch;--prose-md:65ch;--prose-lg:75ch;--prose-xl:85ch;--size-1:4px;--size-2:8px;--size-3:12px;--size-4:16px;--size-5:20px;--size-6:24px;--size-7:28px;--size-8:32px;--size-9:36px;--size-10:40px;--size-11:44px;--size-12:48px;--size-14:56px;--size-16:64px;--size-20:80px;--size-24:96px;--size-28:112px;--size-32:128px;--size-36:144px;--size-40:160px;--size-44:176px;--size-48:192px;--size-52:208px;--size-56:224px;--size-60:240px;--size-64:256px;--size-72:288px;--size-80:320px;--size-96:384px;--size-px:1px;--size-full:100%;--size-screen:100vw;--size-min:min-content;--size-max:max-content;--size-6-8:clamp(var(--size-6),19.2px + 1vw,var(--size-8));--size-6-12:clamp(var(--size-6),9.600000000000001px + 3vw,var(--size-12));--size-6-24:clamp(var(--size-6),-19.199999999999996px + 9vw,var(--size-24));--width-xs:480px;--width-sm:640px;--width-md:768px;--width-lg:1024px;--width-xl:1280px;--width-2xl:1600px;--width-content-max:var(--width-xl);--ratio-square:1/1;--ratio-portrait:3/4;--ratio-landscape:4/3;--ratio-tall:2/3;--ratio-wide:3/2;--ratio-widescreen:16/9;--ratio-golden:1.618/1;--radius-100:100%;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--radius-default:var(--radius-md);--blur-xs:blur(4px);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--blur-xl:blur(40px);--layer-1:10;--layer-2:20;--layer-3:30;--layer-4:40;--layer-5:50;--layer-below:-1;--layer-top:2147483647;--shadow-xs:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-sm:0 4px 6px -2px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.06);--shadow-md:0 12px 16px -4px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 24px -4px rgba(0,0,0,.1),0 8px 8px -4px rgba(0,0,0,.04);--shadow-xl:0 24px 48px -12px rgba(0,0,0,.25);--ease-in-sine:cubic-bezier(.47,0,.745,.715);--ease-out-sine:cubic-bezier(.39,.575,.565,1);--ease-in-out-sine:cubic-bezier(.445,.05,.55,.95);--ease-in-quad:cubic-bezier(.55,.085,.68,.53);--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-in-out-quad:cubic-bezier(.455,.03,.515,.955);--ease-in-cubic:cubic-bezier(.55,.055,.675,.19);--ease-out-cubic:cubic-bezier(.215,.61,.355,1);--ease-in-out-cubic:cubic-bezier(.645,.045,.355,1);--ease-in-quart:cubic-bezier(.895,.03,.685,.22);--ease-out-quart:cubic-bezier(.165,.84,.44,1);--ease-in-out-quart:cubic-bezier(.77,0,.175,1);--ease-in-quint:cubic-bezier(.755,.05,.855,.06);--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-in-out-quint:cubic-bezier(.86,0,.07,1);--ease-in-expo:cubic-bezier(.95,.05,.795,.035);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-circ:cubic-bezier(.6,.04,.98,.335);--ease-out-circ:cubic-bezier(.075,.82,.165,1);--ease-in-out-circ:cubic-bezier(.785,.135,.15,.86);--ease-in-back:cubic-bezier(.6,-.28,.735,.045);--ease-out-back:cubic-bezier(.175,.885,.32,1.275);--ease-in-out-back:cubic-bezier(.68,-.55,.265,1.55);--easing-standard:cubic-bezier(.4,0,.2,1);--easing-accelerate:cubic-bezier(.4,0,1,1);--easing-decelerate:cubic-bezier(0,0,.2,1);--elevation-1:0 1px 2px 0 rgba(0,0,0,.05);--elevation-2:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--elevation-3:0 4px 6px -2px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.06);--elevation-4:0 12px 16px -4px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--elevation-5:0 20px 24px -4px rgba(0,0,0,.1),0 8px 8px -4px rgba(0,0,0,.04);--elevation-6:0 24px 48px -12px rgba(0,0,0,.25);--elevation-7:0 32px 64px -12px rgba(0,0,0,.2);--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f5f7;--color-gray-200:#eaedf0;--color-gray-300:#dfe3e7;--color-gray-400:#c6ccd2;--color-gray-500:#adb5bd;--color-gray-600:#5c6670;--color-gray-700:#484f56;--color-gray-800:#353b41;--color-gray-900:#22262a;--color-black:#111827;--color-primary:var(--color-primary-500);--color-primary-500:#ea5a48;--color-secondary:var(--color-secondary-500);--color-secondary-500:#f1f1f1;--color-accent:var(--color-accent-500);--color-accent-500:#faa;--color-red:var(--color-red-500);--color-red-promotion:var(--color-red-500);--color-red-50:#ffe6e6;--color-red-100:#ff9e99;--color-red-200:#ff5f57;--color-red-300:#ff2f24;--color-red-400:#ff0d00;--color-red-500:#e60000;--color-red-600:#db0007;--color-red-700:#cc0007;--color-red-800:#990005;--color-red-900:#660003;--color-error:var(--color-error-500);--color-error-300:var(--color-red-300);--color-error-500:var(--color-red-500);--color-error-700:var(--color-red-700);--color-warning:var(--color-warning-500);--color-warning-300:#fec84b;--color-warning-500:#f79009;--color-warning-700:#b54708;--color-success:var(--color-success-500);--color-success-300:#6ce9a6;--color-success-500:#12b76a;--color-success-700:#027a48;--grid-2:repeat(2,minmax(0,1fr));--grid-3:repeat(3,minmax(0,1fr));--grid-4:repeat(4,minmax(0,1fr));--grid-5:repeat(5,minmax(0,1fr));--grid-6:repeat(6,minmax(0,1fr));--grid-7:repeat(7,minmax(0,1fr));--grid-8:repeat(8,minmax(0,1fr));--grid-9:repeat(9,minmax(0,1fr));--grid-10:repeat(10,minmax(0,1fr));--grid-11:repeat(11,minmax(0,1fr));--grid-12:repeat(12,minmax(0,1fr));--grid-page-width:var(--width-xl);--grid-page-gutter:5vw;--grid-page-main:2/3;--grid-page:minmax(var(--grid-page-gutter),1fr) minmax(0,var(--grid-page-width)) minmax(var(--grid-page-gutter),1fr);--grid-autofit-3:repeat(auto-fit,minmax(min(max(.6 * var(--width-content-max)/3,100%/4 + 1px),100%),1fr));--grid-autofit-4:repeat(auto-fit,minmax(min(max(.6 * var(--width-content-max)/4,100%/5 + 1px),100%),1fr));--text-xs:var(--weight-text) var(--scale-0) /1.5 var(--font-text);--text-sm:var(--weight-text) var(--scale-0) /1.5 var(--font-text);--text-md:var(--weight-text) var(--scale-0) /1.5 var(--font-text);--text-lg:var(--weight-text) var(--scale-1) /1.5 var(--font-text);--text-xl:var(--weight-text) var(--scale-2) /1.55 var(--font-text);--display-xs:var(--weight-display) var(--scale-0) /1.5 var(--font-text);--display-sm:var(--weight-display) var(--scale-1) /1.5 var(--font-text);--display-md:var(--weight-display) var(--scale-3) /1.5 var(--font-text);--display-lg:var(--weight-display) var(--scale-4) /1.3 var(--font-display);--display-xl:var(--weight-display) var(--scale-5) /1.3 var(--font-display);--display-2xl:var(--weight-display) var(--scale-7) /1.25 var(--font-display)}body{background:#f1f1f1;background:var(--color-secondary-500);color:#000;flex-direction:column;font:400 1rem/1.5 Space Grotesk Variable,sans-serif;font:var(--text-xs);margin:0;min-height:100vh;padding:0}body,main{display:flex}main{flex:1;flex-direction:column}a{color:inherit}small{font-size:.875rem;font-size:var(--scale-00)}section.content{padding:16px;padding:var(--size-4)}@media only screen and (max-width:825px){section.content{padding:15px}}.center{align-items:center;display:flex;flex-direction:column}h1{font-size:2.5rem;margin-bottom:2rem}h1,h2{font-weight:700;padding-bottom:.5rem}h2{border-bottom:2px solid #000;font-size:1.8rem;margin-bottom:1.5rem;margin-top:3rem}h3{font-size:1.4rem;font-weight:600;margin-bottom:1rem}.divider{color:#adb5bd;color:var(--color-gray-500);margin:16px 0;margin:var(--size-4) 0;position:relative;text-align:center}.divider:after,.divider:before{background-color:#dfe3e7;background-color:var(--color-gray-300);content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.btn-link,button{align-items:center;background:#fff;background:var(--color-white);border:2px solid #dfe3e7;border:2px solid var(--color-gray-300);border-radius:16px;box-shadow:5px 6px #c6ccd2;box-shadow:5px 6px var(--color-gray-400);color:#22262a;color:var(--color-gray-900);cursor:pointer;display:flex;font-weight:700;height:64px;justify-content:center;padding:0 16px;padding:0 var(--size-4)}.btn-link:hover,button:hover{transform:translateY(-1px)}button:disabled{background-color:#c6ccd2!important;background-color:var(--color-gray-400)!important;cursor:not-allowed}button.secondary{background-color:#f1f1f1;background-color:var(--color-secondary-500);color:#22262a;color:var(--color-gray-900)}button.secondary:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}button.success{background-color:#12b76a;background-color:var(--color-success);color:#fff;color:var(--color-white)}button.success:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}button.danger{background-color:#ff0d00;background-color:var(--color-red-400);color:#fff;color:var(--color-white)}button.danger:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.error-message{color:red}.error-message,.success-message{font-weight:700;margin-bottom:1rem;text-align:center}.success-message{color:green}.info-message{color:#ea5a48;color:var(--color-primary-500);font-weight:700;margin-bottom:1rem;text-align:center}.card{background-color:#eaedf0;background-color:var(--color-gray-200);border:2px solid #000;border-radius:16px;box-shadow:5px 6px #ea5a48;box-shadow:5px 6px var(--color-primary);color:#ea5a48;color:var(--color-primary);padding:0 1rem}p{line-height:1.6;margin-bottom:1.5rem}.tasks-board>p{text-align:center;width:100%}.task-list{background-color:#fff;border:1px solid #eaedf0;border:1px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);display:flex;flex-direction:column;flex-shrink:0;max-height:100%;width:320px}.task-list h3{border-bottom:1px solid #eaedf0;border-bottom:1px solid var(--color-gray-200);color:#ea5a48;color:var(--color-primary);flex-shrink:0;font-size:1.1rem;font-weight:600;margin:0;padding:12px 16px;padding:var(--size-3) var(--size-4)}.task-list ul{flex-grow:1;list-style-type:none;margin:0;overflow-y:auto;padding:0 16px;padding:0 var(--size-4)}.task-list li{align-items:flex-start;border-bottom:1px solid #eaedf0;border-bottom:1px solid var(--color-gray-200);color:#484f56;color:var(--color-gray-700);cursor:grab;display:flex;gap:8px;gap:var(--size-2);padding:12px 0;padding:var(--size-3) 0}.task-list li:last-child{border-bottom:none}.task-list li.completed .task-notes,.task-list li.completed .task-title{color:#adb5bd;color:var(--color-gray-500);-webkit-text-decoration:line-through;text-decoration:line-through}.task-list li.starred{background-color:#fffbe6}.task-list li.starred .task-content{border-left:3px solid #ffe666;padding-left:12px;padding-left:var(--size-3)}.task-list li input[type=checkbox]{flex-shrink:0;height:16px;height:var(--size-4);margin-top:5px;width:16px;width:var(--size-4)}.task-content{display:flex;flex:1;flex-direction:column;gap:4px;gap:var(--size-1);min-width:0}.task-title{color:#353b41;color:var(--color-gray-800);font-weight:600;font-weight:var(--weight-semibold);word-break:break-word}.task-due{color:#5c6670;color:var(--color-gray-600);font-size:.875rem;font-size:var(--scale-00);white-space:nowrap}.pomodoro-toggle-btn{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;color:#adb5bd;color:var(--color-gray-500);cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:400;height:auto;justify-content:center;margin-left:8px;margin-left:var(--size-2);padding:0;transition:transform .2s ease-in-out,color .2s ease-in-out}.pomodoro-toggle-btn:hover{color:#ea5a48;color:var(--color-primary);transform:scale(1.2)}.task-list li.date-group-header{background-color:#f3f5f7;background-color:var(--color-gray-100);border-bottom:1px solid #eaedf0;border-bottom:1px solid var(--color-gray-200);border-top:1px solid #eaedf0;border-top:1px solid var(--color-gray-200);cursor:default;display:block;margin:0 -16px;margin:0 calc(var(--size-4)*-1);padding:8px 16px;padding:var(--size-2) var(--size-4);position:sticky;top:0;z-index:1}.task-list ul>li.date-group-header:first-child{border-top:none}.task-list li.date-group-header h4{color:#484f56;color:var(--color-gray-700);font-size:.875rem;font-size:var(--scale-00);font-weight:600;font-weight:var(--weight-semibold);margin:0;padding:0}.spinner.svelte-1qvdvog{animation:svelte-1qvdvog-spin 1s linear infinite;border-radius:50%;border-top:4px solid var(--color-gray-500);border:4px solid var(--color-gray-500);border-top-color:var(--color-primary);height:var(--size-8);width:var(--size-8)}@keyframes svelte-1qvdvog-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.notifications.svelte-xaf3ue{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;left:0;margin:0 auto;padding:0;pointer-events:none;position:fixed;right:0;top:10px;z-index:9999}.toast.svelte-xaf3ue{flex:0 0 auto;margin-bottom:10px}.content.svelte-xaf3ue{color:#000;display:block;font-weight:500;padding:10px}