.feature-detail-panel{position:absolute;width:420px;max-width:calc(100vw - 40px);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 1px #fff3;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(10px) scale(.98);z-index:1000;max-height:600px;overflow:hidden;display:flex;flex-direction:column}.feature-detail-panel.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.detail-panel-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;position:relative;overflow:hidden}.detail-title{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.detail-close{background:#fff3;border:none;border-radius:6px;padding:6px;cursor:pointer;color:#fff;transition:background .2s;display:flex;align-items:center;justify-content:center}.detail-close:hover{background:#ffffff4d}.detail-panel-body{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.detail-panel-body::-webkit-scrollbar{width:6px}.detail-panel-body::-webkit-scrollbar-track{background:transparent}.detail-panel-body::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.detail-panel-body::-webkit-scrollbar-thumb:hover{background:#0006}.detail-info{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease;border-radius:8px;margin:0 -12px;padding:14px 12px}.detail-row:hover{background-color:#00000005}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#111827;font-weight:600;text-align:right}.detail-value a{color:#3b82f6;text-decoration:none;transition:color .2s}.detail-value a:hover{color:#2563eb;text-decoration:underline}@media (prefers-color-scheme: dark){.feature-detail-panel{background:#1f2937;color:#f3f4f6}.detail-panel-header,.detail-row{border-bottom-color:#374151}.detail-label{color:#9ca3af}.detail-value{color:#f3f4f6}}@media (max-width: 640px){.feature-detail-panel{right:10px;top:auto;bottom:10px;width:calc(100vw - 20px);max-height:50vh;transform:translateY(calc(100% + 20px))}.feature-detail-panel.active{transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}