.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:linear-gradient(135deg,#141424f2,#282844f2);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0;box-shadow:0 8px 30px #00000059}.app-nav__link{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.app-nav__link:hover{background:#ffffff24;transform:translateY(-1px)}.app-nav__link--active{color:#fff;background:linear-gradient(135deg,#646cff,#3f47ff);box-shadow:0 8px 20px #646cff59}.app-content{flex:1;padding:clamp(2rem,6vw,4rem);display:flex}.app-content>*{flex:1}.landing{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-radius:18px;gap:clamp(1rem,3vw,2.5rem);max-width:960px;margin:0 auto;padding:clamp(2rem,6vw,4rem);display:grid;box-shadow:0 25px 60px #0a0a1e73}.landing__logos-container{flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);display:flex}.landing__logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:flex}.logo-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.logo-label{color:#fff9;text-align:center;white-space:nowrap;font-size:.75rem;font-weight:500}.card{background:#ffffff0a;border-radius:12px;gap:.75rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#646cff,#3f47ff);border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.card button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #646cff59}.read-the-docs{color:#ffffffb3}.logo{will-change:filter;height:clamp(3rem,6vw,4.5rem);padding:.5rem;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.tanstack:hover{filter:drop-shadow(0 0 2em #00c7b7aa)}.logo.trpc:hover{filter:drop-shadow(0 0 2em #398ccbaa)}.logo.sst:hover{filter:drop-shadow(0 0 2em #e27152aa)}.logo.vitest:hover{filter:drop-shadow(0 0 2em #729b1aaa)}.logo.mise:hover{filter:drop-shadow(0 0 2em #ff6b6baa)}.logo.biome:hover{filter:drop-shadow(0 0 2em #60a5faaa)}.logo.zod:hover{filter:drop-shadow(0 0 2em #3b82f6aa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.landing h1{margin:0;font-size:clamp(2rem,6vw,3.2rem)}.landing p{margin:0}.portal-shell{align-content:start;gap:1rem;width:100%;max-width:900px;margin:0 auto;display:grid}.portal-shell__bar{justify-content:flex-end;display:flex}.portal{text-align:left;background:#ffffff08;border-radius:18px;align-content:start;gap:1.25rem;width:100%;max-width:900px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem);display:grid;box-shadow:0 25px 60px #0a0a1e73}.portal h1{margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}.portal h2{margin:0;font-size:1.15rem}.portal p{margin:0;line-height:1.55}.portal-lede{color:#fffc}.portal-steps{color:#fffc;gap:.4rem;margin:0;padding-left:1.25rem;display:grid}.portal-callout{background:#ffffff0f;border-left:4px solid #ffffff73;border-radius:10px;gap:.6rem;padding:.9rem 1.1rem;display:grid}.portal-callout--alert{background:#ff9d6e1f;border-left-color:#ff9d6e}.portal-field{gap:.35rem;display:grid}.portal-field__label{letter-spacing:.02em;font-size:.9rem;font-weight:600}.portal-field__hint{color:#ffffffa6;font-size:.85rem}.portal-field__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.portal-field__value{overflow-wrap:anywhere;background:#00000059;border-radius:8px;flex:18rem;min-width:0;padding:.55rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.portal-field__status{color:#ffffffbf;min-height:1.2em;font-size:.85rem}.portal-input{width:100%;color:inherit;font:inherit;background:#0000004d;border:1px solid #ffffff40;border-radius:8px;padding:.6rem .75rem}.portal-input:focus-visible{outline-offset:2px;outline:2px solid #9aa0ff}.portal-input--area{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.portal-form{gap:1.25rem;display:grid}.portal-fieldset{border:1px solid #ffffff2e;border-radius:12px;gap:.75rem;margin:0;padding:1rem;display:grid}.portal-fieldset legend{padding:0 .4rem;font-weight:600}.portal-check{align-items:flex-start;gap:.6rem;display:flex}.portal-check input{flex:none;width:1.1rem;height:1.1rem;margin-top:.25rem}.portal-scopes{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.portal-scope{background:#ffffff0a;border-radius:10px;gap:.35rem;padding:.8rem;display:grid}.portal-scope__id{color:#fff9;font-size:.8rem}.portal-scope__constraint{color:#ffffffd9;font-size:.88rem}.portal-tag{text-transform:uppercase;letter-spacing:.04em;border:1px solid #ffffff59;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.portal-tag--active{color:#7ee2b8;border-color:#7ee2b8}.portal-tag--revoked{color:#ff9d6e;border-color:#ff9d6e}.portal-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.portal-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:999px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.portal-button:focus-visible{outline-offset:2px;outline:2px solid #9aa0ff}.portal-button:disabled{opacity:.55;cursor:not-allowed}.portal-button--primary{background:linear-gradient(135deg,#646cff,#3f47ff)}.portal-button--ghost{background:0 0;border-color:#ffffff4d}.portal-button--danger{color:#ffd7c2;background:#ff9d6e29;border-color:#ff9d6e}.portal-confirm{background:#ff9d6e1a;border:1px solid #ff9d6e80;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;padding:.9rem 1.1rem;display:flex}.portal-confirm p{flex:100%;margin:0;line-height:1.5}.portal-empty{border:1px dashed #ffffff40;border-radius:12px;justify-items:start;gap:.8rem;padding:1.5rem;display:grid}.portal-app-list{gap:1.25rem;display:grid}.portal-app{background:#ffffff0d;border-radius:14px;gap:.75rem;padding:1.1rem;display:grid}.portal-app__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.portal-app__name{margin:0;font-size:1.1rem}.portal-app__facts{grid-template-columns:minmax(9rem,auto) 1fr;gap:.4rem 1rem;margin:0;font-size:.9rem;display:grid}.portal-app__facts dt{color:#ffffffb3;font-weight:600}.portal-app__facts dd{margin:0}.portal-app__scopes{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.portal-app__revoked-note{color:#ffffffb3;font-size:.9rem}.portal-terms__body{background:#0003;border-radius:12px;gap:.7rem;max-height:22rem;padding:1rem;display:grid;overflow-y:auto}.portal-notes{border-top:1px solid #ffffff26;gap:.9rem;padding-top:.5rem;display:grid}.portal-notes__list{gap:1rem;margin:0;display:grid}.portal-notes__list dt{font-weight:700}.portal-notes__list dd{color:#fffc;gap:.5rem;margin:.3rem 0 0;font-size:.92rem;line-height:1.55;display:grid}.portal-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{min-height:100vh;color:inherit;background:radial-gradient(circle at top,#444cff33,#0000 55%),#0a0a12;margin:0}