2 lines
25 KiB
CSS
2 lines
25 KiB
CSS
: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-radius:1.2rem;background:radial-gradient(circle at top center,rgba(255,113,74,.08),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),#090a15e0}.ccd-selector-root{display:grid;justify-items:center;gap:.35rem;text-align:center}.ccd-selector-root strong,.ccd-selector-link strong,.ccd-selector-axis strong,.ccd-selector-leaf strong{font-family:Russo One,sans-serif;font-weight:400}.ccd-selector-root strong{font-size:1.25rem}.ccd-selector-root p{margin:0;max-width:42rem;color:#d8d0f8;line-height:1.45}.ccd-selector-raw,.ccd-selector-results{display:grid;gap:.9rem}.ccd-selector-raw{grid-template-columns:repeat(3,minmax(0,1fr))}.ccd-selector-link,.ccd-selector-leaf{position:relative;display:grid;gap:.38rem;padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;color:#e9e3ff;text-decoration:none;background:#ffffff08;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.ccd-selector-link:hover,.ccd-selector-leaf:hover{transform:translateY(-1px);border-color:#ffffff2e}.ccd-selector-link.is-active,.ccd-selector-leaf.is-active{border-color:#ff795652;background:linear-gradient(90deg,#ff714a1a,#7d64ff1f),#ffffff0a;box-shadow:0 0 1.2rem #8b6aff1f}.ccd-selector-link-label,.ccd-selector-leaf-dim{color:var(--ccd-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.ccd-selector-link-label{margin-bottom:.15rem}.ccd-selector-section{display:grid;gap:.75rem}.ccd-selector-axis{position:relative;display:grid;justify-items:center;gap:.38rem;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff08;text-align:center}.ccd-selector-axis p{margin:0;max-width:34rem;color:#d8d0f8;line-height:1.45}.ccd-selector-option{justify-self:start;padding:.82rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;color:#e9e3ff;background:#ffffff08;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.ccd-selector-option:hover{transform:translateY(-1px);border-color:#ffffff2e}.ccd-selector-option.is-active{border-color:#ff795652;background:linear-gradient(90deg,#ff714a1a,#7d64ff1f),#ffffff0a;box-shadow:0 0 1rem #8b6aff1f}.ccd-selector-results{grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-selector-current{display:grid;gap:.55rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff08}.ccd-mini-diagram{display:flex;align-items:end;gap:.32rem;min-height:4rem;padding:.55rem;margin:.15rem 0 .25rem;border-radius:.85rem;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%),#04070feb}.ccd-mini-diagram-bar{flex:1 1 0;min-height:.5rem;border-radius:.45rem .45rem .18rem .18rem;background:linear-gradient(180deg,#ffd45df2,#ff8a65e6);box-shadow:0 0 .65rem #ff9e6d29}.ccd-mini-diagram-bar.is-energy{background:linear-gradient(180deg,#78dfffeb,#8d7effe6);box-shadow:0 0 .8rem #8d7eff2e}.ccd-mini-diagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;align-items:stretch}.ccd-mini-diagram-grid-cell{display:block;min-height:.95rem;border-radius:.32rem;background:linear-gradient(180deg,#ffd35dbd,#8f7dffe0);box-shadow:0 0 .7rem #8d7eff24}.ccd-event-note{display:grid;gap:.45rem;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(90deg,#ff714a14,#7d64ff14),#ffffff08}.ccd-event-note p{margin:0;color:#d8d0f8;line-height:1.45}.ccd-page{display:grid;gap:1rem}.ccd-orbit-screen{display:grid;place-items:center;min-height:min(80vh,48rem);width:100%}.ccd-orbit-panel{width:min(100%,56rem);display:grid;gap:1rem;padding:clamp(1rem,2.8vw,1.8rem);border:1px solid rgba(255,255,255,.09);border-radius:1.6rem;background:radial-gradient(circle at 16% 18%,rgba(255,113,74,.08),transparent 18rem),radial-gradient(circle at 84% 20%,rgba(125,100,255,.14),transparent 22rem),linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),#080a15eb}.ccd-orbit-copy{display:grid;gap:.4rem;justify-items:center;text-align:center}.ccd-orbit-copy h2{margin:0;font-family:Russo One,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:.95;letter-spacing:-.03em}.ccd-orbit-copy p{margin:0;max-width:36rem;color:#d8d0f8;line-height:1.55}.ccd-orbit-stage{position:relative;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.35rem;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 18rem),linear-gradient(180deg,#080a14f5,#02040bfa)}.ccd-orbit-svg{display:block;width:100%;height:auto;min-height:36rem}.ccd-orbit-track{fill:none;stroke:#ffffff24;stroke-width:2.5;stroke-dasharray:12 10}.ccd-orbit-earth-atmosphere{fill:#68cdff2e;filter:drop-shadow(0 0 1.6rem rgba(76,173,255,.18))}.ccd-orbit-continent{fill:#57e3968c}.ccd-orbit-night-shadow{fill:#050a1a7a}.ccd-orbit-telescope{filter:drop-shadow(0 0 1.2rem rgba(255,167,113,.24))}.ccd-orbit-actions{display:flex;justify-content:center}.ccd-intro-screen{display:grid;place-items:center;min-height:min(76vh,44rem)}.ccd-intro-panel{display:grid;gap:1.1rem;width:min(100%,48rem);padding:clamp(1rem,2.6vw,1.6rem);border:1px solid rgba(255,255,255,.09);border-radius:1.5rem;background:radial-gradient(circle at 18% 18%,rgba(255,113,74,.12),transparent 18rem),radial-gradient(circle at 82% 24%,rgba(125,100,255,.16),transparent 24rem),radial-gradient(circle at 50% 0%,rgba(255,255,255,.04),transparent 18rem),linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),#080a15e6;justify-items:center}.ccd-intro-logo-frame{display:grid;place-items:center;width:clamp(6.5rem,16vw,8.75rem);aspect-ratio:1;padding:.45rem;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.14),transparent 48%),linear-gradient(180deg,#ff714a1f,#7d64ff1a),#ffffff08;box-shadow:0 0 0 1px #ffffff08 inset,0 0 1.8rem #7d64ff29}.ccd-intro-logo{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 1.2rem #ff714a2e}.ccd-intro-brand{display:inline-grid;justify-items:center;gap:.18rem;text-align:center}.ccd-intro-brand-mark,.ccd-intro-brand-sub{font-family:Russo One,sans-serif;font-weight:400;line-height:1}.ccd-intro-brand-mark{color:#fff1e8;font-size:clamp(1.1rem,2.8vw,1.55rem);letter-spacing:.08em;text-transform:uppercase}.ccd-intro-brand-sub{color:#d7cff3;font-size:clamp(1.55rem,4.5vw,2.8rem);letter-spacing:-.04em}.ccd-intro-copy{display:grid;gap:.45rem;justify-items:center;text-align:center}.ccd-intro-copy h2,.ccd-intro-card strong{margin:0;font-family:Russo One,sans-serif;font-weight:400}.ccd-intro-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.95;letter-spacing:-.03em}.ccd-intro-copy p,.ccd-intro-card p{margin:0;color:#d8d0f8;line-height:1.5}.ccd-intro-copy p{font-size:1rem;max-width:35rem}.ccd-intro-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}.ccd-intro-card{display:grid;gap:.42rem;padding:.85rem;border:1px solid rgba(255,255,255,.08);border-radius:1.05rem;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%),#ffffff08;box-shadow:0 0 0 1px #ffffff05 inset}.ccd-intro-card-index{color:var(--ccd-muted);font-family:Russo One,sans-serif;font-size:.72rem;letter-spacing:.18em}.ccd-intro-actions{display:flex;justify-content:flex-end}.ccd-energy-panel{display:grid;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),#0a0c16e0}.ccd-energy-scale{display:grid;gap:.65rem}.ccd-energy-spectrum{position:relative;height:3.5rem;border-radius:999px;background:linear-gradient(90deg,#ff5752f2,#ff7e47f2 14%,#ffba52f2,#fff461f2,#7df15ff2,#61e6faf2,#6b7ffff2 84%,#c67afff2);box-shadow:inset 0 0 0 1px #ffffff14,0 0 1.8rem #7d64ff24}.ccd-energy-spectrum:after{content:"";position:absolute;top:50%;left:var(--ccd-spectrum-position, 50%);width:1.15rem;height:4.25rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:var(--ccd-spectrum-color, rgba(255, 255, 255, .9));box-shadow:0 0 1.1rem var(--ccd-spectrum-color, rgba(255, 255, 255, .44)),0 0 0 .2rem #05070de6;transform:translate(-50%,-50%)}.ccd-energy-slider-wrap{padding:0 .3rem}.ccd-energy-slider{width:100%;margin:0;appearance:none;background:transparent}.ccd-energy-slider::-webkit-slider-runnable-track{height:.4rem;border-radius:999px;background:#ffffff24}.ccd-energy-slider::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;margin-top:-.3rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#fffffffa;box-shadow:0 0 .8rem #7d64ff2e}.ccd-energy-slider::-moz-range-track{height:.4rem;border:0;border-radius:999px;background:#ffffff24}.ccd-energy-slider::-moz-range-thumb{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#fffffffa;box-shadow:0 0 .8rem #7d64ff2e}.ccd-energy-scale-labels{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#cfc6ea;font-size:.84rem}.ccd-energy-scale-labels-strong{font-family:Russo One,sans-serif;font-size:.78rem;letter-spacing:.04em}.ccd-energy-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ccd-energy-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.ccd-transition-screen{display:grid;place-items:center;min-height:min(68vh,34rem);padding:1rem 0;background:none}.ccd-transition-card{width:min(100%,30rem);display:grid;gap:.75rem;justify-items:center;padding:.4rem 0;text-align:center}.ccd-transition-card h2{margin:0;font-family:Russo One,sans-serif;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:400;line-height:.98}.ccd-transition-card p{margin:0;max-width:24rem;color:#d8d0f8;line-height:1.5}.ccd-transition-actions{display:flex;justify-content:center;width:100%}.ccd-closing-screen{display:grid;place-items:center;min-height:min(72vh,40rem);padding:1rem 0}.ccd-closing-panel{width:min(100%,44rem);display:grid;gap:1rem;padding:.4rem 0}.ccd-closing-panel h2,.ccd-closing-card strong{margin:0;font-family:Russo One,sans-serif;font-weight:400}.ccd-closing-panel h2{font-size:clamp(1.8rem,4vw,2.5rem);line-height:.98}.ccd-closing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.ccd-closing-card{display:grid;gap:.38rem;padding:.9rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff08}.ccd-closing-card p,.ccd-closing-message{margin:0;color:#d8d0f8;line-height:1.5}.ccd-closing-message{font-family:Russo One,sans-serif;font-size:1rem;text-align:center}.ccd-closing-actions{display:flex;justify-content:center}.ccd-experience-frame{display:grid;gap:1rem}.ccd-experience-overlay{display:grid;gap:.75rem;width:100%;max-width:36rem;padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:linear-gradient(180deg,rgba(255,113,74,.05),transparent 22%,rgba(125,100,255,.06)),#0a0c16e0;box-shadow:0 0 0 1px #ffffff08 inset}.ccd-experience-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#d8d0f8;font-size:.84rem}.ccd-experience-overlay h2{margin:0;font-family:Russo One,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.15}.ccd-experience-overlay p{margin:0;color:#d8d0f8;line-height:1.5}.ccd-experience-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ccd-experience-button{display:inline-flex;align-items:center;justify-content:center;min-width:7rem;padding:.72rem .95rem;border:1px solid rgba(255,121,86,.28);border-radius:.8rem;color:var(--ccd-text);background:linear-gradient(90deg,#ff714a1f,#7d64ff24),#ffffff0a;font-family:Russo One,sans-serif;font-size:.9rem;letter-spacing:.05em;text-decoration:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ccd-experience-button:hover{transform:translateY(-1px);border-color:#ff79566b;box-shadow:0 0 1rem #8b6aff1f}.ccd-experience-button-secondary{border-color:#ffffff1f;background:#ffffff0a}.ccd-experience-spacer{width:7rem}.ccd-stage{display:grid;gap:1rem;justify-items:center}.ccd-grid-frame{position:relative;width:min(78vw,36rem);aspect-ratio:1;padding:1rem;border-radius:50%;background:linear-gradient(145deg,#ffffff0a,#ffffff03),#060812eb;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 1px #9976ff14,0 1rem 3rem #00000057}.ccd-grid{position:relative;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));width:100%;height:100%;overflow:hidden;border-radius:50%;background:linear-gradient(180deg,#080a14fa,#02040bfa),#05070d}.ccd-grid:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--ccd-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--ccd-grid-line) 1px,transparent 1px);background-size:calc(100% / 18) calc(100% / 18);pointer-events:none}.ccd-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.34) 100%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 12%,transparent 88%,rgba(255,255,255,.04));pointer-events:none}.ccd-cell{position:relative}.ccd-hit{position:absolute;left:50%;top:50%;border-radius:999px;pointer-events:none;will-change:transform,opacity;transition:opacity 60ms linear,transform 90ms ease-out,box-shadow .12s ease-out}.ccd-grid-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(151,100,255,.06),transparent 44%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(255,110,74,.05) 100%);mix-blend-mode:screen;pointer-events:none}.ccd-readout,.ccd-summary-row{display:grid;gap:.9rem}.ccd-readout{width:min(78vw,36rem);grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-summary-row{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.ccd-stat,.ccd-summary-card,.ccd-chart-panel,.ccd-table-panel,.ccd-legend-chip{border:1px solid var(--ccd-card-edge);border-radius:1rem;background:var(--ccd-card-bg)}.ccd-stat,.ccd-summary-card{display:grid;gap:.35rem;padding:.95rem 1rem}.ccd-stat strong,.ccd-summary-card strong,.ccd-chart-head strong{font-size:1.28rem}.ccd-audio-button{padding:.72rem .9rem;border:1px solid rgba(255,121,86,.28);border-radius:.8rem;color:var(--ccd-text);background:linear-gradient(90deg,#ff714a1f,#7d64ff24),#ffffff0a;font-family:Russo One,sans-serif;font-size:.9rem;letter-spacing:.05em;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ccd-audio-button:hover{transform:translateY(-1px);border-color:#ff79566b;box-shadow:0 0 1.1rem #8b6aff1f}.ccd-chart-panel{display:grid;gap:1rem;padding:1rem;background:linear-gradient(180deg,rgba(255,113,74,.05),transparent 18%,transparent 80%,rgba(125,100,255,.08)),var(--ccd-card-bg)}.ccd-table-panel{display:grid;gap:1rem;padding:1rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 15%,transparent 85%,rgba(125,100,255,.08)),var(--ccd-card-bg)}.ccd-chart-panel-wide{gap:1.15rem}.ccd-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.ccd-periodogram{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.8rem;min-height:20rem;align-items:end}.ccd-periodogram-band{display:grid;gap:.8rem}.ccd-bar-shell{display:flex;align-items:end;justify-content:center;min-height:18rem;padding:.8rem .4rem;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%),#04070feb}.ccd-bar-fill{width:100%;min-height:1.6rem;border-radius:.8rem .8rem .35rem .35rem}.ccd-band-meta{display:grid;gap:.15rem;justify-items:center;text-align:center;color:#cdc5e8;font-size:.84rem}.ccd-spectrum-legend{display:flex;flex-wrap:wrap;gap:.7rem}.ccd-event-table-shell{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 14%),#04070ff5}.ccd-event-table,.ccd-event-table-head{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr;gap:.8rem;align-items:center}.ccd-event-table{padding:.72rem .95rem;border-bottom:1px solid rgba(255,255,255,.06);font-family:SFMono-Regular,Menlo,monospace;font-size:.86rem;letter-spacing:.02em}.ccd-event-table-head{padding:.85rem .95rem;background:linear-gradient(90deg,#ff714a1a,#7d64ff1f),#ffffff0a;color:#e9e3ff;font-family:Russo One,sans-serif;font-size:.76rem;letter-spacing:.14em}.ccd-event-table-body{max-height:26rem;overflow:auto}.ccd-event-table-body .ccd-event-table:nth-child(2n){background:#ffffff05}.ccd-event-table-empty{color:#aaa1c8}.ccd-legend-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem .85rem}.ccd-legend-dot{width:.7rem;height:.7rem;border-radius:999px}.ccd-spectrogram-shell{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.9rem;align-items:stretch}.ccd-spectrogram-axis{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:.5rem;color:#b7afd6;font-size:.84rem}.ccd-spectrogram-axis span{display:flex;align-items:center}.ccd-spectrogram{display:grid;gap:.45rem;overflow-x:auto}.ccd-spectrogram-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.3rem;min-width:22rem}.ccd-spectrogram-cell{display:block;min-height:1.6rem;border-radius:.35rem;background:#ffffff0f}.ccd-spectrogram-footer{display:flex;align-items:center;justify-content:space-between;color:#b7afd6;font-size:.84rem}.ccd-flux-chart-shell{display:grid;gap:.65rem;padding:.9rem;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),#04070feb}.ccd-flux-chart{position:relative;width:100%;height:15rem;overflow:visible;border-radius:.8rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),#060912f0;background-size:auto,12.5% 100%,100% 20%}.ccd-flux-bin{fill:#ffffff06}.ccd-flux-bin-alt{fill:#ffffff0e}.ccd-flux-area{opacity:.9}.ccd-flux-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .8rem rgba(143,125,255,.28))}.ccd-flux-mean-line{fill:none;stroke:#eff5ffeb;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 .45rem rgba(255,255,255,.16))}.ccd-flux-legend{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:#cdc5e8;font-size:.84rem}.ccd-flux-legend-item{display:inline-flex;align-items:center;gap:.45rem}.ccd-flux-legend-swatch{display:inline-block;width:1.6rem;height:.45rem;border-radius:999px}.ccd-flux-legend-swatch-raw{background:linear-gradient(90deg,#ff8d66,#ffd35d,#8f7dff)}.ccd-flux-legend-swatch-mean{background:repeating-linear-gradient(90deg,rgba(239,245,255,.92) 0 .45rem,transparent .45rem .8rem)}.ccd-flux-axis{display:flex;align-items:center;justify-content:space-between;color:#b7afd6;font-size:.84rem}.ccd-flux-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.ccd-counts-shell{position:relative;padding:1rem .7rem .9rem;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),#04070feb}.ccd-counts-chart{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(1rem,1fr));gap:.3rem;align-items:end;min-height:14rem}.ccd-count-bin{display:grid;gap:.45rem;align-items:end}.ccd-count-bin-label{color:#d9d2f0;font-size:.7rem;text-align:center}.ccd-count-bar-shell{display:flex;align-items:end;height:12rem;min-height:12rem;padding:.2rem;border-radius:.6rem;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%),#ffffff05}.ccd-count-bar{width:100%;min-height:.8rem;border-radius:.5rem .5rem .2rem .2rem;background:linear-gradient(180deg,#ffd45df2,#ff8a65e6 52%,#8d7effe6);box-shadow:0 0 1rem #8d7eff2e}.ccd-counts-legend-swatch-bin{background:linear-gradient(90deg,#ffd45df2,#ff8a65e6,#8d7effe6)}@media(max-width:860px){.ccd-panel{width:min(96vw,64rem)}.ccd-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-periodogram{grid-template-columns:repeat(4,minmax(0,1fr))}.ccd-intro-covers{grid-template-columns:1fr}.ccd-energy-readout,.ccd-energy-notes{grid-template-columns:1fr 1fr}.ccd-closing-grid,.ccd-summary-row,.ccd-flux-metrics,.ccd-selector-results{grid-template-columns:1fr}.ccd-modal-header{display:grid}}@media(max-width:720px){.ccd-shell{padding:1rem}.ccd-intro-screen{min-height:auto}.ccd-grid-frame,.ccd-readout{width:100%}.ccd-pipeline,.ccd-readout{grid-template-columns:1fr}.ccd-intro-actions,.ccd-closing-actions{justify-content:stretch}.ccd-chart-head,.ccd-spectrogram-shell{grid-template-columns:1fr}.ccd-chart-head{display:grid}.ccd-spectrogram-axis{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.ccd-periodogram{grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-energy-readout{grid-template-columns:repeat(3,minmax(0,1fr))}.ccd-energy-readout .ccd-stat{padding:.7rem .65rem}.ccd-energy-readout .ccd-stat strong{font-size:1rem}.ccd-energy-notes{grid-template-columns:1fr}.ccd-event-table,.ccd-event-table-head{grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-selector-raw{grid-template-columns:1fr}.ccd-selector-link,.ccd-selector-leaf{padding:.95rem}.ccd-closing-actions .ccd-experience-button{width:100%}.ccd-experience-overlay{width:100%;max-width:none}.ccd-toolbar-row{justify-content:stretch}.ccd-chooser-button,.ccd-modal-close,.ccd-intro-actions .ccd-experience-button{width:100%}}
|