.client-wrapper{display:flex;flex-direction:row;gap:var(--space-3);padding:var(--space-3);width:100vw;height:100vh;overflow:hidden;position:relative}.main-content-container{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background-color:rgb(from var(--color-surface) r g b/0);border-radius:var(--radius-lg);font-family:var(--font-content);padding:var(--space-6);margin:var(--space-5)}.burger-grid{display:none;position:fixed;top:var(--space-7);left:var(--space-7);z-index:30000}.go-to-main-button{align-self:flex-start;margin-right:auto}.message-field{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:22%;min-width:320px;max-width:90%;padding:var(--space-6);text-align:center;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.message-field .message p{color:var(--color-text);line-height:1.55}.confirm-delete-btn-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.button-confirm-delete{background-color:var(--color-error);color:#fff}.button-confirm-delete:hover{background-color:#b22}@media (max-width:768px){.client-wrapper{padding:0;gap:0}.main-content-container{border-radius:0;box-shadow:none;padding:var(--space-4)}.burger-grid{display:inline-flex;align-items:center;justify-content:center;top:var(--space-4);left:var(--space-4);padding:var(--space-2);background:transparent;border:none;color:#000;cursor:pointer}.go-to-main-button{margin:var(--space-4) 0 var(--space-2) 0}.message-field{width:80%;max-width:calc(100vw - 20px);padding:var(--space-5)}}*,:after,:before{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@layer reset, base, components, utilities, overrides;:root{--color-app-bg:#fbfbfb;--color-bg:#ffffff;--color-surface:#fffffc;--color-text:#262626;--color-line:#515151;--color-muted:#6b6b6b;--color-brand:#ffffff;--color-brand-hover:#dffdff;--color-brand-contrast:#262626;--color-title:#ff8a96;--color-border:#6b6b6b;--color-border-soft:#e5e5e5;--color-error:#d33;--color-success:#2a8a3e;--marker-yellow:#fef3c7;--marker-green:#d1fae5;--marker-blue:#dbeafe;--marker-pink:#fce7f3;--marker-to-do:#ffe8d6;--marker-done:#d6f5dd;--color-learn:#fce7f3;--color-learn-text:#a8478f;--color-learn-hover:#f8d3e6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:0.25rem;--radius-btn:0.375rem;--radius:15px;--radius-lg:1rem;--btn-bg:#ededed;--btn-bg-hover:#dcdcdc;--btn-primary-hover:#3d3d3d;--shadow-sm:none;--shadow:none;--shadow-lg:0 8px 24px rgb(0 0 0/0.06);--shadow-panel:2px 2px 5px rgba(0,0,0,0.1);--font-primary:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-content:Helvetica,"Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-jetbrains),"JetBrains Mono",Menlo,Monaco,"SF Mono","Courier New",monospace;--font-display:var(--font-nabla),system-ui,sans-serif;--color-white:var(--color-surface);--color-white-hover:var(--btn-bg-hover);--color-background:var(--color-app-bg);--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--page-gutter:max(16px,env(safe-area-inset-left),env(safe-area-inset-right));--page-gutter-x:calc(var(--page-gutter))}body{font-family:var(--font-primary);color:var(--color-text);line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;background-image:url(/background.svg);background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden}body,p{font-size:1rem}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1rem}button{font-family:var(--font-primary);font-size:.875rem;font-weight:500;color:var(--color-text);background-color:var(--btn-bg);border:none;border-radius:var(--radius-btn);padding:var(--space-2) var(--space-4);white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}button:hover{background-color:var(--btn-bg-hover)}button.primary{background-color:var(--color-line);color:var(--color-brand)}button.primary:hover{background-color:var(--btn-primary-hover)}button.secondary{background-color:var(--color-surface);color:var(--color-text);border:1.9px solid var(--btn-bg);border-radius:999px}button.secondary:hover{background-color:var(--btn-bg)}button.link{background:none;border:none;padding:0;color:var(--color-muted);text-decoration:underline;text-underline-offset:3px}button.link:hover{background:none;color:var(--color-text)}input:not([type]),input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{font-family:var(--font-primary);font-size:.875rem;color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}textarea{resize:vertical;min-height:100px}input:not([type]):focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-line)}::placeholder{color:var(--color-muted)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}label{display:block;font-weight:500;margin-bottom:var(--space-2)}a{color:inherit}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;border:2px solid #000;border-radius:0;background-color:var(--color-bg);cursor:pointer;display:inline-grid;place-content:center;flex-shrink:0}input[type=checkbox]:checked{background-color:var(--color-line)}input[type=checkbox]:checked:after{content:"";width:.3rem;height:.6rem;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}a:focus-visible,button:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--color-line);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}svg:hover{cursor:pointer}.topic-pill{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.15em var(--space-2);border-radius:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.topic-c0{color:#a8478f;background-color:#fce7f3}.topic-c1{color:#8a54a6;background-color:#f3e8ff}.topic-c2{color:#6a5cb0;background-color:#ede9fe}.topic-c3{color:#4b6cb0;background-color:#dbeafe}.topic-c4{color:#3d8893;background-color:#cffafe}.topic-c5{color:#4a9162;background-color:#d1fae5}.topic-c6{color:#7c9148;background-color:#ecfccb}.topic-c7{color:#9e8a45;background-color:#fef3c7}.topic-c8{color:#b56b45;background-color:#ffe8d6}.topic-c9{color:#b4515e;background-color:#fee2e2}.archive-icon,.trash-icon{width:16px;height:16px;flex-shrink:0;align-self:center}.plus-icon{flex-shrink:0}.toaster{font-family:var(--font-primary);font-size:.875rem}@layer overrides{@media (max-width:768px){:root{font-size:15px}body{font-size:.9375rem}}}.sets-control{justify-content:center;align-content:center}.manage-set-content{width:80%;margin:var(--space-5) auto 0 auto;padding:var(--space-2)}.manage-set-content,.manage-set-content-header{display:flex;flex-direction:column;justify-content:center}.manage-set-content-header{align-items:center;text-align:center;gap:var(--space-4)}.manage-set-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;padding:var(--space-5)}.manage-set-title.all-sets{text-align:left;padding:var(--space-2) 0 0 0}.manage-set-title.all-sets h2{font-size:1.1rem;font-weight:600}.no-words-in-set p{color:var(--color-muted);text-align:center}.wordlist-container{height:100%;width:100%}.wordlist-container ul{list-style:none;padding:0;margin:var(--space-5) 0;display:flex;flex-direction:column}.wordlist-item{display:flex;flex:1 1;align-items:center;gap:var(--space-4);width:100%;min-height:52px;font-size:.9375rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border-soft)}.wordlist-item:last-child{border-bottom:none}.wordlist-item:hover{background-color:#fafafa}.wordlist-item-back,.wordlist-item-front{flex:1 1;text-align:center;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--space-3) var(--space-2);overflow-wrap:break-word;overflow:hidden;cursor:pointer}.wordlist-item-archive,.wordlist-item-delete{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:999px;border:1.9px solid var(--btn-bg);background-color:var(--color-surface);color:var(--color-text);cursor:pointer}.wordlist-item-archive:hover{background-color:var(--btn-bg)}.wordlist-item-delete:hover{background-color:#fee2e2;color:#b4515e;border-color:#fee2e2}.editword-input-wrapper{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:nowrap}.editword-input-wrapper form{display:flex;gap:var(--space-3);flex:1 1}.editword-input-field{flex:1 1;text-align:center;font-size:.875rem;box-sizing:border-box}.switch{position:relative;display:inline-block;width:50px;height:28px;right:3px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;margin-top:3px;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-soft);transition:.15s ease;border-radius:34px;height:22px;width:40px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--color-line)}input:checked+.slider:before{transform:translateX(18px)}.add-word-form-manage-page{width:100%}.add-word-form-manage-page .add-word-field{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-5);width:100%}.add-word-form-manage-page .add-word-field legend{text-align:center;width:100%;font-weight:600}.add-word-form-manage-page .add-word-field label{margin:0;padding:0;display:flex;flex-direction:column;width:100%;align-items:center}.add-word-form-manage-page .add-word-field p{margin:var(--space-3) 0;font-size:.8125rem;color:var(--color-muted)}.add-word-form-manage-page .word-input-field{width:100%}.add-word-form-manage-page .separator-line{border-bottom:1px solid var(--color-border-soft);height:0;width:100%;margin:var(--space-4) 0}.add-word-form-manage-page .set-option-button-container{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);width:100%}.add-word-form-manage-page.all-sets{width:50%;text-align:left}.add-word-form-manage-page.all-sets p{align-self:flex-start}.manage-all-sets-set-container{width:80%}.add-to-title{margin-bottom:var(--space-4)}.sets-separator-line{border-bottom:1px solid var(--color-border-soft);width:100%}@media (max-width:768px){.manage-set-content{width:100%;align-items:center}.manage-all-sets-set-container{width:100%;margin-bottom:var(--space-5);padding:0 var(--space-2)}.manage-set-title{margin-bottom:var(--space-5);padding:var(--space-3)}.manage-set-content-header{width:100%}.wordlist-container{padding:0 var(--space-2)}.wordlist-item-back,.wordlist-item-front{font-size:.875rem;padding:var(--space-2)}.set-option-button-container{padding:0 var(--space-2);flex-wrap:wrap}}.sets-control{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:100%;width:100%;flex:1 1;min-height:0;padding:var(--space-2)}.your-sets-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:var(--space-4)}.sets-grid{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sets-grid>ul{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--space-6);max-width:100%;touch-action:pan-y}.options-grid{justify-content:space-between;gap:var(--space-3);width:100%;margin:var(--space-3) auto var(--space-6) auto;padding:0 var(--space-3)}.btn-add-set,.options-grid{display:flex;align-items:center}.btn-add-set{justify-content:center;background-color:var(--color-line);color:var(--color-brand)}.btn-add-set:hover{background-color:var(--btn-primary-hover)}.btn-cancel-create{background-color:var(--color-surface);border:1.9px solid var(--btn-bg);border-radius:999px;color:var(--color-text)}.btn-cancel-create:hover{background-color:var(--btn-bg)}.btn-create-sets{background-color:var(--color-line);color:var(--color-brand);margin-top:var(--space-3)}.btn-create-sets:hover{background-color:var(--btn-primary-hover)}.create-set-field{display:flex;justify-content:center;margin-bottom:var(--space-5)}.create-set-field label{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);font-weight:500}.dots-container{height:20px;width:100%;display:flex;flex-direction:row;justify-content:center;margin:0 auto}.dot{height:8px;width:8px;border-radius:100%;background-color:white;margin:0 var(--space-1)}@media (min-width:768px){.sets-grid{display:flex;justify-content:center}.dots-container{display:none}}@media (max-width:768px){.sets-control{padding:var(--space-3)}.sets-control h2{margin:var(--space-4) var(--space-2)}.sets-grid{overflow-x:visible;scroll-snap-type:none}.sets-grid .snap-list,.sets-grid>ul{display:flex;flex-wrap:nowrap;gap:var(--space-4);margin:0;padding-inline:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.sets-grid>ul::-webkit-scrollbar,.snap-list::-webkit-scrollbar{display:none}.snap-item{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}}
/*# sourceMappingURL=1262a92f8f8d2235.css.map*/