:root{
  color-scheme:dark;
  --bg:#06101f;
  --panel:#0d1d34;
  --panel-2:#102842;
  --ink:#edf7ff;
  --muted:#8da8c8;
  --line:#254462;
  --blue:#58b8ff;
  --cyan:#78f2ff;
  --amber:#ffd479;
  --red:#ff7777;
  --ok:#77f2b1;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
html{overflow-x:hidden}
body{
  background:
    radial-gradient(circle at 88% 0,#17456d 0,transparent 34%),
    linear-gradient(180deg,#071426 0,#040b16 100%);
  color:var(--ink);
  font:15px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.app{min-height:100dvh}
.internal-screen{
  min-height:100dvh;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:16px max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:14px;
}
.internal-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.internal-brand{
  display:inline-flex;
  align-items:baseline;
  font-weight:900;
}
.internal-brand span{font-size:1.25rem;letter-spacing:-.04em}
.internal-brand small{color:var(--muted);font-size:.86rem}
.internal-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.internal-menu a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#0a182b;
  color:var(--muted);
  font-size:.78rem;
}
.internal-menu a.active{background:#10233c;color:var(--cyan)}
.internal-menu a.primary{background:var(--blue);border-color:var(--blue);color:#04111d;font-weight:900}
.internal-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.76rem;
}
.internal-footer a{color:var(--cyan)}
.lang-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lang-switch a{padding:3px 7px;border:1px solid var(--line);border-radius:6px}
.lang-switch a.active{background:#10233c;color:var(--cyan)}
.internal-panel{
  min-width:0;
  background:#0d1d34d9;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 22px 70px #0006;
}
button,input,select,textarea{
  width:100%;
  max-width:100%;
  min-width:0;
  padding:10px 11px;
  border:1px solid #2a4b6a;
  border-radius:8px;
  background:#081527;
  color:var(--ink);
  font:inherit;
}
textarea{resize:vertical}
button{cursor:pointer;background:var(--blue);border-color:var(--blue);color:#04111d;font-weight:900}
button.secondary{background:#10233c;color:var(--ink);border-color:var(--line)}
button:disabled{opacity:.45;cursor:not-allowed}
label{display:block;color:var(--muted);font-size:.76rem}
.eyebrow{
  margin:0 0 8px;
  color:var(--cyan);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
}
.ok{color:var(--ok)}
.bad{color:var(--red)}
@media(max-width:680px){
  .internal-screen{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
  .internal-nav{align-items:flex-start;flex-direction:column}
  .internal-menu{width:100%}
  .internal-menu a{flex:1}
}