/* Best Photo Apps — shared 2026 visual identity, RU/EN and all catalogs. */
:root{--ink:#30293d;--muted:#766d7e;--line:#ebdee6;--paper:#fffaf7;--white:#fff;--blue:#a34b77;--orange:#e87b70;--purple:#a34b77;--soft:#fff0ed;--radius:24px;--shadow:0 15px 38px rgba(82,52,80,.09)}
html{scroll-padding-top:110px}
body.site-app,body.site-online{background:radial-gradient(ellipse 60% 340px at 93% 0%,#ffe5da,transparent),radial-gradient(ellipse 55% 410px at 0 18%,#f7e7f3,transparent),#fffaf7;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.6}
body.site-app .wrap,body.site-online .wrap{width:min(1180px,calc(100% - 44px));max-width:1180px;padding:0;margin-inline:auto}
body.site-app .header,body.site-online .header{position:sticky;top:0;z-index:70;background:rgba(255,250,247,.95);border-bottom:1px solid #ebdee6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.site-app .header .wrap,body.site-online .header .wrap{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:20px}
body.site-app .brand,body.site-online .brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:850;color:#30293d;letter-spacing:-.6px;white-space:nowrap;line-height:1.2}
body.site-app .brandmark,body.site-online .brandmark{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,#f39881,#d96b9e);color:white;font-size:25px;box-shadow:0 8px 18px #d96b9e30}
body.site-app .nav,body.site-online .nav{display:flex;align-items:center;gap:clamp(11px,1.5vw,23px);margin:0;min-height:0;font-size:14px;font-weight:720;white-space:nowrap}
body.site-app .nav a,body.site-online .nav a{color:#584a60}
body.site-app .nav a:hover,body.site-online .nav a:hover,body.site-app .nav a[aria-current=page],body.site-online .nav a[aria-current=page]{color:#aa4275}
body.site-app .nav a[aria-current=page],body.site-online .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
body.site-app .lang,body.site-online .lang{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:12px;font-weight:800}
body.site-app .lang a,body.site-app .lang span,body.site-online .lang a,body.site-online .lang span{padding:6px 10px;border-radius:99px;background:transparent;color:#66596c;line-height:1.2}
body.site-app .lang span,body.site-online .lang span{background:#48364e;color:#fff}
body.site-app h1,body.site-app h2,body.site-online h1,body.site-online h2{color:var(--ink);font-weight:800;letter-spacing:-.04em}
body.site-app h1,body.site-online h1{line-height:1.1}
body.site-app .eyebrow,body.site-online .eyebrow{font-weight:850;font-size:12px;letter-spacing:.12em;color:#ab4c78}
body.site-app .lead,body.site-online .lead{color:var(--muted)}
body.site-app .hero{margin-top:27px;margin-bottom:16px;padding:55px clamp(23px,4vw,52px);border:1px solid #f2e2e7;border-radius:35px;background:radial-gradient(circle at 85% 15%,#ffe2d8,transparent 46%),linear-gradient(120deg,#fff0e9,#fff8f5 58%,#f8e8f3)}
body.site-app .showcase{border-radius:30px;background:linear-gradient(145deg,#f6dbea,#ffe6db 55%,#f1e6f5);box-shadow:0 18px 42px #6d3b6414}
body.site-app .hero h1 em{color:#be5c82}
body.site-app .pale{background:rgba(255,230,235,.4)}
body.site-app .btn,body.site-app .chip,body.site-online .button,body.site-online .pill,body.site-online .filter,body.site-online .play,body.site-online .chip{border-radius:999px}
body.site-app .btn,body.site-online .button.primary,body.site-online .load,body.site-online .game-hero .play{background:#47334e;border:1px solid #47334e;color:#fff;box-shadow:0 9px 20px #47334e21}
body.site-app .btn.blue{background:#a6507a;border-color:#a6507a}
body.site-app .btn.light,body.site-online .button.secondary,body.site-online .pill{background:#fff;color:#47334e;border:1px solid var(--line);box-shadow:none}
body.site-app .chip,body.site-online .chip,body.site-online .filter{background:#fff;color:#57465a;border:1px solid var(--line);font-weight:720}
body.site-app .chip.active,body.site-online .filter.active{background:#694961;border-color:#694961;color:#fff}
body.site-app .app-card,body.site-app .mini-card,body.site-app .article-card,body.site-online .card,body.site-online .related a,body.site-online .article-card{background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}
body.site-app .app-card:hover,body.site-app .mini-card:hover,body.site-online .card:hover{border-color:#e6b8ca;box-shadow:0 20px 46px #52345021}
body.site-app .card-art,body.site-app .article-art{background:linear-gradient(145deg,#f8eaf3,#fff0e7)}
body.site-app .app-card:nth-child(3n+2) .card-art{background:linear-gradient(145deg,#ffecd9,#fff4ed)}
body.site-app .app-card:nth-child(3n) .card-art{background:linear-gradient(145deg,#e9f7f1,#fff0f0)}
body.site-app .catalog-cta{background:linear-gradient(110deg,#4b3656,#7c536c);border-radius:27px}
body.site-app .info-panel{background:#fff0ee;border:1px solid var(--line)}
body.site-app .screens img{background:#fff;border:1px solid var(--line)}
body.site-app .article,body.site-online .article{max-width:860px;padding:clamp(23px,4.5vw,56px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 42px #52345015}
body.site-app .article.privacy{max-width:900px;margin:35px auto 70px;overflow-wrap:anywhere}
body.site-app .privacy h1{font-size:clamp(34px,4.5vw,52px)}
body.site-app .privacy h2{margin-top:34px}
body.site-app .article p,body.site-online .article p{color:#5d5265;line-height:1.8}
body.site-online .hero{margin:0;padding:44px 0 36px;background:radial-gradient(circle at 85% 15%,#ffe2d8,transparent 45%),linear-gradient(120deg,#fff0e9,#fff9f5 60%,#f8e8f3);border-bottom:1px solid var(--line)}
body.site-online .hero h1{font-size:clamp(34px,4.4vw,58px);max-width:830px}
body.site-online .cover,body.site-online .game-cover,body.site-online .related img{background:#fff1ed;border-radius:17px}
body.site-online .card-tag{background:#fff0ec;color:#954a6f}
body.site-online .play{background:#fff0ec;color:#944769}
body.site-online .game-hero .play{background:#47334e;color:#fff}
body.site-online .section-head h2{font-size:clamp(30px,3.2vw,42px)}
body.site-online .search{border:1px solid var(--line)}
body.site-app .footer,body.site-online .footer{background:#fff2f2b8;padding:45px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
body.site-app .footer-top,body.site-online .footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;flex-wrap:wrap}
body.site-app .footer-links,body.site-online .footer-links{display:flex;gap:17px;flex-wrap:wrap;align-items:center}
body.site-app .footer-links a,body.site-online .footer-links a{margin:0;color:#75677a}
body.site-app .footer small,body.site-online .footer small{display:block;margin-top:20px;font-size:12px}
body.site-app :focus-visible,body.site-online :focus-visible{outline:3px solid #dc83b0;outline-offset:3px}
@media(max-width:1060px){body.site-app .header .wrap,body.site-online .header .wrap{flex-wrap:wrap;gap:7px 15px;padding-block:12px}body.site-app .header .nav,body.site-online .header .nav{order:3;flex:1 0 100%;overflow-x:auto;white-space:nowrap;gap:20px;padding:4px 0 7px;scrollbar-width:thin}body.site-app .header .lang,body.site-online .header .lang{margin-left:auto}}
@media(max-width:660px){body.site-app .wrap,body.site-online .wrap{width:min(100% - 28px,1180px);padding:0}body.site-app .header .wrap,body.site-online .header .wrap{padding-block:9px}body.site-app .brand,body.site-online .brand{font-size:16px}body.site-app .brandmark,body.site-online .brandmark{width:35px;height:35px;border-radius:11px;font-size:21px}body.site-app .header .nav,body.site-online .header .nav{font-size:13px;gap:16px}body.site-app .hero{margin-top:14px;border-radius:24px;padding:30px 20px}body.site-app .hero h1{font-size:clamp(34px,10vw,45px)}body.site-app .showcase{height:310px}body.site-app .page-title{padding:33px 0 22px}body.site-app .page-title h1{font-size:clamp(30px,9vw,42px)}body.site-online .hero{padding:30px 0 22px}body.site-online .article{margin:22px auto}body.site-app .article.privacy{margin:18px auto 44px}body.site-app .footer,body.site-online .footer{padding:30px 0}}
@media(prefers-reduced-motion:reduce){body.site-app *,body.site-online *{transition:none!important;scroll-behavior:auto}}

/* Keyboard-only skip link: hidden visually except when tab-focused. */
body.site-app > .skip,body.site-online > .skip{position:fixed!important;top:10px!important;left:12px!important;transform:translateY(-160%)!important;opacity:0!important;pointer-events:none;z-index:9999!important;display:block;background:#fff;color:#47334e;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow)}
body.site-app > .skip:focus-visible,body.site-online > .skip:focus-visible{transform:translateY(0)!important;opacity:1!important;pointer-events:auto}
body.site-app .online-cta-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
body.site-app .online-cta-actions .btn{min-width:fit-content;white-space:normal;text-align:center}
body.site-app .article-date,body.site-online .article-date{font-size:13px;line-height:1.4;color:#927d90;margin:8px 0 6px;font-weight:650;letter-spacing:.01em}
body.site-app .article-card .article-date{margin:5px 0 8px}
body.site-online .article-card .article-date{margin:14px 0 0}
body.site-app .privacy-layout{max-width:1180px;padding-top:30px;padding-bottom:44px}
body.site-app .privacy-heading{max-width:900px;margin:0 auto 18px;padding:26px clamp(22px,4vw,44px);background:linear-gradient(125deg,#fff0e9,#f8e6f1 85%);border:1px solid #f1dfe5;border-radius:25px}
body.site-app .privacy-heading .eyebrow{margin:0 0 9px}
body.site-app .privacy-summary{max-width:68ch;margin:0 0 19px;color:#6d5a6e;line-height:1.6}
body.site-app .privacy-shortcuts{display:flex;gap:10px;flex-wrap:wrap}
body.site-app .privacy-shortcuts a{background:#fff;padding:9px 14px;border-radius:999px;border:1px solid #edd9e4;color:#634c63;font-size:13px;font-weight:700}
body.site-app .privacy-shortcuts a:hover{border-color:#c989aa;color:#a6507a}
body.site-app .privacy.article{margin-top:0;box-shadow:0 16px 42px #52345015}
body.site-app .header .nav .policy-link[aria-current=page]{color:#aa4275;text-decoration:underline;text-underline-offset:7px}
@media(max-width:960px){body.site-app .online-cta-actions{justify-content:flex-start}}
@media(max-width:620px){body.site-app .online-cta-actions{width:100%}body.site-app .online-cta-actions .btn{width:100%;min-width:0}body.site-app .privacy-heading{padding:22px 18px}body.site-app .privacy-layout{padding-top:16px}}