.tour-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);justify-content:center;z-index:1000;padding:16px}.tour-modal,.tour-overlay{display:flex;align-items:center}.tour-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:36px 32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.18);text-align:center;flex-direction:column;gap:0}.tour-icon{color:var(--accent);margin-bottom:20px;line-height:0}.tour-header{margin-bottom:4px}.tour-title{font-size:1.4rem;font-weight:700;color:#111;margin:0 0 10px}.tour-description{font-size:.9375rem;color:#555;line-height:1.65;margin:0}.tour-dots{display:flex;justify-content:center;gap:8px;margin:24px 0 0}.tour-dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;padding:0;cursor:pointer;transition:background .2s}.tour-dot--active{background:var(--accent);cursor:default}.tour-dot--done{background:#aaa}.tour-footer{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:24px}.tour-btn-primary{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.tour-btn-primary:disabled{opacity:.6;cursor:not-allowed}.tour-btn-primary:not(:disabled):hover{opacity:.88}.tour-btn-skip{width:100%;padding:10px;background:none;border:none;color:#999;font-size:.875rem;cursor:pointer}.tour-btn-skip:hover{color:#555}body.dark-mode .tour-modal{background:#1e1e1e;box-shadow:0 20px 60px rgba(0,0,0,.5)}body.dark-mode .tour-title{color:#f0f0f0}body.dark-mode .tour-description{color:#aaa}body.dark-mode .tour-dot{background:#444}body.dark-mode .tour-dot--done{background:#666}body.dark-mode .tour-btn-skip{color:#666}body.dark-mode .tour-btn-skip:hover{color:#aaa}.tour-tip-wrap{position:relative}.tour-tip-badge,.tour-tip-wrap{display:inline-flex;align-items:center}.tour-tip-badge{justify-content:center;width:13px;height:13px;border-radius:50%;border:1.5px solid #ccc;background:transparent;color:#bbb;font-size:8px;font-weight:700;font-style:italic;line-height:1;cursor:default;flex-shrink:0;margin-left:4px;transition:border-color .15s,color .15s;vertical-align:middle}.tour-tip-badge:hover,.tour-tip-wrap:hover .tour-tip-badge{background:transparent;border-color:var(--accent);color:var(--accent)}.tour-tip-popup{top:calc(100% + 8px);background:#1a1a1a;color:#f0f0f0;font-size:12px;line-height:1.5;padding:8px 12px;border-radius:7px;white-space:normal;z-index:500;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.2);min-width:150px;width:250px;text-align:center}.tour-tip-popup,.tour-tip-popup:before{position:absolute;left:50%;transform:translateX(-50%)}.tour-tip-popup:before{content:"";bottom:100%;border:5px solid transparent;border-bottom-color:#1a1a1a}.tour-tip-wrap--left .tour-tip-popup{left:0;transform:none}.tour-tip-wrap--left .tour-tip-popup:before{left:16px;transform:none}.tour-tip-wrap--right .tour-tip-popup{left:auto;right:0;transform:none}.tour-tip-wrap--right .tour-tip-popup:before{left:auto;right:16px;transform:none}body.dark-mode .tour-tip-badge{background:transparent;border-color:#444;color:#555}body.dark-mode .tour-tip-badge:hover,body.dark-mode .tour-tip-wrap:hover .tour-tip-badge{background:transparent;border-color:var(--accent);color:var(--accent)}@media (max-width:480px){.tour-modal{padding:28px 20px 20px}.tour-title{font-size:1.2rem}.tour-tip-popup{width:50vw;min-width:150px}}