﻿.gl-tour-replay{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:6px 12px;border:1px solid var(--gl-gray-200);border-radius:999px;background:var(--gl-white);color:var(--gl-ink);font-family:"Ubuntu",sans-serif;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .2s,box-shadow .2s}.gl-tour-replay i{color:var(--gl-gold-dark);transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.gl-tour-replay:hover,.gl-tour-replay:focus-visible{border-color:var(--gl-gold);box-shadow:0 2px 10px rgba(var(--gl-gold-rgb), 0.25)}.gl-tour-replay:hover i,.gl-tour-replay:focus-visible i{transform:rotate(45deg)}.sp-tour-btn i{font-size:13px;color:var(--gl-gold);transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.sp-tour-btn:hover i,.sp-tour-btn:focus-visible i{transform:rotate(45deg)}.idle-card{position:relative}.nt-tour-btn{position:absolute;top:14px;right:14px;z-index:2;margin:0}@media(max-width: 700px){.nt-tour-btn{position:static;align-self:flex-end;margin:-10px -6px 0 0}}.gl-tour{display:none;position:fixed;inset:0;z-index:1080;font-family:"Ubuntu",sans-serif}.gl-tour.is-open{display:block;animation:gl-tour-fade .25s ease-out}.gl-tour.is-closing{animation:gl-tour-fade-out .25s ease-in forwards}.gl-tour__blocker{position:fixed;inset:0}.gl-tour__spot{position:fixed;border-radius:14px;box-shadow:0 0 0 200vmax rgba(15,17,26,.64);pointer-events:none;transition:top 420ms cubic-bezier(0.65, 0, 0.35, 1),left 420ms cubic-bezier(0.65, 0, 0.35, 1),width 420ms cubic-bezier(0.65, 0, 0.35, 1),height 420ms cubic-bezier(0.65, 0, 0.35, 1),border-radius 420ms cubic-bezier(0.65, 0, 0.35, 1)}.gl-tour__spot::after{content:"";position:absolute;inset:-3px;border:2px solid var(--gl-gold);border-radius:inherit;animation:gl-tour-ring 1.8s ease-out infinite}.gl-tour__spot.is-round{border-radius:999px}.gl-tour__spot.is-closed{border-radius:50%}.gl-tour__spot.is-closed::after{display:none}.gl-tour__spot.is-quick{transition:none}.gl-tour__card{position:fixed;z-index:2;top:0;left:0;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100svh - 24px);overflow-y:auto;padding:22px 22px 16px;border-radius:20px;background:var(--gl-white);color:var(--gl-ink);box-shadow:0 24px 60px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);outline:none;transition:opacity .16s ease,transform .16s ease}.gl-tour__card.is-wide{width:440px;text-align:center;padding:30px 28px 18px}.gl-tour__card.is-wide .gl-tour__badge{width:76px;height:76px;margin:0 auto 14px;font-size:42px}.gl-tour__card.is-wide .gl-tour__title{font-size:24px}.gl-tour__card.is-wide .gl-tour__foot{justify-content:center;flex-direction:column-reverse;gap:14px}.gl-tour__card.is-wide .gl-tour__actions{width:100%;justify-content:center;flex-wrap:wrap}.gl-tour__card.is-leaving{opacity:0;transform:scale(0.96)}.gl-tour__card.is-entering{animation:gl-tour-pop .45s cubic-bezier(0.34, 1.56, 0.64, 1)}.gl-tour__card.is-entering .gl-tour__badge{animation:gl-tour-badge .7s cubic-bezier(0.34, 1.56, 0.64, 1)}.gl-tour__card.is-nudged{animation:gl-tour-nudge .4s ease}.gl-tour__arrow{display:none;position:absolute;width:16px;height:16px;background:var(--gl-white);transform:translateX(-50%) rotate(45deg);border-radius:3px}.gl-tour__arrow.is-top{display:block;top:-7px}.gl-tour__arrow.is-bottom{display:block;bottom:-7px}.gl-tour__close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,0);color:var(--gl-gray-400);font-size:16px;cursor:pointer;transition:background .2s,color .2s}.gl-tour__close:hover,.gl-tour__close:focus-visible{background:var(--gl-gray-100);color:var(--gl-ink)}.gl-tour__badge{position:relative;display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:18px;background:var(--gl-warm-bg);font-size:28px;line-height:1}.gl-tour__badge.has-notes::before,.gl-tour__badge.has-notes::after{position:absolute;color:var(--gl-gold-deep);font-size:18px;font-weight:700;opacity:0;animation:gl-tour-note 2.6s ease-out infinite}.gl-tour__badge.has-notes::before{content:"♪";left:-10px;top:14px}.gl-tour__badge.has-notes::after{content:"♫";right:-14px;top:6px;animation-delay:1.3s}.gl-tour__title{margin:0 28px 8px 0;font-size:19px;font-weight:700;line-height:1.25;color:var(--gl-ink)}.is-wide .gl-tour__title{margin-right:0}.gl-tour__body{font-size:15px;line-height:1.55;color:var(--gl-gray-700)}.gl-tour__body b{color:var(--gl-ink)}.gl-tour__body i.fa-heart,.gl-tour__body i.fa-circle-info{color:var(--gl-gold-dark)}.gl-tour__list{list-style:none;margin:4px 0 0;padding:0;text-align:left}.gl-tour__list li{display:flex;align-items:flex-start;gap:10px;padding:5px 0;opacity:0;animation:gl-tour-row .35s ease-out forwards}.gl-tour__list li:nth-child(1){animation-delay:135ms}.gl-tour__list li:nth-child(2){animation-delay:190ms}.gl-tour__list li:nth-child(3){animation-delay:245ms}.gl-tour__list li:nth-child(4){animation-delay:300ms}.gl-tour__list li:nth-child(5){animation-delay:355ms}.gl-tour__list li:nth-child(6){animation-delay:410ms}.gl-tour__list li:nth-child(7){animation-delay:465ms}.gl-tour__list li:nth-child(8){animation-delay:520ms}.gl-tour__li-ic{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--gl-warm-bg);color:var(--gl-gold-dark);font-size:13px}.gl-tour__new{display:inline-block;margin:0 2px;padding:1px 7px;border-radius:999px;background:var(--gl-purple-vivid);color:var(--gl-white);font-size:11px;font-weight:700;letter-spacing:.02em;vertical-align:1px;animation:gl-tour-new 2.4s ease-in-out infinite}@keyframes gl-tour-new{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.gl-tour__tag{display:inline-block;margin:0 2px;padding:1px 7px;border-radius:999px;background:var(--gl-warm-bg);color:var(--gl-gold-deep);font-size:11px;font-weight:700;letter-spacing:.02em;vertical-align:1px}.gl-tour__body b.gl-tour__purple{color:var(--gl-purple-vivid)}.gl-tour__crown{color:var(--gl-gold-dark)}.gl-tour__aside{margin:10px 0 0;font-size:13.5px;color:var(--gl-gray-500)}.gl-tour__more{list-style:none;margin:14px 0 0;padding:10px 14px;border-radius:14px;background:var(--gl-warm-bg);text-align:left;font-size:14px;line-height:1.45}.gl-tour__more li{display:flex;align-items:baseline;gap:10px;padding:3px 0}.gl-tour__more li>i{flex:0 0 16px;text-align:center;color:var(--gl-gold-dark)}.gl-tour__more a{color:var(--gl-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--gl-gold);text-decoration-thickness:2px;text-underline-offset:3px}.gl-tour__more a:hover{color:var(--gl-gold-deep)}.gl-tour__more .gl-tour__kbd{background:var(--gl-white)}#metronome h1+.mtx-tour-btn{margin:-14px 0 14px}.course-tour-btn{margin:1rem 0 0 8px;vertical-align:middle}.mlx-tour-btn{flex-shrink:0;margin:0 0 0 auto;padding:4px 10px}.tuner-tour-btn{margin-top:10px}.ch-tour-btn{margin-top:12px}.gn-tour-btn{margin:0 0 12px}#scale-app .settings-container,#arpegios-app .settings-container{position:relative}.fb-tour-btn{position:absolute;top:10px;right:12px;z-index:2}@media(max-width: 820px){#metronome.mtx-app>.mtx-tour-btn{order:1;margin:-6px 0 14px}}.gl-tour__kbd{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid var(--gl-gray-200);border-radius:999px;font-size:13px;font-weight:600;color:var(--gl-ink);white-space:nowrap}.gl-tour__kbd i{color:var(--gl-gold-dark)}.gl-tour__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--gl-gray-100)}.gl-tour__dots{display:flex;align-items:center;gap:5px}.gl-tour__dot{flex:0 0 auto;width:7px;height:7px;border-radius:999px;background:var(--gl-gray-200);transition:width .35s cubic-bezier(0.34, 1.56, 0.64, 1),background .3s}.gl-tour__dot.is-done{background:var(--gl-gold-soft)}.gl-tour__dot.is-active{width:18px;background:var(--gl-gold)}.gl-tour__actions{display:flex;flex-shrink:0;align-items:center;gap:8px;margin-left:auto}.gl-tour__back{border:0;background:none;padding:8px 6px;color:var(--gl-gray-500);font-size:14px;font-weight:500;cursor:pointer}.gl-tour__back:hover,.gl-tour__back:focus-visible{color:var(--gl-ink);text-decoration:underline}.gl-tour__next{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:10px 18px;background:var(--gl-gold);color:var(--gl-ink);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--gl-gold-dark);transition:transform .08s,box-shadow .08s,background .2s}.gl-tour__next i{transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.gl-tour__next:hover{background:var(--gl-gold-soft)}.gl-tour__next:hover i{transform:translateX(3px)}.gl-tour__next:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gl-gold-dark)}.gl-tour__next:focus-visible{outline:3px solid rgba(var(--gl-gold-rgb), 0.45);outline-offset:2px}.is-wide .gl-tour__next{padding:12px 26px;font-size:16px}.gl-tour__confetti{position:fixed;z-index:1;inset:0;pointer-events:none;overflow:hidden}.gl-tour__bit{position:fixed;width:8px;height:12px;border-radius:2px;opacity:0;animation:gl-tour-burst 1.7s cubic-bezier(0.2, 0.7, 0.3, 1) var(--delay, 0ms) forwards}.gl-tour__bit.is-round{width:9px;height:9px;border-radius:50%}.gl-tour__bit.is-note{width:auto;height:auto;font-size:20px;font-weight:700;line-height:1}@media(max-width: 575.98px){.gl-tour__card{padding:18px 18px 14px}.gl-tour__card.is-wide{padding:24px 20px 16px}.gl-tour__card.is-wide .gl-tour__title{font-size:21px}.gl-tour__card.is-wide .gl-tour__actions{flex-direction:column-reverse;gap:4px}.gl-tour__card.is-wide .gl-tour__next{width:100%;justify-content:center}.gl-tour__title{font-size:18px}.gl-tour__body{font-size:14.5px}.gl-tour-replay:not(.mtx-tour-btn) span{display:none}}@media(pointer: coarse){.gl-tour__close{top:8px;right:8px;width:40px;height:40px}.gl-tour__back{min-height:44px;padding:8px 10px}.gl-tour__next{min-height:44px}.gl-tour__card{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}}@keyframes gl-tour-fade{from{opacity:0}}@keyframes gl-tour-fade-out{to{opacity:0}}@keyframes gl-tour-pop{from{opacity:0;transform:translateY(10px) scale(0.92)}}@keyframes gl-tour-badge{0%{transform:scale(0.4) rotate(-20deg)}60%{transform:scale(1.12) rotate(8deg)}80%{transform:rotate(-4deg)}100%{transform:scale(1) rotate(0)}}@keyframes gl-tour-ring{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}@keyframes gl-tour-row{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes gl-tour-note{0%{opacity:0;transform:translateY(6px) rotate(-10deg)}20%{opacity:1}100%{opacity:0;transform:translateY(-34px) rotate(14deg)}}@keyframes gl-tour-nudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px) rotate(-1deg)}40%{transform:translateX(6px) rotate(1deg)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}@keyframes gl-tour-burst{0%{opacity:1;transform:translate(-50%, -50%) scale(0.5) rotate(0)}55%{opacity:1;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(calc(var(--rot) * 0.6))}100%{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 240px)) rotate(var(--rot))}}@media(prefers-reduced-motion: reduce){.gl-tour,.gl-tour *,.gl-tour *::before,.gl-tour *::after{animation:none !important;transition:none !important}.gl-tour__list li{opacity:1}}/*# sourceMappingURL=tour.css.map */
