@layer reset,tokens,structure,components,adaptive;
@layer reset{*,*::before,*::after{box-sizing:border-box;min-inline-size:0}html{max-inline-size:100%;overflow-x:clip;text-size-adjust:100%}body{margin:0;min-block-size:100dvh;max-inline-size:100%;overflow-x:clip}img,svg,video,canvas{display:block;max-inline-size:100%;block-size:auto}button,input,textarea,select{font:inherit}p,h1,h2,h3,li,a,label{overflow-wrap:anywhere}}
@layer tokens{:root{--bg:#071018;--panel:#102331;--line:#36576c;--accent:#ecc95a;--text:#edf6fa;--muted:#9fc8e5;--ok:#82e6b5;--space:clamp(.75rem,2.2cqi,1.4rem);--radius:clamp(.75rem,2cqi,1.15rem);--measure:68ch}}
@layer structure{body{background:var(--bg);color:var(--text);font:clamp(1rem,.92rem + .25vw,1.18rem)/1.55 system-ui,sans-serif}.portal-shell{container:portal / inline-size;inline-size:min(100%,82rem);margin-inline:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.portal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space)}.portal-main{display:grid;gap:var(--space);margin-block-start:var(--space)}.portal-snap{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(82cqi,28rem),1fr);gap:.65rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scroll-padding-inline:.15rem;padding:.15rem .15rem .55rem;scrollbar-width:thin}.portal-snap>*{scroll-snap-align:start;scroll-snap-stop:normal}}
@layer components{.portal-host{font-weight:750;letter-spacing:.01em}.portal-nav a,.portal-button{min-block-size:3rem;min-inline-size:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--line);border-radius:.85rem;background:#173244;color:var(--text);text-decoration:none;white-space:nowrap}.portal-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.portal-status{color:var(--ok);margin:0}.portal-title{color:var(--accent);font-size:clamp(2.4rem,1.3rem + 6cqi,5.4rem);line-height:.98;max-inline-size:12ch;margin:.5rem 0}.portal-card{inline-size:100%;max-inline-size:var(--measure);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,4cqi,2rem)}label{display:grid;gap:.35rem;margin-block:1rem}input,textarea{inline-size:100%;min-block-size:3rem;padding:.7rem;border:1px solid #527085;border-radius:.7rem;background:#071722;color:var(--text)}.portal-note{color:var(--muted)}}
@layer adaptive{@container portal (width < 46rem){.portal-header{grid-template-columns:1fr}.portal-snap{inline-size:100%}.portal-title{max-inline-size:9ch}.portal-card{max-inline-size:none}}@container portal (width >= 46rem){.portal-nav{display:flex;justify-content:flex-end}.portal-main{grid-template-columns:minmax(0,2fr) minmax(17rem,1fr)}.portal-card{grid-column:1/-1}}@media (pointer:coarse){.portal-nav a,.portal-button{min-block-size:3.25rem;padding-inline:1.15rem}}@media (hover:hover){.portal-nav a:hover,.portal-button:hover{border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.portal-snap{scroll-snap-type:none}}@media print{.portal-nav{display:none}.portal-shell{inline-size:100%;padding:0}.portal-card{border-color:#777}}}