@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Nanum+Myeongjo:wght@400;700&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-bold:700;--leading-relaxed:1.625;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.w-1\/2{width:50%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gray-100{background-color:var(--color-gray-100)}.px-1{padding-inline:calc(var(--spacing)*1)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-red-500{color:var(--color-red-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#4c01af;width:100vw;height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.explain-container::-webkit-scrollbar{display:none}.explain-container{-ms-overflow-style:none;scrollbar-width:none}.comp-study-steps{width:100%;position:relative;overflow:hidden}.steps-container{width:400%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.step-slide{opacity:.3;flex-shrink:0;width:25%;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transform:scale(.95)}.step-slide.active{opacity:1;transform:scale(1)}.card-content,.card-content.info-fade-out{opacity:0}.card-content.info-fade-in{opacity:1;transition:opacity .15s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s ease-out forwards fadeInUp}.video-fade-in{opacity:1;transition:opacity .5s ease-in-out}.video-fade-out{opacity:.3;transition:opacity .3s ease-in-out}.appmain3-container{background:#f5f5f7;width:100vw;height:100vh;position:relative;overflow:hidden}.sheet-backdrop{z-index:9;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.sheet-backdrop.visible{pointer-events:all;background:#0006}.main-modal-sheet{z-index:10;box-sizing:border-box;background:#fff;border-radius:30px 30px 0 0;flex-direction:column;width:100%;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -15px 50px #00000080}.sheet-handle-container{cursor:grab;flex-shrink:0;justify-content:center;padding:15px 0;display:flex}.sheet-handle-container:active{cursor:grabbing}.sheet-handle{background:#e0e0e0;border-radius:3px;width:40px;height:5px}.sheet-content{box-sizing:border-box;flex:1;min-height:0;padding:0;overflow:hidden}.study-step{flex-direction:column;width:100%;height:100%;padding:25px;display:flex}.step-content{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.step-content::-webkit-scrollbar{display:none}.step-title{color:#1a1a1a;margin:0 0 20px;font-size:28px;font-weight:700}.step-footer{flex-shrink:0;padding:20px 0 0}.cta-button{color:#fff;cursor:pointer;background:#4c01af;border:none;border-radius:12px;width:100%;height:56px;font-size:18px;font-weight:600;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4c01af66}.cta-button:active{transform:translateY(0)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comp-celebration{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999;display:flex;flex-direction:column;opacity:1;transition:opacity 1s ease-in-out}.comp-celebration.fade-out{opacity:0}.comp-celebration .celebration-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 20px}.comp-celebration .logo-container{opacity:0;transition:all .5s ease-in-out}.comp-celebration .logo-container.show{opacity:1}.comp-celebration .logo-container.shake{animation:shake .5s ease-in-out}.comp-celebration .logo-container .logo{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.comp-celebration .message{margin-top:20px;font-size:18px;font-weight:600;text-align:center;line-height:1.5;color:#333;opacity:0;transition:opacity .5s ease-in-out}.comp-celebration .message.show{opacity:1}.comp-celebration .step-footer{padding:1.5rem;opacity:0;transition:opacity .5s ease-in-out}.comp-celebration .step-footer.show{opacity:1}.comp-celebration .step-footer .cta-button{width:100%;padding:1rem;background-color:#007aff;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease-in-out}.comp-celebration .step-footer .cta-button:active{transform:scale(.95)!important}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}body{overflow:hidden;width:100vw;height:100vh;background:#4c01af}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}}@keyframes stampPress{0%{transform:scale(1.2) rotate(5deg) translateY(-8px);opacity:0}30%{transform:scale(1.1) rotate(3deg) translateY(-2px);opacity:.3}60%{transform:scale(.95) rotate(-1deg) translateY(1px);opacity:.8}80%{transform:scale(1.02) rotate(0) translateY(0);opacity:1}to{transform:scale(1) rotate(0) translateY(0);opacity:1}}.stamp-animation{animation:stampPress .5s cubic-bezier(.4,0,.2,1) forwards;transform-origin:center center}.stamp-animation img{animation:stampBounce .15s .4s ease-out}@keyframes stampBounce{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{opacity:1;transition:opacity .3s ease-in-out}.fade-out{opacity:0;transition:opacity .15s ease-in-out}.video-fade-in{opacity:1;transition:opacity .2s ease-in-out}.video-fade-out{opacity:0;transition:opacity .1s ease-in-out}.appmain3-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#4c01af}.main-content{position:relative;height:100%;padding:20px;z-index:1}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-top:0}.header-section .header-left{width:70%}.header-section .header-right{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:30%}.header-section .menu-button{background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;padding:4px;opacity:.7}.header-section .menu-button svg{width:24px;height:24px}.header-section .menu-button:hover{opacity:.8}.header-section .menu-button:active{transform:scale(.9)}.header-section .menu-button:focus,.header-section .menu-button:focus-visible{outline:none}.header-section .reminder-button{position:relative;background:transparent;border:none;opacity:.6;display:flex;justify-content:center;align-items:flex-end;width:32px;cursor:pointer;transition:all .2s ease;padding:5px;margin-top:-12px;filter:brightness(2)}.header-section .reminder-button.on{opacity:1;filter:brightness(1)}.header-section .reminder-button.on .badge-on{background-color:#ff9f40;color:#1a0040}.header-section .reminder-button .icon-alarm{width:24px;height:24px}.header-section .reminder-button .badge-on{position:absolute;bottom:-4px;margin-left:1px;font-size:9px;font-weight:700;background-color:#ffffff4d;color:#fff;height:15px;width:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-section .reminder-button .display-none{display:none}.header-section .reminder-button:hover{opacity:.9;filter:brightness(2.2)}.header-section .reminder-button:active{transform:scale(.9)}.header-section .reminder-button:focus,.header-section .reminder-button:focus-visible{outline:none}@media (max-height: 700px){.header-section{margin-bottom:0;padding-top:0}.header-section .menu-button svg{width:24px;height:24px}}.streak-display{max-width:400px;margin:15px auto 20px;padding:0 15px}.streak-display.peek-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 14px 10px;background:#ffffff14;border-radius:14px;border:1px solid rgba(255,255,255,.12);transition:all .3s cubic-bezier(.4,0,.2,1)}.streak-display.peek-mode .streak-header{display:flex;align-items:center;gap:6px;transition:gap .3s cubic-bezier(.4,0,.2,1)}.streak-display.peek-mode .streak-header .streak-number-large{font-size:30px;font-weight:700;color:#ff9f40;line-height:1;text-shadow:0 2px 8px rgba(255,159,64,.3);transition:font-size .3s cubic-bezier(.4,0,.2,1)}.streak-display.peek-mode .streak-header .streak-label{font-size:26px;font-weight:600;color:#ff9f40;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.streak-display.peek-mode .streak-days-container{position:relative;width:100%;max-width:320px}.streak-display.peek-mode .streak-days-container .streak-group-background{position:absolute;height:24px;background:#ff9f40;border-radius:12px;z-index:0}.streak-display.peek-mode .streak-days-container .streak-days-grid{position:relative;display:flex;gap:1px;justify-content:space-between;z-index:1}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item .day-label-small{font-size:8px;font-weight:600;color:#ffffff80;text-transform:uppercase}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item .day-indicator{width:24px;height:24px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffffa1;position:relative;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item .day-indicator.checked{background:#ff9f40;color:#fff;box-shadow:0 1px 4px #ff9f404d}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item .day-indicator.today{background:#fff;color:#ff9f40;font-weight:600;box-shadow:0 2px 6px #ffffff4d}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item.in-streak .day-label-small{color:#fffc}@media (max-height: 700px){.streak-display.peek-mode{margin:10px auto 12px;padding:10px 12px 8px;gap:6px}.streak-display.peek-mode .streak-header{gap:5px}.streak-display.peek-mode .streak-header .streak-number-large{font-size:32px}.streak-display.peek-mode .streak-header .streak-label{font-size:14px}.streak-display.peek-mode .streak-days-container{max-width:280px}.streak-display.peek-mode .streak-days-container .streak-group-background{height:20px;border-radius:10px}.streak-display.peek-mode .streak-days-container .streak-days-grid,.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item{gap:1px}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item .day-label-small{font-size:7px}.streak-display.peek-mode .streak-days-container .streak-days-grid .day-item .day-indicator{width:20px;height:20px;font-size:9px}}.streak-display.full-mode{background:#fff;border-radius:16px;padding:18px 16px 16px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.streak-display.full-mode .streak-header{display:flex;align-items:baseline;gap:8px;justify-content:center;transition:gap .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-header .streak-number-large{font-size:48px;font-weight:700;color:#ff9f40;line-height:1;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-header .streak-label{font-size:20px;font-weight:600;color:#ff9f40;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-days-container{position:relative;padding:10px 8px;background:#f8f9fa;border-radius:12px}.streak-display.full-mode .streak-days-container .streak-group-background{position:absolute;top:10px;bottom:10px;background:linear-gradient(90deg,#ff9f4026,#ff9f4040,#ff9f4026);border-radius:12px;pointer-events:none}.streak-display.full-mode .streak-days-container .streak-days-grid{display:flex;justify-content:space-between;gap:2px;position:relative;z-index:1}.streak-display.full-mode .streak-days-container .streak-days-grid .day-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.streak-display.full-mode .streak-days-container .streak-days-grid .day-item .day-indicator{width:30px;height:30px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-days-container .streak-days-grid .day-item .day-indicator.checked{background:#ff9f40;color:#fff;font-weight:600}.streak-display.full-mode .streak-stats{display:flex;gap:12px;padding-top:8px;opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-stats .stat-item{flex:1;background:#f8f9fa;border-radius:10px;padding:10px 12px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-stats .stat-item .stat-label{font-size:11px;color:#00000080;margin-bottom:4px;font-weight:500;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.streak-display.full-mode .streak-stats .stat-item .stat-value{font-size:16px;font-weight:700;color:#333;transition:font-size .3s cubic-bezier(.4,0,.2,1)}@media (max-height: 700px){.streak-display.full-mode{padding:14px 14px 12px;gap:10px}.streak-display.full-mode .streak-header .streak-number-large{font-size:40px}.streak-display.full-mode .streak-header .streak-label{font-size:18px}.streak-display.full-mode .streak-days-container{padding:8px 6px}.streak-display.full-mode .streak-days-container .streak-days-grid .day-item .day-indicator{width:26px;height:26px;font-size:11px}.streak-display.full-mode .streak-stats{gap:10px}.streak-display.full-mode .streak-stats .stat-item{padding:8px 10px}.streak-display.full-mode .streak-stats .stat-item .stat-label{font-size:10px}.streak-display.full-mode .streak-stats .stat-item .stat-value{font-size:14px}}.calendar-container{background:transparent;border-radius:20px;padding:20px 15px;max-width:400px;margin:0 auto}@media (max-height: 700px){.calendar-container{padding:15px 12px}}.calendar-container .calendar-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-container .calendar-header .month-nav-button{width:32px;height:32px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;padding:0;outline:none}.calendar-container .calendar-header .month-nav-button svg{width:20px;height:20px}.calendar-container .calendar-header .month-nav-button:active:not(.disabled){transform:scale(.95)}.calendar-container .calendar-header .month-nav-button:focus,.calendar-container .calendar-header .month-nav-button:focus-visible{outline:none}.calendar-container .calendar-header .month-nav-button.disabled{opacity:.3;cursor:not-allowed}.calendar-container .calendar-header .calendar-month-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.calendar-container .calendar-header .calendar-month-info .calendar-month{font-size:18px;font-weight:600;color:#fff;text-align:center;margin:0;opacity:.7}.calendar-container .calendar-header .calendar-month-info .streak-info{display:flex;gap:8px;font-size:11px;color:#fffc}.calendar-container .calendar-header .calendar-month-info .streak-info .streak-badge,.calendar-container .calendar-header .calendar-month-info .streak-info .month-checkins{background:#ffffff26;padding:2px 8px;border-radius:10px;font-weight:500}.calendar-container .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-container .calendar-weekdays .weekday-label{text-align:center;font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;padding:4px 0;opacity:.7}.calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-container .calendar-grid .calendar-day{aspect-ratio:1;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;position:relative;padding:0;opacity:.9;color:#ffffff80}.calendar-container .calendar-grid .calendar-day.empty{cursor:default}.calendar-container .calendar-grid .calendar-day:not(.empty):hover{background:#ffffff1a}.calendar-container .calendar-grid .calendar-day.today{background:transparent;font-weight:600}.calendar-container .calendar-grid .calendar-day.today:not(.empty):hover{background:#ffffff0d}.calendar-container .calendar-grid .calendar-day.selected{font-weight:600}.calendar-container .calendar-grid .calendar-day.checked-in{background:transparent;border:none}.calendar-container .calendar-grid .calendar-day.checked-in .day-number{display:none}.calendar-container .calendar-grid .calendar-day.checked-in:before{content:"✓";position:absolute;width:32px;height:32px;border-radius:50%;background:#9d4edd;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.calendar-container .calendar-grid .calendar-day.checked-in.today:before{background:#c77dff}.calendar-container .calendar-grid .calendar-day.checked-in.selected:before{background:#7b2cbf;box-shadow:0 2px 8px #7b2cbf4d}.calendar-container .calendar-grid .calendar-day.checked-in:not(.empty):hover:before{background:#b565e8}.calendar-container .calendar-grid .calendar-day.dimmed{opacity:.9;color:#ffffff80;cursor:not-allowed}.calendar-container .calendar-grid .calendar-day.dimmed:not(.empty):hover{background:transparent}.calendar-container .calendar-grid .calendar-day .day-number{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.sheet-backdrop{position:fixed;inset:0;background:#0000;z-index:9;transition:background .3s ease;pointer-events:none}.sheet-backdrop.visible{background:#0006;pointer-events:all}.main-modal-sheet{position:fixed;left:0;bottom:0;width:100%;background:#fff;z-index:10;display:flex;flex-direction:column;box-sizing:border-box}.main-modal-sheet.peek{cursor:pointer}.main-modal-sheet .sheet-handle-container{padding:15px 0;display:flex;justify-content:center;cursor:grab;flex-shrink:0}.main-modal-sheet .sheet-handle-container:active{cursor:grabbing}.main-modal-sheet .sheet-handle-container .sheet-handle{width:40px;height:5px;border-radius:3px;background:#e0e0e0}.main-modal-sheet .sheet-content{padding:0;flex:1;overflow:hidden;box-sizing:border-box;min-height:0}.main-modal-sheet .sheet-content .sheet-streak-section{padding:20px}.comp-standby{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:0;overflow-y:auto}.comp-standby .standby-content{width:100%;text-align:center}.comp-standby .standby-content .standby-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.comp-standby .standby-content .standby-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #7C3AED;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comp-standby .standby-content .standby-loading p{font-size:14px;margin:0}.comp-standby .standby-content .standby-error{padding:40px 20px;color:#ef4444;font-size:14px}.comp-standby .standby-content .standby-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#999}.comp-standby .standby-content .standby-empty .empty-icon{font-size:48px;margin-bottom:16px}.comp-standby .standby-content .standby-empty p{font-size:14px;margin:4px 0}.comp-standby .standby-content .standby-empty .empty-date{font-size:12px;color:#ccc}.comp-standby .standby-content .standby-bite-content{display:flex;flex-direction:column;align-items:center;gap:18px}.comp-standby .standby-content .standby-bite-content .bite-icon{margin-top:10px;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.comp-standby .standby-content .standby-bite-content .bite-icon .bite-icon-image{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:12px}.comp-standby .standby-content .standby-bite-content .bite-icon .bite-icon-emoji{font-size:60px;line-height:1}.comp-standby .standby-content .standby-bite-content .bite-headline{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.4;margin:0;padding:0 10px;word-break:keep-all}.comp-standby .standby-content .standby-bite-content .bite-bar{width:40%;height:1px;background:#e3e3e3;margin:0}.comp-standby .standby-content .standby-bite-content .bite-expression-card{padding:0 20px;width:100%;max-width:320px}.comp-standby .standby-content .standby-bite-content .bite-expression-card .expression-text{font-size:18px;font-weight:700;color:#7c3aed;margin-bottom:8px;text-transform:lowercase;letter-spacing:-.5px;line-height:22px}.comp-standby .standby-content .standby-bite-content .bite-expression-card .expression-meaning{font-size:14px;color:#ffffffe6;font-weight:500}.comp-standby .standby-content .standby-bite-content .bite-date{font-size:12px;color:#999;margin-top:8px}.comp-standby .standby-content .standby-bite-content .bite-debug{margin-top:20px;padding:10px;background:#f5f5f5;border-radius:8px;width:100%;max-width:400px;text-align:left}.comp-standby .standby-content .standby-bite-content .bite-debug summary{cursor:pointer;font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.comp-standby .standby-content .standby-bite-content .bite-debug pre{font-size:10px;overflow-x:auto;margin:0;padding:8px;background:#fff;border-radius:4px}.comp-study-steps{width:100%;height:100%;overflow:hidden}.comp-study-steps .steps-container{display:flex;height:100%;width:400%;will-change:transform}.comp-study-steps .steps-container .step-slide{width:25%;height:100%;flex-shrink:0}.study-step{width:100%;height:100%;display:flex;flex-direction:column;padding:0;position:relative}.study-step .step-content{flex:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:0 25px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.study-step .step-content::-webkit-scrollbar{display:none}.study-step .step-content .step-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 20px;flex-shrink:0}.study-step .step-content .step-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.study-step .card-content{margin-top:20px;margin-bottom:20px;flex-shrink:0}.study-step .step-footer{padding:20px 25px;flex-shrink:0;background:#fff;position:sticky;bottom:0;z-index:10}.study-step .step-footer .cta-button{width:100%;height:56px;border-radius:12px;background:#007aff;color:#fff;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:all .1s ease}.study-step .step-footer .cta-button:active:not([style*="backgroundColor: #6c757d"]){transform:translateY(0)!important}.study-step .step-footer .cta-button[style*="backgroundColor: #6c757d"]:hover{transform:none!important;box-shadow:none!important}.study-step .step-footer .cta-button[style*="backgroundColor: #6c757d"]:active{transform:none!important}@media (max-width: 768px){.main-content{padding:15px}.calendar-container{padding:15px 12px}.calendar-container .calendar-header .calendar-month{font-size:16px}.calendar-container .calendar-header .month-nav-button{width:28px;height:28px}.calendar-container .calendar-header .month-nav-button svg{width:16px;height:16px}.calendar-container .calendar-grid .calendar-day{font-size:13px}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.shake{animation:shake-animation .5s ease-in-out}@keyframes shake-animation{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.dialogue-sentence-en em.strong{font-style:normal}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.color-brand{color:#8000ff}.color-green{color:#62d34f}.color-green-light{color:#84ff70}.color-green-dark{color:#2eb617}.color-blue{color:#12b0e0}.color-yello-light{color:#fcc77c}.color-yello{color:#ffb54c}.color-yello-dark{color:#ffa912}.color-yello-dark2{color:#fa7c07}.color-red{color:#fa6557}.color-gray-15{color:#262626}.color-gray-20{color:#333}.color-gray-40{color:#666}.color-gray-60{color:#999}.color-gray-90{color:#e6e6e6}.color-gray-98{color:#fafafa}.color-gray-blue{color:#fafbfc}.color-sunset700{color:#ff6d50}.color-sunset600{color:#ff8a73}.color-sunset400{color:#ffa796}.color-sunset300{color:#ffc5b9}.color-sunset100{color:#ffe2dc}.color-carrot700{color:#f90}.color-carrot600{color:#ffad33}.color-carrot400{color:#ffc265}.color-carrot300{color:#ffd699}.color-carrot100{color:#ffebcc}.color-pacific700{color:#12b0e0}.color-pacific600,.color-pacific400{color:#40c0e6}.color-pacific300{color:#a0dff4}.color-pacific100{color:#d1effa}.color-lime700{color:#3ce220}.color-lime600{color:#62e74d}.color-lime400{color:#8aee79}.color-lime300{color:#b1f4a6}.color-lime100{color:#d8fad3}.color-flamingo700{color:#f987de}.color-flamingo600{color:#fa9fe5}.color-flamingo400{color:#fbb7ec}.color-flamingo300{color:#fecff2}.color-flamingo100{color:#fee6f9}.color-kiboko700{color:#5218ff}.color-kiboko600{color:#7545ff}.color-kiboko400{color:#9874ff}.color-kiboko300{color:#baa3fe}.color-kiboko100{color:#dcd1ff}.color-g900{color:#1a1a1a}.color-g800{color:#323333}.color-g700{color:#4c4c4c}.color-g600{color:#666}.color-g500{color:gray}.color-g400{color:#999}.color-g300{color:#b3b4b4}.color-g200{color:#ccc}.color-g100{color:#e5e4e5}.link-color{color:#3c6ee1}.font-color{color:#183153}.color-primary{color:#346dff}@font-face{font-family:San Francisco;font-weight:400;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff)}@font-face{font-family:San Francisco;font-weight:500;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff)}@font-face{font-family:San Francisco;font-weight:600;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff)}@font-face{font-family:San Francisco;font-weight:700;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff)}@font-face{font-family:Apple SD Gothic Neo;font-style:normal;font-weight:800;src:local("Apple SD Gothic Neo ExtraBold"),url(https://cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/fonts/800_AppleSDGothicNeo-ExtraBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/fonts/800_AppleSDGothicNeo-ExtraBold.otf) format("opentype")}@font-face{font-family:Apple SD Gothic Neo;font-style:normal;font-weight:900;src:local("Apple SD Gothic Neo Heavy"),url(https://cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/fonts/900_AppleSDGothicNeo-Heavy.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/fonts/900_AppleSDGothicNeo-Heavy.otf) format("opentype")}html{font-size:62.5%;background-color:#fff}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:San Francisco,sans-serif;color:#183153;width:100%;height:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent;display:block!important}*{box-sizing:border-box}a{color:#3c6ee1;cursor:pointer}a:hover{color:#265ede}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-center{text-align:center}.u-widh-400{width:400px!important}.u-widh-500{width:500px!important}.u-widh-600{width:600px!important}.u-widh-700{width:700px!important}.u-margin-bottom-10{margin-bottom:10px}.u-margin-bottom-15{margin-bottom:15px}.u-margin-bottom-20{margin-bottom:20px}.u-flex-spece-evenly{display:flex;justify-content:space-evenly}.u-w-per100{width:100%}.u-placeholder-sm::-moz-placeholder{font-size:11px}.u-placeholder-sm::placeholder{font-size:11px}.display-none{display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.box-style-1{border:1px solid #e7e3e3;padding:1rem;border-radius:1rem;background-color:#f4f2f2;margin-bottom:1rem}.box-layout-grow1{display:flex}.box-layout-grow1 .box-item{flex-grow:1}.box-layout-1{display:flex}.box-layout-1 .th{display:flex;justify-content:center;align-items:center}.box-layout-1 .td{padding:5px}.pointer{cursor:pointer}.util-wrap-center-100{width:100%;display:flex;justify-content:center;align-items:center}.util-wrap-center-100.bg-black{background-color:#11151b}.util-wrap-center-100 .util-wrap-center-1440{width:1440px}.util-wrap-center-100 .util-wrap-center-1064{width:1064px;padding:0 20px}.util-wrap-center-100 .util-wrap-center-768{width:768px}.util-wrap-center-100 .util-wrap-center-600{width:600px}@media (max-width: 600px){.util-wrap-center-600{width:100%!important}}.ani-opacity-y-down-_7{animation-duration:.7s;animation-name:frame-opacity-y-down;animation-timing-function:cubic-bezier(.92,.13,.16,.88);animation-fill-mode:forwards;opacity:0}@keyframes frame-opacity-y-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.ani-opacity-y-up-1_5{animation-duration:.7s;animation-name:frame-opacity-y-up-1_5;animation-timing-function:ease-out;animation-fill-mode:forwards;opacity:0}@keyframes frame-opacity-y-up-1_5{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:500}h1{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h2{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h3{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h4{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h5{font-size:1.5rem;line-height:1.6;letter-spacing:0}h6{font-size:1.3rem;line-height:1.3;letter-spacing:0}@media (min-width: 550px){h1{font-size:3.6rem}h2{font-size:3rem}h3{font-size:2.4rem}h4{font-size:1.8rem}h5{font-size:1.5rem}h6{font-size:1.3rem}}p{margin-top:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width: 400px){.container{width:85%;padding:0}}@media (min-width: 550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.6666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.6666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column{margin-left:52%}}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.button,button,.btn{display:inline-block;padding:6px 16px;color:#404a59;text-align:center;font-weight:700;font-size:19px;font-stretch:100%;font-weight:500;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button.btn-block,.button.block,button.btn-block,button.block,.btn.btn-block,.btn.block{width:100%}.button.xl,button.xl,.btn.xl{font-size:24px;padding:10px 22px;font-weight:600}.button.sm,button.sm,.btn.sm{font-size:14px;padding:4px 8px;border-radius:3px}.button.xs,button.xs,.btn.xs{font-size:12px;padding:3px 8px;border-radius:2px}.button.xxs,button.xxs,.btn.xxs{font-size:9px;padding:1px 3px;border-radius:2px}.button.hidden,button.hidden,.btn.hidden{display:none}.button.btn-blank,button.btn-blank,.btn.btn-blank{border:0;padding:0}.button:hover,button:hover,.btn:hover{color:#333;border-color:#888;outline:0}.button:focus,button:focus,.btn:focus{color:#333;border-color:#888;outline:0}.button-active.active,button-active.active,.btn-active.active{color:#fff;background-color:#3c6ee1;border-color:#3c6ee1}.button.dropdown .caret,button.dropdown .caret,.btn.dropdown .caret{margin-left:10px}.button.dropdown.disabled,button.dropdown.disabled,.btn.dropdown.disabled{opacity:.7;cursor:not-allowed}.button.dropdown.disabled .caret,button.dropdown.disabled .caret,.btn.dropdown.disabled .caret{display:none}.button.dropdown.warning,button.dropdown.warning,.btn.dropdown.warning{border-color:red}.button-primary,button-primary,.btn-primary{color:#fff;background-color:#3c6ee1;border-color:#3c6ee1}.button-primary:focus,button-primary:focus,.btn-primary:focus{color:#fff;background-color:#3c6ee1;border-color:#3c6ee1}.button-primary:hover,button-primary:hover,.btn-primary:hover{color:#fff;background-color:#265ede}.button-primary.line,button-primary.line,.btn-primary.line{color:#3c6ee1;background-color:#fff;border-color:#c1d1f5}.button-primary.line:hover,button-primary.line:hover,.btn-primary.line:hover{color:#3c6ee1;background-color:#fff;border-color:#3c6ee1}.button-warning,button-warning,.btn-warning{color:#fff;background-color:#fa6557;border-color:#fa6557}.button-warning:focus,button-warning:focus,.btn-warning:focus{color:#fff;background-color:#3c6ee1;border-color:#3c6ee1}.button-warning:hover,button-warning:hover,.btn-warning:hover{color:#fff;background-color:#f94e3e}.button-warning.line,button-warning.line,.btn-warning.line{color:#fa6557;background-color:#fff;border-color:#feedec}.button-warning.line:hover,button-warning.line:hover,.btn-warning.line:hover{color:#fa6557;background-color:#fff;border-color:#fa6557}input[type=submit],input[type=reset],input[type=button]{display:inline-block;padding:0 30px;color:#555;text-align:center;font-weight:700;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{color:#333;border-color:#888;outline:0}input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus{color:#333;border-color:#888;outline:0}input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary,input[type=submit].button-primary:hover,input[type=reset].button-primary:hover,input[type=button].button-primary:hover{color:#fff;background-color:#3c6ee1;border-color:#3c6ee1}input[type=submit].button-primary:focus,input[type=reset].button-primary:focus,input[type=button].button-primary:focus{color:#fff;background-color:#3c6ee1;border-color:#3c6ee1}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password]{padding:6px 10px;background-color:#fff;border:1px solid rgb(209.44,209.44,209.44);border-radius:4px;box-shadow:none;box-sizing:border-box}.awesome-path-color-red path{color:#d13030}.btn-app-link{border:0;font-size:30px;color:#b3b4b4;letter-spacing:-1px;font-weight:700}.btn-app-link .underline{background-color:#b3b4b4;width:100%;height:4px;margin-top:-4px}input,textarea,.fake-input,select{padding:6px 10px;background-color:#fff;border:1px solid rgb(209.44,209.44,209.44);border-radius:4px;box-shadow:none;box-sizing:border-box}input.sm,textarea.sm,.fake-input.sm,select.sm{font-size:14px;padding:4px 8px;border-radius:3px}input.xs,textarea.xs,.fake-input.xs,select.xs{font-size:12px;padding:3px 8px;border-radius:2px}input.xxs,textarea.xxs,.fake-input.xxs,select.xxs{font-size:9px;padding:1px 2px;border-radius:2px}input.block,textarea.block,.fake-input.block,select.block{width:100%}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea[type=email],textarea[type=number],textarea[type=search],textarea[type=text],textarea[type=tel],textarea[type=url],textarea[type=password],.fake-input[type=email],.fake-input[type=number],.fake-input[type=search],.fake-input[type=text],.fake-input[type=tel],.fake-input[type=url],.fake-input[type=password],select[type=email],select[type=number],select[type=search],select[type=text],select[type=tel],select[type=url],select[type=password]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea[type=email]:focus,textarea[type=number]:focus,textarea[type=search]:focus,textarea[type=text]:focus,textarea[type=tel]:focus,textarea[type=url]:focus,textarea[type=password]:focus,.fake-input[type=email]:focus,.fake-input[type=number]:focus,.fake-input[type=search]:focus,.fake-input[type=text]:focus,.fake-input[type=tel]:focus,.fake-input[type=url]:focus,.fake-input[type=password]:focus,select[type=email]:focus,select[type=number]:focus,select[type=search]:focus,select[type=text]:focus,select[type=tel]:focus,select[type=url]:focus,select[type=password]:focus{border:1px solid #3C6EE1;outline:0}input[type=checkbox],input[type=radio],textarea[type=checkbox],textarea[type=radio],.fake-input[type=checkbox],.fake-input[type=radio],select[type=checkbox],select[type=radio]{display:inline}input.error,textarea.error,.fake-input.error,select.error{border-color:red!important}input.blank,textarea.blank,.fake-input.blank,select.blank{border:0}input.blank:focus,textarea.blank:focus,.fake-input.blank:focus,select.blank:focus{border:0;outline:0}.fake-input{padding:0}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:65px;padding-top:6px;padding-bottom:6px;resize:none;margin-bottom:0}textarea.view,textarea.disabled{background-color:#eee}textarea:focus,select:focus{border:1px solid #3C6EE1;outline:0}label,legend{display:block;font-weight:600}fieldset{padding:0;border-width:0}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}.error-guide{color:#fa6557}.wrap-input select{padding-left:5px}.wrap-input select:required:invalid{color:gray}.wrap-input option[value=""][disabled]{display:none}.wrap-input option{color:#834040}.label-checkbox{font-weight:400;margin-bottom:0}.label-checkbox input{margin-right:5px;margin-bottom:0}ul{list-style:circle inside}ol{list-style:decimal inside;padding-left:0;margin-top:0}ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.ul-style-01{list-style-type:none}.ul-blank{list-style-type:none;margin:0}.bullet .icon{margin-right:5px}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}.th{font-weight:700}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #e1e1e1}.tr-hover:hover{cursor:pointer;background-color:#f4f7fa}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:1rem}.RecordingLoading3 .time-bar{stroke-dasharray:130;stroke-dashoffset:130;animation:dash-timer 5s linear alternate;animation-fill-mode:forwards}@keyframes dash-timer{0%{stroke-dashoffset:130}to{stroke-dashoffset:0}}.RecordingLoading2{position:relative;width:20px;height:20px}.RecordingLoading2 .loading-dot{background-color:#ff6d50;width:15px;height:15px;border-radius:50%;position:absolute}.RecordingLoading2 .loading-dot.big{width:20px;height:20px}.RecordingLoading4{height:10px;display:flex;align-items:center;margin-top:17px}.RecordingLoading4 .loading-dot{float:left;width:6px;height:6px;margin:0 2px;border-radius:50%;animation:loadingOpacity 1.5s infinite;background-color:#fff}.RecordingLoading4 .loading-dot:nth-child(1){animation-delay:0s}.RecordingLoading4 .loading-dot:nth-child(2){animation-delay:.3s}.RecordingLoading4 .loading-dot:nth-child(3){animation-delay:.6s}@keyframes loadingOpacity{0%{opacity:0}30%{opacity:1}50%{opacity:1}to{opacity:0}}.comp-no{position:relative}.comp-no .dp{position:absolute;background-color:#6c7c98;padding:2px;border-radius:2px;z-index:1;transition:all .3s;font-size:11px;color:#fff;text-align:center;pointer-events:none}.comp-no .dp-id{width:120px;visibility:hidden;opacity:0;top:-40px}.comp-no .dp-id.show{visibility:visible;opacity:1;top:-43px}.comp-no .dp-copied{width:60px;left:-17px;visibility:hidden;opacity:0;top:-20px}.comp-no .dp-copied.show{visibility:visible;opacity:1;top:-26px}.RecordingLoading{height:10px;display:flex;align-items:center}.RecordingLoading.red-bg .loading-dot{background-color:#fff}.RecordingLoading .loading-dot{float:left;width:8px;height:8px;margin:0 3px;background:#fff;border-radius:50%;box-shadow:0 0 2px #fff;animation:loadingHeight 1s infinite;background-color:#ff6d50}.RecordingLoading .loading-dot:nth-child(1){animation-delay:0s}.RecordingLoading .loading-dot:nth-child(2){animation-delay:.1s}.RecordingLoading .loading-dot:nth-child(3){animation-delay:.2s}.RecordingLoading .loading-dot:nth-child(4){animation-delay:.3s}.RecordingLoading .loading-dot:nth-child(5){animation-delay:.4s}.RecordingLoading .loading-dot:nth-child(6){animation-delay:.5s}.RecordingLoading .loading-dot:nth-child(7){animation-delay:.6s}.RecordingLoading .loading-dot:nth-child(8){animation-delay:.7s}@keyframes loadingHeight{0%{height:8px}50%{height:18px}to{height:8px}}.FallbackLoading2 .loading-dot{float:left;width:8px;height:8px;margin:0 3px;background:#fff;border-radius:50%;opacity:0;box-shadow:0 0 2px #fff;animation:loadingFade 1s infinite}.FallbackLoading2 .loading-dot:nth-child(1){animation-delay:0s}.FallbackLoading2 .loading-dot:nth-child(2){animation-delay:.1s}.FallbackLoading2 .loading-dot:nth-child(3){animation-delay:.2s}.FallbackLoading2 .loading-dot:nth-child(4){animation-delay:.3s}.FallbackLoading2 .loading-dot:nth-child(5){animation-delay:.4s}@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.swiper,.swiper-bite{width:100%;height:100%}.swiper-slide,.swiper-slide-bite{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.comp-tags .comp-tag{color:#8000ff;display:inline-block;border:1px solid rgb(204.2,153,255);border-radius:3px;padding:0 5px 1px;background-color:azure;margin-right:3px;margin-bottom:2px;font-size:12px}.TagDay{color:#fff;display:inline-block;border-radius:8px;padding:2px 15px 0;background-color:#8000ff;margin-right:3px;margin-bottom:2px;font-size:9px;font-weight:700;width:70px;text-align:center}.TagDay.after{opacity:.4}.TagDay.past{opacity:.4;background-color:gray}.loading-manager{width:100%;height:100%;background-color:#ffffffdb;position:fixed;z-index:400;display:flex;align-items:center;justify-content:center;transition:opacity .5s}.loading-manager .wrap-loading{font-size:20px;font-weight:700}.alert-manager{width:100%;height:100%;background-color:#3e4f5659;position:fixed;z-index:400;display:flex;align-items:center;justify-content:center;transition:opacity .5s;left:0}.alert-manager.hide-ani{opacity:0}.alert-manager .wrap-alert{width:75%;max-width:500px;background-color:#fff;border-radius:10px;animation-duration:.3s;animation-name:alert-show-y;animation-timing-function:ease-out;animation-fill-mode:forwards;opacity:0}.alert-manager .wrap-alert .alert-body{padding:20px;font-size:16px;font-weight:600;text-align:center;border-bottom:1px solid lightgray;color:#0f0f0f;letter-spacing:-.5px}.alert-manager .wrap-alert .alert-footer{text-align:right}.alert-manager .wrap-alert .alert-footer .btn-cancel,.alert-manager .wrap-alert .alert-footer .btn-confirm{width:50%;padding:10px;font-size:16px;font-weight:600;border:0;border-radius:0}.alert-manager .wrap-alert .alert-footer .btn-confirm{border-left:1px solid lightgray;color:#0f0f0f}.alert-manager .wrap-alert.hide-ani{animation-name:alert-hide-y}@keyframes alert-show-y{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes alert-hide-y{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,40px,0)}}.calendar{font-weight:400;padding:5px;border-radius:3px}.calendar .cal-header{display:flex;justify-content:center;align-items:center}.calendar .cal-header .btn-before,.calendar .cal-header .btn-next{flex-basis:15%;font-size:16px;padding:10px 15px}.calendar .cal-header .btn-before .arrow,.calendar .cal-header .btn-next .arrow{width:12px}.calendar .cal-header .title{flex-grow:1;padding:10px 15px;font-size:16px;font-weight:700}.calendar .cal-body{padding:0 5px;font-weight:600}.calendar .cal-body ul{margin:0}.calendar .cal-body ul li{text-align:center}.calendar .cal-body ul li .sun{color:#898989}.calendar .cal-body .li-day{cursor:pointer;text-align:center;font-weight:500}.calendar .cal-body .li-day.disabled{cursor:not-allowed;opacity:.3}.calendar .cal-body .li-day.disabled .bg,.calendar .cal-body .li-day.disabled .bg:hover{background-color:#fff}.calendar .cal-body .li-day.active .bg{color:#fff}.calendar .cal-body .li-day.active .bg .fire-bg{display:inline-block}.calendar .cal-body .li-day .bg{display:inline-block;border-radius:50%;position:relative}.calendar .cal-body .li-day .bg-in{display:flex;justify-content:center;align-items:center;width:30px;height:30px;flex-direction:column;z-index:2;position:relative}.calendar .cal-body .li-day .bg-in .dot{background-color:red;width:5px;height:5px}.calendar .cal-body .li-day .bg .fire-bg{display:none;z-index:1;width:24px;position:absolute;left:3px;top:-2px}.calendar .center7{width:14.2%;display:inline-block;padding:3px 0}.calendar .center7.sun,.calendar .center7.week-0,.calendar .center7.week-6{color:#898989}.FallbackLoading{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.FallbackLoading .dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#8000ff;color:#8000ff;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.FallbackLoading .message{margin-top:20px}.FallbackLoading .dot-flashing:before,.FallbackLoading .dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.FallbackLoading .dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#8000ff;color:#8000ff;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.FallbackLoading .dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#8000ff;color:#8000ff;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#8000ff}50%,to{background-color:#ebe6ff}}.SelectList .ul{padding:0;margin:0}.SelectList .ul .btn-li{border:1px solid #999;border-radius:3px;margin-bottom:3px;padding:2px 5px;cursor:pointer}.SelectList .ul .btn-li.active{color:#fff;background-color:#346dff}.SelectList .ul .btn-li.disabled{cursor:not-allowed;opacity:.5;background-color:#e6e6e6}.Address .fake-input{display:flex;align-items:center;margin-bottom:5px}.Address .fake-input .addr1{width:100%}.Address .fake-input .icon{margin-left:auto;padding-right:7px}.WCapBtn2{position:relative}.WCapBtn2 .actual-btn{color:#fff;font-size:50px;font-weight:700;border:1px solid green;padding:30px 60px;position:relative;z-index:2}.WCapBtn2 .svg-bg{position:absolute;z-index:1;top:0}.WCapBtn{display:flex;justify-content:center;align-items:center;border-radius:1.7rem;cursor:pointer}.WCapBtn .word-cap-left,.WCapBtn .word-cap-right{flex-basis:20px}.WCapBtn .label{margin-left:-2px;margin-right:-2px;height:100%;border-left:0!important;border-right:0!important;color:#fff;flex-grow:1;padding:0 2rem;display:flex;justify-content:center;align-items:center}.WCapBtn .label .icon-close{margin-left:1.3rem}.WCapBtnSvg{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.WCapBtnSvg .label{position:absolute;font-weight:700}.WBtnBack{width:67px;height:67px;background-color:#0003;border-radius:13px;display:flex;justify-content:center;align-items:center}.WBtnBack img{width:48px}.WEqualizer{width:15px;height:10px;border:0;position:relative;transition:opacity .5s ease;display:inline-block}.WEqualizer span{display:inline-block;width:2px;background-color:#3facde;position:absolute;bottom:0}@keyframes shorteq{0%{height:10px}50%{height:5px}to{height:10px}}@keyframes talleq{0%{height:12px}50%{height:8px}to{height:12px}}.WEqualizer .eq1{height:13px;left:0;animation-name:shorteq;animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-name:shorteq;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-delay:0s}.WEqualizer .eq2{height:15px;left:6px;animation-name:talleq;animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-name:talleq;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-delay:.17s}.WEqualizer .eq3{height:13px;left:12px;animation-name:shorteq;animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-name:shorteq;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-delay:.34s}.lds-spinner{width:40px;height:40px;position:fixed;top:50%;left:50%;margin:-14px 0 0 -31px;border-radius:5px;z-index:10000}.lds-spinner.transparent{opacity:0}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:22px;left:38px;width:3px;height:9px;border-radius:5px;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}*{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}html,body{width:100%;height:100%;background-color:#fff;overflow:hidden}#root{width:100%;height:100%}body{background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0}html,body{position:relative;height:100%}#app{display:flex;justify-content:center;align-items:center}.bottom-sheet-root .bottom-sheet-content{padding:10px 20px}.react-modal-sheet-container{border-top-left-radius:24px!important;border-top-right-radius:24px!important;box-shadow:#0000001a 0 -2px 16px!important}.modal-layer{position:fixed;top:0;width:100%;height:100%;background-color:#fff;z-index:100;transform:translate3d(0,120vh,0);transition:transform .7s cubic-bezier(.92,.13,.16,.88)}.modal-layer.show{transform:translateZ(0)}.modal-layer.modal-recording{color:#fff}.WHeader{position:absolute;height:6rem;width:100%;z-index:100;background-color:#fff;border-bottom:1px solid #E5EBEC;display:flex;justify-content:center;align-items:flex-end}.WHeader .left{width:70px}.WHeader .left .btn-back{margin-bottom:20px;height:20px;margin-left:20px}.WHeader .center{display:flex;justify-content:center;align-items:flex-end;flex-grow:1}.WHeader .center .logo{width:70px;color:#34cc62;margin-bottom:20px}.WHeader .center .head-title{font-size:20px}.WHeader .right{width:70px}.WSubHeader{position:absolute;height:6rem;width:100%;z-index:100;background-color:#ffffff7c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.WSubHeader .wrap-safe{height:6rem;width:100%;display:flex;justify-content:center;align-items:center;padding-left:10px;position:relative}.WSubHeader .wrap-safe .btn-left{width:40px;margin-right:10px;position:absolute;left:10px}.WSubHeader .wrap-safe .head-title{font-family:Nanum Gothic,sans-serif;font-size:18px;font-weight:600;letter-spacing:-1px;width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;text-align:center}.loading-backdrop{background-color:#ffffff08;width:100%;height:100%;z-index:2000;position:fixed;left:0;top:0}.wrap-dialogue,.page-study,.page-study .study-slide-main{width:100%;height:100%}#ch-plugin #ch-plugin-script{padding-top:40px!important;padding-bottom:20px!important;background-color:#f7f7f8!important}body.Android #ch-plugin #ch-plugin-script #ch-plugin-script-iframe{padding-bottom:320px}body.Android #ch-plugin #ch-plugin-script>iframe{padding-bottom:320px}.slide-panel-header .wrap-safe{height:6rem;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.slide-panel-header .wrap-safe .left{flex-basis:60px;text-align:center;padding-left:15px}.slide-panel-header .wrap-safe .left .btn-left{font-size:34px;transition:opacity .3s,transform .8s;opacity:1}.slide-panel-header .wrap-safe .left .btn-left.hide{transform:translate3d(-60px,0,0);opacity:0}.slide-panel-header .wrap-safe .center{flex-grow:1;text-align:center}.slide-panel-header .wrap-safe .right{padding-right:15px;flex-basis:60px;text-align:center}.slide-panel-header .wrap-safe .right .btn-right{padding-top:5px}.animate-show-y-1s{animation-duration:1s;animation-name:show-y;animation-timing-function:cubic-bezier(.92,.13,.16,.88);animation-fill-mode:forwards;opacity:0}.animate-show-y-0_4s{animation-duration:.4s;animation-name:show-y;animation-timing-function:cubic-bezier(.92,.13,.16,.88);animation-fill-mode:forwards;opacity:0}@keyframes show-y{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}