/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}body{background-color:#f3c887;background-image:radial-gradient(at 50% 26%,#7e492b30 0%,#8e522c24 42%,#9c5b2d0f 72%,#0000 100%),linear-gradient(#a6653912,#884c261a),url(/autumn-vocab-background.png);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:stretch;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}#root{width:100%}.container-vocabapp{--app-surface:#fffaf1ad;--app-surface-soft:#ffffff4d;--app-border:#ffffff8f;--app-divider:#8e522a24;-webkit-backdrop-filter:blur(24px)saturate(112%);color:#4a2c12;isolation:isolate;z-index:1;background:linear-gradient(145deg,#fff4e475,#e2915b57);border:1px solid #ffffff61;border-radius:26px;flex:1 0;align-self:flex-start;width:100%;min-width:min(900px,100%);max-width:1080px;margin:0 auto;padding:26px;position:relative;box-shadow:0 24px 58px #6433161f,inset 0 1px #ffffff75}h2{color:#6b3a1f;letter-spacing:.3px;text-align:center;text-shadow:none;margin-bottom:20px;font-family:Segoe UI,sans-serif;font-size:1.25rem;font-weight:700}h3{color:#34495e;border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px;font-size:1.75rem;font-weight:700}label{color:#334155;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}button{color:#fff;cursor:pointer;background-image:linear-gradient(90deg,#6a05ad 0%,#a44cd8 100%);border:none;border-radius:10px;padding:14px 25px;font-size:1.05rem;font-weight:700;box-shadow:0 4px 10px #6a05ad4d}button:hover{background-image:linear-gradient(90deg,#6fc7b8 0%,#1da360 100%);transform:translateY(-2px);box-shadow:0 6px 15px #05ad3d66}.auth-wrapper{z-index:100;background-color:#f3c887;background-image:radial-gradient(at 50% 26%,#7e492b30 0%,#8e522c24 42%,#9c5b2d0f 72%,#0000 100%),linear-gradient(#a6653912,#884c261a),url(/autumn-vocab-background.png);background-position:top;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.falling-leaves{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.falling-leaves-app{z-index:0;position:fixed}.falling-leaf{color:#c45a2d;opacity:0;filter:drop-shadow(0 3px 3px #5c2f1b1f);will-change:transform, opacity;animation-name:autumnLeafFall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-12%}.falling-leaf svg{transform-origin:50% 28%;width:100%;height:auto;animation:3.8s ease-in-out infinite alternate autumnLeafSway;display:block}.falling-leaf:nth-child(2n) svg{animation-duration:4.6s;animation-direction:alternate-reverse}@keyframes autumnLeafFall{0%{opacity:0;transform:translate(-8px,-8vh)rotate(0)}10%{opacity:.68}48%{opacity:.62;transform:translate(28px,55vh)rotate(170deg)}82%{opacity:.52}to{opacity:0;transform:translate(-20px,118vh)rotate(350deg)}}@keyframes autumnLeafSway{0%{transform:translate(-8px)rotate(-14deg)}to{transform:translate(10px)rotate(16deg)}}@media (prefers-reduced-motion:reduce){.falling-leaf{display:none}}.glass-card{z-index:2;-webkit-backdrop-filter:blur(16px);background:#ffffff47;border:1px solid #ffffff73;border-radius:24px;width:100%;max-width:400px;margin:20px;padding:40px 35px;position:relative;box-shadow:0 8px 32px #6b351540}.glass-card h1{color:#6b3a1f;text-align:center;letter-spacing:.5px;margin-bottom:12px;font-size:1.5rem;font-weight:700}.glass-card .auth-subtitle{text-align:center;color:#7c4a26;margin-bottom:25px;font-size:.9rem}.auth-input-group{margin-bottom:18px}.auth-input-group label{color:#6b3a1f}input.auth-input{box-sizing:border-box;color:#4a2c12;background:#ffffff8c;border:1px solid #fff9;border-radius:12px;width:100%;padding:13px 18px;font-size:1rem}input.auth-input::placeholder{color:#a47551}input.auth-input:focus{background:#ffffffd9;border-color:#c9701f;outline:none;box-shadow:0 0 0 3px #c9701f40}.auth-submit-btn{background-image:linear-gradient(90deg,#c9701f 0%,#e8a33d 100%);width:100%;height:45px;margin-top:8px;padding:0 25px;font-size:1.05rem;box-shadow:0 4px 14px #c9701f66}.auth-submit-btn:hover{background-image:linear-gradient(90deg,#b5601a 0%,#d6912f 100%);transform:translateY(-2px);box-shadow:0 6px 18px #b4601a73}.auth-switch-text{text-align:center;color:#6b3a1f;margin-top:20px;font-size:.9rem}.auth-link{color:#b5601a;cursor:pointer;font-weight:700;text-decoration:underline}.auth-forgot{text-align:right;color:#a4571a;cursor:pointer;margin-top:-8px;margin-bottom:18px;font-size:.85rem;display:block}.auth-error,.auth-success{text-align:center;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;display:none}.auth-error{color:#991b1b;background:#dc26261f;border:1px solid #dc262666}.auth-success{color:#15803d;background:#2299541f;border:1px solid #22995466}.auth-actions{z-index:999;flex-direction:row;align-items:center;gap:6px;display:flex;position:absolute;top:24px;right:26px}#logoutBtn{color:#6b3a1f;box-shadow:none;background:#e8a33d1f;border:1px solid #ffffff80;border-radius:7px;padding:5px 12px;font-size:.81rem;font-weight:500;line-height:1.2;position:relative}#logoutBtn:hover{background:#ddd8d89e;transform:translateY(-1px);box-shadow:0 8px 20px #6b351538}.container-vocabapp .update-bell-button{color:#7c4526;background:#fff4e061;border:1px solid #ffffff94;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .16s,background-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 5px 14px #6734181a,inset 0 1px #ffffff9e}.container-vocabapp .update-bell-button:hover,.container-vocabapp .update-bell-button[aria-expanded=true]{color:#9b4c1d;background:#ffeed19e;transform:translateY(-1px);box-shadow:0 7px 18px #67341824,inset 0 1px #ffffffb8}.update-bell-button svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.update-bell-button:hover svg,.update-bell-button[aria-expanded=true] svg{transform-origin:50% 12%;animation:.48s ease-in-out updateBellRing}.update-bell-badge{background:#cf6d35;border:1.5px solid #fff6e5f2;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #cf6d351f}@keyframes updateBellRing{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}55%{transform:rotate(9deg)}78%{transform:rotate(-4deg)}}.update-notification-slot:empty{display:none}.update-notification-slot{margin:0 0 14px}.update-notice{color:#57341f;background:#fff7e8b8;border:1px solid #ffffff94;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;animation:.22s ease-out updateNoticeReveal;display:grid;position:relative;box-shadow:0 12px 30px #6632141a,inset 0 1px #ffffffad}@keyframes updateNoticeReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.update-notice-icon{color:#a35325;background:#e18f4924;border:1px solid #b7622a29;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.update-notice-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.update-notice-content{min-width:0}.update-notice-meta{color:#a26036;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:3px;font:.62rem/1.2 monospace;display:flex}.update-notice-meta span+span{color:#8a4a25;letter-spacing:.02em;text-transform:none;background:#e08f4c1f;border:1px solid #b25d2621;border-radius:999px;padding:2px 6px}.container-vocabapp .update-notice h3{color:#55331f;border:0;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;font-size:.91rem;font-weight:600;line-height:1.35}.container-vocabapp .update-notice p{color:#76533b;white-space:pre-wrap;margin:4px 0 0;font-family:Inter,Segoe UI,sans-serif;font-size:.8rem;line-height:1.5}.container-vocabapp .update-notice-action{color:#74401f;box-shadow:none;white-space:nowrap;background:#edaa662e;border:1px solid #a8541f2e;border-radius:9px;align-self:center;padding:7px 13px;font-family:Inter,Segoe UI,sans-serif;font-size:.76rem;font-weight:600;line-height:1.2}.container-vocabapp .update-notice-action:hover{color:#663719;background:#edaa664d;transform:translateY(-1px);box-shadow:0 5px 12px #7038161a}@media (width<=640px){.auth-actions{top:16px;right:16px}.update-notice{grid-template-columns:auto minmax(0,1fr);align-items:start}.container-vocabapp .update-notice-action{grid-column:2;justify-self:start}}.container-vocabapp h2{color:#5e3d2b;text-shadow:0 1px #ffffff59;margin:0 120px 18px;font-size:1rem;font-weight:500}.container-vocabapp h2 span{color:#8a4518;font-weight:700}.container-vocabapp input[type=text]::placeholder,.container-vocabapp textarea::placeholder{color:#a47551}.app-footer{color:#6b3515;text-align:right;pointer-events:none;z-index:0;font-size:.75rem;line-height:1.6;position:fixed;bottom:16px;right:20px}.translator-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:20px;margin-bottom:18px;overflow:hidden;box-shadow:0 14px 34px #68301214,inset 0 1px #fff6}.translator-toolbar{border-bottom:1px solid var(--app-divider);background:linear-gradient(90deg,#ffffff1f,#ffefd712);align-items:center;gap:12px;min-height:52px;padding:0 18px;display:flex}.language-select{color:#6e3920;box-sizing:border-box;background:#fff6e770;border:1px solid #b167343d;border-radius:10px;align-items:center;gap:7px;min-width:112px;height:34px;padding:0 10px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 4px 10px #70391b14,inset 0 1px #ffffff94}.language-select:hover{background:#fff6e794;border-color:#a85c2a57;transform:translateY(-1px);box-shadow:0 5px 13px #70391b1c,inset 0 1px #ffffffa8}.language-select small{color:#a86d43;text-transform:uppercase;font:.58rem/1 monospace}.language-select strong{flex:1;font-size:.8rem;font-weight:600;line-height:1}.dropdown-chevron{border-bottom:1px solid #9a6748;border-right:1px solid #9a6748;flex:0 0 5px;width:5px;height:5px;position:relative;top:-1px;transform:rotate(45deg)}.swap-icon{color:#8e4b27;justify-content:center;align-items:center;width:18px;font-size:1rem;line-height:1;display:inline-flex}.translation-grid{background:0 0;grid-template-columns:1fr 1fr;min-height:230px;display:grid}.translation-pane{flex-direction:column;min-width:0;display:flex;position:relative}.translation-pane:first-child{border-right:1px solid #a55d2a24}.pane-heading{border-bottom:1px solid #a55d2a1f;justify-content:space-between;align-items:center;min-height:36px;padding:0 20px;display:flex}.pane-heading label,.example-panel label{color:#a1643d;letter-spacing:.09em;text-transform:uppercase;margin:0;font:.68rem/1.2 monospace}.clear-word{color:#9f6640!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:2px 6px!important;font-size:1.15rem!important}.word-input-wrap{flex:1;position:relative}.container-vocabapp .translation-pane input[type=text],.container-vocabapp .translation-pane textarea{box-sizing:border-box;color:#3e281c;width:100%;height:100%;min-height:150px;box-shadow:none;resize:none;text-align:left;vertical-align:top;background:0 0;border:0;border-radius:0;padding:17px 20px;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;font-weight:400;line-height:1.45}.container-vocabapp .translation-pane input[type=text]:focus,.container-vocabapp .translation-pane textarea:focus{box-shadow:none;background:#ffffff21;border:0;outline:none}.character-count{color:#8b53306b;font:.7rem monospace;position:absolute;bottom:12px;right:20px}.translation-status{color:#a4571a;font-size:.72rem}.example-panel{border-top:1px solid #a55d2a24;padding:13px 20px 14px;animation:.18s ease-out exampleReveal}.example-list{gap:8px;margin-top:10px;display:grid}.example-card{color:#4b2d1c;background:#edae7429;border:1px solid #c168293d;border-radius:11px;align-items:flex-start;gap:11px;min-height:42px;padding:11px 13px;display:flex}.example-content{flex:1;min-width:0}.example-card p{margin:0;line-height:1.45}.example-english{color:#4b2d1c;font-size:.86rem}.example-vietnamese{color:#8b644a;font-size:.75rem;font-style:italic;margin-top:4px!important}.example-number{color:#bd6e3e;flex:0 0 14px;font:.72rem/1.7 monospace}.example-card mark{color:inherit;background:#d56f353d;border-radius:3px;padding:1px 2px}.example-placeholder{color:#9a704f;align-items:center;min-height:40px;padding-top:9px;padding-bottom:9px}.example-placeholder p{margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:.76rem;font-style:italic;font-weight:400;line-height:1.35}.example-placeholder .example-number{align-self:center;line-height:1.35}@keyframes exampleReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.translator-footer{border-top:1px solid var(--app-divider);background:#ffffff0f;justify-content:center;padding:18px 20px 14px;display:flex}.container-vocabapp .translator-footer .save-button{color:#6e391d;border:1px solid #a458264d;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:0;margin:0;padding:8px 17px;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex;background:#d8934e47!important;box-shadow:0 7px 18px #753e1c1a,inset 0 1px #ffffff6b!important}.container-vocabapp .translator-footer .save-button:hover{color:#592b14;border-color:#97481b66;transform:translateY(-1px);background:#d0843a61!important;box-shadow:0 9px 22px #753e1c24,inset 0 1px #ffffff75!important}.save-icon{flex:0 0 17px;width:17px;height:17px}.suggestions-inline{background:#fff8e985;border-top:1px solid #a55d2a1f;align-items:center;gap:10px;min-height:46px;padding:8px 20px;animation:.15s ease-out exampleReveal;display:flex}.usage-warning{background:#ebb4681c;border-top:1px solid #b1682f24;align-items:center;gap:12px;padding:9px 20px;display:flex}.usage-badges{flex-wrap:wrap;flex:none;gap:5px;display:flex}.usage-badges span,.saved-usage-label{color:#88451f;background:#e59c5436;border:1px solid #ba6b3340;border-radius:999px;padding:3px 8px;font-family:Inter,Segoe UI,sans-serif;font-size:.67rem;font-weight:500;line-height:1.25}.usage-warning p{color:#916b50;margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:.72rem;line-height:1.4}.suggestions-label{color:#a47c62;white-space:nowrap;flex:none;font-size:.72rem}.suggestion-chips{scrollbar-width:thin;scrollbar-color:#b1622b59 transparent;gap:7px;min-width:0;padding:2px 1px 4px;display:flex;overflow-x:auto}.container-vocabapp .suggestions-inline .suggestion-chip{white-space:nowrap;border-radius:999px;flex:none;margin:0;padding:6px 11px;font-family:Inter,Segoe UI,sans-serif;font-size:.76rem;font-weight:400;line-height:1.2;color:#7f604d!important;background:#fffaf075!important;border:1px solid #a6734f2e!important;box-shadow:0 1px 3px #73482b0d!important}.container-vocabapp .suggestions-inline .suggestion-chip:hover{color:#674632!important;background:#efd3b047!important;border-color:#a6653647!important;transform:none!important;box-shadow:0 2px 5px #73482b12!important}@media (width<=720px){body{padding:10px}.container-vocabapp{min-width:0;padding:16px}.container-vocabapp h2{text-align:left;margin:6px 90px 16px 0}.translator-toolbar{gap:9px;padding:10px 12px}.language-select{flex:1;min-width:0}.translation-grid{grid-template-columns:1fr}.translation-pane:first-child{border-bottom:1px solid #a55d2a24;border-right:0}.translation-pane{min-height:180px}.suggestions-inline{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 14px}.suggestion-chips{width:100%}.app-footer{display:none}}.saved-vocab-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:20px;margin-bottom:26px;overflow:hidden;box-shadow:0 14px 34px #68301214,inset 0 1px #fff6}.saved-vocab-header{border-bottom:1px solid var(--app-divider);background:linear-gradient(90deg,#ffffff1f,#ffefd712);justify-content:space-between;align-items:center;min-height:52px;padding:0 20px;display:flex}.container-vocabapp .saved-vocab-header h3{color:#57331f;border:0;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;font-weight:650}.saved-vocab-header>span{color:#9d755c;font-size:.72rem}.saved-empty{color:#98745d;text-align:center;margin:0;padding:28px 20px;font-size:.82rem}.saved-vocab-item{border-bottom:1px solid #a55d2a21;padding:17px 20px 15px}.saved-vocab-item:last-child{border-bottom:0}.saved-word-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.saved-word-content{min-width:0}.saved-word-line{color:#4b2d1c;flex-wrap:wrap;align-items:center;gap:7px;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;line-height:1.45;display:flex}.saved-word-line>strong{font-family:Inter,Segoe UI,sans-serif;font-size:1.05rem;font-weight:600}.saved-arrow{color:#ba7b54}.saved-definition{color:#c85826;font-weight:500}.saved-meta{color:#b08b73;flex-wrap:wrap;align-items:center;gap:9px;margin-top:7px;font:.67rem/1.35 monospace;display:flex}.saved-pos{color:#9a512c;background:#df914f21;border-radius:999px;padding:3px 8px}.saved-usage-label{color:#955327!important;font-family:Inter,Segoe UI,sans-serif!important}.container-vocabapp .saved-speak-btn,.container-vocabapp .saved-delete-btn,.container-vocabapp .saved-note-toggle{border-radius:6px;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;font-weight:400;color:#a8795c!important;box-shadow:none!important;background:0 0!important;border:0!important;transform:none!important}.container-vocabapp .saved-speak-btn{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.saved-speak-btn svg{width:15px;height:15px}.container-vocabapp .saved-delete-btn{flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.saved-delete-btn svg{width:16px;height:16px}.container-vocabapp .saved-speak-btn:hover,.container-vocabapp .saved-delete-btn:hover,.container-vocabapp .saved-note-toggle:hover{color:#7f4425!important;box-shadow:none!important;background:#da8e4e1a!important}.container-vocabapp .saved-note-toggle{align-items:center;gap:5px;margin-top:8px;padding:4px 6px;font-size:.72rem;line-height:1.2;display:inline-flex}.saved-note-toggle svg{width:14px;height:14px}.saved-note-toggle:disabled{cursor:default;opacity:.62}.saved-note-examples{border-top:1px dashed #a9673933;gap:7px;margin-top:10px;padding-top:10px;animation:.16s ease-out exampleReveal;display:grid}.saved-note-example{background:#efb87e1f;border:1px solid #be703829;border-radius:9px;align-items:flex-start;gap:9px;padding:9px 11px;display:flex}.saved-note-example>span{color:#bd7447;font:.68rem/1.55 monospace}.saved-note-example p{color:#543522;margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:.86rem;line-height:1.45}.saved-note-example p+p{color:#8b674f;margin-top:3px;font-size:.75rem;font-style:italic}@media (width<=640px){.saved-vocab-header,.saved-vocab-item{padding-left:14px;padding-right:14px}.saved-word-line{align-items:flex-start;gap:5px}.saved-definition{flex-basis:calc(100% - 28px)}.saved-arrow{margin-left:2px}.usage-warning{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 14px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}