:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #05060a;--text-primary: #f6f7fb;--muted: rgba(255, 255, 255, .6);--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--success: #4ade80;--warning: #facc15;--info: #38bdf8;--error: #f87171;--app-background: radial-gradient(circle at top, rgba(56, 189, 248, .15), transparent 45%), radial-gradient(circle at 30% 20%, rgba(74, 222, 128, .15), transparent 35%), #05060a;color:var(--text-primary);background-color:var(--bg);color-scheme:dark}[data-theme=light]{--bg: #f8fafc;--text-primary: #0f172a;--muted: rgba(15, 23, 42, .65);--surface: rgba(15, 23, 42, .04);--surface-strong: rgba(15, 23, 42, .08);--border: rgba(15, 23, 42, .15);--app-background: radial-gradient(circle at top, rgba(14, 165, 233, .2), transparent 50%), radial-gradient(circle at 80% 20%, rgba(124, 58, 237, .15), transparent 40%), #f8fafc;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-primary);background-color:var(--bg);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.app-shell{min-height:100vh;padding:2.5rem clamp(1rem,4vw,3rem) 4rem;background:var(--app-background);transition:background .3s ease}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--muted);margin:0 0 .25rem}h1{margin:.1rem 0 .5rem;font-size:clamp(2rem,5vw,3rem)}.subtitle{margin:0;max-width:42rem;color:var(--muted)}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-select{border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:600;padding:.55rem 1.5rem;cursor:pointer;font-size:.95rem}.language-select:focus{outline:2px solid rgba(56,189,248,.4)}.stats-grid,.grid{display:grid;gap:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.two-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 60px #00000059}.stat-card .label{font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.stat-card .value{font-size:2rem;margin:0;font-weight:600}button{border:none;border-radius:999px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;background:linear-gradient(120deg,#38bdf8,#a855f7);color:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button.ghost{background:var(--surface-strong);color:var(--text-primary)}.token-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.input-label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--muted)}input,textarea{border-radius:.85rem;border:1px solid var(--border);background:#ffffff05;color:inherit;font-size:1rem;padding:.75rem 1rem;font-family:inherit;resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(56,189,248,.4)}.form-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.success{color:var(--success)}.error{color:var(--error)}.muted{color:var(--muted)}.activity-list,.component-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem}.activity-list li{padding-bottom:.75rem;border-bottom:1px solid var(--border)}.activity-list span{display:block;font-size:.85rem;color:var(--muted);margin-top:.25rem}.component-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:1rem;background:#ffffff05;border:1px dashed var(--border)}.pill{padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase}.pill.success{background:#4ade801a;color:var(--success)}.pill.error{background:#f871711a;color:var(--error)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}