*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;min-height:100dvh;background:var(--bg);scrollbar-width:none;}
html::-webkit-scrollbar{display:none;}
body{scrollbar-width:none;}
body::-webkit-scrollbar{display:none;}
body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);min-height:100%;overflow-x:hidden;display:flex;flex-direction:column;transition:background 0.2s,color 0.2s;}
main{flex:1;padding-top:76px;}
a{color:inherit;}

header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:calc(22px + env(safe-area-inset-top)) 48px 20px;border-bottom:1px solid var(--border);background:var(--bg);position:fixed;top:0;left:0;right:0;z-index:10;}
.site-logo{height:30px;width:auto;display:block;object-fit:contain;}
.header-right{display:flex;align-items:center;gap:26px;}
nav{display:flex;gap:26px;font-size:13px;}
nav a{text-decoration:none;letter-spacing:0.02em;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color 0.2s,color 0.2s;}
nav a:hover,nav a.active{border-color:var(--accent);color:var(--accent);}

.theme-toggle{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color 0.2s;}
.theme-toggle:hover{border-color:var(--accent);}
.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;}
.theme-toggle .icon-moon{display:none;}
:root[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
:root[data-theme="dark"] .theme-toggle .icon-moon{display:block;}

.divider{border:none;border-top:1px solid var(--border);}

.btn{display:inline-block;padding:12px 22px;background:var(--fg);color:var(--bg);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--fg);cursor:pointer;font-family:var(--font-sans);transition:background 0.15s,border-color 0.15s,color 0.15s;}
.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);}
.btn-ghost{display:inline-block;padding:11px 21px;background:transparent;color:var(--fg);border:1px solid var(--border);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;transition:border-color 0.15s,color 0.15s;}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}

.link-accent{color:var(--accent);}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

footer{border-top:1px solid var(--border);background:var(--bg);padding:40px 48px 0;padding-bottom:calc(40px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-start;margin-top:48px;}
.footer-left{display:flex;flex-direction:column;gap:14px;}
.footer-text{font-size:12px;color:var(--fg-faint);}
.socials{display:flex;gap:16px;}
.socials a{display:flex;align-items:center;color:var(--fg);transition:color 0.2s;}
.socials a:hover{color:var(--accent);}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;}
.footer-right a{color:var(--fg-subtle);text-decoration:none;font-size:12px;transition:color 0.2s;}
.footer-right a:hover{color:var(--accent);}

.safari-fill{position:fixed;left:0;width:100%;background:var(--bg);z-index:99999;pointer-events:none;}
.safari-fill-top{top:0;height:3px;}
.safari-fill-bottom{bottom:0;height:20px;}

@media(max-width:768px){
  header{padding:calc(16px + env(safe-area-inset-top)) 20px 14px;}
  .header-right{gap:16px;}
  nav{gap:16px;font-size:12px;}
  .site-logo{height:24px;}
  footer{flex-direction:column;gap:24px;align-items:flex-start;padding-top:28px;padding-left:20px;padding-right:20px;padding-bottom:calc(48px + env(safe-area-inset-bottom));}
  .footer-right{align-items:flex-start;gap:12px;}
}