:root{--bg:#0e0f12;--panel:#17191f;--panel-2:#1d2027;--text:#e9eef2;--muted:#b3c1c9;--accent:<?= $brand['accent'] ?>;--muted-accent:<?= $brand['muted'] ?>;--shadow:0 8px 24px rgba(0,0,0,.35);--radius:16px;--radius-sm:10px;--focus:0 0 0 3px rgba(54,254,0,.35);--maxw:1400px}[data-theme="light"]{--bg:#f6f7f9;--panel:#fff;--panel-2:#f0f3f6;--text:#0e1116;--muted:#44505a;--accent:<?= $brand['accent'] ?>;--muted-accent:#2b6aa9;--shadow:0 8px 24px rgba(0,0,0,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom,0) + 64px)}header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));backdrop-filter:saturate(1.2) blur(6px)}.bar{display:flex;gap:12px;align-items:center;padding:10px 18px;max-width:var(--maxw);margin:0 auto}header img.logo{height:28px;width:28px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.35)}.title{font-size:clamp(16px,1.8vw,20px);font-weight:700}.chip{padding:6px 10px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:12px;border:1px solid rgba(255,255,255,.06)}.actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}button,.btn{border:none;cursor:pointer;padding:12px 14px;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:8px}button:hover,.btn:hover{outline:1px solid rgba(255,255,255,.08)}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn-accent{background:linear-gradient(180deg,var(--accent),#15a500);color:#021607}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.12)}.container{display:grid;grid-template-columns:220px 260px 1fr;gap:20px;padding:20px;max-width:var(--maxw);margin:0 auto}@media(max-width:1200px){.container{grid-template-columns:220px 1fr}}@media(max-width:900px){.container{grid-template-columns:1fr;gap:16px;padding:12px}}.apps,.toc{position:sticky;top:66px;align-self:start;background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.apps h3,.toc h3{margin:0;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;color:var(--muted)}.apps ul,.toc ul{list-style:none;margin:0;padding:8px}.apps a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:10px;color:var(--muted);text-decoration:none}.apps a.active,.apps a:hover{background:rgba(54,254,0,.12);color:var(--text)}.toc .search{padding:12px;width:100%;border:none;background:var(--panel-2);color:var(--text);border-bottom:1px solid rgba(255,255,255,.06);outline:none}.toc a{display:block;padding:10px;border-radius:10px;color:var(--muted);text-decoration:none}.toc a.active,.toc a:hover{background:rgba(54,254,0,.12);color:var(--text)}.toc .app-group{border-top:1px solid rgba(255,255,255,.06)}.toc .app-toggle{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:12px 14px;display:flex;align-items:center;gap:8px;cursor:pointer}.toc .app-toggle .chev{margin-left:auto;transition:transform .2s ease}.toc .app-steps{display:none;padding:6px 10px 12px 10px}.toc .app-steps.open{display:block}.toc .app-title{font-weight:600}@media(max-width:900px){.apps ul,.toc .app-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.apps a,.toc a{padding:10px}.toc{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:65vh;transform:translateY(100%);transition:transform .3s ease;z-index:20;border-radius:16px 16px 0 0}body.show-steps .toc{transform:translateY(0)}.apps{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:65vh;transform:translateY(100%);transition:transform .3s ease;z-index:21;border-radius:16px 16px 0 0}body.show-apps .apps{transform:translateY(0)}}.content{display:flex;flex-direction:column;gap:14px}.card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.accordion{width:100%;text-align:left;background:transparent;border:none;padding:18px;display:flex;gap:10px;align-items:center;cursor:pointer}.accordion h2{margin:0;font-size:clamp(16px,2.4vw,18px);line-height:1.2}.sub{color:var(--muted);font-size:clamp(12px,1.8vw,13px);margin-top:4px}.icon{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:rgba(54,254,0,.15);display:grid;place-items:center}.chev{margin-left:auto;transition:transform .25s ease}.panel{max-height:0;overflow:hidden;background:var(--panel-2);border-top:1px solid rgba(255,255,255,.06);transition:max-height .35s ease}.panel-inner{padding:16px}img{max-width:100%;height:auto;border-radius:10px;margin-top:10px}.grid-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 2px 10px 2px}.progress{height:10px;background:var(--panel-2);border-radius:999px;margin:10px 18px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#23b800)}.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0))}footer{color:var(--muted);text-align:center;padding:30px}@media (pointer:coarse){.accordion{padding:20px}button,.btn{padding:14px 16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.chev,.panel{transition:none}}section.card{scroll-margin-top:80px}@media print{header,.apps,.toc,.grid-actions,.fab{display:none!important}.card{break-inside:avoid;box-shadow:none;border-color:#ccc}body{background:#fff;color:#000}}.mobile-only{display:inline-flex}.desktop-only{display:inline-flex}@media(min-width:901px){.mobile-only{display:none!important}}@media(max-width:900px){.desktop-only{display:none!important}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:19}body.show-steps .overlay,body.show-apps .overlay{opacity:1;pointer-events:auto}