:root{--cream: #faf5ec;--paper: #fffcf6;--ink: #1e1915;--ink-2: #4a4038;--muted: #7b6e62;--terra: #b4552f;--terra-deep: #8c3f22;--terra-soft: #f0d9cb;--sage: #6e7f63;--gold: #c79a57;--line: #e7dbc8;--line-soft: #f1e8da;--radius: 18px;--radius-lg: 26px;--shadow-sm: 0 2px 8px -4px rgba(60, 40, 25, .2);--shadow: 0 22px 45px -30px rgba(60, 40, 25, .45);--font-display: "Fraunces", "Noto Naskh Arabic", Georgia, serif;--font-body: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--max: 1240px;--ease: cubic-bezier(.22, .61, .36, 1)}[dir=rtl]{--font-display: "Noto Naskh Arabic", "Fraunces", serif;--font-body: "IBM Plex Sans Arabic", "Inter", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--cream);background-image:radial-gradient(1100px 600px at 12% -8%,#fdf8ee 0%,transparent 60%),radial-gradient(900px 500px at 96% 4%,#f6ece0 0%,transparent 55%);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}[dir=rtl] body{letter-spacing:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;margin:0;line-height:1.15;letter-spacing:-.01em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.35;letter-spacing:0}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,svg{display:block;max-width:100%}::selection{background:var(--terra-soft);color:var(--terra-deep)}:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.nav{position:sticky;top:0;z-index:40;background:#faf5ecd1;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line-soft)}.nav__inner{max-width:var(--max);margin:0 auto;padding:0 clamp(18px,4vw,40px);height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{font-family:var(--font-display);font-size:24px;color:var(--terra);line-height:1}.brand__divider{width:1px;height:20px;background:var(--line)}.brand__word{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.nav__links{display:flex;align-items:center;gap:30px}.nav__link{position:relative;font-size:14.5px;color:var(--ink-2);padding-block:6px;display:inline-flex;align-items:center;gap:6px;transition:color .2s var(--ease)}.nav__link:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--terra);transform:scaleX(0);transform-origin:inline-start;transition:transform .25s var(--ease)}.nav__link:hover{color:var(--ink)}.nav__link:hover:after,.nav__link.is-active:after{transform:scaleX(1)}.nav__link.is-active{color:var(--ink)}.nav__badge{min-width:18px;height:18px;border-radius:9px;background:var(--terra);color:#fff;font-size:10.5px;display:inline-grid;place-items:center;padding-inline:5px}.nav__actions{display:flex;align-items:center;gap:10px}.lang-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fffcf6b3;border-radius:999px;padding:8px 14px;font-size:13px;color:var(--ink-2);transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.lang-btn:hover{border-color:var(--terra);background:var(--paper);transform:translateY(-1px)}.lang-btn span{white-space:nowrap}.icon-btn{position:relative;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink-2);transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.icon-btn:hover{color:var(--terra);border-color:var(--terra);background:var(--paper)}.icon-btn__dot{position:absolute;top:-3px;inset-inline-end:-3px;min-width:16px;height:16px;border-radius:8px;background:var(--terra);color:#fff;font-size:10px;display:grid;place-items:center;padding-inline:4px}.tabbar{display:none}.main{position:relative;z-index:2;min-height:60vh}.page{max-width:var(--max);margin:0 auto;padding:clamp(28px,5vw,56px) clamp(18px,4vw,40px) 80px}.offline-bar{background:var(--terra-deep);color:#fff;text-align:center;font-size:12.5px;padding:6px 12px}.hero{padding-block:clamp(8px,2vw,26px) 8px}.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}.hero__kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--terra);display:inline-flex;align-items:center;gap:12px}.hero__kicker:before{content:"";width:28px;height:1px;background:var(--terra)}.hero__title{margin-top:20px;font-size:clamp(38px,5.4vw,72px);line-height:1.02;letter-spacing:-.025em}[dir=rtl] .hero__title{font-size:clamp(34px,5vw,64px);line-height:1.3;letter-spacing:0}.hero__title em{font-style:italic;color:var(--terra)}[dir=rtl] .hero__title em{font-style:normal;color:var(--terra)}.hero__lead{margin-top:22px;max-width:46ch;color:var(--ink-2);font-size:clamp(15px,1.15vw,17px)}.search{margin-top:30px;display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 20px;box-shadow:var(--shadow-sm);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}[dir=rtl] .search{padding:6px 20px 6px 8px}.search:focus-within{border-color:var(--terra);box-shadow:0 0 0 4px #b4552f1a}.search__icon{color:var(--muted);flex:none}.search__input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-body);font-size:16px;color:var(--ink);padding-block:12px;outline:none}.search__input::placeholder{color:#a2948a}.search__input::-webkit-search-cancel-button{display:none}.search__clear{width:34px;height:34px;border-radius:50%;border:none;background:var(--line-soft);color:var(--ink-2);display:grid;place-items:center;flex:none}.search__clear:hover{background:var(--terra-soft);color:var(--terra-deep)}.hero__suggest{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 13px;font-size:12.5px;color:var(--ink-2);transition:all .2s var(--ease)}.pill:hover{background:var(--paper);border-color:var(--terra);color:var(--terra-deep)}.hero__note{margin-top:14px;font-size:12.5px;color:var(--muted)}.hero__stats{display:flex;gap:clamp(20px,4vw,44px);margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line)}.hero__stats div{display:flex;flex-direction:column-reverse;gap:2px}.hero__stats dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero__stats dd{margin:0;font-family:var(--font-display);font-size:27px;line-height:1;color:var(--ink)}.hero__art{position:relative}.hero__art .art{aspect-ratio:4 / 5}.hero__caption{position:absolute;inset-inline:clamp(14px,2vw,26px);bottom:-18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.hero__caption-name{font-family:var(--font-display);font-size:19px}.hero__caption-line{flex:1;height:1px;background:var(--line)}.hero__caption-meaning{font-size:11.5px;color:var(--muted);white-space:nowrap}.art{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--art-bg);isolation:isolate}.art__motif{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.art__letter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(64px,9vw,104px);line-height:1;color:var(--art-ink);opacity:.92}[dir=rtl] .art__letter{font-family:var(--font-display)}.art__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.art--hero{border-radius:var(--radius-lg)}.art--mini{width:60px;height:72px;border-radius:10px;flex:none}.art--mini .art__letter{font-size:26px}.filters{margin-top:clamp(40px,6vw,64px);border-top:1px solid var(--line);padding-top:20px}.filters__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tabs{display:inline-flex;padding:4px;gap:2px;background:#fffcf6b3;border:1px solid var(--line);border-radius:999px}.tabs__item{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;border-radius:999px;padding:8px 16px;font-size:13.5px;color:var(--ink-2);transition:background .25s var(--ease),color .25s var(--ease)}.tabs__item:hover{color:var(--ink);background:var(--line-soft)}.tabs__item.is-active{background:var(--ink);color:var(--cream)}.tabs__count{font-size:10.5px;color:var(--muted)}.tabs__item.is-active .tabs__count{color:#faf5eca6}.filters__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.select{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 14px;font-size:12px}.select>span{color:var(--muted);white-space:nowrap}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:var(--font-body);font-size:12.5px;color:var(--ink);padding-inline-end:16px;padding-block:2px;outline:none;cursor:pointer;max-width:180px}.select__chevron{position:absolute;inset-inline-end:10px;pointer-events:none;color:var(--muted)}.ghost-btn{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;color:var(--ink-2);font-size:12.5px;padding:8px 10px;border-radius:999px;transition:color .2s var(--ease),background .2s var(--ease)}.ghost-btn:hover,.ghost-btn.is-open{color:var(--terra-deep);background:var(--line-soft)}.langrow{display:flex;align-items:center;gap:16px;margin-top:18px}.langrow__label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.langrow__chips{display:flex;gap:8px;overflow-x:auto;padding-block:4px;scrollbar-width:none}.langrow__chips::-webkit-scrollbar{display:none}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips--tight{gap:5px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;transition:all .2s var(--ease)}.chip--filter:hover{border-color:var(--terra);color:var(--terra-deep)}.chip--filter.is-active{background:var(--terra-soft);border-color:#d9a98f;color:var(--terra-deep)}.chip__count{font-size:10px;color:var(--muted)}.chip--lang{background:var(--line-soft);border-color:transparent;font-size:11.5px;padding:3px 9px}.chip--more{border:none;color:var(--muted);font-size:11px;padding:3px}.panel{margin-top:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px 18px;animation:fadeUp .3s var(--ease)}.panel__meta{margin-inline-start:auto;font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:11px 19px;font-size:13.5px;line-height:1;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn--solid{background:var(--ink);color:var(--cream)}.btn--solid:hover{background:var(--terra-dark, #8c3f22)}.btn--solid.is-on{background:var(--terra)}.btn--outline{border-color:var(--line);background:var(--paper);color:var(--ink)}.btn--outline:hover{border-color:var(--terra);color:var(--terra-deep)}.btn--ghost{background:transparent;color:var(--ink-2)}.btn--ghost:hover{color:var(--terra-deep);background:var(--line-soft)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn--solid:hover{background:var(--terra-deep)}.results{margin-top:34px}.results__head{display:flex;align-items:center;gap:18px}.results__title{font-size:15px;letter-spacing:.02em;color:var(--ink-2);font-family:var(--font-body)}.results__line{flex:1;height:1px;background:var(--line)}.grid--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:clamp(18px,2.4vw,30px) clamp(16px,2vw,26px);margin-top:26px}.grid--related{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-top:20px}.card{position:relative;animation:fadeUp .45s var(--ease) both}.card__media{position:relative}.card__media-link{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.card__media-link .art{aspect-ratio:4 / 5;transition:transform .4s var(--ease)}.card:hover .card__media-link .art{transform:scale(1.03)}.card__media-link .art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(30,25,21,.07);border-radius:inherit}.fav-btn,.cmp-btn{position:absolute;width:34px;height:34px;border-radius:50%;border:none;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.fav-btn{top:10px;inset-inline-end:10px;background:#fffcf6e6;color:var(--ink-2)}.cmp-btn{top:50px;inset-inline-end:10px;background:#fffcf6bf;color:var(--ink-2);opacity:0}.card:hover .cmp-btn,.cmp-btn.is-on,.cmp-btn:focus-visible{opacity:1}.fav-btn:hover,.cmp-btn:hover{transform:scale(1.08)}.fav-btn.is-on{color:var(--terra)}.cmp-btn.is-on{background:var(--ink);color:var(--cream)}.card__body{padding-top:13px}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card__name{font-family:var(--font-display);font-size:22px;line-height:1.2;transition:color .2s var(--ease)}.card__name:hover{color:var(--terra-deep)}.card__count{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 6px}.card__forms{margin-top:2px;font-size:12px;color:var(--muted);letter-spacing:.01em}.card__meaning{margin-top:9px;font-size:13.5px;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em}.card__fallback{display:block;margin-top:5px;font-size:10.5px;color:#a9803f}.card__footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.status__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status--verified{color:#5d7350}.status--commonly_reported{color:#a9803f}.status--disputed{color:var(--terra)}.status--unknown{color:var(--muted)}.skeleton{animation:pulse 1.4s ease-in-out infinite}.skeleton__media{aspect-ratio:4 / 5;border-radius:var(--radius);background:var(--line-soft)}.skeleton__line{height:13px;margin-top:14px;border-radius:6px;background:var(--line-soft)}.skeleton__line--short{width:60%;margin-top:8px}.skeleton--detail{height:420px;border-radius:var(--radius-lg);background:var(--line-soft)}.empty{margin-top:40px;padding:clamp(40px,7vw,76px) 24px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);background:#fffcf673}.empty__title{font-family:var(--font-display);font-size:26px}.empty__body{margin-top:8px;color:var(--muted);font-size:14px}.empty .btn,.empty a.btn{margin-top:22px}.results__more{display:flex;justify-content:center;margin-top:40px}.results__end{text-align:center;margin-top:34px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.back{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:28px;transition:color .2s var(--ease)}.back:hover{color:var(--terra-deep)}.detail__head{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(26px,5vw,64px);align-items:center}.detail__art .art{aspect-ratio:4 / 5;max-height:440px}.detail__kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra)}.detail__name{margin-top:12px;font-size:clamp(44px,7vw,92px);line-height:1;letter-spacing:-.03em}[dir=rtl] .detail__name{line-height:1.25;letter-spacing:0}.detail__forms{list-style:none;display:flex;flex-wrap:wrap;gap:20px 26px;padding:0;margin:20px 0 0}.detail__forms li{display:flex;flex-direction:column;gap:3px}.detail__form{font-size:15px;color:var(--ink)}.detail__form-lang{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.detail__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.detail__body{max-width:860px;margin:clamp(36px,6vw,66px) auto 0}.detail__section{padding-block:30px;border-top:1px solid var(--line)}.section__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section__title{font-size:clamp(22px,2.4vw,27px)}.detail__meaning{font-family:var(--font-display);font-size:clamp(19px,2.2vw,25px);line-height:1.65;color:var(--ink)}[dir=rtl] .detail__meaning{line-height:1.85}.detail__source{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.detail__source-lang{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:2px 9px;color:var(--ink-2)}.detail__flag{margin-top:10px;font-size:12px;color:#a9803f}.detail__hint{margin-top:14px;font-size:12px;line-height:1.7;color:var(--muted);max-width:62ch}.origin-list{list-style:none;padding:0;margin:0}.origin-list li{padding-block:14px;border-bottom:1px dashed var(--line)}.origin-list li:last-child{border-bottom:none}.origin__label{font-size:19px}.origin__note{margin-top:5px;font-size:13.5px;color:var(--ink-2);max-width:62ch}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:start;font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 16px;background:#e7dbc838;white-space:nowrap}.table td{padding:13px 16px;border-top:1px solid var(--line-soft);vertical-align:middle}.table__form{font-family:var(--font-display);font-size:17px}.table__ipa{font-size:12.5px;color:var(--muted);direction:ltr}.gender{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--line)}.gender--male{color:#4f6046;background:#eef1e9;border-color:#dbe3d3}.gender--female{color:var(--terra-deep);background:#f8ece4;border-color:#eed6c7}.gender--both{color:var(--ink);background:var(--line-soft)}.tag--warn{display:inline-block;margin-inline-start:8px;font-size:10px;letter-spacing:.04em;color:#a9803f;border:1px dashed #dcc39a;border-radius:6px;padding:1px 6px}.detail__section--note{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-top:26px}.detail__section--note p{margin-top:10px;font-family:var(--font-display);font-size:17px;line-height:1.75;color:var(--ink-2)}.related{margin-top:clamp(40px,6vw,64px);border-top:1px solid var(--line);padding-top:30px}.page__head{max-width:760px}.page__kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--terra)}.page__title{margin-top:12px;font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-.025em}[dir=rtl] .page__title{line-height:1.3;letter-spacing:0}.page__lead{margin-top:14px;color:var(--ink-2);font-size:15px;max-width:60ch}.page__foot{margin-top:26px;font-size:12px;color:var(--muted)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:32px;padding-bottom:16px;border-bottom:1px solid var(--line)}.list-toolbar__count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.list-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px}.fav-list{list-style:none;padding:0;margin:0}.fav-row{display:flex;align-items:center;gap:20px;padding-block:18px;border-bottom:1px solid var(--line-soft);animation:fadeUp .35s var(--ease) both}.fav-row__art{flex:none}.fav-row__body{flex:1;min-width:0}.fav-row__name{font-family:var(--font-display);font-size:21px}.fav-row__name:hover{color:var(--terra-deep)}.fav-row__meaning{margin-top:2px;font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fav-row .chips{margin-top:9px;align-items:center}.fav-row__remove{flex:none;color:var(--muted)}.fav-row__remove:hover{color:var(--terra);border-color:var(--terra)}.compare-scroll{margin-top:26px;overflow-x:auto;padding-bottom:8px}.compare{width:100%;min-width:660px;border-collapse:collapse}.compare__attr{width:168px;text-align:start;vertical-align:top;font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:18px 14px 18px 0;border-top:1px solid var(--line-soft)}.compare thead .compare__attr{border-top:none}.compare__col{min-width:180px;vertical-align:top;padding:0 12px 18px;text-align:center}.compare__head{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.compare__head .art{width:92px;height:112px}.compare__name{font-family:var(--font-display);font-size:19px}.compare__name:hover{color:var(--terra-deep)}.compare__remove{position:absolute;top:-4px;inset-inline-end:-4px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--muted);display:grid;place-items:center}.compare__remove:hover{color:var(--terra);border-color:var(--terra)}.compare td{padding:18px 12px;border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--ink-2);vertical-align:top}.compare__meaning{color:var(--ink)}.compare__sub{display:block;margin-top:4px;font-size:10.5px;color:var(--muted)}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:var(--cream);background-image:radial-gradient(900px 500px at 82% -10%,#f7e9dc 0%,transparent 60%);overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px);animation:fadeIn .4s var(--ease)}.onboarding__panel{width:100%;max-width:1080px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}.onboarding__mark{font-family:var(--font-display);font-size:44px;color:var(--terra);line-height:1}.onboarding__kicker{margin-top:18px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.onboarding__title{margin-top:16px;font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-.025em}[dir=rtl] .onboarding__title{line-height:1.35;letter-spacing:0}.onboarding__lead{margin-top:18px;color:var(--ink-2);font-size:14.5px;line-height:1.8}.onboarding__note{margin-top:20px;font-size:11.5px;color:var(--muted);max-width:40ch}.lang-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lang-option{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:13px 15px;text-align:start;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.lang-option:hover{transform:translateY(-2px);border-color:var(--terra);box-shadow:var(--shadow-sm)}.lang-option.is-current{border-color:var(--terra);background:#fdf1e9}.lang-option__short{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--cream);border:1px solid var(--line);font-size:10.5px;letter-spacing:.08em;color:var(--ink-2)}.lang-option__label{font-size:14.5px}.lang-option__native{margin-inline-start:auto;font-size:10.5px;color:var(--muted);display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:18px}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e191559;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none}.modal__panel{position:relative;width:100%;max-width:640px;max-height:88vh;overflow-y:auto;background:var(--cream);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,30px);box-shadow:0 40px 80px -40px #1e191580;animation:fadeUp .3s var(--ease)}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.modal__title{font-size:26px}.modal__lead{margin-top:6px;font-size:13px;color:var(--muted);max-width:46ch}.modal__note{margin-top:18px;font-size:11.5px;color:var(--muted)}.toast{position:fixed;bottom:24px;inset-inline:0;margin-inline:auto;width:fit-content;z-index:120;background:var(--ink);color:var(--cream);font-size:13px;padding:11px 22px;border-radius:999px;box-shadow:var(--shadow);animation:fadeUp .25s var(--ease)}.footer{position:relative;z-index:2;border-top:1px solid var(--line);margin-top:30px}.footer__inner{max-width:var(--max);margin:0 auto;padding:40px clamp(18px,4vw,40px) 60px;display:grid;gap:18px}.footer__brand{display:flex;align-items:center;gap:14px}.footer__mark{font-family:var(--font-display);font-size:30px;color:var(--terra)}.footer__tagline{font-size:13px;color:var(--ink-2)}.footer__made{font-size:11.5px;color:var(--muted)}.footer__data{font-size:12px;color:var(--muted);max-width:70ch;line-height:1.7}.footer__rights{font-size:11px;color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.tabbar{position:fixed;bottom:0;inset-inline:0;z-index:50;display:none;justify-content:space-around;align-items:center;padding:9px 6px calc(9px + env(safe-area-inset-bottom));background:#faf5ecf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tabbar__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:var(--muted);font-size:10px;letter-spacing:.04em;padding:4px 10px;border-radius:10px;transition:color .2s var(--ease)}.tabbar__item.is-active{color:var(--terra-deep)}.tabbar__badge{position:absolute;top:0;inset-inline-end:4px;min-width:15px;height:15px;border-radius:8px;background:var(--terra);color:#fff;font-size:9px;display:grid;place-items:center;padding-inline:3px}@media (max-width: 980px){.hero__grid{grid-template-columns:1fr;gap:44px}.hero__art{max-width:400px}.hero__art .art{aspect-ratio:5 / 4}.hero__caption{display:none}.detail__head{grid-template-columns:1fr}.detail__art{max-width:340px}.detail__art .art{aspect-ratio:5 / 4;max-height:320px}.onboarding__panel{grid-template-columns:1fr;gap:30px}.onboarding{align-items:flex-start}.onboarding__intro{max-width:560px}}@media (max-width: 860px){.nav__links{display:none}.tabbar{display:flex}body{padding-bottom:72px}.lang-btn span{display:none}.lang-btn{padding:8px 10px}.hero{padding-top:0}.hero__title{font-size:clamp(34px,8vw,46px)}.filters__bar{align-items:flex-start}.tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.grid--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}.card__name{font-size:19px}.card__meaning{font-size:12.5px}.cmp-btn{opacity:1}.langrow{align-items:flex-start}.langrow__label{display:none}.toast{bottom:84px}.detail__body{max-width:100%}}@media (max-width: 600px){.page{padding-inline:16px}.brand__divider,.brand__word{display:none}.hero__lead{font-size:14.5px}.search{padding-inline-start:14px}.search__input{font-size:15px;padding-block:10px}.filters__controls{width:100%;justify-content:space-between}.select--sort{flex:1}.select select{max-width:120px}.panel{padding:14px}.panel .select{flex:1 1 46%}.panel .select select{max-width:100%}.lang-list{grid-template-columns:1fr}.detail__name{font-size:clamp(40px,13vw,60px)}.detail__actions .btn{flex:1 1 46%;padding-inline:12px;font-size:12.5px}.fav-row{gap:14px}.fav-row .art--mini{width:52px;height:64px}.list-toolbar__actions .btn{padding:9px 13px;font-size:12.5px}.footer__inner{padding-bottom:40px}}@media (hover: hover){.card:hover .card__media-link{box-shadow:var(--shadow)}}
