:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--radius: 16px;--shadow: 0 12px 40px rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(79,140,255,.18),transparent 40%),var(--tg-bg, #1a1a2e);color:var(--tg-text, #f5f5f5);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit}.app{min-height:100dvh;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hero{padding:8px 0 20px}.eyebrow{margin:0 0 8px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tg-hint, #9aa0b4)}.hero h1{margin:0;font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.1}.subtitle{margin:12px 0 0;max-width:36rem;color:var(--tg-hint, #9aa0b4)}.content{display:grid;gap:16px;flex:1}.card{background:color-mix(in srgb,var(--tg-secondary-bg, #252545) 92%,transparent);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 0}.card-header h2{margin:0;font-size:1rem}.card-body{padding:16px}.stack{display:grid;gap:12px}.lead{margin:0;font-size:1.05rem}.meta-list{margin:0;display:grid;gap:10px}.meta-list div{display:flex;justify-content:space-between;gap:12px}.meta-list dt{margin:0;color:var(--tg-hint, #9aa0b4)}.meta-list dd{margin:0;text-align:right;word-break:break-all}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#2ecc7129;color:#7dffb0}.badge-warning{background:#ffc10729;color:#ffd86b}.badge-neutral{background:#ffffff14;color:var(--tg-hint, #9aa0b4)}.btn{appearance:none;border:none;border-radius:12px;padding:14px 16px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--tg-button, #4f8cff);color:var(--tg-button-text, #ffffff)}.btn-secondary{background:#ffffff14;color:var(--tg-text, #f5f5f5)}.btn-ghost{background:transparent;color:var(--tg-hint, #9aa0b4)}.field{display:grid;gap:8px}.field span{font-size:.875rem;color:var(--tg-hint, #9aa0b4)}.field input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;background:#0000002e;color:var(--tg-text, #f5f5f5)}.field input:focus{outline:2px solid color-mix(in srgb,var(--tg-button, #4f8cff) 60%,transparent);outline-offset:0}.greeting{margin:0;padding:16px;border-left:4px solid var(--tg-button, #4f8cff);background:#4f8cff14;border-radius:0 12px 12px 0;font-size:1.125rem}.mono{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{margin:0;color:var(--tg-hint, #9aa0b4)}.small{font-size:.875rem}.success-text{margin:0;color:#7dffb0}.error-text{margin:0;color:#ff8a8a}.footer{padding:20px 0 8px;text-align:center;color:var(--tg-hint, #9aa0b4);font-size:.8125rem}@media(min-width:720px){.content{grid-template-columns:repeat(2,minmax(0,1fr))}.content .card:last-child{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}