:root{--bg:#fff;--surface:#f6f5f2;--chip:#f2efe7;--line:#e4e2dc;--line-soft:#eeece6;--ink:#101828;--ink-2:#344054;--muted:#475467;--title:#13213c;--navy:#13213c;--on-navy:#fff;--hero-card:#13213c;--gold:#c99a3b;--gold-ink:#7a5a12;--gold-soft:#f7eedb;--level-bg:#eef2f8;--level-ink:#24406e;--do-bg:#eaf5ef;--do-ink:#155c3a;--do-text:#17301f;--dont-bg:#fcefec;--dont-ink:#9a2a1a;--dont-text:#42271f;--tip-bg:#eaf1fb;--tip-ink:#1e4c8f;--tip-text:#1d2b44;--warn-bg:#fdf3e1;--warn-ink:#8a4b00;--warn-text:#3d2a10;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}:root:lang(ru){--font-display:"Literata", Georgia, "Times New Roman", serif}@media (prefers-color-scheme:dark){:root{--bg:#0e1524;--surface:#141d30;--chip:#1c2740;--line:#26324c;--line-soft:#202b44;--ink:#eef1f6;--ink-2:#cfd6e2;--muted:#a7b1c4;--title:#f3f5f9;--navy:#e9c77f;--on-navy:#13213c;--hero-card:#1a2744;--gold:#e0b45c;--gold-ink:#e9c77f;--gold-soft:#2a2416;--level-bg:#1d2b47;--level-ink:#b9ccee;--do-bg:#12291e;--do-ink:#7fd1a4;--do-text:#d3eedd;--dont-bg:#2e1714;--dont-ink:#f2a193;--dont-text:#f4d8d2;--tip-bg:#13233d;--tip-ink:#9cc0f5;--tip-text:#d6e3f7;--warn-bg:#2b210f;--warn-ink:#f3c278;--warn-text:#f3e3c8;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2,h3{text-wrap:balance}.wrap{max-width:1200px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.display{font-family:var(--font-display);color:var(--title);letter-spacing:-.01em;font-weight:600}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);margin:0;font-size:13px;font-weight:600}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.level{background:var(--level-bg);color:var(--level-ink);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.header-row{align-items:center;gap:12px 28px;padding-block:12px;display:flex}.brand{color:var(--title);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo{width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none}.brand-name{flex-direction:column;line-height:1.15;display:flex}.brand-name strong{font-family:var(--font-display);font-size:19px;font-weight:600}.brand-name span{color:var(--muted);font-size:12px;font-weight:500}.nav{flex:auto;gap:4px;display:flex}.nav>a{color:var(--ink-2);white-space:nowrap;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none}.nav>a:hover{background:var(--chip)}.nav>a[aria-current=page]{background:var(--chip);color:var(--title);font-weight:600}.tools{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--bg);min-width:44px;height:44px;color:var(--title);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.seg{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex}.seg>a,.seg>button{min-width:44px;min-height:36px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.seg>[aria-current=true],.seg>[aria-pressed=true]{background:var(--navy);color:var(--on-navy)}.lang-menu{position:relative}.lang-menu>summary{border:1px solid var(--line);background:var(--bg);height:44px;color:var(--title);cursor:pointer;user-select:none;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;list-style:none;display:flex}.lang-menu>summary::-webkit-details-marker{display:none}.lang-menu>summary:after{content:"";opacity:.6;border:2px solid;border-width:0 2px 2px 0;width:7px;height:7px;margin:-3px 0 0 2px;transform:rotate(45deg)}.lang-menu[open]>summary{background:var(--chip)}.lang-menu ul{z-index:60;border:1px solid var(--line);background:var(--bg);border-radius:12px;min-width:190px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #10182824}.lang-menu a{color:var(--ink);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.lang-menu a:hover{background:var(--chip)}.lang-menu a[aria-current=true]{background:var(--navy);color:var(--on-navy);font-weight:600}.lang-code{letter-spacing:.04em;opacity:.7;min-width:26px;font-size:12px;font-weight:700}.menu-btn{font:inherit;gap:8px;padding:0 14px;font-size:15px;font-weight:600;display:none}.nav>.nav-mobile{display:none}.mine-btn[aria-current=page]{background:var(--chip)}@media (width<=760px){.header-row{flex-wrap:wrap;gap:8px}.brand{flex:0 auto;min-width:0}.tools .search-btn,.tools .mine-btn{display:none}.nav>.nav-mobile{display:block}.menu-btn{display:flex}.nav{flex-direction:column;flex:100%;order:3;gap:2px;padding-block:6px 12px;display:none}.site-header.open .nav{display:flex}.nav>a{padding:14px 12px;font-size:17px}}@media (width<=420px){.menu-btn .menu-label{display:none}.menu-btn{padding:0}.brand-name span{display:none}}@view-transition{navigation:auto}.tabbar{display:none}.is-app body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}@media (width<=900px){.is-app .tabbar{z-index:30;background:var(--bg);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -6px 18px #13213c0f}.is-app .tabbar a{min-width:0;color:var(--muted);border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.is-app .tabbar a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.is-app .tabbar a[aria-current=page]{color:var(--title)}.is-app .tabbar a[aria-current=page] .icon{color:var(--gold-ink)}.is-app body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.is-app .site-footer nav,.is-app .nav>.nav-mobile{display:none}}.hero{background:var(--surface);border-bottom:1px solid var(--line)}.hero .wrap{flex-wrap:wrap;align-items:center;gap:40px;padding-block:clamp(36px,6vw,80px);display:flex}.hero-text{flex:460px;min-width:0}.hero h1{margin:14px 0 0;font-size:clamp(32px,4.6vw,56px);line-height:1.08}.hero .lead{color:var(--muted);max-width:34em;margin:18px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.search{gap:8px;max-width:560px;margin-top:28px;display:flex}.search-field{background:var(--bg);border:1px solid var(--line);min-width:0;min-height:52px;color:var(--muted);border-radius:12px;flex:auto;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;font-size:16px}.btn{background:var(--navy);min-height:48px;color:var(--on-navy);font:inherit;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.feature{background:var(--hero-card);color:#c9d1e0;border-radius:20px;flex-direction:column;flex:340px;gap:16px;min-width:0;padding:28px;text-decoration:none;display:flex}.feature .pill{color:#e9c77f;background:#c99a3b33;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:13px;font-weight:600}.feature .t{font-family:var(--font-display);color:#fff;font-size:28px;font-weight:600;line-height:1.2}.feature .go{color:#e9c77f;align-items:center;gap:8px;font-weight:600;display:flex}.feature:hover .go{text-decoration:underline}.section{padding-block:56px 16px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:20px;display:flex}.section-head h2{margin:0;font-size:clamp(26px,3vw,32px)}.section-head a{color:var(--title);font-size:15px;font-weight:600}.cats{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.cat{border:1px solid var(--line);background:var(--bg);border-radius:16px;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;transition:border-color .15s;display:flex}.cat:hover{border-color:var(--gold)}.cat-ico{background:var(--chip);width:44px;height:44px;color:var(--title);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.cat strong{color:var(--title);margin-bottom:4px;font-size:17px;display:block}.cat .d{color:var(--muted);font-size:14px;line-height:1.5}.split{flex-wrap:wrap;gap:32px;padding-block:40px 72px;display:flex}.split>.main{flex:999 560px;min-width:0}.split>aside{flex-direction:column;flex:300px;gap:16px;min-width:0;display:flex}.list{border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.row{border-bottom:1px solid var(--line-soft);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:18px 20px;text-decoration:none;display:flex}.row:last-child{border-bottom:0}.row:hover{background:var(--surface)}.row .txt{flex:240px;min-width:0}.row .row-cat{color:var(--gold-ink);font-size:13px;font-weight:600;display:block}.row .row-title{color:var(--ink);font-size:17px;font-weight:600;display:block}.note{border-radius:16px;padding:20px 22px}.note h3{align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:700;display:flex}.note p{margin:0;font-size:15px;line-height:1.6}.note.dont{background:var(--dont-bg)}.note.dont h3{color:var(--dont-ink)}.note.dont p{color:var(--dont-text)}.note.tip{background:var(--tip-bg)}.note.tip h3{color:var(--tip-ink)}.note.tip p{color:var(--tip-text)}.page-head{background:var(--surface);border-bottom:1px solid var(--line)}.page-head .wrap{flex-direction:column;gap:18px;padding-block:32px 28px;display:flex}.page-head h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.1}.page-head p{color:var(--muted);max-width:40em;margin:0;font-size:17px}.filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters .search-field{flex:280px;max-width:460px;min-height:48px}.filters select{border:1px solid var(--line);background:var(--bg);min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:0 12px;font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.chips button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}.gal-body{padding-block:28px 72px}.count{color:var(--muted);margin:0 0 16px;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--bg);border-radius:16px;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:border-color .15s;display:flex}.card:hover{border-color:var(--gold)}.card[hidden]{display:none}.card-cat{color:var(--gold-ink);font-size:13px;font-weight:600}.card-title{font-family:var(--font-display);color:var(--title);margin:0;font-size:21px;font-weight:600;line-height:1.25}.card-desc{color:var(--muted);flex:auto;margin:0;font-size:15px;line-height:1.6}.card-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;padding:40px 20px}.site-footer{color:#c9d1e0;padding-bottom:env(safe-area-inset-bottom,0px);background:#13213c}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:24px 48px;padding-block:40px;display:flex}.site-footer strong{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:20px;font-weight:600;display:block}.site-footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.site-footer nav a{color:#fff;padding:6px 0;font-weight:500}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.card-marks{display:contents}.mark{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.5;display:none}.mark-fav{background:var(--gold-soft);color:var(--gold-ink)}.mark-todo{background:var(--tip-bg);color:var(--tip-ink)}.mark-read{background:var(--do-bg);color:var(--do-ink)}.card[data-fav] .mark-fav,.card[data-todo] .mark-todo,.card[data-read] .mark-read{display:inline-block}.card[data-read] .card-title{color:var(--ink-2)}.btn.btn-ghost{background:var(--bg);color:var(--title);border:1px solid var(--line)}.btn.btn-ghost:hover{border-color:var(--gold)}.quiz-cta{background:var(--gold-soft);border:1px solid var(--line);border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:28px;display:flex}.quiz-ico{background:var(--navy);width:56px;height:56px;color:var(--on-navy);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.quiz-txt{flex:360px;min-width:0}.quiz-txt h2{color:var(--title);margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.2}.quiz-txt p{color:var(--ink-2);margin:8px 0 0;font-size:16px;line-height:1.6}