:root{--bg:#f5f0e8;--panel:#fffdfa;--ink:#171717;--muted:#625f5a;--accent:#7c5cff;--accent2:#ffe45e;--line:#171717;--shadow:7px 7px 0 #171717;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit}.shell{width:min(1140px,calc(100% - 32px));margin:auto}.announcement{padding:10px 18px;text-align:center;background:var(--accent2);border-bottom:2px solid var(--line);font-weight:750}.topbar{min-height:80px;display:flex;align-items:center;gap:28px;border-bottom:2px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:20px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:url("/assets/icons/48.png") center/cover no-repeat;color:transparent;font-size:0;border:2px solid var(--line);border-radius:10px;box-shadow:3px 3px 0 var(--line)}.brand small{font-size:10px;background:var(--accent2);padding:3px 6px;border:1px solid var(--line);border-radius:6px}.topbar nav{margin-inline-start:auto;display:flex;gap:18px}.topbar nav a{text-decoration:none;font-weight:700}.lang-switch{display:flex;gap:4px;flex-wrap:wrap}.lang-switch a{font-size:11px;text-decoration:none;border:1px solid var(--line);padding:5px 7px;background:var(--panel)}.lang-switch a.active{background:var(--ink);color:#fff}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;padding-block:72px}.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--accent);margin:0 0 16px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:760px}.lead{font-size:18px;color:var(--muted);max-width:650px;margin:24px 0}.extension-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);max-width:700px}.extension-card>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:0 9px;align-items:center}.extension-card small{grid-column:2;color:var(--muted)}.status-dot{width:11px;height:11px;border-radius:50%;background:#aaa;border:2px solid var(--line);grid-row:1/3}.status-dot.ok{background:#4ee08a}.status-dot.missing{background:#ff6b6b}.cta-row{display:flex;gap:8px}.btn{border:2px solid var(--line);border-radius:11px;min-height:44px;padding:10px 16px;font:800 13px inherit;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);color:white;box-shadow:3px 3px 0 var(--line)}.browser-note{font-size:12px;color:var(--muted);margin-top:18px}.hero-panel{align-self:center;background:#111;color:#fff;border:2px solid var(--line);border-radius:22px;box-shadow:10px 10px 0 var(--accent);padding:18px}.window-bar{display:flex;gap:7px;align-items:center;border-bottom:1px solid #3d3d3d;padding-bottom:13px;margin-bottom:14px}.window-bar i{width:10px;height:10px;border-radius:50%;background:#777}.window-bar i:nth-child(1){background:#ff6464}.window-bar i:nth-child(2){background:#ffe16b}.window-bar i:nth-child(3){background:#54de8f}.window-bar span{margin-inline-start:auto;font:700 11px ui-monospace,monospace;color:#aaa}.mock-card{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #292929}.mock-card b{color:var(--accent2)}.mock-card em{font:normal 11px ui-monospace,monospace;color:#a8a8a8}.hero-panel p{color:#bcbcbc;font-size:12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:24px 72px}.features article{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:22px;min-height:230px}.features article>span{font:900 12px ui-monospace,monospace;color:var(--accent)}.features h2{font-size:20px;margin:30px 0 10px}.features p{font-size:13px;color:var(--muted)}.start{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;border-block:2px solid var(--line);padding-block:52px}.start h2{font-size:38px;margin:0}.start ol{margin:0;padding-inline-start:26px}.start li{padding:10px 0 18px 10px;font-weight:650}.social{padding-block:52px}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{border:2px solid var(--line);background:var(--panel);padding:10px 14px;text-decoration:none;font-weight:800;border-radius:10px}footer{display:flex;justify-content:space-between;gap:24px;border-top:2px solid var(--line);padding-block:24px 40px;color:var(--muted);font-size:12px}footer a{font-weight:800}.admin-wrap{width:min(900px,calc(100% - 28px));margin:50px auto}.admin-card{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-bottom:18px}.admin-card h1,.admin-card h2{margin-top:0}.field{display:grid;gap:6px;margin:14px 0}.field label{font-weight:800;font-size:12px}.field input,.field select,.field textarea{width:100%;border:2px solid var(--line);background:#fff;padding:11px;border-radius:9px;font:inherit}.field .inline-check{display:flex;align-items:center;gap:9px}.field .inline-check input[type=checkbox]{width:auto;padding:0;margin:0;accent-color:var(--accent);transform:scale(1.1)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{border:2px solid var(--line);padding:12px;border-radius:10px;background:var(--accent2);font-weight:700}.error{background:#ffd1d1}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-actions a{text-decoration:none}.hint{font-size:12px;color:var(--muted)}
html[data-theme="modern"]{--bg:#f6f7fb;--panel:#fff;--ink:#181a20;--accent:#6258e8;--accent2:#e8e6ff;--line:#dfe2ea;--shadow:0 14px 35px #20253a14;--radius:20px}html[data-theme="modern"] .brand-mark,html[data-theme="modern"] .btn.primary{box-shadow:none}html[data-theme="glass"]{--bg:#eaf1ff;--panel:#ffffffaa;--ink:#172033;--accent:#4f6cff;--accent2:#bcecff;--line:#ffffff;--shadow:0 20px 50px #173b751c;--radius:24px}html[data-theme="glass"] body{background:radial-gradient(circle at 20% 0,#d8e6ff,transparent 38%),radial-gradient(circle at 100% 40%,#d8fff6,transparent 35%),var(--bg)}html[data-theme="glass"] .features article,html[data-theme="glass"] .extension-card{backdrop-filter:blur(18px)}html[data-theme="dark"]{--bg:#0d0f14;--panel:#161a22;--ink:#f4f5f7;--muted:#9ca3b2;--accent:#8b76ff;--accent2:#e3c84d;--line:#303642;--shadow:0 16px 44px #0008;--radius:18px}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0f1218;color:#fff}html[data-theme="minimal"]{--bg:#fff;--panel:#fff;--ink:#111;--muted:#666;--accent:#111;--accent2:#eee;--line:#d9d9d9;--shadow:none;--radius:6px}
@media(max-width:850px){.topbar{flex-wrap:wrap;padding-block:16px}.topbar nav{order:3;width:100%;margin:0}.hero{grid-template-columns:1fr;padding-block:46px}.features{grid-template-columns:1fr 1fr}.start{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.extension-card{align-items:flex-start;flex-direction:column}.cta-row,.btn{width:100%}.btn{text-align:center}.hero-panel{margin-top:-10px}}@media(max-width:520px){.shell{width:min(100% - 22px,1140px)}.hero h1{font-size:44px}.features{grid-template-columns:1fr}.lang-switch{width:100%}.topbar nav{display:none}.mock-card{grid-template-columns:38px 1fr}.mock-card em{grid-column:2}.start h2{font-size:32px}}[hidden]{display:none!important}

/* ===== Mobile Pastel UI 1.5.2 ===== */
.public-home{--mobile-bg:#f7fbfb;--mobile-yellow:#fff7bf;--mobile-mint:#edfdf3;--mobile-blue:#eef9ff;--mobile-text:#202333;--mobile-muted:#7b8090;--mobile-line:#e8eaf0;--mobile-shadow:0 8px 24px rgba(35,40,60,.10);background:linear-gradient(145deg,#fff8bd 0 13%,#effcff 30% 64%,#f7fbfb 64%);color:var(--mobile-text);min-height:100vh}
.public-home:before,.public-home:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(.2px);pointer-events:none}.public-home:before{width:260px;height:260px;background:#fff2a5;left:-120px;top:145px}.public-home:after{width:300px;height:300px;background:#e5f8ff;right:-160px;top:300px}.public-home .shell{width:min(720px,calc(100% - 24px))}.public-home .announcement{border:0;background:#fff0a9;color:#4f4831;font-size:13px;padding:9px 14px}.public-home .topbar{position:sticky;top:0;z-index:20;width:100%;max-width:none;padding:0 18px;min-height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:0;border-radius:0 0 20px 20px;box-shadow:0 5px 18px rgba(37,45,65,.12);justify-content:space-between}.public-home .brand{font-size:18px}.public-home .brand-mark{border:0;box-shadow:none;border-radius:12px;background:url("/assets/icons/48.png") center/cover no-repeat;color:transparent;font-size:0;width:43px;height:43px}.public-home .brand small{font-size:10px;color:#c39c00;margin-left:-5px}.header-actions{display:flex;gap:8px}.header-btn{padding:9px 13px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:800;border:1px solid #dbe2ec;background:white;color:#4c5364;white-space:nowrap}.header-btn.primary{background:#ffd92f;border-color:#ffd92f;color:#6e5a00}.public-home main{padding:20px 0 50px}.mobile-welcome{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:18px 4px 14px}.welcome-copy{max-width:520px}.welcome-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#ffffffc9;border:1px solid #e7e9ef;font-size:10px;font-weight:900;letter-spacing:.08em;color:#596070}.mobile-welcome h1{font-size:clamp(28px,7vw,42px);line-height:1.05;letter-spacing:-1.6px;margin:12px 0 8px;max-width:560px}.mobile-welcome p{font-size:13px;line-height:1.65;color:var(--mobile-muted);margin:0}.lang-switch.compact{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:160px}.lang-switch.compact a{font-size:9px;text-decoration:none;padding:5px 6px;border-radius:7px;background:#fff;border:1px solid #e5e7ed;color:#7c8290}.lang-switch.compact a.active{background:#202333;color:#fff;border-color:#202333}.tool-catalog{display:grid;gap:16px}.catalog-title{display:flex;align-items:center;gap:9px;margin:10px 3px 0;font-size:12px}.catalog-title>span{color:#d5a800;font-size:17px}.catalog-title strong{font-size:13px;letter-spacing:.03em}.catalog-title small{margin-left:auto;color:#9a9fa9;font-size:10px}.tool-card{background:rgba(255,255,255,.96);border:1px solid rgba(228,232,238,.92);border-radius:20px;padding:20px 18px;box-shadow:var(--mobile-shadow);overflow:hidden}.tool-card.featured{background:linear-gradient(180deg,#effff4 0 82px,#fff 82px)}.tool-card:nth-of-type(3){background:linear-gradient(180deg,#f1fbff 0 82px,#fff 82px)}.tool-card:nth-of-type(4){background:linear-gradient(180deg,#fffbe9 0 82px,#fff 82px)}.tool-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tool-icons{display:flex;gap:7px}.tool-icons span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:15px;font-weight:900;border:3px solid #ffde4b;background:#fff;box-shadow:0 2px 4px #0001}.tool-icons .fb{background:#2477f2;color:#fff}.tool-icons .gp{background:#53c277;color:#fff}.tool-icons .media,.tool-icons .join,.tool-icons .ext{background:#fff;color:#545c68}.preview-badge{background:#555d6c;color:white;padding:7px 11px;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.02em}.tool-card h2{font-size:21px;line-height:1.25;margin:0 0 12px;letter-spacing:-.35px}.tool-card p{font-size:12px;color:#808592;line-height:1.7;margin:0 0 20px}.tool-cta{width:100%;display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:12px;background:#a7afbd;color:#fff;text-decoration:none;font-size:14px;font-weight:800;cursor:pointer}.tool-card.featured .tool-cta{background:#4b8df8}.tool-card:nth-of-type(3) .tool-cta{background:#5c73e8}.tool-actions{display:grid;gap:9px}.extension-status{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;background:#f7f8fa;margin:-5px 0 13px}.extension-status strong{font-size:11px}.extension-status small{margin-left:auto;color:#9ca1ac;font-size:10px}.public-home .status-dot{width:9px;height:9px;border-radius:50%;background:#f0be31;flex:0 0 auto}.mobile-info{display:grid;gap:10px;margin-top:18px}.info-card{display:flex;gap:12px;background:rgba(255,255,255,.86);border:1px solid #e8eaf0;border-radius:16px;padding:14px 15px}.info-card>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f2f3f6;font-size:10px;font-weight:900;color:#6d7380;flex:0 0 auto}.info-card strong{font-size:12px}.info-card p{margin:4px 0 0;font-size:10px;line-height:1.55;color:#8b909a}.public-home .social{margin-top:18px;background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:18px;box-shadow:var(--mobile-shadow)}.public-home .social h2{font-size:15px;margin-top:0}.public-home .social-links{display:flex;gap:7px;flex-wrap:wrap}.public-home .social-links a{background:#f4f6f9;border:1px solid #e6e9ee;border-radius:999px;padding:8px 11px;text-decoration:none;font-size:10px}.public-home footer{width:min(720px,calc(100% - 24px));border:0;margin:18px auto 0;padding:18px 0 34px;font-size:10px;color:#9297a2;text-align:center}
@media(max-width:560px){.public-home .topbar{min-height:70px;padding:0 12px}.public-home .brand>span:not(.brand-mark){font-size:16px}.public-home .brand small{display:none}.header-btn{padding:8px 10px;font-size:10px}.mobile-welcome{display:block;padding-top:14px}.lang-switch.compact{margin-top:12px;max-width:none;justify-content:flex-start}.catalog-title small{display:none}.tool-card{padding:17px 15px;border-radius:18px}.tool-card h2{font-size:19px}.tool-card p{font-size:11.5px}.tool-icons span{width:35px;height:35px}.preview-badge{font-size:9px;padding:6px 9px}}

/* ===== Compact Mobile UI 1.5.6 ===== */
@media(max-width:760px){
  .public-home .shell{width:min(100% - 18px,720px)}
  .public-home .announcement{font-size:11px;padding:7px 10px}
  .public-home .topbar{min-height:62px;padding:0 12px;border-radius:0 0 15px 15px}
  .public-home .brand{font-size:16px;gap:8px}.public-home .brand-mark{width:36px;height:36px}.public-home .brand small{font-size:8.5px;padding:2px 5px}
  .header-actions{gap:5px}.header-btn{padding:7px 9px;border-radius:9px;font-size:10px}
  .public-home main{padding:12px 0 32px}.mobile-welcome{padding:12px 2px 9px;gap:9px;align-items:flex-start}
  .welcome-badge{font-size:8.5px;padding:4px 7px}.mobile-welcome h1{font-size:27px;letter-spacing:-1px;margin:8px 0 6px}.mobile-welcome p{font-size:11px;line-height:1.5}
  .lang-switch.compact{max-width:126px;gap:3px}.lang-switch.compact a{font-size:8px;padding:4px 5px}
  .tool-catalog{gap:10px}.tool-card{border-radius:15px;padding:14px;box-shadow:0 5px 16px rgba(35,40,60,.08)}
  .tool-card h2{font-size:17px}.tool-card p{font-size:10.5px;line-height:1.5}.tool-card .tool-icon{width:38px;height:38px}
  .tool-card .btn,.public-home .btn{min-height:42px;padding:9px 12px;font-size:11px;border-radius:10px}
  .mobile-section{padding:14px}.mobile-section h2{font-size:18px}.mobile-section p,.mobile-section li{font-size:10.5px}
  .public-home footer{padding-block:16px 24px;font-size:10px}
}