.cd-panel{height:100vh;align-items:center;justify-content:center;position:relative;z-index:0}.cd-inner,.cd-panel{display:flex;flex-direction:column;overflow:hidden}.cd-inner{align-items:stretch;width:100%;max-height:calc(100vh - 80px)}.cd-header{text-align:center;padding:0 max(1.5rem,5vw) max(1.5rem,7vh);position:relative;z-index:2;flex-shrink:0}.cd-heading{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1.06;margin:0}.cd-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 clamp(1.5rem,4vw,2.5rem);gap:clamp(1.25rem,2.5vw,2rem)}.cd-detail-slot{width:clamp(210px,24vw,280px);flex-shrink:0}.cd-detail{background:rgba(255,255,255,.94);border:1.5px solid var(--accent-border);border-radius:18px;padding:clamp(1.5rem,2.2vw,1.875rem) clamp(1.25rem,2vw,1.625rem);backdrop-filter:blur(12px);box-shadow:0 8px 40px var(--accent-subtle);transition:opacity .3s ease,transform .3s cubic-bezier(.32,.72,0,1);min-height:240px}.cd-detail.visible{opacity:1;transform:translateX(0) translateY(0)}.cd-detail.hidden{opacity:0;transform:translateX(-12px) translateY(6px);pointer-events:none}.cd-detail.visible>*{animation:cd-detail-child-fade .55s ease-out both}.cd-detail.visible>:nth-child(2){animation-delay:.08s}.cd-detail.visible>:nth-child(3){animation-delay:.14s}.cd-detail.visible>:nth-child(4){animation-delay:.2s}@keyframes cd-detail-child-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cd-detail-hrs{font-size:clamp(1.8rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:4px}.cd-detail-hrs-unit{font-size:1rem;font-weight:500}.cd-detail-title{font-size:clamp(.88rem,1.1vw,.96rem);font-weight:700;color:var(--text-primary);margin-bottom:12px}.cd-detail-desc{font-size:clamp(.74rem,.95vw,.78rem);line-height:1.62;color:var(--text-muted);margin-bottom:16px}.cd-detail-tags{display:flex;flex-wrap:wrap;gap:4px}.cd-detail-tag{padding:3px 9px;border-radius:999px;font-size:.6rem;font-weight:600}.cd-detail-hint{font-size:.72rem;color:var(--text-muted);line-height:1.55;font-style:italic;opacity:.7}.cd-donut-wrap{position:relative;flex-shrink:0;width:clamp(240px,32vw,560px);height:clamp(240px,32vw,560px);margin:0 max(3rem,5vw)}.cd-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.cd-center-n{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.cd-center-l{font-size:clamp(.62rem,1vw,1.2rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;opacity:.6}.cd-legend{display:flex;flex-direction:column;gap:8px;flex-shrink:0;width:clamp(180px,18vw,220px)}.cd-legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .2s,border-color .2s;border-left:3px solid transparent}.cd-legend-item--selected,.cd-legend-item:hover{background:var(--accent-subtle)}.cd-legend-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0}.cd-legend-label{font-weight:500;color:var(--text-primary);flex:1;line-height:1.3;opacity:.85}.cd-legend-hrs,.cd-legend-label{font-size:clamp(.76rem,1vw,1rem)}.cd-legend-hrs{font-weight:700}.cd-legend-hint{margin-top:6px;padding:6px 12px;font-size:clamp(.7rem,.8vw,.9rem);color:var(--text-muted);line-height:1.5;opacity:.55}@media (max-width:767px){.cd-panel{justify-content:flex-start}.cd-inner{max-height:none;overflow:visible}.cd-stage{flex-direction:column;align-items:center;padding:0 1.25rem 2rem;gap:1.25rem}.cd-detail-slot{width:100%;order:3}.cd-donut-wrap{order:1}.cd-legend{order:2;width:100%;flex-direction:row;flex-wrap:wrap;gap:6px}.cd-legend-item{border-left:none;border-bottom:2px solid transparent;padding:6px 10px;flex:0 0 auto}.cd-legend-hint{display:none}}