2 lines
25 KiB
CSS
2 lines
25 KiB
CSS
|
@import"https://fonts.googleapis.com/css2?family=Russo+One&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--ccd-bg: #04010b;--ccd-panel: rgba(11, 10, 22, .86);--ccd-panel-edge: rgba(168, 160, 255, .22);--ccd-text: #f4efff;--ccd-muted: #aaa1c8;--ccd-grid-line: rgba(255, 255, 255, .08);--ccd-card-bg: rgba(10, 11, 20, .74);--ccd-card-edge: rgba(255, 255, 255, .08);--ccd-accent-soft: rgba(255, 113, 74, .12);--ccd-accent-cool: rgba(125, 100, 255, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(255,100,72,.18),transparent 20rem),radial-gradient(circle at 82% 24%,rgba(111,90,255,.22),transparent 26rem),radial-gradient(circle at 50% 100%,rgba(54,20,92,.4),transparent 28rem),linear-gradient(180deg,#06020f,#030108 55%,#020106);color:var(--ccd-text);font-family:Space Grotesk,sans-serif}button,input,select,textarea{font:inherit}.ccd-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.ccd-panel{width:min(94vw,64rem);display:grid;gap:1.4rem;padding:clamp(1.2rem,3vw,2rem);border-radius:1.8rem}.ccd-panel-wide-scene{width:min(97vw,84rem)}.ccd-topbar{padding:.8rem 1rem;display:grid;gap:1rem}.ccd-toolbar-row{display:flex;justify-content:flex-end}.ccd-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.ccd-pipeline-step{display:flex;font-size:small;align-items:center;gap:.65rem;min-height:1.25rem;padding:.4rem;border:1px solid rgba(255,255,255,.08);border-radius:2rem;color:#cfc6ea;background:#ffffff08;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.ccd-pipeline-step.is-active{border-color:#ff795652;color:#f3edff;background:linear-gradient(90deg,#ff714a1a,#7d64ff1f),#ffffff0a;box-shadow:0 0 1rem #8b6aff1a;transform:translateY(-1px)}.ccd-pipeline-index{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;flex:0 0 auto;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--ccd-muted);background:#ffffff0a;font-family:Russo One,sans-serif;font-size:.78rem}.ccd-pipeline-step.is-active .ccd-pipeline-index{border-color:#ff795642;color:#fff4ef;background:#ff714a24}.ccd-copy{display:grid;gap:.65rem}.ccd-kicker,.ccd-stat-label{margin:0;color:var(--ccd-muted);font-family:Russo One,sans-serif;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase}.emojilarge{font-size:2.8rem;line-height:1}.ccd-copy h1,.ccd-summary-card strong,.ccd-stat strong,.ccd-chart-head strong,.ccd-band-meta strong{font-family:Russo One,sans-serif;font-weight:400}.ccd-copy h1{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:.96;letter-spacing:-.03em}.ccd-description{margin:0;max-width:48rem;color:#c8c0df;line-height:1.55}.ccd-chooser-button,.ccd-modal-close{padding:.8rem 1rem;border:1px solid rgba(255,121,86,.28);border-radius:.9rem;color:var(--ccd-text);background:linear-gradient(90deg,#ff714a1f,#7d64ff24),#ffffff0a;font-family:Russo One,sans-serif;font-size:.88rem;letter-spacing:.05em;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ccd-chooser-button:hover,.ccd-modal-close:hover{transform:translateY(-1px);border-color:#ff79566b;box-shadow:0 0 1rem #8b6aff1f}.ccd-modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem 1rem;background:#03040abd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.ccd-modal{width:min(92vw,62rem);max-height:min(90vh,52rem);overflow:auto;display:grid;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1.3rem;background:linear-gradient(180deg,#140e28eb,#0a0813f5),#0b0a16f5;box-shadow:0 1.4rem 3rem #0000006b}.ccd-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ccd-modal-header h2{margin:0;font-family:Russo One,sans-serif;font-size:1.3rem;font-weight:400}.ccd-selector{display:grid;gap:.95rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radiu
|