.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.vokabula-btn-lg{border-radius:4px;font-size:1.125rem;line-height:1.75rem;padding:.75rem 1.5rem}.vokabula-btn-primary{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vokabula-btn-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-width:2px}.vokabula-btn-primary{border-radius:4px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.vokabula-btn-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.vokabula-btn-primary{background-color:var(--vokabula-primary);border:1px solid var(--vokabula-primary);box-shadow:var(--vokabula-shadow-primary)}.vokabula-btn-primary:hover{background-color:var(--vokabula-primary-hover);border-color:var(--vokabula-primary-hover);box-shadow:var(--vokabula-shadow-primary-hover)}.vokabula-btn-secondary{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vokabula-btn-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-width:2px}.vokabula-btn-secondary{border-radius:4px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.vokabula-btn-secondary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.vokabula-btn-secondary{border:1px solid var(--vokabula-gray-main);box-shadow:var(--vokabula-shadow-gray);color:var(--vokabula-gray-text)}.vokabula-btn-secondary:hover{background-color:var(--vokabula-gray-light);border-color:var(--vokabula-gray-border)}.btn-primary{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-width:2px}.btn-primary{border-radius:4px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.btn-primary{background-color:var(--vokabula-primary);border:1px solid var(--vokabula-primary);box-shadow:var(--vokabula-shadow-primary)}.btn-primary:hover{background-color:var(--vokabula-primary-hover);border-color:var(--vokabula-primary-hover);box-shadow:var(--vokabula-shadow-primary-hover)}.btn-secondary{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-width:2px}.btn-secondary{border-radius:4px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.btn-secondary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.btn-secondary{border:1px solid var(--vokabula-gray-main);box-shadow:var(--vokabula-shadow-gray);color:var(--vokabula-gray-text)}.btn-secondary:hover{background-color:var(--vokabula-gray-light);border-color:var(--vokabula-gray-border)}.btn-success{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-success:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-success{border-radius:4px;--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-success:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.btn-success:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.btn-success{border:1px solid var(--color-green-600);box-shadow:var(--shadow-sm)}.modal-overlay{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));inset:0;position:fixed;--tw-bg-opacity:.5;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-content{border-radius:.5rem;position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.input-base{border-radius:.375rem;border-width:1px;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.input-base:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.input-base{background-color:var(--color-white);border-color:var(--vokabula-gray-border);color:var(--vokabula-gray-text)}.input-base:focus{border-color:var(--vokabula-primary);box-shadow:0 0 0 3px #820ad11a}.input-base:hover{border-color:var(--vokabula-gray-main)}.checkbox-base{border-radius:.25rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.checkbox-base:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.checkbox-base{accent-color:var(--vokabula-primary)!important;border-color:var(--vokabula-gray-border)}.checkbox-base:focus{box-shadow:0 0 0 3px #820ad11a!important}.checkbox-base:checked,.checkbox-base:focus{border-color:var(--vokabula-primary)!important}.checkbox-base:checked{background-color:var(--vokabula-primary)!important}.radio-base{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-base:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.radio-base{accent-color:var(--vokabula-primary)!important;border-color:var(--vokabula-gray-border)}.radio-base:focus{box-shadow:0 0 0 3px #820ad11a!important}.radio-base:checked,.radio-base:focus{border-color:var(--vokabula-primary)!important}.radio-base:checked{background-color:var(--vokabula-primary)!important}.select-base{border-radius:.375rem;border-width:1px;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.select-base:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.select-base{background-color:var(--color-white);border-color:var(--vokabula-gray-border);color:var(--vokabula-gray-text)}.select-base:focus{border-color:var(--vokabula-primary);box-shadow:0 0 0 3px #820ad11a}.select-base:hover{border-color:var(--vokabula-gray-main)}.textarea-base{font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;resize:vertical;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.textarea-base:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.textarea-base{background-color:var(--color-white);border:1px solid var(--vokabula-gray-border);border-radius:4px;box-shadow:var(--vokabula-shadow-gray);color:var(--vokabula-gray-text);min-height:80px}.textarea-base:focus{border-color:var(--vokabula-primary);box-shadow:0 0 0 3px #820ad11a,var(--vokabula-shadow-primary)}.textarea-base:hover{border-color:var(--vokabula-gray-main)}.card{background-color:var(--vokabula-card-bg);border:1px solid var(--vokabula-card-border);border-radius:4px;box-shadow:var(--vokabula-card-shadow);padding:1.5rem;transition:box-shadow .15s ease}.card:hover{box-shadow:var(--vokabula-card-shadow-hover)}.vokabula-active-item{border-bottom:3px solid var(--vokabula-primary);transition:all .15s ease}.vokabula-active-item,.vokabula-active-nav{background-color:var(--vokabula-primary-light)}.vokabula-active-nav{border-left:4px solid var(--vokabula-primary);color:var(--vokabula-primary);font-weight:500}.vokabula-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.vokabula-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.vokabula-container{padding-left:2rem;padding-right:2rem}}.vokabula-section{padding-bottom:3rem;padding-top:3rem}@media (min-width:640px){.vokabula-section{padding-bottom:4rem;padding-top:4rem}}@media (min-width:1024px){.vokabula-section{padding-bottom:5rem;padding-top:5rem}}.bg-vokabula-primary{background-color:var(--vokabula-primary)}.bg-vokabula-primary-light{background-color:var(--vokabula-primary-light)}.text-vokabula-primary{color:var(--vokabula-primary)}.border-vokabula-primary{border-color:var(--vokabula-primary)}@theme{--color-vokabula-50:oklch(.966 .019 302.3);--color-vokabula-100:oklch(.925 .043 301.73);--color-vokabula-200:oklch(.853 .085 302.16);--color-vokabula-300:oklch(.78 .133 302.44);--color-vokabula-400:oklch(.709 .182 303.12);--color-vokabula-500:oklch(.639 .234 303.32);--color-vokabula-600:oklch(.573 .285 303.75);--color-vokabula-700:oklch(.492 .252 303.74);--color-vokabula-800:oklch(.38 .195 303.42);--color-vokabula-900:oklch(.259 .133 304.17);--color-vokabula-950:oklch(.202 .103 303.49);--color-gray-50:oklch(.991 .001 287.33);--color-gray-100:oklch(.983 .003 286.82);--color-gray-200:oklch(.965 .005 286.53);--color-gray-300:oklch(.948 .008 286.39);--color-gray-400:oklch(.93 .011 286.3);--color-gray-500:oklch(.916 .013 286.22);--color-gray-600:oklch(.898 .016 286.14);--color-gray-700:oklch(.88 .019 286.06);--color-gray-800:oklch(.632 .063 284.48);--color-gray-900:oklch(.394 .078 282.2);--color-gray-950:oklch(.263 .052 282.25)}:root{--color-vokabula-50:oklch(.966 .019 302.3);--color-vokabula-100:oklch(.925 .043 301.73);--color-vokabula-200:oklch(.853 .085 302.16);--color-vokabula-300:oklch(.78 .133 302.44);--color-vokabula-400:oklch(.709 .182 303.12);--color-vokabula-500:oklch(.639 .234 303.32);--color-vokabula-600:oklch(.573 .285 303.75);--color-vokabula-700:oklch(.492 .252 303.74);--color-vokabula-800:oklch(.38 .195 303.42);--color-vokabula-900:oklch(.259 .133 304.17);--color-vokabula-950:oklch(.202 .103 303.49);--color-gray-50:oklch(.991 .001 287.33);--color-gray-100:oklch(.983 .003 286.82);--color-gray-200:oklch(.965 .005 286.53);--color-gray-300:oklch(.948 .008 286.39);--color-gray-400:oklch(.93 .011 286.3);--color-gray-500:oklch(.916 .013 286.22);--color-gray-600:oklch(.898 .016 286.14);--color-gray-700:oklch(.88 .019 286.06);--color-gray-800:oklch(.632 .063 284.48);--color-gray-900:oklch(.394 .078 282.2);--color-gray-950:oklch(.263 .052 282.25);--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-white:#fff;--color-black:#000;--color-green-600:#16a34a;--color-red-600:#dc2626;--color-yellow-600:#ca8a04;--vokabula-primary:#820ad1;--vokabula-primary-hover:#661499;--vokabula-primary-light:var(--color-gray-200);--vokabula-gray-light:var(--color-gray-200);--vokabula-gray-border:var(--color-gray-700);--vokabula-gray-main:#c8c8c8;--vokabula-gray-text:#333;--vokabula-card-bg:#fff;--vokabula-card-border:#e5e7eb;--vokabula-card-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--vokabula-card-shadow-hover:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--vokabula-shadow-primary:0 1px 3px 0 rgba(130,10,209,.1),0 1px 2px 0 rgba(130,10,209,.06);--vokabula-shadow-primary-hover:0 4px 6px -1px rgba(130,10,209,.1),0 2px 4px -1px rgba(130,10,209,.06);--vokabula-shadow-gray:0 1px 3px 0 rgba(156,163,175,.1),0 1px 2px 0 rgba(156,163,175,.06);--color-primary:var(--vokabula-primary);--color-primary-content:var(--vokabula-primary);--color-primary-fg:var(--color-white);--color-primary-hover:var(--vokabula-primary-hover);--color-primary-focus:var(--vokabula-primary);--color-secondary:var(--color-gray-600);--color-secondary-content:var(--color-gray-600);--color-secondary-fg:var(--color-white);--color-secondary-hover:var(--color-gray-700);--color-success:var(--color-green-600);--color-success-fg:var(--color-white);--color-error:var(--color-red-600);--color-error-fg:var(--color-white);--color-warning:var(--color-yellow-600);--color-warning-fg:var(--color-white);--color-background:var(--color-white);--color-foreground:var(--color-gray-900);--color-muted:var(--color-gray-100);--color-muted-fg:var(--color-gray-600);--color-border:var(--color-gray-300);--radius-field:.375rem;--radius-box:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--line-height-base:1.5}.hover\:bg-vokabula-primary-hover:hover:hover{background-color:var(--vokabula-primary-hover)}.hover\:text-vokabula-primary:hover{color:var(--vokabula-primary)}.hover\:text-vokabula-primary-hover:hover:hover{color:var(--vokabula-primary-hover)}.hover\:border-vokabula-primary:hover{border-color:var(--vokabula-primary)}.group:hover .group-hover\:text-vokabula-primary{color:var(--vokabula-primary)}