*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font:16px system-ui;background:#090e11;color:#eaf6f5;display:flex;flex-direction:column;height:var(--height,100dvh)}header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;min-height:56px}header a{font-size:14px;color:inherit;text-decoration:none;font-weight:650}nav{display:flex;gap:4px}button,.upload{font:inherit;font-size:14px;min-height:44px;display:inline-flex;align-items:center;border:1px solid #3b4e54;border-radius:9px;background:#152229;color:inherit;padding:8px 10px;cursor:pointer}button[aria-pressed=true]{background:#a8e1d1;color:#10291e}iframe{display:block;width:100%;flex:1;min-height:0;border:0}#message{font-size:13px;margin:0;padding:6px 12px;background:#59351c}body:has(iframe[data-editing=true]) header{display:none}@media(max-width:360px){header{padding:4px;gap:3px}header a{font-size:12px}button,.upload{padding:8px;font-size:13px}}[hidden]{display:none!important}

@media(max-width:540px){header{flex-wrap:wrap}header nav{margin-left:auto}header .upload{margin-left:auto}}