@import"https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@500;600&family=Inter:wght@300;400;500;600;700&family=Source+Code+Pro:wght@400;500;600&display=swap";:root{--radius-unit: .25rem;--rounded-none: 0;--rounded-sm: calc(var(--radius-unit) * .5);--rounded: calc(var(--radius-unit) * 1);--rounded-md: calc(var(--radius-unit) * 1.5);--rounded-lg: calc(var(--radius-unit) * 2);--rounded-xl: calc(var(--radius-unit) * 3);--rounded-2xl: calc(var(--radius-unit) * 4);--rounded-3xl: calc(var(--radius-unit) * 6);--rounded-full: 9999px}:root{--white: hsl(0 0% 100%);--neutral-50: hsl(0 0% 98%);--neutral-100: hsl(0 0% 96%);--neutral-200: hsl(0 0% 90%);--neutral-300: hsl(0 0% 83%);--neutral-400: hsl(0 0% 64%);--neutral-500: hsl(0 0% 45%);--neutral-600: hsl(0 0% 32%);--neutral-700: hsl(0 0% 25%);--neutral-800: hsl(0 0% 15%);--neutral-900: hsl(0 0% 9%);--neutral-950: hsl(0 0% 4%);--violet-50: hsl(250 100% 98%);--violet-100: hsl(251 91% 96%);--violet-200: hsl(251 95% 92%);--violet-300: hsl(252 95% 85%);--violet-400: hsl(255 92% 76%);--violet-500: hsl(258 90% 66%);--violet-600: hsl(262 83% 58%);--violet-700: hsl(263 70% 50%);--violet-800: hsl(263 69% 42%);--violet-900: hsl(264 67% 35%);--violet-950: hsl(261 73% 23%);--red-50: hsl(0 86% 97%);--red-100: hsl(0 93% 94%);--red-200: hsl(0 96% 89%);--red-300: hsl(0 94% 82%);--red-400: hsl(0 91% 71%);--red-500: hsl(0 84% 60%);--red-600: hsl(0 72% 51%);--red-700: hsl(0 74% 42%);--red-800: hsl(0 70% 35%);--red-900: hsl(0 63% 31%);--red-950: hsl(0 75% 16%);--yellow-50: hsl(55 92% 95%);--yellow-100: hsl(55 97% 88%);--yellow-200: hsl(53 98% 77%);--yellow-300: hsl(50 98% 64%);--yellow-400: hsl(48 96% 53%);--yellow-500: hsl(45 93% 48%);--yellow-600: hsl(41 96% 40%);--yellow-700: hsl(35 92% 33%);--yellow-800: hsl(32 81% 29%);--yellow-900: hsl(28 73% 26%);--yellow-950: hsl(26 83% 14%);--green-50: hsl(138 77% 97%);--green-100: hsl(141 84% 93%);--green-200: hsl(141 79% 85%);--green-300: hsl(142 77% 73%);--green-400: hsl(142 69% 58%);--green-500: hsl(142 71% 45%);--green-600: hsl(142 76% 36%);--green-700: hsl(142 72% 29%);--green-800: hsl(143 64% 24%);--green-900: hsl(144 61% 20%);--green-950: hsl(145 80% 10%);--sky-50: hsl(204 100% 97%);--sky-100: hsl(204 94% 94%);--sky-200: hsl(201 94% 86%);--sky-300: hsl(199 96% 74%);--sky-400: hsl(198 93% 60%);--sky-500: hsl(199 89% 48%);--sky-600: hsl(200 98% 39%);--sky-700: hsl(201 96% 32%);--sky-800: hsl(201 90% 28%);--sky-900: hsl(202 80% 24%);--sky-950: hsl(204 80% 16%);--background: var(--white);--foreground: var(--neutral-900);--primary: var(--violet-700);--primary-foreground: var(--white);--muted: var(--neutral-100);--muted-foreground: var(--neutral-600);--muted-foreground-subtle: hsl(0 0% 46%);--secondary: var(--neutral-100);--secondary-foreground: var(--neutral-800);--ring: var(--neutral-300);--primary-hover: hsl(263, 70%, 60%);--primary-active: hsl(263, 69%, 42%);--secondary-hover: hsl(0, 0%, 80%);--secondary-active: var(--neutral-400);--border: var(--neutral-300);--border-strong: var(--neutral-400);--background-hover: hsl(0, 0%, 90%);--background-active: var(--neutral-300);--info: var(--sky-50);--info-foreground: var(--sky-950);--info-border: var(--sky-600);--success: var(--green-50);--success-foreground: var(--green-950);--success-border: var(--green-950);--warning: var(--yellow-50);--warning-foreground: var(--yellow-950);--warning-border: var(--yellow-600);--danger: var(--red-50);--danger-foreground: var(--red-950);--danger-border: var(--red-600)}:root{--space-unit: .25rem;--spacing-0_5: calc(var(--space-unit) * .5);--spacing-1: calc(var(--space-unit) * 1);--spacing-1_5: calc(var(--space-unit) * 1.5);--spacing-2: calc(var(--space-unit) * 2);--spacing-2_5: calc(var(--space-unit) * 2.5);--spacing-3: calc(var(--space-unit) * 3);--spacing-3_5: calc(var(--space-unit) * 3.5);--spacing-4: calc(var(--space-unit) * 4);--spacing-5: calc(var(--space-unit) * 5);--spacing-6: calc(var(--space-unit) * 6);--spacing-7: calc(var(--space-unit) * 7);--spacing-8: calc(var(--space-unit) * 8);--spacing-9: calc(var(--space-unit) * 9);--spacing-10: calc(var(--space-unit) * 10);--spacing-11: calc(var(--space-unit) * 11);--spacing-12: calc(var(--space-unit) * 12);--spacing-14: calc(var(--space-unit) * 14);--spacing-16: calc(var(--space-unit) * 16);--spacing-20: calc(var(--space-unit) * 20);--spacing-24: calc(var(--space-unit) * 24);--spacing-28: calc(var(--space-unit) * 28);--spacing-32: calc(var(--space-unit) * 32);--spacing-36: calc(var(--space-unit) * 36)}:root{--text: Inter, Arial, sans-serif;--heading: Inter, Arial, sans-serif;--display: "Familjen Grotesk", Inter, Arial, sans-serif;--monospace: "Source Code Pro", monospace;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-8xl: 6rem;--font-9xl: 8rem;--leading-none: 1;--leading-4: 1rem;--leading-5: 1.25rem;--leading-6: 1.5rem;--leading-7: 1.75rem;--leading-8: 2rem;--leading-9: 2.25rem;--leading-10: 2.5rem;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em}:root{--width-xs: 20rem;--width-sm: 24rem;--width-md: 28rem;--width-lg: 32rem;--width-xl: 36rem;--width-2xl: 42rem;--width-3xl: 48rem;--width-4xl: 56rem;--width-5xl: 64rem;--width-6xl: 72rem;--width-7xl: 80rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*{padding:0;font:inherit}html,body,#root{min-height:100vh;height:0}body{font-family:var(--text);color:var(--foreground);background-color:var(--background);font-size:var(--font-base);line-height:var(--leading-6);accent-color:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--heading)}code{font-family:var(--monospace)}hr{margin-block:48px;border:none;border-top:1px solid var(--border)}:focus{outline-offset:4px;outline-color:var(--ring);outline-width:2px}label{color:var(--foreground);font-size:var(--font-sm);font-weight:500;line-height:var(--leading-none)}input:not([type=radio],[type=checkbox]),select,textarea{width:100%;height:var(--spacing-10);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--rounded-md);border:1px solid var(--border);background:var(--background);color:var(--foreground);font-size:var(--font-sm);line-height:var(--leading-6)}textarea{height:unset}input:disabled,select:disabled,textarea:disabled{opacity:.5}input::placeholder,select::placeholder,textarea::placeholder{color:var(--muted-foreground)}input::file-selector-button{padding:0 var(--spacing-1);border:none;background-color:transparent;border-radius:var(--rounded);color:var(--foreground);font-size:inherit;font-weight:500;line-height:inherit}button{cursor:pointer}._wrapper_kli3o_1{min-height:100%;display:grid;grid-template-rows:var(--spacing-16, 64px) 1fr}._header_kli3o_7{display:flex;max-width:var(--width-7xl, 1280px);width:100%;padding:0px var(--spacing-4, 16px);align-items:center;gap:var(--spacing-8, 32px);margin-left:auto;margin-right:auto}._logo_kli3o_18{display:flex;align-items:center;gap:4px;text-decoration-line:none;background:none;border:none;cursor:pointer;color:var(--foreground, #171717);font-size:var(--font-xl);font-weight:600;line-height:var(--leading-8)}._nav_kli3o_32{display:flex;align-items:center;gap:var(--spacing-4, 16px)}._nav-item_kli3o_38{display:flex;padding:var(--spacing-2, 8px) var(--spacing-3, 12px);justify-content:center;align-items:center;text-decoration-line:none;background:none;border:none;cursor:pointer;color:var(--foreground, #171717);font-size:var(--font-sm);font-weight:500;line-height:var(--leading-5);border-radius:var(--rounded-md, 6px)}._nav-item_kli3o_38:hover{background:var(--background-active, #f5f5f5)}._current_kli3o_61{background:var(--background-hover, #e6e6e6)}._main_kli3o_65{max-width:var(--width-7xl, 1280px);width:100%;padding:0px var(--spacing-4, 16px);margin-inline:auto}._wrapper_1ljw9_1{padding:var(--spacing-12, 48px) 0}._title_1ljw9_5{text-align:center;font-family:var(--display);font-size:var(--font-4xl);font-weight:600;line-height:var(--leading-none);margin-bottom:var(--spacing-4)}._description_1ljw9_16{text-align:center;font-size:var(--font-lg);line-height:var(--leading-8);margin-bottom:var(--spacing-4)}._rgb-wrapper_1ljw9_24{display:flex;justify-content:center;gap:var(--spacing-2, 8px);margin-bottom:var(--spacing-8)}._rgb_1ljw9_24{display:flex;width:var(--spacing-24, 96px);height:var(--spacing-24, 96px);padding:4px;flex-direction:column;justify-content:space-between;align-items:center;border-radius:var(--rounded, 4px);background:var(--background, #fff);border:4px solid}._color-number_1ljw9_45{text-align:center;font-size:var(--font-2xl);font-weight:700;line-height:var(--leading-8);display:flex;justify-content:center;align-items:center;flex:1 0 0}._color-name_1ljw9_57{text-align:center;font-size:var(--font-lg);line-height:var(--leading-8)}._dashboard_1ljw9_65{display:flex;justify-content:center;align-items:center;gap:var(--spacing-8, 32px);margin-bottom:var(--spacing-8)}._number-input_1ljw9_73{display:flex;align-items:center;gap:var(--spacing-2, 8px);color:var(--foreground, #171717)}._number-input_1ljw9_73>label{flex-shrink:0;color:var(--muted-foreground, #525252);font-size:var(--font-base);font-weight:400;line-height:var(--leading-7)}._game-status_1ljw9_90{font-size:var(--font-xl);font-weight:600;line-height:var(--leading-8);width:160px;text-align:center}._squares_1ljw9_98{display:flex;flex-wrap:wrap;justify-content:center;max-width:var(--width-md);margin-inline:auto;gap:8px}._square_1ljw9_98{border:none;cursor:pointer;width:var(--spacing-36, 144px);height:var(--spacing-36, 144px);border-radius:var(--rounded, 4px);transition:opacity .3s,background-color .15s}._button_10bix_1{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-2, 8px);flex-shrink:0;border-radius:var(--rounded-md, 6px);font-size:var(--font-sm);font-weight:500;line-height:var(--leading-5);color:var(--secondary-foreground, #262626);border:1px solid transparent;cursor:pointer}._button_10bix_1:disabled{opacity:.5}._primary_10bix_24{background:var(--primary, #6d28d9);color:var(--primary-foreground, #fff)}._primary_10bix_24:hover{background:var(--primary-hover, #8952e0)}._primary_10bix_24:active{background:var(--primary-active, #5b21b6)}._secondary_10bix_38{background:var(--secondary, #e5e5e5)}._secondary_10bix_38:hover{background:var(--secondary-hover, #ccc)}._secondary_10bix_38:active{background:var(--secondary-active, #a3a3a3)}._deleting_10bix_50{background:var(--red-400)}._outline_10bix_53{border:1px solid var(--border, #d4d4d4);background:var(--background, #fff)}._outline_10bix_53:hover{background:var(--background-hover, #e6e6e6)}._outline_10bix_53:active{background:var(--background-active, #f5f5f5)}._md_10bix_68{height:var(--spacing-10, 40px);padding:var(--spacing-2, 8px) var(--spacing-4, 16px)}._sm_10bix_73{height:var(--spacing-9, 36px);padding:var(--spacing-2, 8px) var(--spacing-3, 12px)}._lg_10bix_78{height:var(--spacing-11, 44px);padding:var(--spacing-2, 8px) var(--spacing-8, 32px)}._icon_10bix_83{width:var(--spacing-10, 40px);height:var(--spacing-10, 40px)}._wrapper_1xv92_1{padding:var(--spacing-12, 48px) 0}._title_1xv92_5{text-align:center;font-family:var(--display);font-size:var(--font-4xl);font-weight:600;line-height:var(--leading-none);margin-bottom:var(--spacing-4)}._description_1xv92_16{text-align:center;font-size:var(--font-lg);line-height:var(--leading-8);margin-bottom:var(--spacing-4)}._logout_1xv92_24{position:absolute;top:.8rem;right:1rem}._task-form_gstzr_1{display:flex;max-width:var(--width-xs, 320px);flex-direction:column;gap:var(--spacing-2, 8px);margin-inline:auto;margin-bottom:var(--spacing-8, 32px)}._tasks-wrapper_gstzr_10{display:grid;grid-template-columns:240px 1fr;max-width:var(--width-3xl, 768px);margin-inline:auto}._tasks-list_gstzr_17{display:flex;padding:var(--spacing-2, 8px) var(--spacing-4, 16px);flex-direction:column;gap:var(--spacing-4, 16px)}._task-wrapper_gstzr_24{display:flex;max-width:var(--width-md, 448px);justify-content:space-between;width:100%;align-items:flex-start;margin-inline:auto}._task-data_gstzr_33{display:flex;align-items:flex-start;gap:var(--spacing-2, 8px);flex-grow:1}._task-data_gstzr_33>input[type=checkbox]{margin-top:var(--spacing-2);flex-grow:0}._title-wrapper_gstzr_45{flex-grow:1}._task-title_gstzr_49{font-size:var(--font-lg);line-height:var(--leading-8);display:block}._task-due_date_gstzr_55{color:var(--muted-foreground, #525252);font-size:var(--font-sm);line-height:var(--leading-6)}._actions_gstzr_61{display:flex;gap:var(--spacing-2, 8px)}._aside_gstzr_66{display:flex;padding:var(--spacing-4, 16px) var(--spacing-2, 8px);flex-direction:column;gap:var(--spacing-4, 16px)}._input-group_gstzr_73{display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}._checkbox_gstzr_79{display:flex;align-items:center;gap:var(--spacing-2)}._wrapper_es1q3_1{display:flex;max-width:var(--width-xs, 320px);flex-direction:column;gap:var(--spacing-2, 8px);margin-inline:auto}._tabs_es1q3_9{display:flex;padding:var(--spacing-1, 4px) 0px;justify-content:center;gap:var(--spacing-8, 32px);border-radius:var(--rounded-lg, 8px);background:var(--muted, #f5f5f5);color:var(--muted-foreground, #525252)}._tabs_es1q3_9>button{border:none;width:var(--spacing-24, 96px);padding:var(--spacing-1, 4px) var(--spacing-3, 12px);border-radius:var(--rounded-lg, 8px);background:var(--muted, #f5f5f5)}button._active_es1q3_29{background:var(--background, #fff);color:var(--muted-foreground, #525252);font-weight:600}._form_es1q3_35{display:flex;padding:var(--spacing-4, 16px) var(--spacing-2, 8px);flex-direction:column;gap:var(--spacing-4, 16px)}._error-message_es1q3_42{color:var(--danger-border);text-align:center}._wrapper_1uzbb_1{display:flex;padding:var(--spacing-24, 96px) 0px;flex-direction:column;align-items:center;gap:var(--spacing-4, 16px)}._title_1uzbb_9{text-align:center;font-family:var(--display);font-size:var(--font-4xl);font-weight:600;line-height:var(--leading-none)}._name_1uzbb_17{color:var(--muted-foreground, #525252);text-align:center;font-size:var(--font-2xl);font-weight:700;line-height:var(--leading-8)}._buttons_1uzbb_26{display:flex;justify-content:center;gap:var(--spacing-4, 16px)}._buttons_1uzbb_26>button{width:120px}i{color:#818181}._error-page_1eoxk_7{display:flex;flex-direction:column;align-items:center;margin-top:8rem;height:100vh;gap:1rem}._error-page_1eoxk_7 h1{font-size:var(--font-6xl);line-height:var(--leading-10);margin-bottom:2rem}