.todo-group-card[data-v-1a8fc09f]{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space);display:flex;flex-direction:column;gap:var(--space-s);transition:all .2s ease;cursor:pointer}.todo-group-card--clickable[data-v-1a8fc09f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.todo-group-card--clickable[data-v-1a8fc09f]:active{transform:translateY(0)}.todo-group-card__header[data-v-1a8fc09f]{display:flex;justify-content:space-between;align-items:flex-start}.todo-group-card__icon[data-v-1a8fc09f]{width:3rem;height:3rem;background-color:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.todo-group-card__actions[data-v-1a8fc09f]{display:flex;gap:var(--space-xs);opacity:0;transition:opacity .2s ease}.todo-group-card:hover .todo-group-card__actions[data-v-1a8fc09f]{opacity:1}.todo-group-card__title[data-v-1a8fc09f]{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-foreground)}.todo-group-card__stats[data-v-1a8fc09f]{display:flex;flex-direction:column;gap:var(--space-xs)}.todo-group-card__count[data-v-1a8fc09f]{font-size:.875rem;color:var(--color-foreground-secondary)}.todo-group-card__progress[data-v-1a8fc09f]{height:4px;background-color:var(--color-background-secondary);border-radius:2px;overflow:hidden}.todo-group-card__progress-bar[data-v-1a8fc09f]{height:100%;background-color:var(--color-success);transition:width .3s ease}.add-group-modal[data-v-63f9be82]{background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:500px;width:90vw;max-height:90vh;overflow-y:auto}.add-group-modal__header[data-v-63f9be82]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.add-group-modal__header h2[data-v-63f9be82]{margin:0;font-size:1.5rem;color:var(--color-foreground)}.add-group-modal__form[data-v-63f9be82]{display:flex;flex-direction:column;gap:var(--space-lg)}.add-group-modal__field[data-v-63f9be82]{display:flex;flex-direction:column;gap:var(--space-s)}.add-group-modal__field label[data-v-63f9be82]{font-weight:500;color:var(--color-foreground)}.add-group-modal__icon-grid[data-v-63f9be82]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-s)}.add-group-modal__icon-option[data-v-63f9be82]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.add-group-modal__icon-option[data-v-63f9be82]:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.add-group-modal__icon-option--selected[data-v-63f9be82]{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-text)}.add-group-modal__color-grid[data-v-63f9be82]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-s)}.add-group-modal__color-option[data-v-63f9be82]{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;position:relative}.add-group-modal__color-option[data-v-63f9be82]:hover{transform:scale(1.1)}.add-group-modal__color-option--selected[data-v-63f9be82]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid currentColor;border-radius:var(--radius)}.add-group-modal__actions[data-v-63f9be82]{display:flex;justify-content:flex-end;gap:var(--space);margin-top:var(--space)}.todo-groups[data-v-9bd379e3]{height:100%;display:flex;flex-direction:column;gap:var(--space);padding:var(--space)}.todo-groups__empty[data-v-9bd379e3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space);text-align:center;color:var(--color-foreground)}.todo-groups__empty h2[data-v-9bd379e3]{margin:0;font-size:1.5rem}.todo-groups__empty p[data-v-9bd379e3]{margin:0;opacity:.7}.todo-groups__grid[data-v-9bd379e3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space);align-content:start}.todo-item-card[data-v-f8a92854]{background-color:var(--color-primary);color:var(--color-primary-text);border:2px solid var(--color-accent);border-radius:var(--border-radius);padding:var(--space);display:flex;flex-direction:column;gap:var(--space-s);transition:all .2s ease;position:relative}.todo-item-card--clickable[data-v-f8a92854]{cursor:pointer}.todo-item-card--clickable[data-v-f8a92854]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.todo-item-card--clickable[data-v-f8a92854]:active{transform:scale(1.02)}.todo-item-card--completed[data-v-f8a92854]{opacity:.7;background-color:var(--color-success-light);border-color:var(--color-success)}.todo-item-card__image[data-v-f8a92854]{width:100%;aspect-ratio:1;border-radius:var(--radius-s);overflow:hidden;background-color:var(--color-background-secondary)}.todo-item-card__image img[data-v-f8a92854]{width:100%;height:100%;object-fit:cover}.todo-item-card__content[data-v-f8a92854]{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.todo-item-card__title[data-v-f8a92854]{margin:0;font-size:1rem;font-weight:500;color:var(--color-foreground);text-align:center}.todo-item-card__completed-badge[data-v-f8a92854]{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--color-success-text);font-size:1.5em;position:absolute;right:0;top:0;transform:translate(50%,-50%);background-color:var(--color-success);border-radius:50%}.todo-item-card__actions[data-v-f8a92854]{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:var(--space-xs);opacity:0;transition:opacity .2s ease;background-color:var(--color-background);border-radius:var(--radius-s);padding:var(--space-xs)}.todo-item-card:hover .todo-item-card__actions[data-v-f8a92854]{opacity:1}.check-off-animation[data-v-98b6d1ae]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.check-off-animation__backdrop[data-v-98b6d1ae]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000c}.check-off-animation__content[data-v-98b6d1ae]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space);z-index:1}.check-off-animation__checkmark[data-v-98b6d1ae]{color:var(--color-success-text);transform:scale(0);opacity:0;font-size:15vh;display:flex;align-items:center;justify-content:center;width:20vh;height:20vh;background-color:var(--color-success);box-shadow:.25em .25em .5em #00000080 inset,-.125em -.125em .25em #ffffff40 inset,.125em .125em .25em #0000001a;border-radius:50%}.check-off-animation__checkmark .icon[data-v-98b6d1ae]{filter:drop-shadow(0 0 .5em rgba(0,0,0,.5))}.check-off-animation__checkmark--animate[data-v-98b6d1ae]{animation:checkmark-pop-98b6d1ae .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.check-off-animation__title[data-v-98b6d1ae]{margin:0;font-size:3rem;font-weight:700;color:#fff;opacity:0;transform:translateY(20px)}.check-off-animation__title--animate[data-v-98b6d1ae]{animation:fade-in-up-98b6d1ae .6s ease-out .3s forwards}.check-off-animation__subtitle[data-v-98b6d1ae]{margin:0;font-size:1.5rem;color:#fff;opacity:.8;transform:translateY(20px)}.check-off-animation__subtitle--animate[data-v-98b6d1ae]{animation:fade-in-up-98b6d1ae .6s ease-out .4s forwards}.check-off-animation__confetti[data-v-98b6d1ae]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.check-off-animation__confetti-piece[data-v-98b6d1ae]{position:absolute;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:confetti-burst-98b6d1ae var(--duration) ease-out var(--delay) forwards}@keyframes checkmark-pop-98b6d1ae{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fade-in-up-98b6d1ae{to{opacity:1;transform:translateY(0)}}@keyframes confetti-burst-98b6d1ae{0%{transform:translate(-50%,-50%) rotate(0) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--distance) * cos(var(--angle))),calc(-50% + var(--distance) * sin(var(--angle)))) rotate(720deg) scale(0);opacity:0}}.check-animation-enter-active[data-v-98b6d1ae],.check-animation-leave-active[data-v-98b6d1ae]{transition:opacity .3s ease}.check-animation-enter-from[data-v-98b6d1ae],.check-animation-leave-to[data-v-98b6d1ae]{opacity:0}.add-todo-modal[data-v-a76e4bc3]{background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:500px;width:90vw;max-height:90vh;overflow-y:auto}.add-todo-modal__header[data-v-a76e4bc3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.add-todo-modal__header h2[data-v-a76e4bc3]{margin:0;font-size:1.5rem;color:var(--color-foreground)}.add-todo-modal__form[data-v-a76e4bc3]{display:flex;flex-direction:column;gap:var(--space-lg)}.add-todo-modal__field[data-v-a76e4bc3]{display:flex;flex-direction:column;gap:var(--space-s)}.add-todo-modal__field label[data-v-a76e4bc3]{font-weight:500;color:var(--color-foreground)}.add-todo-modal__image-upload[data-v-a76e4bc3]{position:relative}.add-todo-modal__image-preview[data-v-a76e4bc3]{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background-color:var(--color-background-secondary)}.add-todo-modal__image-preview img[data-v-a76e4bc3]{width:100%;height:100%;object-fit:cover}.add-todo-modal__image-preview button[data-v-a76e4bc3]{position:absolute;top:var(--space-s);right:var(--space-s)}.add-todo-modal__image-placeholder[data-v-a76e4bc3]{width:100%;aspect-ratio:16/9;border:2px dashed var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);cursor:pointer;position:relative;transition:all .2s ease}.add-todo-modal__image-placeholder[data-v-a76e4bc3]:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.add-todo-modal__image-placeholder p[data-v-a76e4bc3]{margin:0;color:var(--color-foreground-secondary)}.add-todo-modal__image-placeholder input[data-v-a76e4bc3]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.add-todo-modal__help-text[data-v-a76e4bc3]{margin:0;font-size:.875rem;color:var(--color-foreground-secondary)}.add-todo-modal__actions[data-v-a76e4bc3]{display:flex;justify-content:flex-end;gap:var(--space);margin-top:var(--space)}.todo-items[data-v-86aa05a1]{height:100%;display:flex;flex-direction:column;gap:var(--space);padding:var(--space);position:relative}.todo-items__empty[data-v-86aa05a1]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space);text-align:center;color:var(--color-foreground)}.todo-items__empty h2[data-v-86aa05a1]{margin:0;font-size:1.5rem}.todo-items__empty p[data-v-86aa05a1]{margin:0;opacity:.7}.todo-items__grid[data-v-86aa05a1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space);align-content:start;flex:1}.todo-items__progress[data-v-86aa05a1]{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space);border-top:1px solid var(--color-border)}.todo-items__progress-bar[data-v-86aa05a1]{height:8px;background-color:var(--color-background-secondary);border-radius:4px;overflow:hidden}.todo-items__progress-fill[data-v-86aa05a1]{height:100%;background-color:var(--color-success);transition:width .3s ease}.todo-items__progress-text[data-v-86aa05a1]{text-align:center;font-size:.875rem;color:var(--color-foreground-secondary)}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Light.woff2) format("woff2"),url(/fonts/Nunito-Light.woff) format("woff"),url(/fonts/Nunito-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Regular.woff2) format("woff2"),url(/fonts/Nunito-Regular.woff) format("woff"),url(/fonts/Nunito-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Medium.woff2) format("woff2"),url(/fonts/Nunito-Medium.woff) format("woff"),url(/fonts/Nunito-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-SemiBold.woff2) format("woff2"),url(/fonts/Nunito-SemiBold.woff) format("woff"),url(/fonts/Nunito-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Bold.woff2) format("woff2"),url(/fonts/Nunito-Bold.woff) format("woff"),url(/fonts/Nunito-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Yerevanyan;src:url(/fonts/Yerevanyan-Regular.woff2) format("woff2"),url(/fonts/Yerevanyan-Regular.woff) format("woff"),url(/fonts/Yerevanyan-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yerevanyan;src:url(/fonts/Yerevanyan-Bold.woff2) format("woff2"),url(/fonts/Yerevanyan-Bold.woff) format("woff"),url(/fonts/Yerevanyan-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-family-body: "Nunito", "Yerevanyan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Nunito", "Yerevanyan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--font-family-armenian: "Yerevanyan", "Nunito", "Arial Unicode MS", "Lucida Grande", sans-serif;--font-size: 1em;--font-size-m: 1em;--font-size-s: .75em;--font-size-l: 1.25em;--font-size-xl: 1.5em}:lang(hy){font-family:var(--font-family-armenian)}body[data-font-size=small]{font-size:16px}body[data-font-size=medium]{font-size:18px}body[data-font-size=large]{font-size:20px}body[data-font-size=xlarge]{font-size:24px}*{font-family:var(--font-family-body);font-size:var(--font-size, 1em)}.highlight{display:inline;position:relative}.highlight:before{background-color:var(--color-yellow);z-index:-1;content:"";left:50%;top:50%;width:100%;height:100%;border-radius:.25em;padding:var(--space-xs) var(--space-s);transform:translate(-50%,-50%);position:absolute}.heading,h1:not([class]),h2:not([class]),h3:not([class]),h4:not([class]),h5:not([class]),h6:not([class]){font-family:var(--font-family-heading);font-weight:var(--heading-font-weight, 600);font-size:var(--heading-font-size, 1.5em);line-height:var(--heading-line-height, 1.2);color:var(--heading-color, currentColor);margin:0;padding:0}.heading:has(.icon),h1:has(.icon):not([class]),h2:has(.icon):not([class]),h3:has(.icon):not([class]),h4:has(.icon):not([class]),h5:has(.icon):not([class]),h6:has(.icon):not([class]){display:flex;align-items:center;gap:.5em}.heading:has(.icon) .icon,h1:has(.icon):not([class]) .icon,h2:has(.icon):not([class]) .icon,h3:has(.icon):not([class]) .icon,h4:has(.icon):not([class]) .icon,h5:has(.icon):not([class]) .icon,h6:has(.icon):not([class]) .icon{font-size:var(--heading-icon-size, 1em)}.heading:has(strong),h1:has(strong):not([class]),h2:has(strong):not([class]),h3:has(strong):not([class]),h4:has(strong):not([class]),h5:has(strong):not([class]),h6:has(strong):not([class]){font-weight:400;color:var(--color, var(--foreground))}.heading:has(strong) strong,h1:has(strong):not([class]) strong,h2:has(strong):not([class]) strong,h3:has(strong):not([class]) strong,h4:has(strong):not([class]) strong,h5:has(strong):not([class]) strong,h6:has(strong):not([class]) strong{color:var(--foreground);font-weight:700}.heading--1,h1:not([class]){font-size:2.5em;line-height:1.2}.heading--2,h2:not([class]){font-size:2em;line-height:1.2}.heading--3,h3:not([class]){font-size:1.5em;line-height:1.2}.heading--4,h4:not([class]){font-size:1.25em;line-height:1.2}.heading--5,h5:not([class]){font-size:1em;line-height:1.2}.heading--6,h6:not([class]){font-family:var(--font-family-heading);font-size:.875em;line-height:1.2;text-transform:uppercase;letter-spacing:.1em}h1+*:not([class]),h1+.button,h1+.button-group,h2+*:not([class]),h2+.button,h2+.button-group,h3+*:not([class]),h3+.button,h3+.button-group,h4+*:not([class]),h4+.button,h4+.button-group,h5+*:not([class]),h5+.button,h5+.button-group,h6+*:not([class]),h6+.button,h6+.button-group,p+*:not([class]),p+.button,p+.button-group,.button-group+*:not([class]),.button-group+.button,.button-group+.button-group,hr+*:not([class]),hr+.button,hr+.button-group{margin-top:1em}p{line-height:1.5}p:first-child{font-size:1.1em}ul:not([class]){padding-left:1.5em;margin:1em 0;list-style-type:none}ul:not([class]) li{position:relative;margin-bottom:.5em;line-height:1.5}ul:not([class]) li:before{content:"";position:absolute;left:-1.5em;top:.5em;width:.5em;height:.5em;border-radius:50%;background-color:var(--color, var(--accent, currentColor))}ul:not([class]) li ul:not([class]){margin:.5em 0}ul:not([class]) li ul:not([class]) li:before{background-color:transparent;border:1px solid var(--color, var(--accent, currentColor))}ol:not([class]){padding-left:1.5em;margin:1em 0;counter-reset:item;list-style-type:none}ol:not([class]) li{position:relative;margin-bottom:.5em;line-height:1.5;counter-increment:item}ol:not([class]) li:before{content:counter(item) ".";position:absolute;left:-1.5em;top:0;color:var(--color, var(--accent, currentColor));font-weight:600}ol:not([class]) li ol:not([class]){margin:.5em 0;counter-reset:subitem}ol:not([class]) li ol:not([class]) li{counter-increment:subitem}ol:not([class]) li ol:not([class]) li:before{content:counter(item) "." counter(subitem)}:root{--color-dark: #18032a;--color-dark-text: color-mix(in srgb, hsl(272.3076923077, 86.6666666667%, 100%) 75%, #18032a);--color-light: #ffffff;--color-light-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, #ffffff);--color-accent-dark: #000000;--color-accent-dark-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, #000000);--color-accent-light: #edf2f5;--color-accent-light-text: color-mix(in srgb, hsl(202.5, 28.5714285714%, 0%) 60%, #edf2f5);--color-primary: #571ab4;--color-primary-text: color-mix(in srgb, hsl(263.7662337662, 74.7572815534%, 100%) 75%, #571ab4);--color-secondary: #ffd700;--color-secondary-text: color-mix(in srgb, hsl(50.5882352941, 100%, 0%) 60%, #ffd700);--color-tertiary: #7bcdff;--color-tertiary-text: color-mix(in srgb, hsl(202.7272727273, 100%, 0%) 60%, #7bcdff);--color-quaternary: #8aff84;--color-quaternary-text: color-mix(in srgb, hsl(117.0731707317, 100%, 0%) 60%, #8aff84);--color-quinary: #ff7dff;--color-quinary-text: color-mix(in srgb, hsl(300, 100%, 0%) 60%, #ff7dff);--color-success: #4fcf4f;--color-success-text: color-mix(in srgb, hsl(120, 57.1428571429%, 0%) 60%, #4fcf4f);--color-warning: #f6883a;--color-warning-text: color-mix(in srgb, hsl(24.8936170213, 91.2621359223%, 0%) 60%, #f6883a);--color-error: #ff4d5e;--color-error-text: color-mix(in srgb, hsl(354.2696629213, 100%, 100%) 75%, #ff4d5e);--color-info: #7bcdff;--color-info-text: color-mix(in srgb, hsl(202.7272727273, 100%, 0%) 60%, #7bcdff);--color-purple: #9049ce;--color-purple-text: color-mix(in srgb, hsl(272.030075188, 57.5757575758%, 100%) 75%, #9049ce);--color-blue: #7bcdff;--color-blue-text: color-mix(in srgb, hsl(202.7272727273, 100%, 0%) 60%, #7bcdff);--color-green: #4fcf4f;--color-green-text: color-mix(in srgb, hsl(120, 57.1428571429%, 0%) 60%, #4fcf4f);--color-lime: #8aff84;--color-lime-text: color-mix(in srgb, hsl(117.0731707317, 100%, 0%) 60%, #8aff84);--color-yellow: #ffc94b;--color-yellow-text: color-mix(in srgb, hsl(42, 100%, 0%) 60%, #ffc94b);--color-orange: #f6883a;--color-orange-text: color-mix(in srgb, hsl(24.8936170213, 91.2621359223%, 0%) 60%, #f6883a);--color-red: #ff4d5e;--color-red-text: color-mix(in srgb, hsl(354.2696629213, 100%, 100%) 75%, #ff4d5e);--color-pink: #ea7f9a;--color-pink-text: color-mix(in srgb, hsl(344.8598130841, 71.8120805369%, 100%) 75%, #ea7f9a);--color-brown: #4f332d;--color-brown-text: color-mix(in srgb, hsl(10.5882352941, 27.4193548387%, 100%) 75%, #4f332d);--color-gray: #b0b0b0;--color-gray-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, #b0b0b0);--color-black: #111111;--color-black-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, #111111);--color-white: #ffffff;--color-white-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, #ffffff);--color-turquoise: #63d4c7;--color-turquoise-text: color-mix(in srgb, hsl(173.0973451327, 56.783919598%, 0%) 60%, #63d4c7);--color-cyan: #baf0ff;--color-cyan-text: color-mix(in srgb, hsl(193.0434782609, 100%, 0%) 60%, #baf0ff);--color-indigo: #571ab4;--color-indigo-text: color-mix(in srgb, hsl(263.7662337662, 74.7572815534%, 100%) 75%, #571ab4);--color-violet: #dfbaff;--color-violet-text: color-mix(in srgb, hsl(272.1739130435, 100%, 0%) 60%, #dfbaff);--color-magenta: #e524b5;--color-magenta-text: color-mix(in srgb, hsl(314.9222797927, 78.7755102041%, 100%) 75%, #e524b5);--color-rose: #ff7dff;--color-rose-text: color-mix(in srgb, hsl(300, 100%, 0%) 60%, #ff7dff);--color-coral: #ff7d7d;--color-coral-text: color-mix(in srgb, hsl(0, 100%, 100%) 75%, #ff7d7d);--color-gold: #ffd700;--color-gold-text: color-mix(in srgb, hsl(50.5882352941, 100%, 0%) 60%, #ffd700);--color-silver: #c0c0c0;--color-silver-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, #c0c0c0);--color-bronze: #cd7f32;--color-bronze-text: color-mix(in srgb, hsl(29.8064516129, 60.7843137255%, 100%) 75%, #cd7f32);--color-dark-blue: #220d5c;--color-dark-blue-text: color-mix(in srgb, hsl(255.9493670886, 75.2380952381%, 100%) 75%, #220d5c);--space: 1em;--space-s: calc(var(--space) / 2);--border-radius: .5em;--spacing: clamp(2em, 8vw, 6em);--bezier: cubic-bezier(0, .75, .5, 1.5)}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-dark);--color-background-text: var(--color-light);--color-foreground: var(--color-light);--color-foreground-text: var(--color-dark);--color-accent: var(--color-accent-dark);--color-accent-text: var(--color-accent-dark-text);--color-accent-h: 0deg;--color-accent-s: 0%;--color-accent-l: 0%}}@media (prefers-color-scheme: light){:root{--color-background: var(--color-light);--color-background-text: var(--color-dark);--color-foreground: var(--color-dark);--color-foreground-text: var(--color-light);--color-accent: var(--color-accent-light);--color-accent-text: var(--color-accent-light-text);--color-accent-h: 202.5deg;--color-accent-s: 28.5714285714%;--color-accent-l: 94.5098039216%}}[data-theme=dark]{--color-background: var(--color-dark);--color-background-text: var(--color-light);--color-foreground: var(--color-light);--color-foreground-text: var(--color-dark);--color-accent: var(--color-accent-dark);--color-accent-text: var(--color-accent-dark-text);--color-accent-h: 0deg;--color-accent-s: 0%;--color-accent-l: 0%}[data-theme=light]{--color-background: var(--color-light);--color-background-text: var(--color-dark);--color-foreground: var(--color-dark);--color-foreground-text: var(--color-light);--color-accent: var(--color-accent-light);--color-accent-text: var(--color-accent-light-text);--color-accent-h: 202.5deg;--color-accent-s: 28.5714285714%;--color-accent-l: 94.5098039216%}*{margin:0;padding:0;box-sizing:border-box}ul,li,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p,blockquote,img,figure{margin:0}.content>p{line-height:1.75}.content>p:first-of-type{font-size:1.1em}.content>*+*{margin-top:var(--space)}.content dl:not([class]){display:flex;flex-direction:column;gap:var(--space-xs)}.content dl:not([class]) dd+dt{margin-top:.5em}.content dl:not([class]):has(dt~dt) dt{font-weight:700}.content dl:not([class]):has(dt~dt) dd{font-weight:300;opacity:.75}ul:not([class]){counter-reset:list}ul:not([class]) dd+dt{margin-top:1em}ul:not([class]):has(ul>li) li{counter-increment:name}ul:not([class]):has(ul>li) li:before{content:counter(name) ".";margin-right:.5em}a{color:currentColor;text-decoration:none}h1{font-size:calc(var(--spacing) * .75)}.dot{width:var(--dot-size, .5em);height:var(--dot-size, .5em);border-radius:50%;display:block;background-color:var(--dot-color, currentColor)}hr{width:100%;height:2px;background-color:var(--accent);color:var(--accent);border:none}:root{--space: 1em;--space-s: calc(var(--space) / 2);--space-xs: calc(var(--space) / 3);--space-l: calc(var(--space) * 2);--space-xl: calc(var(--space) * 3);--spacing: clamp(2em, 8vw, 6em);--border-radius-s: .5em;--border-radius: 1em;--border-radius-l: 1.5em;--bezier: cubic-bezier(0, .75, .5, 1.5);--max-post-width: 640px;--font-family-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace}body{--drop-shadow: 0 1px 2px 1px var(--drop-shadow-color, var(--accent))}.icon--star-m.icon--animated:hover svg{animation:ICON_STAR_M 1s ease-in-out forwards}@keyframes ICON_STAR_M{0%{transform:rotate(0)}25%,to{transform:rotate(72deg)}}.icon--graph-up.icon--animated:hover svg line{stroke-dashoffset:2em;stroke-dasharray:2em;animation:ICON_GRAPH_UP_LINES 1s linear forwards}@keyframes ICON_GRAPH_UP_LINES{0%{stroke-dashoffset:2em}to{stroke-dashoffset:0}}.icon--graph-up.icon--animated:hover svg line:nth-child(1){animation-delay:.1s}.icon--graph-up.icon--animated:hover svg line:nth-child(2){animation-delay:.2s}.icon--graph-up.icon--animated:hover svg line:nth-child(3){animation-delay:.3s}.icon--graph-up.icon--animated:hover svg line:nth-child(4){animation-delay:.4s}.icon--graph-up.icon--animated:hover svg line:nth-child(5){animation-delay:.5s}.icon--graph-up.icon--animated:hover svg line:nth-child(6){animation-delay:.6s}.icon--graph-up.icon--animated:hover svg polyline{stroke-dashoffset:5em;stroke-dasharray:5em;animation:ICON_GRAPH_UP_ARROW 1s linear forwards}@keyframes ICON_GRAPH_UP_ARROW{0%{stroke-dashoffset:5em}to{stroke-dashoffset:0}}.icon--temple.icon--animated:hover svg line:nth-child(1),.icon--temple.icon--animated:hover svg line:nth-child(2),.icon--temple.icon--animated:hover svg line:nth-child(3),.icon--temple.icon--animated:hover svg line:nth-child(4),.icon--temple2.icon--animated:hover svg line:nth-child(1),.icon--temple2.icon--animated:hover svg line:nth-child(2),.icon--temple2.icon--animated:hover svg line:nth-child(3),.icon--temple2.icon--animated:hover svg line:nth-child(4){color:red;fill:#00f;animation:ICON_TEMPLE_PILARS .5s ease-in-out forwards}@keyframes ICON_TEMPLE_PILARS{50%{stroke-dasharray:2em;stroke-dashoffset:-2em}0%,to{stroke-dasharray:2em;stroke-dashoffset:0em}}.icon--temple.icon--animated:hover svg path,.icon--temple2.icon--animated:hover svg path{animation:ICON_TEMPLE_ROOF .5s ease-in-out forwards}@keyframes ICON_TEMPLE_ROOF{50%{transform:translateY(50%)}0%,to{transform:translateY(0)}}.icon--chip.icon--animated:hover svg{animation:ICON_CHIP 1s ease-in-out infinite}@keyframes ICON_CHIP{0%{transform:rotate(0)}25%,to{transform:rotate(90deg)}}.icon--luggage.icon--animated:hover{overflow:hidden}.icon--luggage.icon--animated:hover svg{animation:ICON_LUGGAGE 1s ease-in-out forwards}@keyframes ICON_LUGGAGE{0%{transform:translate(0)}25%,49.9%{transform:translate(200%)}50%{transform:translate(-200%)}to{transform:translate(0)}}.icon--rocket.icon--animated{--animation-time: 5s}@keyframes ICON_ROCKET_FIRE_WIGGLE{0%,to{transform:translate(0)}50%{transform:translate(-5%,5%)}}.icon--rocket.icon--animated path:nth-child(6),.icon--rocket.icon--animated path:nth-child(2){animation:ICON_ROCKET_FIRE_WIGGLE var(--animation-time, 1s) ease-in-out infinite}.icon--rocket.icon--animated path:nth-child(2){stroke:none}.icon--rocket.icon--animated path:nth-child(6){--icon-stroke-color-secondary: var(--color-yellow)}.icon--rocket.icon--animated path:nth-child(2){--icon-fill: var(--color-orange);stroke:none}.icon--rocket.icon--animated:hover{--animation-time: 2s}.icon--three-dots.icon--animated svg circle{transform:scale(0);transform-box:fill-box;transform-origin:50% 50%}.icon--three-dots.icon--animated svg circle:nth-child(1){animation:THREE_DOTS_HORIZONTAL_ANIMATION 1s .33s infinite}.icon--three-dots.icon--animated svg circle:nth-child(2){animation:THREE_DOTS_HORIZONTAL_ANIMATION 1s .66s infinite}.icon--three-dots.icon--animated svg circle:nth-child(3){animation:THREE_DOTS_HORIZONTAL_ANIMATION 1s .99s infinite}@keyframes THREE_DOTS_HORIZONTAL_ANIMATION{to,0%{transform:scale(0)}50%{transform:scale(1)}}.icon--alarm-bell.icon--animated:hover svg{animation:ICON_ALARM_BELL .3s ease-in-out infinite}@keyframes ICON_ALARM_BELL{0%{transform:rotate(0)}50%{transform:rotate(-20deg)}to{transform:rotate(0)}}.icon--search-m.icon--animated:hover svg{animation:ICON_SEARCH 1s ease-in-out infinite;--icon-fill: var(--primary-rgb)}@keyframes ICON_SEARCH{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.icon--add-l.icon--animated:hover svg line:nth-child(1){animation:ICON_ADD_LINE_Y 2s ease-in-out infinite}.icon--add-l.icon--animated:hover svg line:nth-child(2){animation:ICON_ADD_LINE_X 2s ease-in-out infinite}@keyframes ICON_ADD_LINE_X{0%{transform:translate(-100%);opacity:0}20%,80%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes ICON_ADD_LINE_Y{0%{transform:translateY(-100%);opacity:0}20%,80%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.icon--music-note.icon--animated:hover svg{animation:ICON_MUSIC_NOTE 1s ease-in-out infinite;--icon-fill: var(--primary-rgb)}@keyframes ICON_MUSIC_NOTE{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-20%) rotate(-5deg)}40%{transform:translateY(0) rotate(5deg)}60%{transform:translateY(-15%) rotate(-3deg)}80%{transform:translateY(0) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.icon--compass.icon--animated:hover svg polygon{transform-origin:50% 50%;transform-box:fill-box;animation:ICON_COMPASS_POINTER 1s infinite}@keyframes ICON_COMPASS_POINTER{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon--terminal.icon--animated svg line{animation:ICON_TERMINAL_LINE_BLINK 2s ease-in-out infinite}@keyframes ICON_TERMINAL_LINE_BLINK{30%,70%{opacity:1}0%,to{opacity:0}}.icon--note-edit line{stroke-linecap:round}@keyframes ICONS_SETTINGS_LINE1{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:30}}@keyframes ICONS_SETTINGS_LINE2{0%{stroke-dashoffset:15}25%{stroke-dashoffset:30}75%{stroke-dashoffset:0}to{stroke-dashoffset:15}}@keyframes ICONS_SETTINGS_LINE3{0%,to{stroke-dashoffset:30}50%{stroke-dashoffset:0}}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg line:nth-child(1){animation:ICONS_SETTINGS_LINE1 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg line:nth-of-type(2){animation:ICONS_SETTINGS_LINE2 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg line:nth-of-type(3){animation:ICONS_SETTINGS_LINE3 1.5s linear infinite}@keyframes ICONS_SETTINGS_CIRCLE1{0%,to{transform:translate(0)}50%{transform:translate(-40%)}}@keyframes ICONS_SETTINGS_CIRCLE2{0%{transform:translate(-20%)}25%{transform:translate(-40%)}75%{transform:translate(0)}to{transform:translate(-20%)}}@keyframes ICONS_SETTINGS_CIRCLE3{0%,to{transform:translate(-40%)}50%{transform:translate(0)}}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg g:nth-of-type(1) circle{animation:ICONS_SETTINGS_CIRCLE1 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg g:nth-of-type(2) circle{animation:ICONS_SETTINGS_CIRCLE2 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg g:nth-of-type(3) circle{animation:ICONS_SETTINGS_CIRCLE3 1.5s linear infinite}.icon--settings5.icon--animated svg line:nth-child(1){stroke-dashoffset:0}.icon--settings5.icon--animated svg line:nth-of-type(2){stroke-dashoffset:15}.icon--settings5.icon--animated svg line:nth-of-type(3){stroke-dashoffset:30}.icon--settings5.icon--animated svg g:nth-of-type(1) circle{transform:translate(0)}.icon--settings5.icon--animated svg g:nth-of-type(2) circle{transform:translate(-20%)}.icon--settings5.icon--animated svg g:nth-of-type(3) circle{transform:translate(-40%)}*:has(>.icon--arrow-left.icon--animated):hover .icon--arrow-left.icon--animated svg{animation:ICON_ARROW_LEFT .3s ease-in-out forwards}@keyframes ICON_ARROW_LEFT{0%{transform:translate(0)}50%{transform:translate(-50%)}to{transform:translate(0)}}*:has(>.icon--arrow-right.icon--animated):hover .icon--arrow-right.icon--animated svg{animation:ICON_ARROW_RIGHT .3s ease-in-out forwards}@keyframes ICON_ARROW_RIGHT{0%{transform:translate(0)}50%{transform:translate(50%)}to{transform:translate(0)}}*:has(>.icon--arrow-up.icon--animated):hover .icon--arrow-up.icon--animated svg{animation:ICON_ARROW_UP .3s ease-in-out forwards}@keyframes ICON_ARROW_UP{0%{transform:translateY(0)}50%{transform:translateY(-50%)}to{transform:translateY(0)}}*:has(>.icon--arrow-down.icon--animated):hover .icon--arrow-down.icon--animated svg{animation:ICON_ARROW_DOWN .3s ease-in-out forwards}@keyframes ICON_ARROW_DOWN{0%{transform:translateY(0)}50%{transform:translateY(50%)}to{transform:translateY(0)}}*:has(>.icon--arrow-up-left.icon--animated):hover .icon--arrow-up-left.icon--animated svg{animation:ICON_ARROW_UP_LEFT .3s ease-in-out forwards}@keyframes ICON_ARROW_UP_LEFT{0%{transform:translate(0)}50%{transform:translate(-50%,-50%)}to{transform:translate(0)}}body,html{margin:0;background:var(--color-background);height:100vh;scroll-snap-type:y mandatory;overflow-x:hidden}body{background-color:var(--color-accent);background-image:radial-gradient(ellipse at center,var(--color-background) 0%,var(--color-background) 50%,var(--color-accent) 100%);background-attachment:fixed;background-size:100% 100%;color:var(--color-foreground);padding:0;margin:0;font-size:clamp(16px,1.25vw,24px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(0,0,0,.1)}@media screen and (max-width: 66em){.hide-mobile{display:none}}.id{font-size:.875em;font-family:Courier New,Courier,monospace;background-color:color-mix(in srgb,var(--color-accent),transparent 75%);width:fit-content;padding:var(--space-xs);border-radius:4px;border:1px solid color-mix(in srgb,var(--color-primary),var(--color-accent) 50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}