:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;background:radial-gradient(circle at top,#4f46e52e,#0f172ad9 55%),radial-gradient(circle at 10% 110%,rgba(16,185,129,.22),transparent 60%),#0f172a;color:#f8fafc;min-height:100vh}*{box-sizing:border-box;margin:0}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3.5rem 1.5rem}.card{width:min(92vw,620px);background:#0f172ac7;border:1px solid rgba(125,211,252,.22);border-radius:1.75rem;padding:2.75rem 2.5rem;display:flex;flex-direction:column;align-items:stretch;gap:1.75rem;text-align:center;box-shadow:0 35px 70px -25px #0f172ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:visible}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(140deg,rgba(59,130,246,.1),transparent 45%,rgba(16,185,129,.12)),linear-gradient(200deg,rgba(236,72,153,.08),transparent 55%);pointer-events:none;opacity:.65}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f673,#38bdf833 45%,#10b98159);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.8;pointer-events:none}.card>*{position:relative;z-index:1}.card-header{display:grid;gap:.75rem;justify-items:center;font-size:smaller}.card-eyebrow{font-size:.78rem;letter-spacing:.32em;color:#94a3b8d9;text-transform:uppercase}.card-title{font-size:clamp(1.85rem,4vw,2.6rem);font-weight:700;color:#f9fafb}.card-subtitle{font-size:.98rem;color:#cbd5e1e6}.card-subtitle--warning{color:#facc15}.card-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.preference-controls{display:grid;gap:1.2rem;justify-items:center;text-align:center}.preference-control{display:grid;gap:.45rem;justify-items:center;text-align:center}.preference-control label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8d9}.preference-control label span{font-size:.7rem;letter-spacing:normal;text-transform:none;color:#60a5fad9;margin-left:.35rem}.preference-control select{width:min(220px,100%);padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:#e2e8f0;font-size:.95rem;cursor:pointer;transition:border .2s ease,box-shadow .2s ease}.preference-control select:focus-visible{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f640}.preference-hint{font-size:.72rem;color:#94a3b8bf}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#3b82f6b3,#0ea5e9b3);color:#f8fafc;padding:.7rem 1.8rem;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border .2s ease;box-shadow:0 15px 30px -15px #2563eb80}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 35px -18px #2563eb99}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn.btn-secondary{border:1px solid rgba(148,163,184,.35);background:#1e293ba6;box-shadow:none}.btn.btn-secondary:hover:not(:disabled){background:#1e293bd9}.callout{display:grid;gap:.35rem;padding:1rem 1.25rem;border-radius:1.25rem;border:1px solid rgba(248,250,252,.12);background:#0f172aa6;text-align:left;font-size:.95rem;color:#e2e8f0f2}.callout--error{border-color:#f8717166;background:#7f1d1d33;color:#fecaca}.profile-card{width:100%;display:grid;gap:1.5rem;text-align:left;background:#082f494d;border:1px solid rgba(125,211,252,.25);border-radius:1.5rem;padding:1.75rem;box-shadow:inset 0 1px #ffffff05}.profile-header{display:flex;align-items:center;gap:1rem}.profile-avatar{width:64px;height:64px;border-radius:1rem;object-fit:cover;border:1px solid rgba(125,211,252,.35);background:#0f172a99;box-shadow:0 10px 25px -15px #38bdf899}.profile-avatar--initials{display:grid;place-items:center;font-size:1.35rem;font-weight:600;color:#bae6fd}.profile-ident h2{font-size:1.2rem;font-weight:600;color:#e0f2fe}.profile-ident p{font-size:.95rem;color:#bfdbfed1}.profile-highlight{display:flex;gap:.75rem;align-items:center;border-radius:1.25rem;background:#0f766e2e;border:1px solid rgba(45,212,191,.45);padding:.95rem 1.1rem;box-shadow:inset 0 1px #ffffff0a}.profile-highlight-icon{font-size:1.45rem}.profile-highlight-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#2dd4bfd9;margin-bottom:.2rem}.profile-highlight-value{font-size:1.04rem;font-weight:600;color:#d1fae5}.profile-details{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.profile-details div{background:#0f172a6b;border-radius:1.1rem;padding:.95rem 1rem;border:1px solid rgba(148,163,184,.18)}.profile-details dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8bf;margin-bottom:.4rem}.profile-details dd{margin:0;font-size:.95rem;color:#e2e8f0;word-break:break-word}.profile-roles{display:flex;flex-wrap:wrap;gap:.35rem}.profile-role-chip{padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(96,165,250,.35);background:#1e40af40;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#c7d2fe}.card-footer{display:grid;gap:.45rem;text-align:center;color:#94a3b8d9;font-size:.85rem}.card-footer code{background:#94a3b81f;padding:.2rem .45rem;border-radius:.5rem;color:#f8fafc}.request-log{margin-top:.75rem;display:grid;gap:.55rem;text-align:left}.request-log h3{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8cc;margin:0}.request-log__table{width:100%;border-collapse:collapse;background:#0f172a73;border-radius:1rem;overflow:hidden;border:1px solid rgba(148,163,184,.22)}.request-log__table thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8bf;text-align:left;padding:.55rem .8rem;background:#1e293ba6}.request-log__table tbody td{padding:.6rem .8rem;font-size:.86rem;color:#e2e8f0f2;border-top:1px solid rgba(148,163,184,.18);vertical-align:top;word-break:break-all}.request-log__table tbody tr:first-of-type td{border-top:none}.request-log__table code{display:inline-block;background:#0f172a94;padding:.2rem .4rem;border-radius:.45rem;max-width:100%;color:#f8fafc;overflow-wrap:anywhere}@media (max-width: 640px){.card{width:min(96vw,640px);padding:2.4rem 1.6rem;gap:1.5rem}.profile-card{padding:1.45rem}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-highlight{flex-direction:column;align-items:flex-start}}