:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;--bg:#f5f2ee;--surface:#fff;--fg:#1d1a17;--fg-secondary:#6e6862;--fg-tertiary:#a29b94;--fill:#7868581f;--fill-strong:#7868582e;--separator:#3c32281f;--accent:#c2462f;--accent-pressed:#a63a26;--accent-soft:#c2462f1a;--on-accent:#fff;--error:#c4291c;--success-bg:#e6f3e4;--success-fg:#1f5226;--material:#f5f2eeb8;--card-shadow:0 .5px 1px #281e140f, 0 4px 16px #281e140f;--focus-ring:0 0 0 3.5px #c2462f59;--toast-bg:#28221ddb;--navbar-h:3.25rem;--spring:cubic-bezier(.25, 1, .5, 1);font:100%/1.47 -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12100e;--surface:#1f1c19;--fg:#f5f1ec;--fg-secondary:#a8a099;--fill:#c8b9aa24;--fill-strong:#c8b9aa33;--separator:#fff0e11a;--accent:#f0896a;--accent-pressed:#d9765a;--accent-soft:#f0896a24;--on-accent:#1d1209;--error:#ff7d6e;--success-bg:#17291a;--success-fg:#a9dcaf;--material:#12100eb8;--card-shadow:none;--focus-ring:0 0 0 3.5px #f0896a66;--toast-bg:#4e463fe0}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0}.container{max-width:60rem;margin:0 auto;padding-inline:1.25rem}main.container{padding-bottom:5rem}.navbar{z-index:20;height:var(--navbar-h);transition:background-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;position:sticky;top:0}.navbar.is-compact{background:var(--material);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%)}.navbar.has-edge.is-compact:after{content:"";background:linear-gradient(var(--material), transparent);pointer-events:none;height:1rem;position:absolute;inset:100% 0 auto}.navbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;max-width:60rem;height:100%;margin:0 auto;padding-inline:1.25rem;display:grid}.navbar-trailing{justify-self:end}.navbar-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .18s ease, transform .3s var(--spring);font-size:1.0625rem;font-weight:600;overflow:hidden;transform:translateY(6px)}.is-compact .navbar-title{opacity:1;transform:none}.large-title{padding-top:.25rem;padding-bottom:.75rem}h1{letter-spacing:-.028em;margin:0;font-size:clamp(2.125rem,1.6rem + 2vw,2.875rem);font-weight:700;line-height:1.08}.subtitle{color:var(--fg-secondary);font-variant-numeric:tabular-nums;margin:.375rem 0 0;font-size:.9375rem}.back-link{color:var(--accent);touch-action:manipulation;border-radius:.5rem;align-items:center;gap:.375rem;margin-left:-.25rem;padding:.375rem .25rem;font-size:1.0625rem;text-decoration:none;transition:opacity .12s;display:inline-flex}.back-link:active{opacity:.45;transition-duration:0s}.button{background:var(--accent);min-height:2.25rem;color:var(--on-accent);font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .25s var(--spring), background-color .15s ease, opacity .15s ease;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.375rem;padding:.4375rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.button:active:not(:disabled){background:var(--accent-pressed);transition-duration:80ms;transform:scale(.96)}.button-large{min-height:3.125rem;padding:.75rem 1.75rem;font-size:1.0625rem}.button:disabled{opacity:.5;cursor:default}@media (hover:hover){.button:hover:not(:disabled){background:var(--accent-pressed)}.back-link:hover{opacity:.7}}:is(.button,.back-link,.banner button):focus-visible{box-shadow:var(--focus-ring);outline:none}.search-bar{top:var(--navbar-h);z-index:19;background:var(--material);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);padding:.25rem 0 .875rem;position:sticky}.search-bar:after{content:"";background:linear-gradient(var(--material), transparent);pointer-events:none;height:1rem;position:absolute;inset:100% 0 auto}.search{background:var(--fill);height:2.5rem;color:var(--fg-secondary);cursor:text;border-radius:.75rem;align-items:center;gap:.5rem;padding:0 .75rem;transition:background-color .15s,box-shadow .15s;display:flex}.search:focus-within{background:var(--fill-strong);color:var(--fg)}.search svg{flex:none}.search input{min-width:0;height:100%;color:var(--fg);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1.0625rem}.search input::placeholder{color:var(--fg-secondary)}.grid{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1rem;margin-top:.5rem;display:grid}.card{background:var(--surface);box-shadow:var(--card-shadow);border-radius:1.25rem;flex-direction:column;padding:1.25rem 1.25rem 1.375rem;display:flex;position:relative}.card.is-new{box-shadow:var(--card-shadow), 0 0 0 2px var(--accent);animation:arrive .5s var(--spring)}@keyframes arrive{0%{opacity:0;transform:scale(.97)}}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 .375rem;font-size:.75rem;font-weight:600}.card h3{letter-spacing:-.021em;margin:0;font-size:1.3125rem;font-weight:700;line-height:1.2}.meaning{color:var(--fg);margin:.5rem 0 0;font-size:1rem}.example{color:var(--fg-secondary);margin:auto 0 0;padding-top:1rem;font-size:.9375rem;line-height:1.45}.example:before{content:"";background:var(--separator);height:1px;margin-bottom:.875rem;display:block}.card-delete{width:2rem;height:2rem;color:var(--fg-tertiary);cursor:pointer;touch-action:manipulation;transition:opacity .15s ease, background-color .15s ease, color .15s ease, transform .25s var(--spring);background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:.75rem;right:.75rem}.card-delete:active{color:var(--error);background:#c4291c24;transition-duration:60ms;transform:scale(.9)}.card-delete:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.card-delete{opacity:0}.card:hover .card-delete,.card-delete:focus-visible{opacity:1}.card-delete:hover{color:var(--error);background:#c4291c1a}}.card:has(.card-delete) h3{padding-right:2rem}.card:has(.card-delete) .eyebrow{padding-right:2rem}.toast{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:30;background:var(--toast-bg);color:#f5f1ec;-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);opacity:0;pointer-events:none;max-width:calc(100vw - 2.5rem);transition:transform .4s var(--spring), opacity .2s ease;border-radius:999px;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.125rem;display:flex;position:fixed;transform:translate(-50%,calc(100% + 2rem));box-shadow:0 8px 32px #00000038}.toast.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9375rem;overflow:hidden}.toast-action{color:#ffb39c;min-height:2.25rem;font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .25s var(--spring), background-color .15s ease;background:#ffffff24;border:none;border-radius:999px;flex:none;padding:0 1rem;font-size:.9375rem;font-weight:600}.toast-action:active{background:#ffffff3d;transition-duration:60ms;transform:scale(.95)}.toast-action:focus-visible{outline:none;box-shadow:0 0 0 3px #ffb39c80}.banner{background:var(--success-bg);color:var(--success-fg);animation:arrive .4s var(--spring);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:.75rem;margin:.5rem 0 1rem;padding:.875rem 1rem;display:flex}.banner p{margin:0}.banner button{width:1.75rem;height:1.75rem;color:inherit;font:inherit;cursor:pointer;background:#0000000f;border:none;border-radius:999px;flex:none;font-size:.75rem}.empty{text-align:center;padding:4rem 1rem}.empty-title{letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:600}.empty-body{color:var(--fg-secondary);margin:.375rem 0 0}.error{color:var(--error);margin:.5rem 0}.form{flex-direction:column;gap:1.75rem;max-width:36rem;margin-top:.5rem;display:flex}.form-group{background:var(--surface);box-shadow:var(--card-shadow);border-radius:1rem;overflow:hidden}.field{cursor:text;padding:.75rem 1rem;display:block;position:relative}.field+.field:before{content:"";background:var(--separator);height:1px;position:absolute;top:0;left:1rem;right:0}.field-label{color:var(--fg-secondary);justify-content:space-between;margin-bottom:.25rem;font-size:.8125rem;font-weight:600;transition:color .15s;display:flex}.field:focus-within .field-label{color:var(--accent)}.field:has(:user-invalid) .field-label{color:var(--error)}.optional{color:var(--fg-tertiary);font-weight:400}.field input,.field textarea{width:100%;color:var(--fg);font:inherit;resize:vertical;background:0 0;border:none;outline:none;padding:0;font-size:1.0625rem;display:block}.field ::placeholder{color:var(--fg-tertiary)}.form-footnote{color:var(--fg-secondary);margin:.5rem 1rem 0;font-size:.8125rem}.form .button-large{align-self:flex-start}@media (width<=40rem){.form .button-large{align-self:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:opacity,background-color,color,box-shadow!important;animation-duration:1ms!important}.button:active:not(:disabled),.navbar-title{transform:none}.toast,.toast.is-visible{transform:translate(-50%)}}@media (prefers-reduced-transparency:reduce){:root{--material:var(--bg)}.navbar.is-compact,.search-bar{-webkit-backdrop-filter:none;backdrop-filter:none}.toast{background:rgb(from var(--toast-bg) r g b);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--material:var(--bg);--fg-secondary:var(--fg);--fg-tertiary:var(--fg);--separator:var(--fg)}.card,.form-group,.search{border:1px solid var(--fg)}.navbar.is-compact,.search-bar{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--fg)}.navbar:after,.search-bar:after{display:none}}
