:root{color-scheme:dark;--bg:#201f25;--panel:#27272f;--line:#41434e;--muted:#a4a6b3;--text:#f5f5f7;--cyan:#0fc5e9;--radius:6px}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;display:flex;flex-direction:column}
.shell{width:min(100% - 80px,1320px);margin-inline:auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-block:12px;flex-shrink:0;min-height:66px;line-height:normal}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.03em;transition:color .2s ease;text-decoration:none;color:var(--text)}
.brand:hover{color:var(--cyan)}.brand img{width:36px;height:36px;object-fit:contain}.brand span span{color:var(--cyan)}
.tagline{margin:0;font-size:18px;white-space:nowrap;display:flex;gap:14px;align-items:center;color:var(--text)}
.tagline::before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#14d8ef,#8880f7,#27d8b3,#14d8ef);background-size:300% 300%;animation:dot-shimmer 7s ease-in-out infinite;flex:none}
@keyframes dot-shimmer{0%,100%{background-position:0% 50%;box-shadow:0 0 7px #0fc5e925}50%{background-position:100% 50%;box-shadow:0 0 10px #8880f740}}
.top-actions{display:flex;gap:10px;flex-wrap:wrap}
.top-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font:13px "Segoe UI",Arial,sans-serif;white-space:nowrap;text-decoration:none;transition:border-color .18s,background .18s}
.top-button svg{width:18px;height:18px}.top-button:hover{border-color:#868999;background:#30313a;color:var(--text)}
.site-main{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:clamp(12px,2svh,24px)}
.page-content{font-size:16px;line-height:1.6;padding-bottom:48px}.page-content>.layout{padding-bottom:0}
footer.shell{display:block;flex-shrink:0;padding:16px 0;border-top:1px solid var(--line);margin-top:auto}
footer .legal{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px}
footer .legal a{color:#b8b9c3;font-size:12px;line-height:1.5;text-decoration:none}
footer .legal a:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.header{gap:12px}.tagline{font-size:15px;gap:10px}.top-actions{gap:6px}.top-button{padding:9px 10px;gap:7px;font-size:12px;min-height:38px}}
@media(max-width:900px){.header{flex-wrap:wrap;justify-content:center;gap:10px}.top-actions{justify-content:center}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}footer.shell{padding:12px 0}footer .legal{gap:6px 16px;text-align:center}footer .legal a{font-size:11px}.page-content{font-size:15px;padding-bottom:28px}}
@media(max-width:540px){.top-actions{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.top-button{padding:8px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.brand,.top-button{transition:none}.tagline::before{animation:none}}
@media print{body{display:block;min-height:0;background:white;color:black}.header,footer.shell{display:none}.site-main{display:block}.shell{width:100%}}