.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--guide-z-index,9999);display:flex;align-items:center;justify-content:center}.modal{position:relative;max-width:440px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.12);padding:24px}.modal,.tooltip{background:#ffffff;border-radius:var(--guide-radius,8px);z-index:var(--guide-z-index,9999);outline:none}.tooltip{position:absolute;max-width:300px;width:280px;box-shadow:0 8px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);padding:16px}.mediaImg{width:100%;border-radius:6px;margin-bottom:16px;-o-object-fit:cover;object-fit:cover;max-height:200px}.title{font-size:1.125rem;margin-bottom:8px}.title,.tooltipTitle{font-weight:600;color:#111827;line-height:1.4}.tooltipTitle{font-size:.9375rem;margin-bottom:6px}.content{font-size:.875rem;color:#555555;line-height:1.6;margin-bottom:0}.header{align-items:flex-start}.counter,.header{margin-bottom:12px}.counter{font-size:.75rem;color:#888888}.stepDots{display:flex;flex-direction:row;gap:4px;align-items:center;margin-bottom:16px}.dot{width:8px;height:8px;background:#dddddd;transition:background .2s ease}.dotActive{background:var(--guide-primary,#6366f1)}.footer{flex-direction:row;gap:8px;justify-content:flex-end;margin-top:16px}.footer,.footerLeft{display:flex;align-items:center}.footerLeft{flex:1}.btnPrimary{background:var(--guide-primary,#6366f1);color:#ffffff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.4;transition:opacity .15s ease}.btnPrimary:hover{opacity:.9}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{background:transparent;color:var(--guide-primary,#6366f1);padding:8px 16px;border-radius:6px;border:1px solid var(--guide-primary,#6366f1);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.4;transition:background .15s ease}.btnSecondary:hover{background:rgba(99,102,241,.06)}.btnSecondary:disabled{opacity:.4;cursor:not-allowed}.btnSkip{background:none;border:none;padding:4px 8px;font-size:.75rem;color:#888888;cursor:pointer;line-height:1.4;border-radius:4px;transition:color .15s ease}.btnSkip:hover{color:#555555}.closeBtn{flex-shrink:0}@media (prefers-reduced-motion:reduce){.btnPrimary,.btnSecondary,.btnSkip,.closeBtn,.dot{transition:none}}.beacon{position:absolute;width:14px;height:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dot{width:12px;height:12px;background:var(--guide-primary,#6366f1);position:relative;z-index:1;flex-shrink:0}.dot,.ring{border-radius:50%}.ring{position:absolute;inset:-4px;border:2px solid var(--guide-primary,#6366f1);animation:beacon-pulse 1.5s ease-out infinite}@keyframes beacon-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@media (prefers-reduced-motion:reduce){.ring{animation:none}}.panel{position:fixed;bottom:1rem;right:1rem;width:300px;background:#ffffff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.16),0 4px 16px rgba(0,0,0,.08);z-index:var(--guide-z-index,9999);overflow:hidden;font-family:inherit}.header{border-bottom:1px solid #f3f4f6}.headerTitle{font-size:.9375rem}.progressWrap{padding:12px 16px 8px}.progressLabel{font-size:.75rem;color:#6b7280;margin-bottom:6px}.progressBar{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progressFill{height:100%;background:var(--guide-primary,#6366f1);border-radius:999px;transition:width .3s ease}.items{padding:8px 16px 16px;max-height:320px;overflow-y:auto}.item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f9fafb}.item:last-child{border-bottom:none}.checkIcon{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.checkIconCompleted{background:#10b981}.checkIconPending{background:#e5e7eb;border:2px solid #d1d5db}.checkmark{color:#ffffff;font-size:.6875rem;font-weight:700;line-height:1}.itemContent{flex:1;min-width:0}.itemLabel{font-size:.875rem;color:#374151;line-height:1.4}.itemLabelCompleted{text-decoration:line-through;color:#9ca3af}.itemDescription{color:#6b7280}.itemDescription,.tourLink{font-size:.75rem;margin-top:2px;line-height:1.4}.tourLink{color:var(--guide-primary,#6366f1);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;display:block}.tourLink:hover{opacity:.8}@media (prefers-reduced-motion:reduce){.closeBtn,.progressFill{transition:none}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:var(--guide-z-index,9999)}.drawer{position:fixed;top:0;right:0;bottom:0;width:360px;background:#ffffff;box-shadow:-4px 0 24px rgba(0,0,0,.12);z-index:calc(var(--guide-z-index, 9999) + 1);display:flex;flex-direction:column;animation:slideIn .25s ease-out}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.headerTitle{font-size:1rem;font-weight:600;color:#111827}.closeBtn{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.25rem;line-height:1;padding:2px 4px;border-radius:4px;transition:color .15s ease}.closeBtn:hover{color:#6b7280}.search{padding:12px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.searchInput{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:.875rem;outline:none;color:#374151;transition:border-color .15s ease}.searchInput:focus{border-color:var(--guide-primary,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.articles{overflow-y:auto;flex:1}.emptyState{padding:32px 16px;text-align:center;color:#9ca3af;font-size:.875rem}.article{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:16px;transition:background .1s ease}.article:hover{background:#f9fafb}.article:last-child{border-bottom:none}.articleTitle{font-size:.9375rem;font-weight:500;color:#111827;margin-bottom:4px;line-height:1.4}.articleSummary{font-size:.8125rem;color:#6b7280;line-height:1.5}.articleContent{font-size:.875rem;color:#555555;line-height:1.6;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}@media (prefers-reduced-motion:reduce){.drawer{animation:none}.article,.closeBtn,.searchInput{transition:none}}