*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#ededed}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[x-cloak]{display:none!important}.container{width:100%}@media(min-width:350px){.container{max-width:350px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1440px){.container{max-width:1440px}}#settings-panel-sp{--sp-inset-base: calc( 6 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)) );right:calc(var(--sp-inset-base) * (1 - 0));right:calc(var(--sp-inset-base) * (1 - var(--sp-progress, 0)));left:calc(var(--sp-inset-base) * (1 - 0));left:calc(var(--sp-inset-base) * (1 - var(--sp-progress, 0)))}.drawtune-sp__backdrop{opacity:0;opacity:calc(var(--sp-progress, 0) * .6);background:#000}.drawtune-sp{filter:drop-shadow(0 -2px 14px rgba(98,39,79,0));border-top-right-radius:38px;border-top-left-radius:38px;border-bottom-right-radius:38px;border-bottom-right-radius:calc(38px - var(--sp-progress, 0) * 38px);border-bottom-left-radius:38px;border-bottom-left-radius:calc(38px - var(--sp-progress, 0) * 38px);touch-action:none}.bg-drawtune-settings-sound--sp{box-shadow:0 -2px 4px #f2998a inset}.bg-drawtune-settings-tone--sp{filter:drop-shadow(0 2px 2px #feead1);fill:linear-gradient(0deg,#fec6b0 -3.49%,#fcbb9d 100%);box-shadow:4px -3px 5px #efc1a9 inset,0 7px 2px #f9b39a inset}#drawtune-sp__tone-card{opacity:0;transition:opacity .15s ease}#drawtune-sp__tone-card.is-tone-shown{opacity:1;transition:opacity .35s ease 0s}.drawtune-sp__tone-button{width:100%}:root{--font-size: 16;--effective-viewport-width: 100vw;--screen-size: 375;--drawtune-grid-line-color: 176, 76, 209}@media(min-width:768px){:root{--screen-size: 1440}}html{overflow:hidden}main{font-style:normal;font-weight:700;font-family:Sour Gummy,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100}header{pointer-events:none!important}header>a[href="/"]{pointer-events:auto}.drawtune__howto-tab{position:absolute;top:0;left:-20px;transition:transform .2s ease;cursor:pointer;border:none;border-radius:4px 0 0 4px;background:#000;width:20px;height:50%;pointer-events:auto}.drawtune__howto-tab:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -8px #fff,0 8px #fff;border-radius:50%;background:#fff;width:4px;height:4px;content:""}.drawtune__tone-switch-head{top:-48%}.is-interactive .drawtune__tone-switch-head{transition:top cubic-bezier(.35,0,0,1);transition-duration:.15s}.drawtune__tone-switch-head--active{top:25%}.drawtune__webcam-video.drawtune__is-active,.drawtune__hand-guide.drawtune__is-active{display:block}.drawtune__grid{overflow:hidden}.drawtune__grid.drawtune__is-shown{visibility:inherit}.drawtune__grid-line{position:absolute;top:0;left:0;box-sizing:border-box;border-top:1px solid rgba(var(--drawtune-grid-line-color),.08);width:100%;color:rgba(var(--drawtune-grid-line-color),.28);font-size:1.7vh;line-height:1}.drawtune__grid-line[data-emphasis=strong]{height:var(--drawtune-grid-step);color:rgba(var(--drawtune-grid-line-color),.7);font-weight:700}.drawtune__grid-line[data-emphasis=weak]{border-color:rgba(var(--drawtune-grid-line-color),1);color:transparent}.drawtune__grid-line span{display:grid;position:absolute;top:0;left:0;align-items:center;justify-items:center;place-items:center;box-sizing:border-box;border-right:1px solid rgba(var(--drawtune-grid-line-color),.08);width:38px;height:20px;height:var(--drawtune-grid-step, 20px)}.drawtune__grid-line span:last-child{right:0;left:auto;border-right:none;border-left:1px solid rgba(var(--drawtune-grid-line-color),.08)}@keyframes drawtune-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}button:hover .reset-button__trush,button:hover .save-button__icon{animation:drawtune-shake .4s ease}.save-button__icon-hover{opacity:0;transition:opacity .2s ease}button:hover .save-button__icon-hover{opacity:1}.drawtune__camera-countdown{display:none;color:#fff;font-weight:700;letter-spacing:0;text-shadow:0 0 8px rgba(0,0,0,.5)}.drawtune__camera-countdown.drawtune__is-active{display:block}.drawtune__camera-countdown:before{position:absolute;inset:0;background:#0000002e;content:""}.drawtune__camera-countdown-corners{position:absolute;top:min(3.4vw,28px);right:min(3.4vw,28px);bottom:min(3.4vw,28px);left:min(3.4vw,28px);background:linear-gradient(currentColor,currentColor) left top / min(9vw,70px) 4px no-repeat,linear-gradient(currentColor,currentColor) left top / 4px min(9vw,70px) no-repeat,linear-gradient(currentColor,currentColor) right top / min(9vw,70px) 4px no-repeat,linear-gradient(currentColor,currentColor) right top / 4px min(9vw,70px) no-repeat,linear-gradient(currentColor,currentColor) left bottom / min(9vw,70px) 4px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 4px min(9vw,70px) no-repeat,linear-gradient(currentColor,currentColor) right bottom / min(9vw,70px) 4px no-repeat,linear-gradient(currentColor,currentColor) right bottom / 4px min(9vw,70px) no-repeat}.drawtune__camera-countdown-icon{position:absolute;top:min(4vw,34px);left:50%;transform:translate(-50%);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:min(7vw,58px);height:min(7vw,58px)}.drawtune__camera-countdown-focus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(7vw,54px);height:min(7vw,54px)}.drawtune__camera-countdown-focus:before,.drawtune__camera-countdown-focus:after{position:absolute;background:currentColor;content:""}.drawtune__camera-countdown-focus:before{top:50%;left:0;transform:translateY(-50%);width:100%;height:2px}.drawtune__camera-countdown-focus:after{top:0;left:50%;transform:translate(-50%);width:2px;height:100%}.drawtune__camera-countdown-number{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);margin:0;-webkit-text-stroke:3px #b04cd1;paint-order:stroke fill;font-size:max(56px,min(10vw,120px));line-height:1;text-shadow:0 3px 0 #b04cd1,3px 0 0 #b04cd1,0 -3px 0 #b04cd1,-3px 0 0 #b04cd1}.drawtune__camera-countdown-number:empty{display:none}.drawtune__camera-shutter-flash{opacity:0;background:#fff}.drawtune__camera-shutter-flash.drawtune__is-active{animation:drawtune-shutter-flash .36s ease-out}@keyframes drawtune-shutter-flash{0%{opacity:0}18%{opacity:.92}to{opacity:0}}.drawtune__vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;writing-mode:vertical-lr;direction:rtl}.drawtune__vol-slider::-webkit-slider-runnable-track{background:transparent}.drawtune__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:grab;border-radius:999px;background-image:url(/post/kensaya/images/vol--trigger--sp.png);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;width:calc(19 / var(--screen-size) * (var(--effective-viewport-width) - 0px));width:calc(19 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width, 0px)));height:calc(11 / var(--screen-size) * (var(--effective-viewport-width) - 0px));height:calc(11 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width, 0px)))}@media(min-width:768px){.drawtune__vol-slider::-webkit-slider-thumb{background-image:url(/post/kensaya/images/vol--trigger.png)}}.drawtune__vol-slider:active::-webkit-slider-thumb{cursor:grabbing}.drawtune__vol-slider::-moz-range-track{background:transparent}.drawtune__vol-slider::-moz-range-thumb{cursor:grab;border:none;border-radius:0;background-image:url(/post/kensaya/images/vol--trigger.png);background-size:100% 100%;background-repeat:no-repeat;width:calc(19 / var(--screen-size) * (var(--effective-viewport-width) - 0px));width:calc(19 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width, 0px)));height:calc(11 / var(--screen-size) * (var(--effective-viewport-width) - 0px));height:calc(11 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width, 0px)))}.wrapper{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}@media(min-width:1024px){.wrapper{padding-left:2rem;padding-right:2rem}}.font-size-12{font-size:clamp(.5625rem,12 / var(--screen-size) * 100vw,1.125rem)}.font-size-18{font-size:clamp(.84375rem,18 / var(--screen-size) * 100vw,1.6875rem)}.font-size-22{font-size:clamp(1.03125rem,22 / var(--screen-size) * 100vw,2.0625rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0rem}.inset-x-0{left:0rem;right:0rem}.inset-y-0{top:0rem;bottom:0rem}.-bottom-fluid-71{bottom:calc((71 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1);bottom:calc(calc(71 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1)}.bottom-0{bottom:0rem}.bottom-\[3\%\]{bottom:3%}.bottom-\[calc\(100\%-1vw\)\]{bottom:calc(100% - 1vw)}.bottom-fluid-2{bottom:calc(2 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.bottom-fluid-40{bottom:calc(40 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.bottom-full{bottom:100%}.left-0{left:0rem}.left-1\/2{left:50%}.left-\[43\%\]{left:43%}.left-\[45\%\]{left:45%}.right-3{right:.1875rem}.right-fluid-12{right:calc(12 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.top-0{top:0rem}.top-1\/2{top:50%}.top-10{top:.625rem}.top-110{top:6.875rem}.top-fluid-64{top:calc(64 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.z-10{z-index:10}.z-20{z-index:20}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[111\]{z-index:111}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.z-\[2\]{z-index:2}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.-ml-fluid-10{margin-left:calc((10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1);margin-left:calc(calc(10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1)}.-ml-fluid-15{margin-left:calc((15 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1);margin-left:calc(calc(15 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1)}.-ml-fluid-19{margin-left:calc((19 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1);margin-left:calc(calc(19 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1)}.-ml-fluid-9{margin-left:calc((9 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1);margin-left:calc(calc(9 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1)}.-mt-fluid-4{margin-top:calc((4 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1);margin-top:calc(calc(4 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width))) * -1)}.ml-18{margin-left:1.125rem}.ml-20{margin-left:1.25rem}.mr-\[0\.5em\]{margin-right:.5em}.mt-6{margin-top:.375rem}.mt-7{margin-top:.4375rem}.mt-8{margin-top:.5rem}.mt-fluid-10{margin-top:calc(10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-16{margin-top:calc(16 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-18{margin-top:calc(18 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-20{margin-top:calc(20 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-23{margin-top:calc(23 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-3{margin-top:calc(3 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-42{margin-top:calc(42 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-6{margin-top:calc(6 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-7{margin-top:calc(7 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.mt-fluid-8{margin-top:calc(8 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.block{display:block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[1\/1\]{aspect-ratio:1/1}.aspect-\[100\/10\]{aspect-ratio:100/10}.aspect-\[117\/27\]{aspect-ratio:117/27}.aspect-\[1280\/208\]{aspect-ratio:1280/208}.aspect-\[1280\/230\]{aspect-ratio:1280/230}.aspect-\[15\/82\]{aspect-ratio:15/82}.aspect-\[169\/21\]{aspect-ratio:169/21}.aspect-\[38\/20\]{aspect-ratio:38/20}.aspect-\[500\/168\]{aspect-ratio:500/168}.aspect-\[72\/27\]{aspect-ratio:72/27}.aspect-\[790\/192\]{aspect-ratio:790/192}.size-\[--size\]{width:var(--size);height:var(--size)}.size-full{width:100%;height:100%}.h-\[98\%\]{height:98%}.h-auto{height:auto}.h-fluid-100{height:calc(100 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.h-fluid-16{height:calc(16 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.h-fluid-17{height:calc(17 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.h-fluid-19{height:calc(19 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.h-fluid-20{height:calc(20 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.h-fluid-26{height:calc(26 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.h-full{height:100%}.h-screen{height:100vh}.min-h-svh{min-height:100svh}.w-14{width:.875rem}.w-22{width:1.375rem}.w-\[112\%\]{width:112%}.w-\[117\%\]{width:117%}.w-\[18\%\]{width:18%}.w-\[200px\]{width:200px}.w-\[21\%\]{width:21%}.w-\[39\.6\%\]{width:39.6%}.w-\[54\%\]{width:54%}.w-\[66\%\]{width:66%}.w-\[84\%\]{width:84%}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-fluid-100{width:calc(100 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-1280{width:calc(1280 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-15{width:calc(15 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-169{width:calc(169 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-180{width:calc(180 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-19{width:calc(19 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-2{width:calc(2 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-20{width:calc(20 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-21{width:calc(21 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-214{width:calc(214 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-23{width:calc(23 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-25{width:calc(25 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-38{width:calc(38 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-40{width:calc(40 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-46{width:calc(46 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-50{width:calc(50 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-500{width:calc(500 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-65{width:calc(65 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-790{width:calc(790 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-fluid-90{width:calc(90 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.w-full{width:100%}.w-screen{width:100vw}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.125rem}.gap-6{gap:.375rem}.gap-fluid-10{gap:calc(10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.gap-x-12{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-5{-moz-column-gap:.3125rem;column-gap:.3125rem}.gap-x-fluid-10{-moz-column-gap:calc(10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));column-gap:calc(10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.gap-x-fluid-12{-moz-column-gap:calc(12 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));column-gap:calc(12 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.gap-x-fluid-3{-moz-column-gap:calc(3 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));column-gap:calc(3 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.gap-x-fluid-4{-moz-column-gap:calc(4 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));column-gap:calc(4 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.gap-x-fluid-6{-moz-column-gap:calc(6 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));column-gap:calc(6 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.gap-y-fluid-14{row-gap:calc(14 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[30px\]{border-radius:30px}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:9999px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border-2{border-width:2px}.border-black{--tw-border-opacity: 1;border-color:#000;border-color:rgba(0,0,0,var(--tw-border-opacity, 1))}.bg-\[\#F9E9D1\]{--tw-bg-opacity: 1;background-color:#f9e9d1;background-color:rgba(249,233,209,var(--tw-bg-opacity, 1))}.bg-\[orange\]{--tw-bg-opacity: 1;background-color:orange;background-color:rgba(255,165,0,var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity, 1))}.bg-black-primary{--tw-bg-opacity: 1;background-color:#1c1c1c;background-color:rgba(28,28,28,var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:#3b82f6;background-color:rgba(59,130,246,var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.bg-drawtune-settings-bg--sp-body{background-image:url(/post/kensaya/images/settings-panel-body.png)}.bg-drawtune-settings-sound{background-image:url(/post/kensaya/images/bg-sound-area.png)}.bg-drawtune-settings-sound--sp{background-image:url(/post/kensaya/images/bg-sound-area--sp.png)}.bg-drawtune-settings-tone{background-image:url(/post/kensaya/images/bg-tone-area.png)}.bg-drawtune-settings-tone--sp{background-image:url(/post/kensaya/images/bg-tone-area--sp.png)}.bg-\[length\:100\%_100\%\]{background-size:100% 100%}.bg-cover{background-size:cover}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.1875rem}.p-fluid-10{padding:calc(10 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.px-4{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:.375rem;padding-right:.375rem}.px-8{padding-left:.5rem;padding-right:.5rem}.px-fluid-6{padding-left:calc(6 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));padding-right:calc(6 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.px-fluid-7{padding-left:calc(7 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));padding-right:calc(7 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.py-2{padding-top:.125rem;padding-bottom:.125rem}.py-3{padding-top:.1875rem;padding-bottom:.1875rem}.py-4{padding-top:.25rem;padding-bottom:.25rem}.py-fluid-8{padding-top:calc(8 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)));padding-bottom:calc(8 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.pb-fluid-15{padding-bottom:calc(15 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.pb-fluid-2{padding-bottom:calc(2 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.pb-fluid-5{padding-bottom:calc(5 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.pt-fluid-14{padding-top:calc(14 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.pt-fluid-7{padding-top:calc(7 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.pt-fluid-8{padding-top:calc(8 / var(--screen-size) * (var(--effective-viewport-width) - var(--scrollbar-width)))}.text-left{text-align:left}.text-center{text-align:center}.font-shiftbrain{font-family:SHIFTBRAIN Norms Variable,sans-serif}.font-shiftbrain-noto{font-family:SHIFTBRAIN Norms Variable,Noto Sans JP,sans-serif}.text-12{font-size:.75rem}.text-18{font-size:1.125rem}.text-36{font-size:2.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-\[1\.2\]{line-height:1.2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.text-black{--tw-text-opacity: 1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity, 1))}.text-white-primary{--tw-text-opacity: 1;color:#f5f5f5;color:rgba(245,245,245,var(--tw-text-opacity, 1))}.text-white-primary\/90{color:#f5f5f5e6}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_5\.25px_rgba\(0\,0\,0\,0\.15\)\]{--tw-drop-shadow: drop-shadow(0 0 5.25px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 0 5.25px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_7px_rgba\(0\,0\,0\,0\.15\)\]{--tw-drop-shadow: drop-shadow(0 0 7px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 0 7px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_2px_2px_\#FEEAD1\]{--tw-drop-shadow: drop-shadow(0 2px 2px #FEEAD1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 2px 2px #FEEAD1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-103{transition-timing-function:cubic-bezier(.16,.64,.32,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-out1{transition-timing-function:cubic-bezier(.25,1,.5,1)}.text-w-109{font-variation-settings:"wdth" 109}.text-w-regular{font-variation-settings:"wdth" 100}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0rem}.before\:size-full:before{content:var(--tw-content);width:100%;height:100%}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:border-\[length\:--border-w\]:before{content:var(--tw-content);border-width:var(--border-w)}.before\:border-black-primary:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:#1c1c1c;border-color:rgba(28,28,28,var(--tw-border-opacity, 1))}.before\:content-\[\'\'\]:before{--tw-content: "";content:"";content:var(--tw-content)}@media(hover:hover)and (pointer:fine){.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:#6c6c6c;background-color:rgba(108,108,108,var(--tw-bg-opacity, 1))}.hover\:opacity-70:hover{opacity:.7}}@media not all and (min-width:768px){.max-md\:text-13{font-size:.8125rem}}@media(min-width:768px){.md\:right-32{right:2rem}.md\:top-16{top:1rem}.md\:mt-5{margin-top:.3125rem}.md\:mt-9{margin-top:.5625rem}.md\:block{display:block}.md\:hidden{display:none}.md\:w-22{width:1.375rem}.md\:w-31{width:1.9375rem}.md\:gap-x-15{-moz-column-gap:.9375rem;column-gap:.9375rem}.md\:gap-x-8{-moz-column-gap:.5rem;column-gap:.5rem}.md\:px-5{padding-left:.3125rem;padding-right:.3125rem}.md\:py-4{padding-top:.25rem;padding-bottom:.25rem}.md\:text-16{font-size:1rem}.md\:text-32{font-size:2rem}}@media(min-width:1024px){.lg\:max-w-\[calc\(100\%_-_400px\)\]{max-width:calc(100% - 400px)}}.\[\&\>svg\]\:h-auto>svg{height:auto}.\[\&\>svg\]\:w-full>svg{width:100%}.\[\&_canvas\]\:block canvas{display:block}.\[\&_canvas\]\:size-full canvas{width:100%;height:100%}@font-face{src:url(https://playground.shiftbrain.com/fonts/SHIFTBRAIN_Norms_Variable.woff2);font-family:SHIFTBRAIN Norms Variable;font-display:swap}html{line-break:strict;word-break:normal;word-wrap:anywhere}button{touch-action:manipulation}