.han-rotate-gate,.han-immersive-bar{display:none}@media (max-width: 950px) and (max-height: 950px) and (pointer: coarse) and (orientation: portrait){.han-tools-tool-stage:not(.is-portrait-open) .han-rotate-gate{display:grid;justify-items:center;gap:14px;padding:26px 18px 22px;border:1px solid rgba(179,238,248,.18);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(179,238,248,.16),transparent 60%),#03080e57;text-align:center}.han-tools-tool-stage:not(.is-portrait-open) .han-tool-widget{display:none}.han-tools-tool-stage:not(.is-portrait-open) .han-kit-stage-head,.han-tools-tool-stage:not(.is-portrait-open) .han-chord-stage-head,.han-tools-tool-stage:not(.is-portrait-open) .han-finder-stage-head{display:none}.han-rotate-gate__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;color:#07111b;background:#b3eef8;font-size:28px}.han-rotate-gate .han-tools-kicker{margin:0}.han-rotate-gate h2{max-width:340px;margin:0;color:#fff;font-size:21px;line-height:1.26;font-weight:920}.han-rotate-gate__reason{max-width:380px;margin:0;color:#dcebf6bd;font-size:14px;line-height:1.65}.han-rotate-gate__list{display:grid;gap:8px;width:100%;max-width:340px;margin:2px 0 0;padding:0;list-style:none;text-align:left}.han-rotate-gate__list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;color:#dcebf6d1;font-size:14px;line-height:1.5}.han-rotate-gate__list i{color:#b3eef8;font-size:15px}.han-rotate-gate__hint{display:flex;gap:7px;align-items:center;margin:0;color:#dcebf680;font-size:12px;line-height:1.5}.han-rotate-gate__stay{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#dcebf6c7;background:#ffffff0f;font-family:inherit;font-size:13px;font-weight:850}.han-tools-tool-stage.is-portrait-open .han-tools-legacy-content{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 950px) and (max-height: 950px) and (pointer: coarse) and (orientation: landscape){.han-site-header,.han-site-footer,.han-side-rail,.han-side-rail-overlay,.han-side-rail-toggle,.han-app-banner,.han-tools-tool-hero,.han-kit-stage-head,.han-chord-stage-head,.han-finder-stage-head,.han-rotate-gate,.han-tools-legacy-content .tools__page__content{display:none!important}html,body{overscroll-behavior:none}body{padding-bottom:0!important}.han-zing-shell,.han-zing-content-frame{min-height:0}.han-ui .han-site-main{padding:0}.han-with-sidebar{display:block;width:100%;margin:0;padding:0}.han-tools-workbench{gap:0;margin-top:0}.han-tools-tool-stage{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.han-immersive-bar{display:flex;gap:10px;align-items:center;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.han-immersive-bar--float{position:fixed;top:8px;left:8px;z-index:30}.han-immersive-bar--inline{padding:6px 10px 0}.han-immersive-bar__back{min-height:34px;display:inline-flex;gap:4px;align-items:center;padding:0 11px 0 8px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#eef7ffdb;background:#03080e9e;font-size:12px;font-weight:850;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.han-immersive-bar__title{color:#dcebf680;font-size:12px;font-weight:850}.han-immersive-bar--float .han-immersive-bar__title{display:none}.han-kit-stage{gap:0}.han-kit-stage .han-tools-legacy-content{display:grid;place-items:center;height:100vh;height:100dvh;padding:0;overflow:hidden;border:0;border-radius:0;background:none}.han-kit-stage .default__page__content{gap:0;width:100%}.han-kit-stage #drum-kit{width:min(100%,157.6vh);width:min(100%,157.6dvh);padding:0;touch-action:manipulation}.han-kit-stage #drum-kit .drums img{display:block;width:100%;height:auto}.han-kit-stage #drum-kit .buttons-module{display:none!important}.han-drum-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;height:100vh;height:100dvh}.han-drum-stage .han-tools-legacy-content{min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:none}.han-drum-stage .default__page__content{height:100%;min-height:0}.han-drum{--han-drum-name-w: 124px;--han-drum-gap: 3px;--han-drum-pad-h: 22px;--han-drum-pad-min: 26px;--han-drum-beat-gap: 6px;gap:6px;height:100%;min-height:0;padding:0 8px 6px;overflow-y:auto;touch-action:manipulation}.han-drum .seq-ui{gap:6px}.han-drum .transport .module-inner{flex-wrap:nowrap;gap:6px 12px;padding:7px 10px;overflow-x:auto;border-radius:14px;-webkit-overflow-scrolling:touch}.han-drum .transport .module-inner::-webkit-scrollbar{display:none}.han-drum-cell{flex:0 0 auto}.han-drum .transport button,.han-drum-btn{height:30px}.han-drum .transport button.han-drum-step-btn{width:26px;height:26px;font-size:15px}.han-drum-cell{gap:3px}.han-drum-cell__label{font-size:9px}.han-drum-cell__body{min-height:30px}.han-drum .sequencer{padding:6px 8px 8px;border-radius:14px}.han-drum-ruler{margin-bottom:4px}.han-drum-ruler__beat{font-size:11px;min-height:11px}.han-drum-ruler__sub{font-size:9px}.han-drum .seq-row span{border-radius:7px}.han-drum .seq-row-name{font-size:9px}.han-drum-foot{gap:10px;padding:5px 10px;border-radius:14px}.han-drum-foot__cell--keys,.han-drum-foot__hint,.han-drum-foot .han-drum-cell__label{display:none}.han-chord-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;height:100vh;height:100dvh}.han-chord-stage .han-tools-legacy-content{min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:none}.han-chord-stage .default__page__content{height:100%;min-height:0}.han-chord{height:100%;min-height:0;gap:8px;padding:0 10px 8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.han-chord #chord-player{gap:8px}.han-chord #chord-player .buttons,.han-chord #chord-player .buttons--section-b,.han-chord #chord-player .sequencer{gap:8px;padding:10px 12px;border-radius:16px}.han-chord #chord-player .buttons:before,.han-chord #chord-player .buttons--section-b:before,.han-chord #chord-player .sequencer:before{font-size:9px}.han-chord #chord-player button,.han-chord #chord-player input[type=text].tempo{height:34px;border-radius:11px;font-size:12px}.han-chord #chord-player input[type=text].tempo{width:62px;font-size:15px}.han-chord #chord-player .play--button{width:46px}.han-chord-keys{display:none}.han-finder-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;height:100vh;height:100dvh}.han-finder-stage .han-tools-legacy-content{min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:none}.han-finder-stage .default__page__content{height:100%;min-height:0;gap:0}.han-finder{height:100%;min-height:0;padding:2px 10px 4px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:manipulation}.han-finder .App{gap:5px}.han-finder .chord-selector,.han-finder .chord-selector.notes-finder{padding:5px 12px 6px;border-radius:14px}.han-finder .selector-wrap{grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:22px;row-gap:3px}.han-finder .selector{grid-column:1;grid-row:1;flex-wrap:nowrap}.han-finder .selector-wrap .selector-chord-name,.han-finder .selector-wrap .selector-chord-name.notes-finder{grid-column:2;grid-row:1}.han-finder .chord-notes{grid-column:1 / -1;grid-row:2;justify-self:center}.han-finder .selector [class*=-control]{min-height:34px;border-radius:11px}.han-finder .selector [class*=-container]:before{margin-bottom:3px;font-size:10px}.han-finder .selector [class*=-placeholder],.han-finder .selector [class*=-singleValue]{font-size:13px}.han-finder .selector-wrap .selector-chord-name,.han-finder .selector-wrap .selector-chord-name.notes-finder{font-size:26px}.han-finder .chord-notes .notes li{min-width:32px;height:24px;padding:0 8px;border-radius:9px;font-size:12px}.han-finder .buttons button,.han-finder .buttons .drop-down button{min-height:32px!important;padding:0 12px!important;font-size:12px!important}.han-finder .buttons-module{padding-bottom:0!important;margin-bottom:0!important}.han-finder .piano-wrapper ul{min-width:0}.han-finder .piano-wrapper{padding:0}.han-finder .key .white-key,.han-finder .key .white-key.active{height:148px}.han-finder .key .black-key,.han-finder .key .black-key.active{height:86px}.han-finder .key span i{width:16px;height:16px;margin-bottom:8px;font-size:10px}.han-tools-legacy-content .han-finder #interactive-finder :is(.guitar-neck-wrap,.ukulele-neck-wrap){height:144px!important;margin-top:6px!important;margin-bottom:6px!important}.han-tools-legacy-content .han-finder #interactive-finder :is(.guitar-neck-wrap,.ukulele-neck-wrap)>div{height:134px!important;margin-top:8px!important;padding-left:54px!important;border-radius:0 12px 12px 0}.han-tools-legacy-content .han-finder #interactive-finder :is(.headstock-wrap,.ukulele-headstock-wrap){width:54px!important}.han-tools-legacy-content .han-finder #interactive-finder :is(.headstock-wrap,.ukulele-headstock-wrap) .headstock{height:132px!important}.han-tools-legacy-content .han-finder #interactive-finder .Guitar>.strings,.han-tools-legacy-content .han-finder #interactive-finder .ukuleleGuitar>.ukuleleStrings{top:15px!important;left:54px!important;height:132px!important}.han-tools-legacy-content .han-finder #interactive-finder :is(.guitar-neck-wrap,.ukulele-neck-wrap) li span.open-string-note{font-size:14px!important}.han-tools-legacy-content .han-finder #interactive-finder :is(.guitar-neck-wrap,.ukulele-neck-wrap) li span.marked{width:22px!important;height:22px!important;font-size:10px!important}.han-tools-legacy-content .han-finder #interactive-finder :is(.guitar-neck-wrap,.ukulele-neck-wrap) .dots{width:12px!important;height:12px!important}.han-finder .notation-wrapper{height:150px;padding:4px 6px 0;border-radius:14px}.han-finder .notation-wrapper .notation{height:214px;margin-top:-40px;transform:scale(.78)}.han-finder .notation-wrapper .notation.scale-finder{height:250px;margin-top:-58px;transform:scale(.68)}}