:root{--background: #ffffff;--foreground: #171717}@media(prefers-color-scheme:dark){:root{--background: #0a0a0a;--foreground: #ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0f172a;color:#fff}.logo{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-links a{color:#fff;text-decoration:none;font-size:14px}.nav-links a:hover{text-decoration:underline}.logout-btn{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%}*{box-sizing:border-box}@media(max-width:700px){nav[aria-label="Mobil alt menü"]{display:grid!important}body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}}