.hint-panel{position:fixed;top:44px;right:0;bottom:0;width:320px;max-height:calc(100vh - 44px);background:#fff;border-left:2px solid #e5e7eb;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;z-index:100;transition:transform .3s ease,width .3s ease;overflow:hidden}.hint-panel.collapsed{transform:translate(280px);width:40px}.hint-panel.open{transform:translate(0)}.hint-panel-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.hint-panel-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hint-panel-title{margin:0;font-size:18px;font-weight:600;color:#111827}.hint-panel-collapse-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;color:#6b7280;transition:color .2s}.hint-panel-collapse-btn:hover{color:#111827}.hint-panel.collapsed .hint-panel-title,.hint-panel.collapsed .hint-panel-scaffolding-indicator,.hint-panel.collapsed .hint-panel-body,.hint-panel.collapsed .hint-panel-footer{display:none}.hint-panel-scaffolding-indicator{display:flex;gap:8px;align-items:center}.scaffolding-dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;transition:background .3s ease,transform .3s ease}.scaffolding-dot.active[data-level="1"]{background:#f59e0b;transform:scale(1.2)}.scaffolding-dot.active[data-level="2"]{background:#f97316;transform:scale(1.2)}.scaffolding-dot.active[data-level="3"]{background:#ef4444;transform:scale(1.2)}.hint-panel-body{flex:1;overflow-y:auto;padding:16px}.hint-panel-empty-state{text-align:center;color:#6b7280;padding:32px 16px}.hint-panel-empty-state p{margin:0;line-height:1.5}.hint-panel-history{display:flex;flex-direction:column;gap:12px}.hint-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:box-shadow .2s}.hint-card:last-child{box-shadow:0 0 0 2px var(--color-accent);background:#00d4c80f}.hint-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hint-level-badge{font-size:11px;font-weight:600;color:#fff;padding:4px 8px;border-radius:4px}.hint-number{font-size:12px;color:#6b7280;font-weight:500}.hint-card-body{font-size:14px;line-height:1.6;color:#374151;margin-bottom:8px}.hint-card-footer{display:flex;gap:8px;font-size:11px;color:#6b7280}.hint-method{display:flex;align-items:center;gap:4px}.hint-addresses-error{color:#ef4444;font-weight:600}.hint-error{background:#fef2f2;border-color:#fecaca}.hint-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint-panel-loading p{margin:0;color:#6b7280;font-size:14px}.hint-panel-footer{padding:16px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.hint-count{font-size:12px;color:#6b7280;font-weight:500}.hint-panel-next-btn{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.hint-panel-next-btn:hover:not(:disabled){background:var(--color-primary)}.hint-panel-next-btn:disabled{background:#9ca3af;cursor:not-allowed}.hint-panel-body::-webkit-scrollbar{width:6px}.hint-panel-body::-webkit-scrollbar-track{background:#f3f4f6}.hint-panel-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hint-panel-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.hint-panel{width:100%;top:auto;bottom:0;height:50vh;border-left:none;border-top:2px solid #e5e7eb;box-shadow:0 -4px 12px #0000001a}.hint-panel.collapsed{transform:translateY(100%);width:100%}.hint-panel.open{transform:translateY(0)}}