.app-shell{gap:1.2rem;width:min(1200px,100% - 2rem);margin:2rem auto 4rem;display:grid;overflow-x:clip}.hero{background:linear-gradient(135deg,#fef3c7,#bae6fd);border:1px solid #fed7aa;border-radius:20px;padding:1.5rem;animation:.5s rise-in;box-shadow:0 20px 45px -30px #0f172a}.hero h1{margin:.3rem 0;font-size:clamp(1.5rem,3vw,2.5rem)}.hero p{max-width:75ch;margin:.3rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#0f766e;font-size:.75rem;font-weight:700}.tabs{flex-wrap:wrap;gap:.6rem;display:flex}.tab{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.6rem 1rem;font-weight:700}.tab.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:100%;padding:1rem;overflow-x:hidden;box-shadow:0 12px 30px -25px #0f172a}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-head>*{min-width:0}.section-head h2{margin:0}.section-head p{color:#475569;margin:0}.trade-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:1rem;display:grid}label{color:#334155;gap:.35rem;font-weight:600;display:grid}input,select{font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem .7rem}input:focus,select:focus{border-color:#0ea5e9;outline:2px solid #7dd3fc}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;max-width:100%;padding:.55rem .9rem}.btn-primary{color:#fff;background:#0f766e}.btn-ghost{background:#f1f5f9;border-color:#cbd5e1}.btn-danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.form-actions{grid-column:1/-1;gap:.6rem;display:flex}.hint{color:#0369a1;margin:0}.error{color:#b91c1c;margin:.5rem 0}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:.8rem;display:grid}.metric-card{background:linear-gradient(160deg,#fffbeb,#ecfeff);border:1px solid #fcd34d;border-radius:14px;gap:.35rem;min-width:0;padding:1rem;display:grid}.metric-card h3{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:.95rem}.metric-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.chip{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:800}.chip-on{color:#fff;background:#0f766e;border-color:#0f766e}.metric-card strong{overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-size:clamp(1.05rem,2.2vw,1.25rem);display:block}.metric-card small{color:#475569}.text-up{color:#15803d}.text-down{color:#b91c1c}.note p{color:#334155;margin:0}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:.8rem;display:grid}.kucoin-grid{flex-wrap:wrap;gap:.8rem;margin:1rem 0;display:flex}.kucoin-grid>.metric-card{flex:260px;min-width:min(260px,100%)}.subtle-stack{gap:.35rem;margin:.75rem 0;display:grid}.kucoin-controls{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:.8rem;margin:1rem 0;display:grid}.chart-card h3{margin-top:0}.table-wrap{width:100%;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:.65rem .5rem}.coin-cell{align-items:center;gap:.5rem;display:inline-flex}.actions-inline{gap:.35rem;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.app-shell{width:min(1200px,100% - 1rem);margin-top:1rem}.hero{padding:1rem}}