@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.NotFound{width:100%;max-width:800px;background-color:#fff;margin:0 auto;height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:2rem;font-weight:700}#root{min-height:100vh;background-color:var(--page-bg, #f7f7f7);display:flex;flex-direction:column;align-items:center;justify-content:stretch}#root:has(.AppBar):not(:has(.AppBar.Hidden)){padding-bottom:48px}@media(min-width:900px){#root:has(.AppBar):not(:has(.AppBar.Hidden)){padding-bottom:0;padding-left:88px;transition:padding-left .3s ease}}@media(min-width:900px){#root:has(.AppBar.Hidden){padding-left:0}}a.Action{text-decoration:none}body::-webkit-scrollbar-track{width:14px}body:has(.DocumentDrawer){overflow:hidden;padding-right:14px}.LandingPage{background:#000;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.LandingPage img,.LandingPage svg{border:0;outline:0;box-shadow:none}.LandingContainer{width:100%;box-sizing:border-box;padding:0 20px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.LandingContainer img{border:none;outline:none}.TopBackgroundWrapper{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;background:transparent;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-height:100vh;position:relative;z-index:1;overflow:hidden}.HeroWrapper{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;gap:16px;align-items:center;padding:24px 20px 40px;box-sizing:border-box;overflow:hidden}.TopSection{width:100%;background:transparent;display:flex;flex-direction:column;gap:32px;align-items:center;flex-shrink:0;padding:0 20px;box-sizing:border-box}.TopInner{width:100%;max-width:100%;box-sizing:border-box;padding:0;background:transparent;display:flex;flex-direction:column;gap:32px;align-items:center;flex-shrink:0}.HeaderRow{width:100%;max-width:1920px;background:transparent;display:flex;gap:32px;align-items:flex-start;flex-shrink:0}.HeaderLeft{flex:1;min-width:1px;min-height:1px;background:transparent;display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0}.LogoWrapper{width:60px;height:51px;overflow:hidden;display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex-shrink:0}.LogoWrapper img{width:100%;height:100%;object-fit:contain;display:block}.HeaderTextWrapper{width:276px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0}.HeaderTextWrapper p{font-family:Pretendard Variable,sans-serif;font-weight:700;font-size:24px;line-height:1.5;color:#fff;margin:0;width:100%;flex-shrink:0}.HeaderRight{flex:1;min-width:1px;min-height:1px;background:transparent;display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0}.TitleWrapper{width:100%;height:64px;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.TitleWrapper p{font-family:Pretendard Variable,sans-serif;font-weight:800;font-size:40px;line-height:40px;color:#fff;text-align:right;margin:0;width:100%;flex-shrink:0}.HeroImageSection{width:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:768px){.HeroImageSection{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}.HeroImageBox{width:360px;height:280px;position:relative;background:transparent;flex-shrink:0;overflow:hidden}.HeroImageBox img{position:absolute;top:-28.47%;left:-10.24%;width:126.09%;height:138.28%;max-width:none;object-fit:cover;pointer-events:none}@media(min-width:768px){.HeroImageBox{width:100%;max-width:none;height:560px}.HeroImageBox img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%}}.ControlsRow{width:100%;max-width:800px;box-sizing:border-box;padding:24px 0;background:transparent;display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0}.ControlButton{position:relative;flex-shrink:0;cursor:pointer}.ControlCircle{width:34px;height:34px;position:relative;display:flex;align-items:center;justify-content:center}.ControlCircle img{width:100%;height:100%;object-fit:contain;display:block}.CTAButton{width:100%;max-width:800px;background:#e578d3;box-sizing:border-box;padding:16px;border-radius:16px;border:none;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.CTAButton p{font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:20px;line-height:1.5;color:#fff;white-space:pre;margin:0;flex-shrink:0}.CTAIcon{width:36px;height:36px;flex-shrink:0}.CTAIcon img{width:100%;height:100%;object-fit:contain;display:block}.FeaturesSection{width:100%;box-sizing:border-box;padding:0 20px;background:transparent;display:flex;flex-direction:column;gap:22px;align-items:center;flex-shrink:0}.FeaturesSectionInner{width:100%;max-width:800px;background:transparent;display:flex;flex-direction:column;gap:24px;align-items:flex-start;flex-shrink:0}.FeaturesTitle{width:100%;flex-shrink:0}.FeaturesTitle p{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:1.5;font-style:normal;color:#fff;text-align:center;margin:0;width:100%;flex-shrink:0}.FeaturesTitle p:first-child{margin-bottom:0}.FeaturesGrid{width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;justify-content:flex-start;flex-shrink:0}.FeatureCard{flex:1 0 0;min-width:230px;min-height:250px;min-height:1px;background:#ffffff4d;box-sizing:border-box;padding:32px 20px;border-radius:16px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;flex-shrink:0}.CardTop{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.CardIcon{width:48px;height:48px;flex-shrink:0}.CardIcon img{width:100%;height:100%;object-fit:contain;display:block}.CardTitle{font-family:Pretendard,sans-serif;font-weight:700;font-size:20px;line-height:1.5;font-style:normal;color:#fff;margin:0;width:100%;min-width:100%;flex-shrink:0}.CardTitle p{margin:0}.CardTitle p:first-child{margin-bottom:0}.CardBottom{width:100%;display:flex;flex-direction:column;gap:2px;align-items:flex-start;flex-shrink:0}.CardBold{font-family:Pretendard,sans-serif;font-weight:700;font-size:14px;line-height:22px;font-style:normal;color:#d9d9d9;margin:0;width:100%;flex-shrink:0}.CardLight{font-family:Pretendard,sans-serif;font-weight:300;font-size:14px;line-height:22px;font-style:normal;color:#d9d9d9;margin:0;width:100%;flex-shrink:0}.WaveDivider{background:linear-gradient(to bottom,#2a0417 0% 50%,#dfe2ec 50% 100%);width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;position:relative;flex-shrink:0}.WaveDivider img{border:none;outline:none}.WaveWrapper{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;height:573.603px}.WaveSVG{width:2205.72px;height:573.603px;display:block;flex-shrink:0;max-width:none}.WaveDivider2{background:linear-gradient(to bottom,#2090ff 0% 50%,#e578d3 50% 100%);width:calc(100% + 40px);display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;position:relative;flex-shrink:0;margin-left:-20px;margin-right:-20px}.WaveDivider2 img{border:none;outline:none}.WaveWrapper2{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;height:573.603px}.WaveSVG2{width:2205.72px;height:573.603px;display:block;flex-shrink:0;max-width:none}.AIMateSection{background:#dfe2ec;width:calc(100% + 40px);box-sizing:border-box;padding:0 0 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin-left:-20px;margin-right:-20px}.AIMateSection .Inner{width:100%;max-width:none;background:transparent;box-sizing:border-box;padding:40px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex-shrink:0}.AIMateSection .Inner .Header{width:100%;box-sizing:border-box;padding:0 20px 20px;border-radius:24px 24px 0 0;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;flex-shrink:0}.AIMateSection .Inner .Header .Badge{background:#000;padding:8px 12px;border-radius:16px;display:flex;gap:8px;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.AIMateSection .Inner .Header .Badge p{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:12px;line-height:1.5;color:#fff;white-space:pre;margin:0;flex-shrink:0}.AIMateSection .Inner .Header .Title{width:100%;min-width:100%;flex-shrink:0}.AIMateSection .Inner .Header .Title p{font-family:Pretendard Variable,sans-serif;font-weight:700;font-size:24px;line-height:1.5;color:#212121;text-align:center;margin:0;width:100%;flex-shrink:0}.AIMateSection .Inner .CardsWrapper{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.AIMateSection .Inner .CardsWrapper::-webkit-scrollbar{display:none}@media(min-width:800px){.AIMateSection .Inner .CardsWrapper{display:flex;justify-content:center;overflow-x:hidden}}.AIMateSection .Inner .CardsWrapper .Cards{display:inline-flex;flex-direction:row;gap:12px;padding:0 20px;flex-wrap:nowrap;min-width:100%;width:max-content}@media(min-width:800px){.AIMateSection .Inner .CardsWrapper .Cards{display:flex;justify-content:center;flex-wrap:wrap;max-width:1080px;margin:0 auto;width:100%}}.AIMateSection .Inner .CardsWrapper .Cards .Card{width:320px;max-width:480px;box-sizing:border-box;padding:0 0 114px;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}@media(min-width:768px){.AIMateSection .Inner .CardsWrapper .Cards .Card{width:320px;flex:0 0 320px}}.AIMateSection .Inner .CardsWrapper .Cards .Card .Image{width:100%;height:300px;margin-bottom:-114px;background:#dcdeeb;border-radius:24px;overflow:hidden;flex-shrink:0}.AIMateSection .Inner .CardsWrapper .Cards .Card .Image img{width:100%;height:100%;object-fit:cover;display:block}.AIMateSection .Inner .CardsWrapper .Cards .Card .Overlay{width:100%;margin-bottom:-114px;min-height:114px;padding:24px 12px;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 24px 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.AIMateSection .Inner .CardsWrapper .Cards .Card .Overlay .Title{font-family:Pretendard Variable,sans-serif;font-weight:800;font-size:16px;line-height:1.5;letter-spacing:-.16px;color:#ffeaf2;margin:0;width:100%;flex-shrink:0}.AIMateSection .Inner .CardsWrapper .Cards .Card .Overlay .Description{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:-.14px;color:#ffeaf2;margin:0;width:100%;flex-shrink:0}.AIMateSection .CTA{width:100%;box-sizing:border-box;padding:64px 20px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.CTAPurple{background:#5b1078}.CurriculumWrapper{background-size:cover;background-position:center;background-repeat:no-repeat;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;display:flex;flex-direction:column}.WaveDivider1{background:linear-gradient(to bottom,#dfe2ec 0% 50%,#2090ff 50% 100%);width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;position:relative;flex-shrink:0}.WaveDivider1 img{border:none;outline:none}.WaveWrapper1{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;height:573.603px}.WaveSVG1{width:2205.72px;height:573.603px;display:block;flex-shrink:0;max-width:none}.CurriculumSection{background:transparent;width:100%;box-sizing:border-box;padding:64px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;overflow:hidden}.CurriculumInner{width:100%;max-width:800px;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;flex-shrink:0}.CurriculumBadge{background:#000;box-sizing:border-box;padding:8px 12px;border-radius:16px;display:flex;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.CurriculumBadge p{font-family:Pretendard Variable,sans-serif;font-weight:700;font-size:12px;line-height:1.5;color:#fff;margin:0;white-space:nowrap;flex-shrink:0}.CurriculumTitle{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:1.5;color:#fff;text-align:center;width:100%;flex-shrink:0}.CurriculumTitle p{margin:0}.CurriculumContent{width:100%;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;flex-shrink:0}.CurriculumMapWrapper{display:flex;flex-direction:column;gap:16px;align-items:flex-start;flex-shrink:0}.CurriculumMap{width:320px;height:350px;position:relative;flex-shrink:0}.CurriculumMap img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block}@media(min-width:768px){.CurriculumMap{width:480px;height:525px}}.CurriculumSubtitle{font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:20px;line-height:1.5;letter-spacing:-.2px;color:#b8e0ff;text-align:center;width:100%;margin:0;flex-shrink:0}.CurriculumCTA{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.CommunitySection{background:#e578d3;width:calc(100% + 40px);box-sizing:border-box;padding:64px 20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin-left:-20px;margin-right:-20px}.CommunityInner{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;flex-shrink:0}.CommunityHeader{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center;flex-shrink:0}.CommunityBadge{background:#fff;box-sizing:border-box;padding:8px 12px;border-radius:16px;display:flex;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.CommunityBadge p{font-family:Pretendard Variable,sans-serif;font-weight:700;font-size:12px;line-height:1.5;color:#000;margin:0;white-space:nowrap;flex-shrink:0}.CommunityTitle{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:1.5;color:#fff;text-align:center;width:100%;flex-shrink:0}.CommunityTitle p{margin:0}.CommunityContent{width:100%;display:flex;flex-direction:column;gap:64px;align-items:center;justify-content:center;flex-shrink:0}.CommunityWorld{width:100%;max-width:320px;height:auto;position:relative;flex-shrink:0}.CommunityWorld img{width:100%;height:auto;object-fit:contain;display:block}@media(min-width:768px){.CommunityWorld{max-width:480px}}.CommunityCTA{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.WaveDivider3{background:linear-gradient(to bottom,#e578d3 0% 50%,#000 50% 100%);width:calc(100% + 40px);display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;position:relative;flex-shrink:0;margin-left:-20px;margin-right:-20px}.WaveDivider3 img{border:none;outline:none}.WaveWrapper3{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;height:573.603px}.WaveSVG3{width:2205.72px;height:573.603px;display:block;flex-shrink:0;max-width:none}.FinalCTASection{background:transparent;width:calc(100% + 40px);box-sizing:border-box;padding:24px 0 32px;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;flex-shrink:0;margin-left:-20px;margin-right:-20px}.FinalCTAInner{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;flex-shrink:0}.FinalCTAHeader{background:transparent;width:100%;display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0}.FinalCTALogo{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;flex-shrink:0}.FinalCTALogo img{width:70px;height:59.956px;display:block;object-fit:contain}.FinalCTATitle{font-family:Pretendard Variable,sans-serif;font-weight:800;font-size:24px;line-height:32px;color:#fff;text-align:center;width:100%;flex-shrink:0}.FinalCTATitle p{margin:0}.FinalCTAButton{width:100%;box-sizing:border-box;padding:0 20px;display:flex;flex-direction:column;gap:8px;align-items:center;flex-shrink:0}.Footer{background:transparent;width:calc(100% + 40px);max-width:800px;box-sizing:border-box;padding:40px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex-shrink:0;margin-left:-20px;margin-right:-20px}.FooterInner,.FooterBrand{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.FooterLogo{display:flex;gap:4px;align-items:center;flex-shrink:0}.FooterLogo img{width:24px;height:20px;display:block;object-fit:contain}.FooterLogo p{font-family:Pretendard Variable,sans-serif;font-weight:700;font-size:14px;line-height:24px;color:#a7a7a7;margin:0;white-space:nowrap;flex-shrink:0}.FooterTagline{font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:14px;line-height:16px;color:#a7a7a7;margin:0;width:100%;flex-shrink:0}.FooterContent{width:100%;display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start;justify-content:space-between;flex-shrink:0}.FooterInfo{width:302px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex-shrink:0}.FooterCompany{font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#a7a7a7;width:100%;flex-shrink:0}.FooterCompany p{margin:0}.FooterCompany p span{font-weight:400}.FooterBold{font-family:Pretendard Variable,sans-serif;font-weight:700;color:#a7a7a7}.FooterRights{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#a7a7a7;margin:0;width:100%;flex-shrink:0}.FooterAddress{width:100%;display:flex;gap:12px;align-items:center;flex-shrink:0}.FooterAddressIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.FooterAddressIcon img{width:22px;height:22px;display:block;object-fit:contain}.FooterAddressText{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#a7a7a7;flex:1;flex-shrink:0}.FooterAddressText p{margin:0}.FooterCopyright{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#a7a7a7;margin:0;width:100%;flex-shrink:0}.FooterSocial{display:flex;gap:24px;align-items:center;flex-shrink:0}.FooterSocial img{width:24px;height:24px;display:block;object-fit:contain}p{line-height:200%}div:has(div)>p:first-child{font-weight:700}html:has(.login-page),body:has(.login-page) #root:has(.login-page){overscroll-behavior:none}.login-page-wrapper{width:100%;max-width:100%;height:100vh;background-image:url(/img/login-background.jpg);background-size:cover;background-position:bottom;overscroll-behavior:none}.login-page{width:100%;max-width:800px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:4rem 2rem}.login-page .logo{height:80px}.login-page .logo.invisible{opacity:0}.login-container{width:100%;max-width:480px;padding:2.5rem;background-color:#ffffffe6;border-radius:12px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.8rem;margin-bottom:.75rem;color:#4c174d}.login-header p{font-size:1rem;color:#666}.error-message{background-color:#ffebee;color:#d32f2f;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;font-size:.875rem}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;font-size:.875rem}.login-form form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group label{font-size:.875rem;font-weight:500;color:#555}.login-form .form-group input{padding:.875rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.login-form .form-group input:focus{outline:none;border-color:#de5ec9;box-shadow:0 0 0 2px #de5ec933}.login-form .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-form .email-display,.login-form .userid-display{background-color:#f5f5f5;border-radius:8px;padding:.75rem;margin-bottom:1rem}:is(.login-form .email-display,.login-form .userid-display) p{font-size:.875rem;color:#555;margin:0}:is(.login-form .email-display,.login-form .userid-display) strong{color:#4c174d}.login-form .submit-button{background-color:#de5ec9;color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-form .submit-button:hover:not(:disabled){background-color:#c94ab4}.login-form .submit-button:disabled{background-color:#eeb6e5;cursor:not-allowed}.login-form .back-button{background-color:transparent;color:#555;border:1px solid #ddd;border-radius:8px;padding:1rem;font-size:1rem;margin-top:.75rem;cursor:pointer;transition:background-color .2s}.login-form .back-button:hover:not(:disabled){background-color:#f5f5f5}.login-form .back-button:disabled{color:#aaa;border-color:#eee;cursor:not-allowed}.auto-verify-message{text-align:center;padding:2rem 0}.auto-verify-message p{font-size:1rem;color:#555;margin-bottom:1.5rem}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(222,94,201,.3);border-radius:50%;border-top-color:#de5ec9;animation:spin 1s linear infinite;margin:0 auto}.main-signin{width:100%;max-width:480px}.main-signin .google-signin-button{width:100%;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.main-signin .google-signin-button:hover:not(:disabled){background-color:#f8f8f8;box-shadow:0 2px 4px #0000001a}.main-signin .google-signin-button:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.main-signin .google-signin-button svg{flex-shrink:0}.main-signin .mate-signin-button{width:100%;background-color:#4c174d;color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.main-signin .mate-signin-button:hover:not(:disabled){background-color:#6b4d6f;box-shadow:0 2px 4px #0000001a}.main-signin .mate-signin-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.main-signin .mate-signin-button .mate-icons{display:flex;gap:.5rem;align-items:center}.main-signin .mate-signin-button .mate-icons .ios-icon,.main-signin .mate-signin-button .mate-icons .android-icon{width:20px;height:20px;color:#fff}.main-signin .download-app-section{margin-top:2rem}.main-signin .download-app-section .divider{position:relative;text-align:center;margin:1.5rem 0}.main-signin .download-app-section .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd}.main-signin .download-app-section .divider span{background-color:#ffffffe6;padding:0 1rem;color:#888;font-size:.875rem;position:relative}.main-signin .download-app-section .qr-code-container{text-align:center}.main-signin .download-app-section .qr-code-container a{display:inline-block;transition:transform .2s}.main-signin .download-app-section .qr-code-container a:hover{transform:scale(1.05)}.main-signin .download-app-section .qr-code-container .download-qr-code{width:150px;height:150px;margin:0 auto;display:block;border:2px solid #e0e0e0;border-radius:8px;padding:8px;background-color:#fff;cursor:pointer;transition:box-shadow .2s}.main-signin .download-app-section .qr-code-container .download-qr-code:hover{box-shadow:0 4px 12px #00000026}.main-signin .download-app-section .qr-code-container .qr-text{margin-top:.75rem;font-size:.875rem;color:#666}.main-signin .alternative-signin{margin:1.5rem 0}.main-signin .alternative-signin .divider{position:relative;text-align:center;margin:1.5rem 0}.main-signin .alternative-signin .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd}.main-signin .alternative-signin .divider span{background-color:#ffffffe6;padding:0 1rem;color:#888;font-size:.875rem;position:relative}.main-signin .alternative-signin .email-signin-link{background:none;color:#de5ec9;border:none;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.5rem}.main-signin .alternative-signin .email-signin-link:hover:not(:disabled){color:#c94ab4}.main-signin .alternative-signin .email-signin-link:disabled{color:#eeb6e5;cursor:not-allowed}.mate-signin{text-align:center}.mate-signin .qr-section{margin-bottom:2rem}.mate-signin .qr-section h3{font-size:1.5rem;margin-bottom:.5rem;color:#4c174d}.mate-signin .qr-section>p{color:#666;margin-bottom:1.5rem}.mate-signin .qr-section .qr-code{margin:1.5rem 0;display:flex;justify-content:center;position:relative}.mate-signin .qr-section .qr-code img{border:2px solid #e0e0e0;border-radius:8px}.mate-signin .qr-section .qr-code.qr-code-disabled img{opacity:.3;filter:grayscale(100%)}.mate-signin .qr-section .qr-code .qr-overlay{position:absolute;inset:0;background:#808080cc;display:flex;align-items:center;justify-content:center;border-radius:8px}.mate-signin .qr-section .qr-code .qr-overlay p{color:#fff;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.mate-signin .qr-section .pin-code{margin:1.5rem 0;cursor:pointer}.mate-signin .qr-section .pin-code p{color:#666;margin-bottom:.5rem;font-size:.875rem}.mate-signin .qr-section .pin-code .pin-display{font-size:2rem;font-weight:700;font-family:monospace;color:#4c174d;background-color:#f5f5f5;padding:1rem;border-radius:8px;letter-spacing:.5rem;border:2px solid #e0e0e0}.mate-signin .qr-section .polling-status{margin-top:1.5rem}.mate-signin .qr-section .polling-status .spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .5rem}.mate-signin .qr-section .polling-status p{color:#666;font-size:.875rem}.error-state{text-align:center;padding:1rem 0}.login-footer{margin-top:2rem;text-align:center;font-size:.75rem;color:#757575;white-space:pre-line}.login-footer a{color:#de5ec9;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:800px){.login-container{padding:1.5rem}.login-header .logo{height:60px}.login-header h1{font-size:1.5rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{background-color:#fff;border-radius:8px;max-width:100%;max-height:100%;overflow-y:auto;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:none!important;box-shadow:0 2px 8px #00000014;border-radius:12px;width:100%}.react-datepicker__navigation{top:12px}.react-datepicker__navigation--previous{left:12px}.react-datepicker__navigation--next{right:12px}.react-datepicker__month-container{float:none;width:100%}.react-datepicker__header{background-color:transparent;border-bottom:none;padding:10px 0}.react-datepicker__current-month{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.react-datepicker__day-names{display:flex;justify-content:space-around;width:100%;margin-bottom:4px}.react-datepicker__day-name{width:40px;height:40px;line-height:40px;margin:0;font-weight:500;color:#666;text-align:center}.react-datepicker__month{margin:0;padding:4px 0}.react-datepicker__week{display:flex;justify-content:space-around;width:100%}.react-datepicker__day{width:40px;height:40px;line-height:40px;margin:0;border-radius:50%;font-size:14px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:#333;transition:all .2s}.react-datepicker__day:hover{background-color:#f5f5f5;border-radius:50%}.react-datepicker__day--selected{background-color:#e94e97;border-radius:50%;font-weight:600;color:#fff}.react-datepicker__day--selected:hover{background-color:#d93c85}.react-datepicker__day--today{font-weight:600;color:#e94e97;position:relative}.react-datepicker__day--today:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#e94e97}.react-datepicker__day--keyboard-selected{background-color:#e94e971a;border-radius:50%;color:#333}.react-datepicker__day--outside-month{color:#ccc}.react-datepicker__day--019,.react-datepicker__day--020,.react-datepicker__day--021,.react-datepicker__day--022,.react-datepicker__day--023{border:1px solid #e94e97!important}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border-bottom:1px solid #f0f0f0}.month-display{font-size:16px;font-weight:600;color:#333}.month-nav{background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#666;cursor:pointer;border-radius:50%}.month-nav:hover:not(:disabled){background-color:#f5f5f5}.month-nav:disabled{color:#ccc;cursor:not-allowed}.date-picker-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:8px;margin-bottom:20px}.time-slots-container{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-top:20px}.time-slots{display:flex;flex-wrap:wrap;gap:10px}.time-slot{padding:12px 0;border:1px solid #eee;border-radius:50px;background-color:#fff;cursor:pointer;transition:all .2s;flex:1 0 calc(33.333% - 10px);min-width:65px;text-align:center;font-size:15px;color:#444;font-weight:500;box-shadow:0 1px 3px #0000000d}.time-slot:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.time-slot.selected{background-color:#e94e97;color:#fff;border-color:#e94e97;box-shadow:0 3px 8px #e94e974d}.time-slots-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center}.time-prompt{text-align:center;color:#888;font-style:italic;padding:24px;background-color:#f9f9f9;border-radius:8px;width:100%}.product-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#f7f7f7;@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.product-page .error-snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#f44336;color:#fff;padding:16px 24px;border-radius:4px;box-shadow:0 3px 10px #0003;z-index:9999;font-size:1rem;max-width:90%;text-align:center;animation:slideIn .3s ease-out forwards;@keyframes slideIn{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}}.product-page .loading-container,.product-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:300px}.product-page .loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #e94e97;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.product-page .error-container{max-width:800px;margin:0 auto;text-align:center}.product-page .error-container .error-message{color:#d32f2f;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;background-color:#ffebee;border-radius:8px;width:100%}.product-page .error-container .retry-button{background-color:#e94e97;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.product-page .error-container .retry-button:hover{background-color:#d93c85}.product-page .page-header{background-color:#e94e97;padding:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.product-page .page-header .logo-container{display:flex;justify-content:center}.product-page .page-header .logo-container .header-logo{height:32px;object-fit:contain}.product-page .product-header{padding:1rem;text-align:center}.product-page .product-container{display:flex;flex-direction:column;padding:1rem}.product-page .product-image{padding:1.5rem;display:flex;justify-content:center}.product-page .product-image img{max-height:200px;object-fit:contain}.product-page .product-details{display:flex;flex-direction:column;gap:.5rem;white-space:pre-wrap}.product-page .product-category{color:#e94e97;font-size:.9rem;font-weight:500}.product-page .product-title{font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.product-page .product-brand{color:#888;font-size:.9rem;margin-bottom:.8rem}.product-page .product-availability{color:#666;font-size:.9rem;margin-bottom:1rem}.product-page .selected-session-time{background-color:#f5f5f5;border-radius:8px;padding:1rem;margin:1rem 0}.product-page .selected-session-time h3{font-size:.9rem;color:#555;margin-bottom:.5rem}.product-page .selected-session-time .session-time-display{display:flex;align-items:center;justify-content:space-between}.product-page .selected-session-time .session-time-display .date{font-weight:500;color:#333}.product-page .selected-session-time .session-time-display .time{background-color:#e94e97;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.product-page .selected-session-time .session-time-display .change-time-button{background:none;border:1px solid #ddd;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;color:#666;cursor:pointer}.product-page .selected-session-time .session-time-display .change-time-button:hover{background-color:#f0f0f0}.product-page .tickets-section{background-color:#fbf2fa;border-radius:12px;padding:1rem;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.product-page .tickets-section .tickets-label{font-weight:500;color:#333}.product-page .tickets-section .tickets-count{display:flex;align-items:center}.product-page .tickets-section .tickets-count .ticket-icon{color:#e94e97;margin-right:.5rem}.product-page .tickets-section .tickets-count .count{color:#e94e97;font-weight:700}.product-page .tickets-subtitle{font-size:.85rem;color:#888;margin:.5rem 0 1.5rem}.product-page .information-section{background-color:#f5f5f5;border-radius:12px;padding:1.2rem;margin:1rem 0}.product-page .information-section h2{font-size:1.1rem;color:#666;margin-bottom:.8rem}.product-page .information-section p{font-size:.9rem;line-height:1.5;color:#555;margin-bottom:.8rem}.product-page .information-section ul{list-style:disc;margin-left:1.2rem;margin-bottom:.5rem}.product-page .information-section ul li{font-size:.9rem;line-height:1.5;color:#555;margin-bottom:.5rem}.product-page .purchase-button-container{position:sticky;bottom:0;left:0;right:0;background-color:#fff;padding:1rem;box-shadow:0 -4px 10px #0000000d;margin-top:1rem}.product-page .purchase-button-container .purchase-button{background-color:#e94e97;color:#fff;font-size:1.1rem;font-weight:500;width:100%;padding:1rem;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s}.product-page .purchase-button-container .purchase-button:hover:not(:disabled){background-color:#d93c85}.product-page .purchase-button-container .purchase-button:disabled{background-color:#f2f2f2;color:#aaa;cursor:not-allowed}.product-page .foldable-section{margin:1rem 0;border:1px solid #eee;border-radius:10px}.product-page .foldable-section .section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background-color:#fff;border:none;text-align:left;cursor:pointer;position:sticky;top:64px;z-index:90;box-shadow:0 1px 3px #0000000d}.product-page .foldable-section .section-header h2{font-size:1.1rem;color:#333;margin:0;flex:1}.product-page .foldable-section .section-header .selected-info{padding:.3rem .8rem;background-color:#f5f8ff;border-radius:6px;margin-right:.8rem;font-size:.9rem;color:#4a6baf;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-page .foldable-section .section-header .expand-icon{font-size:1.5rem;font-weight:300;color:#888;transition:transform .3s}.product-page .foldable-section .section-header .expand-icon.expanded{transform:rotate(180deg)}.product-page .foldable-section .section-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.product-page .foldable-section .section-content.expanded{max-height:2000px}.product-page .foldable-section .half-folded{max-height:120px!important;overflow:hidden;position:relative;transition:max-height .5s ease;padding-bottom:20px}.product-page .foldable-section .half-folded:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,#fff0,#ffffffe6);pointer-events:none}.product-page .foldable-section .half-folded.expanded{max-height:2000px!important}.product-page .foldable-section .half-folded.expanded:after{display:none}.product-page .teachers-list{padding:1rem}.product-page .teachers-list .teacher-card{display:flex;border:1px solid #eee;border-radius:8px;padding:1rem;margin-bottom:1rem;cursor:pointer;transition:all .2s}.product-page .teachers-list .teacher-card.selected{border-color:#e94e97;background-color:#fdf4f9}.product-page .teachers-list .teacher-card:hover{box-shadow:0 2px 10px #0000000d}.product-page .teachers-list .teacher-card .teacher-image{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-right:1rem}.product-page .teachers-list .teacher-card .teacher-image img{width:100%;height:100%;object-fit:cover}.product-page .teachers-list .teacher-card .teacher-details{flex:1}.product-page .teachers-list .teacher-card .teacher-details h3{font-size:1rem;margin:0 0 .3rem;color:#333}.product-page .teachers-list .teacher-card .teacher-details .university,.product-page .teachers-list .teacher-card .teacher-details .major{font-size:.9rem;color:#666;margin:0 0 .2rem}.product-page .teachers-list .teacher-card .teacher-details .rating{margin:.5rem 0}.product-page .teachers-list .teacher-card .teacher-details .rating .stars{color:#ffb800;margin-right:.3rem}.product-page .teachers-list .teacher-card .teacher-details .rating .rating-value{font-weight:700;color:#333}.product-page .teachers-list .teacher-card .teacher-details .rating .reviews{font-size:.8rem;color:#888;margin-left:.3rem}.product-page .teachers-list .teacher-card .teacher-details .languages{display:flex;flex-wrap:wrap;gap:.3rem}.product-page .teachers-list .teacher-card .teacher-details .languages .language-tag{padding:.2rem .5rem;background-color:#f0f0f0;border-radius:4px;font-size:.8rem;color:#666}.product-page .product-description,.product-page .product-warnings{padding:1rem}:is(.product-page .product-description,.product-page .product-warnings) h3{font-size:1rem;margin:1rem 0 .5rem;color:#444}:is(.product-page .product-description,.product-page .product-warnings) p{font-size:.95rem;line-height:1.5;color:#555;margin-bottom:.8rem}:is(.product-page .product-description,.product-page .product-warnings) ul{list-style:disc;margin-left:1.2rem;margin-bottom:1rem}:is(.product-page .product-description,.product-page .product-warnings) ul li{font-size:.95rem;line-height:1.5;color:#555;margin-bottom:.5rem}.product-page .calendar-container,.product-page .calendar-modal{padding:1.5rem;max-width:100%;max-height:80vh;overflow-y:auto}:is(.product-page .calendar-container,.product-page .calendar-modal) h2{margin-bottom:1.2rem;color:#333;font-size:1.2rem;text-align:center}:is(.product-page .calendar-container,.product-page .calendar-modal) h3{margin:1rem 0 .5rem;color:#555;font-size:1rem}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-container{margin-bottom:1.5rem;padding:0 .5rem}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-section,:is(.product-page .calendar-container,.product-page .calendar-modal) .time-section{margin-bottom:1.5rem}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-heading{margin-bottom:1rem}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-heading h3{font-size:1rem;color:#333;margin:0 0 .25rem;font-weight:500}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-heading .calendar-hint{font-size:.85rem;color:#888;margin:0}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker-wrapper,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__input-container,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker-popper,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker{width:100%}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:none;box-shadow:0 2px 8px #0000000d;border-radius:12px}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__month-container{float:none;width:100%}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__header{background-color:transparent;border-bottom:none;padding:10px 0}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__current-month{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day-names{display:flex;justify-content:space-around}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day-name{width:36px;height:36px;line-height:36px;margin:0;font-weight:500;color:#666;text-align:center}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__month{margin:0}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__week{display:flex;justify-content:space-around}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day{width:36px;height:36px;line-height:36px;margin:2px;border-radius:50%;font-size:14px;display:inline-flex;align-items:center;justify-content:center;color:#333}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day:hover{background-color:#f5f5f5;border-radius:50%}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--selected{background-color:#e94e97;border-radius:50%;font-weight:600;color:#fff}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--selected:hover{background-color:#d93c85}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--today{font-weight:600;color:#e94e97;position:relative}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#e94e97}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--keyboard-selected{background-color:#e94e971a;border-radius:50%;color:#333}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--outside-month{color:#ccc}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--001,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--002,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--003,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--004,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--005,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--006,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--007,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--008,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--009,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--010,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--011,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--012,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--013,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--014,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--015,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--016,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--017,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--018,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--019,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--020,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--021,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--022,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--023,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--024,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--025,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--026,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--027,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--028,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--029,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--030,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--031{border-radius:50%;transition:all .2s}:is(:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--001,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--002,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--003,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--004,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--005,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--006,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--007,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--008,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--009,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--010,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--011,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--012,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--013,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--014,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--015,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--016,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--017,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--018,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--019,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--020,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--021,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--022,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--023,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--024,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--025,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--026,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--027,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--028,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--029,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--030,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--031):hover{background-color:#f0f0f0}:is(:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--001,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--002,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--003,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--004,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--005,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--006,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--007,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--008,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--009,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--010,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--011,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--012,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--013,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--014,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--015,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--016,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--017,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--018,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--019,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--020,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--021,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--022,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--023,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--024,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--025,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--026,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--027,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--028,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--029,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--030,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--031).react-datepicker__day--selected{background-color:#e94e97;color:#fff}:is(:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--001,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--002,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--003,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--004,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--005,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--006,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--007,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--008,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--009,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--010,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--011,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--012,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--013,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--014,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--015,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--016,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--017,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--018,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--019,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--020,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--021,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--022,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--023,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--024,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--025,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--026,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--027,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--028,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--029,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--030,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__day.react-datepicker__day--031).react-datepicker__day--selected:hover{background-color:#d93c85}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__navigation{top:15px}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__navigation.react-datepicker__navigation--previous{left:15px}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-datepicker__navigation.react-datepicker__navigation--next{right:15px}:is(.product-page .calendar-container,.product-page .calendar-modal) .date-picker-container{margin-bottom:1.2rem;padding:.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:.5rem}:is(.product-page .calendar-container,.product-page .calendar-modal) .month-display{font-size:1rem;font-weight:600;color:#333}:is(.product-page .calendar-container,.product-page .calendar-modal) .month-nav{background:none;border:none;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#666;cursor:pointer;border-radius:50%}:is(.product-page .calendar-container,.product-page .calendar-modal) .month-nav:hover:not(:disabled){background-color:#f5f5f5}:is(.product-page .calendar-container,.product-page .calendar-modal) .month-nav:disabled{color:#ccc;cursor:not-allowed}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar{width:100%;max-width:100%;background:#fff;border:none;border-radius:8px}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__month-container{width:100%}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__day-names,:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__week{display:flex!important;justify-content:space-around!important;width:100%!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__day-name{color:#666!important;font-weight:500!important;margin:0!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__day{margin:0!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__day:hover{background-color:#f0f0f0!important;border-radius:50%!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__day--selected{background-color:#e94e97!important;color:#fff!important;font-weight:600!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .react-calendar .react-datepicker__day--today{font-weight:600!important;color:#e94e97!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-day{border-radius:50%!important;width:36px!important;height:36px!important;line-height:36px!important;text-align:center!important;margin:2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-day:hover{background-color:#f0f0f0!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-day.react-datepicker__day--selected{background-color:#e94e97!important;color:#fff!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-day.react-datepicker__day--today{font-weight:600!important;color:#e94e97!important}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots-container{margin-top:1.2rem;background-color:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots .time-slot{padding:12px 0;border:1px solid #eee;border-radius:50px;background-color:#fff;cursor:pointer;transition:all .2s;flex-grow:0;min-width:65px;text-align:center;font-size:.95rem;color:#444;font-weight:500;box-shadow:0 1px 3px #0000000d}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots .time-slot:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots .time-slot.selected{background-color:#e94e97;color:#fff;border-color:#e94e97;box-shadow:0 3px 8px #e94e974d}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center}:is(.product-page .calendar-container,.product-page .calendar-modal) .time-slots-placeholder .time-prompt{text-align:center;color:#888;font-style:italic;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;width:100%}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions button{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions button:disabled{opacity:.5;cursor:not-allowed}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions button.cancel-button{background-color:#f2f2f2;color:#666}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions button.cancel-button:hover:not(:disabled){background-color:#e6e6e6}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions button.confirm-button{background-color:#e94e97;color:#fff}:is(.product-page .calendar-container,.product-page .calendar-modal) .calendar-actions button.confirm-button:hover:not(:disabled){background-color:#d93c85}.product-page .purchase-confirm{padding:1.5rem;text-align:center}.product-page .purchase-confirm h2{margin-bottom:1.2rem;color:#333;font-size:1.2rem}.product-page .purchase-confirm h3{margin:1.5rem 0 .5rem;color:#555;font-size:1rem}.product-page .purchase-confirm p{font-size:1rem;margin-bottom:.5rem}.product-page .purchase-confirm .purchase-item{font-size:1.1rem;font-weight:600;margin:1rem 0;color:#333}.product-page .purchase-confirm .session-time{font-size:1rem;color:#e94e97;font-weight:500;margin:.8rem 0;padding:.5rem;background-color:#fdf4f9;border-radius:8px}.product-page .purchase-confirm .purchase-price{font-size:1.2rem;font-weight:700;color:#e94e97;margin-bottom:1.5rem}.product-page .purchase-confirm .payment-methods{margin:1.5rem 0}.product-page .purchase-confirm .payment-methods .stripe-logo-container{display:flex;justify-content:center;margin:1rem 0}.product-page .purchase-confirm .payment-methods .stripe-logo{display:flex;align-items:center;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:2rem;padding:.5rem 1rem;border-radius:4px;background-color:#fff}.product-page .purchase-confirm .payment-methods .stripe-logo .stripe-text{color:#6772e5}.product-page .purchase-confirm .payment-methods .stripe-description{font-size:.9rem;color:#666;text-align:center;margin-top:.8rem;padding:0 1rem;line-height:1.5}.product-page .purchase-confirm .purchase-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.product-page .purchase-confirm .purchase-actions button{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.product-page .purchase-confirm .purchase-actions button.cancel-button{background-color:#f2f2f2;color:#666}.product-page .purchase-confirm .purchase-actions button.cancel-button:hover{background-color:#e6e6e6}.product-page .purchase-confirm .purchase-actions button.confirm-button{background-color:#e94e97;color:#fff}.product-page .purchase-confirm .purchase-actions button.confirm-button:hover{background-color:#d93c85}.product-page .payment-widget-container{padding:1.5rem;width:100%;max-width:500px;margin:0 auto}.product-page .payment-widget-container .payment-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.product-page .payment-widget-container .payment-widget-header .payment-header-content{display:flex;align-items:center}.product-page .payment-widget-container .payment-widget-header .payment-header-content .payment-header-logo{font-size:1.2rem;margin-right:.8rem;padding:.3rem .6rem}.product-page .payment-widget-container .payment-widget-header .payment-header-content h2{font-size:1.2rem;color:#333;margin:0}.product-page .payment-widget-container .payment-widget-header .close-button{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:.2rem .5rem;line-height:1}.product-page .payment-widget-container .payment-widget-header .close-button:hover{color:#555}.product-page .payment-widget-container #payment-widget{min-height:300px;width:100%}.product-page .payment-widget-container #payment-widget:empty{display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;border-radius:8px;padding:2rem}.product-page .payment-widget-container #payment-widget:empty:after{content:"Loading payment options...";color:#666;font-style:italic}.product-page .product-container.disabled{opacity:.7;pointer-events:none}.product-page .product-container.disabled button,.product-page .product-container.disabled input,.product-page .product-container.disabled .teacher-card,.product-page .product-container.disabled .time-slot,.product-page .product-container.disabled .month-nav{cursor:not-allowed!important}.product-page .payment-section{margin:1rem 0;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.product-page .payment-section .payment-summary{margin-bottom:2rem}.product-page .payment-section .payment-summary h2{font-size:1.3rem;color:#333;margin-bottom:1.5rem;text-align:center}.product-page .payment-section .payment-summary .summary-details{background-color:#f8f8f8;border-radius:8px;padding:1.5rem}.product-page .payment-section .payment-summary .summary-details .summary-item{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:1rem}.product-page .payment-section .payment-summary .summary-details .summary-item .label{color:#666;font-weight:500}.product-page .payment-section .payment-summary .summary-details .summary-item .value{color:#333;font-weight:600}.product-page .payment-section .payment-summary .summary-details .summary-item.price{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.product-page .payment-section .payment-summary .summary-details .summary-item.price .value{color:#e94e97;font-size:1.1rem}.product-page .payment-section .payment-form-container{padding:1rem}@media(min-width:800px){.product-page{max-width:800px;margin:0 auto;border-left:1px solid #eee;border-right:1px solid #eee;box-shadow:0 0 20px #0000000d}.product-page .page-header{width:100%;border-top-left-radius:8px;border-top-right-radius:8px}.product-page .page-header .header-logo{height:40px}.product-page .foldable-section .section-header{top:72px}.product-page .product-container{border-left:1px solid #eee;border-right:1px solid #eee}}.product-page .Footer{width:100%;padding:1.5rem 0;margin-top:auto;scroll-snap-align:end;display:flex;flex-direction:column;justify-content:center;align-items:center}.product-page .Footer p{font-size:1rem;line-height:2rem;margin:0}.product-page .Footer a{color:unset;text-decoration:none;font-weight:700}.error-snackbar{position:fixed;bottom:50px;left:50%;transform:translateY(-50%);background-color:#000;color:#fff;padding:16px 24px;border-radius:4px;box-shadow:0 3px 10px #0003;z-index:9999;font-size:1rem;max-width:720px;width:90%;margin:5% 0;text-align:center;animation:slideUp .3s ease-out forwards;@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.stripe-checkout-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;max-width:500px;margin:0 auto;padding:1.5rem}.stripe-checkout-container .stripe-checkout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stripe-checkout-container .stripe-checkout-header h2{font-size:1.2rem;color:#333;margin:0}.stripe-checkout-container .stripe-checkout-header .close-button{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:.2rem .5rem;line-height:1}.stripe-checkout-container .stripe-checkout-header .close-button:hover{color:#555}.stripe-checkout-container .product-summary{background-color:#f7f7f7;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.stripe-checkout-container .product-summary .product-name{font-weight:500;color:#333}.stripe-checkout-container .product-summary .product-price{font-weight:600;color:#e94e97}.stripe-checkout-container .form-row{margin-bottom:1.5rem}.stripe-checkout-container .form-row label{display:block;font-size:.9rem;color:#555;margin-bottom:.5rem}.stripe-checkout-container .form-row #card-element{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background-color:#fff}.stripe-checkout-container .checkout-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.stripe-checkout-container .checkout-actions button{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.stripe-checkout-container .checkout-actions button.cancel-button{background-color:#f2f2f2;color:#666}.stripe-checkout-container .checkout-actions button.cancel-button:hover{background-color:#e6e6e6}.stripe-checkout-container .checkout-actions button.pay-button{background-color:#e94e97;color:#fff;font-weight:500}.stripe-checkout-container .checkout-actions button.pay-button:hover:not(:disabled){background-color:#d93c85}.stripe-checkout-container .checkout-actions button.pay-button:disabled{background-color:#f2a2c7;cursor:not-allowed}.stripe-checkout-container .stripe-checkout-footer{margin-top:2rem;text-align:center}.stripe-checkout-container .stripe-checkout-footer .secure-badge{display:inline-block;font-size:.85rem;color:#666;background-color:#f5f5f5;padding:.3rem .8rem;border-radius:20px;margin-bottom:.8rem}.stripe-checkout-container .stripe-checkout-footer .secure-badge .lock-icon{margin-right:.3rem}.stripe-checkout-container .stripe-checkout-footer .powered-by{font-size:.85rem;color:#888}.stripe-checkout-container .stripe-checkout-footer .powered-by .stripe-text{color:#635bff;font-weight:600}.payment-result-modal{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:90%;margin:auto;width:550px;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background-color:#fff;border-radius:12px;max-height:90vh;overflow-y:auto}.payment-result-modal .result-icon{margin-bottom:1.5rem}.payment-result-modal .result-icon svg{display:block}.payment-result-modal .result-icon.success{color:#4caf50}.payment-result-modal .result-icon.failed{color:#f44336}.payment-result-modal .result-title{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.success :is(.payment-result-modal .result-title){color:#4caf50}.failed :is(.payment-result-modal .result-title){color:#f44336}.payment-result-modal .result-details{width:100%}.payment-result-modal .result-details .result-message{font-size:1.1rem;line-height:1.5;text-align:center;margin-bottom:2rem;color:#333}.payment-result-modal .result-details .session-id{font-size:.9rem;color:#666;text-align:center;margin-bottom:2rem;padding:.8rem;background-color:#f5f5f5;border-radius:8px}.payment-result-modal .result-details .session-id span{font-family:monospace;font-weight:500;color:#333}.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps{margin-bottom:2rem;padding:1.2rem;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #e94e97}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) h2{font-size:1.2rem;margin-bottom:1rem;color:#333}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) .summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) .summary-item .label{font-weight:500;color:#555}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) .summary-item .value{color:#333}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) ul{margin-left:1.5rem}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) ul li{margin-bottom:.5rem;line-height:1.5;color:#333}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) a{color:#e94e97;text-decoration:none;font-weight:500}:is(.payment-result-modal .booking-summary,.payment-result-modal .troubleshooting,.payment-result-modal .help-info,.payment-result-modal .next-steps) a:hover{text-decoration:underline}.payment-result-modal .troubleshooting{border-left-color:#f44336}.payment-result-modal .help-info{border-left-color:#2196f3}.payment-result-modal .next-steps{border-left-color:#4caf50}.payment-result-modal .action-buttons{display:flex;gap:1rem;margin-top:1rem}.payment-result-modal .action-buttons button{display:inline-block;padding:.8rem 1.5rem;font-weight:500;border-radius:8px;border:none;text-decoration:none;cursor:pointer;transition:all .2s}.payment-result-modal .action-buttons button.home-button{background-color:#f0f0f0;color:#333}.payment-result-modal .action-buttons button.home-button:hover{background-color:#e0e0e0}.payment-result-modal .action-buttons button.retry-button{background-color:#e94e97;color:#fff}.payment-result-modal .action-buttons button.retry-button:hover{background-color:#d93c85}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .3s ease}.form-modal{position:fixed;bottom:150px;right:30px;width:500px;max-width:calc(100vw - 60px);max-height:70vh;padding:30px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;z-index:9999;overflow-y:auto;animation:slideFromBottom .4s ease}@media(max-width:800px){.form-modal{inset:0;width:100%;max-width:100%;max-height:100%;border-radius:0;padding:20px;animation:slideIn .3s ease}}.form-modal .close-button{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;background:transparent;font-size:32px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.form-modal .close-button:hover{background:#f0f0f0;color:#333}.form-modal h2{color:#e94e97;margin-bottom:30px;text-align:center;font-size:28px;font-weight:700}.form-modal .form-group{margin-bottom:20px}.form-modal .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-modal .form-group input,.form-modal .form-group select,.form-modal .form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}:is(.form-modal .form-group input,.form-modal .form-group select,.form-modal .form-group textarea):focus{outline:none;border-color:#e94e97}:is(.form-modal .form-group input,.form-modal .form-group select,.form-modal .form-group textarea)::placeholder{color:#999}.form-modal .form-group .phone-input-group{display:flex;gap:10px}.form-modal .form-group .phone-input-group .country-code-select{width:180px;flex-shrink:0}.form-modal .form-group .phone-input-group .phone-number-input{flex:1}@media(max-width:500px){.form-modal .form-group .phone-input-group{flex-direction:column}.form-modal .form-group .phone-input-group .country-code-select{width:100%}}.form-modal .form-group textarea{resize:vertical;min-height:80px}.form-modal .submit-button{width:100%;padding:16px;background:#e94e97;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px}.form-modal .submit-button:hover:not(:disabled){background:#d63d86;transform:translateY(-2px);box-shadow:0 4px 12px #e94e974d}.form-modal .submit-button:active:not(:disabled){transform:translateY(0)}.form-modal .submit-button:disabled{background:#ccc;cursor:not-allowed}.topik-250725-page{min-height:100vh}.topik-250725-page .topik-content{max-width:800px;margin:0 auto}.topik-250725-page .topik-detail-page{max-width:800px;margin:0 auto;background:#fff;box-shadow:0 4px 20px #0000001a;overflow:hidden}.topik-250725-page .topik-image{position:relative;background-color:#fff}.topik-250725-page .topik-image.detail-page-slice{border-radius:0;box-shadow:none}.topik-250725-page .topik-image.detail-page-slice img{width:100%;height:auto;display:block;border:none;border-radius:0}.topik-250725-page .topik-image.detail-page-slice .image-placeholder,.topik-250725-page .topik-image.detail-page-slice .image-error{display:flex;align-items:center;justify-content:center;height:200px;background-color:#f8f9fa;color:#6c757d;border-bottom:1px solid #e9ecef}.topik-250725-page .topik-image.detail-page-slice .loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.topik-250725-page .topik-image.detail-page-slice .image-error{flex-direction:column}.topik-250725-page .topik-image.detail-page-slice .image-error span{margin-top:1rem;font-size:.9rem}.topik-250725-page .video-container{background-color:#000}.topik-250725-page .survey-section{max-width:800px;margin:0 auto;padding:2rem 1rem;background-color:#000}@media(max-width:768px){.topik-250725-page .survey-section{margin:1rem auto 0}}.topik-250725-page .topik-survey-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.topik-250725-page .topik-survey-form h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;border-bottom:2px solid #007bff;padding-bottom:.5rem}.topik-250725-page .topik-survey-form .form-group{margin-bottom:1.5rem}.topik-250725-page .topik-survey-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.topik-250725-page .topik-survey-form .form-group select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.topik-250725-page .topik-survey-form .form-group select:focus{outline:none;border-color:#007bff}.topik-250725-page .topik-survey-form .form-group .button-group{display:grid;grid-template-columns:repeat(7,1fr)}@media(max-width:768px){.topik-250725-page .topik-survey-form .form-group .button-group{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.topik-250725-page .topik-survey-form .form-group .button-group{grid-template-columns:repeat(3,1fr)}}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button{padding:.75rem .5rem;border:2px solid #e9ecef;border-radius:0;background-color:#fff;color:#2c3e50;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease;white-space:nowrap;box-sizing:border-box;width:100%;border-right:none}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button:first-child{border-radius:8px 0 0 8px}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button:last-child{border-radius:0 8px 8px 0;border-right:2px solid #e9ecef}@media(max-width:768px){.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button:nth-child(3n){border-radius:0 8px 8px 0;border-right:2px solid #e9ecef}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button:nth-child(3n+1){border-radius:8px 0 0 8px}}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button:hover{background-color:#fdf2f8;box-shadow:0 2px 8px #eb90dc26}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button.selected{border-color:#eb90dc;background-color:#eb90dc;color:#fff;font-weight:600;box-shadow:0 2px 8px #eb90dc4d;position:relative;z-index:1;border-right:2px solid #EB90DC}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button.weekend{border-color:#ffc107;background-color:#fff8e1;color:#bf8900}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button.weekend:hover{background-color:#fff3c4;box-shadow:0 2px 8px #ffc10733}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button.weekend.selected{border-color:#ffc107;background-color:#ffc107;color:#fff;box-shadow:0 2px 8px #ffc10766;position:relative;z-index:1;border-right:2px solid #ffc107}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button.weekend:last-child{border-right:2px solid #ffc107}.topik-250725-page .topik-survey-form .form-group .button-group .weekday-button:active{transform:translateY(0)}.topik-250725-page .topik-survey-form .phone-input{display:flex;align-items:center;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;transition:border-color .3s ease}.topik-250725-page .topik-survey-form .phone-input:focus-within{border-color:#007bff}.topik-250725-page .topik-survey-form .phone-input .country-code-input{width:80px;padding:.75rem;background-color:#f8f9fa;font-weight:600;color:#495057;border:none;border-right:1px solid #e9ecef;font-size:1rem;outline:none;text-align:center}.topik-250725-page .topik-survey-form .phone-input input[type=tel]{flex:1;padding:.75rem;border:none;font-size:1rem;outline:none}.topik-250725-page .topik-survey-form .submit-button{width:100%;padding:1rem;background-color:#eb90dc;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.topik-250725-page .topik-survey-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #eb90dc4d}.topik-250725-page .topik-survey-form .submit-button:disabled{opacity:.6;cursor:not-allowed}.topik-250725-page .topik-survey-form .warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem}.topik-250725-page .topik-survey-form .warning-message p{margin:0;color:#856404;font-size:.9rem;line-height:1.5}.topik-250725-page .topik-survey-form .warning-message strong{color:#b45309}.topik-250725-page .cta-image{transition:transform .3s ease}.topik-250725-page .cta-image:hover{cursor:pointer;transform:scale(1.05)}.topik-250725-page .cta-image:active{transform:scale(1)}.purchase-history-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;overflow:hidden}.purchase-history-item .purchase-header{display:flex;padding:1.2rem;border-bottom:1px solid #f0f0f0}.purchase-history-item .purchase-header .purchase-image{width:80px;height:80px;border-radius:8px;overflow:hidden;margin-right:1rem}.purchase-history-item .purchase-header .purchase-image img{width:100%;height:100%;object-fit:cover}.purchase-history-item .purchase-header .purchase-title{flex:1}.purchase-history-item .purchase-header .purchase-title h3{font-size:1.1rem;color:#333;margin:0 0 .5rem;font-weight:600}.purchase-history-item .purchase-header .purchase-title .purchase-meta{font-size:.85rem;color:#666;display:flex;flex-wrap:wrap;gap:.5rem}.purchase-history-item .purchase-header .purchase-title .purchase-meta .purchase-id{margin-right:.5rem;font-weight:500}.purchase-history-item .purchase-header .purchase-title .purchase-meta .purchase-date{font-style:italic;margin-right:.5rem}.purchase-history-item .purchase-header .purchase-title .purchase-meta .product-type-tag{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.purchase-history-item .purchase-header .purchase-title .purchase-meta .product-type-tag.product{background-color:#e8f5e9;color:#2e7d32}.purchase-history-item .purchase-header .purchase-title .purchase-meta .product-type-tag.session{background-color:#e3f2fd;color:#1976d2}.purchase-history-item .purchase-header .purchase-status{display:flex;align-items:flex-start}.purchase-history-item .purchase-header .purchase-status .status-chip{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.purchase-history-item .purchase-header .purchase-status .status-chip.status-created{background-color:#fff8e1;color:#ffa000}.purchase-history-item .purchase-header .purchase-status .status-chip.status-waiting{background-color:#e3f2fd;color:#1976d2}.purchase-history-item .purchase-header .purchase-status .status-chip.status-succeeded{background-color:#e8f5e9;color:#2e7d32}.purchase-history-item .purchase-header .purchase-status .status-chip.status-failed{background-color:#ffebee;color:#d32f2f}.purchase-history-item .purchase-header .purchase-status .status-chip.status-canceled{background-color:#fafafa;color:#616161}.purchase-history-item .purchase-details{padding:1.2rem;display:flex;flex-direction:column}.purchase-history-item .purchase-details .purchase-info{display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.purchase-history-item .purchase-details .purchase-info .info-item{width:50%;margin-bottom:.8rem}.purchase-history-item .purchase-details .purchase-info .info-item .label{display:block;font-size:.85rem;color:#666;margin-bottom:.25rem}.purchase-history-item .purchase-details .purchase-info .info-item .value{font-size:1rem;color:#333;font-weight:500}.purchase-history-item .purchase-details .purchase-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.purchase-history-item .purchase-details .purchase-actions .btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:none}.purchase-history-item .purchase-details .purchase-actions .btn.btn-details{background-color:#f5f5f5;color:#333}.purchase-history-item .purchase-details .purchase-actions .btn.btn-details:hover{background-color:#e0e0e0}.purchase-history-item .purchase-details .purchase-actions .btn.btn-primary{background-color:#e94e97;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.purchase-history-item .purchase-details .purchase-actions .btn.btn-primary:hover{background-color:#d93c85}.purchase-history-item .purchase-details .purchase-actions .btn.btn-primary:disabled{background-color:#f8bbd0;cursor:not-allowed}.purchase-history-item .purchase-details .purchase-actions .btn.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.purchase-history-item .purchase-details .purchase-actions .btn.btn-secondary:hover{background-color:#e0e0e0}.purchase-history-item .purchase-details .purchase-actions .btn.btn-danger{background-color:#fff;color:#e53935;border:1px solid #ffcdd2}.purchase-history-item .purchase-details .purchase-actions .btn.btn-danger:hover{background-color:#ffebee}@media(min-width:768px){.purchase-history-item .purchase-details{flex-direction:row}.purchase-history-item .purchase-details .purchase-info{flex:1;margin-bottom:0}.purchase-history-item .purchase-details .purchase-actions{display:flex;flex-direction:column;gap:.5rem}.purchase-history-item .purchase-details .purchase-actions .btn{width:160px}}.purchase-history-list{margin:1.5rem 0}.purchase-history-loading,.purchase-history-error,.purchase-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.purchase-history-loading{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.purchase-history-loading .loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #e94e97;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.purchase-history-loading p{color:#666;font-size:1rem}.purchase-history-error .error-message{color:#d32f2f;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;background-color:#ffebee;border-radius:8px;width:100%;max-width:500px}.purchase-history-error .retry-button{background-color:#e94e97;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.purchase-history-error .retry-button:hover{background-color:#d93c85}.purchase-history-empty{padding:4rem 1rem}.purchase-history-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.purchase-history-empty h3{font-size:1.3rem;color:#333;margin-bottom:.5rem}.purchase-history-empty p{color:#666;max-width:400px;margin-bottom:1.5rem;line-height:1.5}.purchase-history-empty .browse-button{background-color:#e94e97;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none}.purchase-history-empty .browse-button:hover{background-color:#d93c85}.purchase-details-modal{padding:1.5rem;max-width:600px;max-height:90vh;overflow-y:auto}.purchase-details-modal h2{font-size:1.3rem;color:#333;margin-bottom:1.5rem;text-align:center}.purchase-details-modal .details-section{margin-bottom:2rem}.purchase-details-modal .details-section h3{font-size:1.1rem;color:#444;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.purchase-details-modal .details-section .product-info{display:flex}.purchase-details-modal .details-section .product-info .product-image{width:100px;height:100px;border-radius:8px;overflow:hidden;margin-right:1rem}.purchase-details-modal .details-section .product-info .product-image img{width:100%;height:100%;object-fit:cover}.purchase-details-modal .details-section .product-info .product-details{flex:1}.purchase-details-modal .details-section .product-info .product-details h4{font-size:1.05rem;color:#333;margin:0 0 .5rem}.purchase-details-modal .details-section .product-info .product-details p{margin:.25rem 0;font-size:.9rem;color:#666}.purchase-details-modal .details-section .product-info .product-details .order-status,.purchase-details-modal .details-section .product-info .product-details .product-type{margin-top:.5rem}.purchase-details-modal .details-section .product-info .product-details .order-status span{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.purchase-details-modal .details-section .product-info .product-details .order-status span.status-pending{background-color:#fff8e1;color:#ffa000}.purchase-details-modal .details-section .product-info .product-details .order-status span.status-paid{background-color:#e8f5e9;color:#2e7d32}.purchase-details-modal .details-section .product-info .product-details .order-status span.status-scheduled{background-color:#e3f2fd;color:#1976d2}.purchase-details-modal .details-section .product-info .product-details .order-status span.status-completed{background-color:#e8f5e9;color:#2e7d32}.purchase-details-modal .details-section .product-info .product-details .order-status span.status-cancelled{background-color:#fafafa;color:#616161}.purchase-details-modal .details-section .product-info .product-details .order-status span.status-refunded{background-color:#f3e5f5;color:#7b1fa2}.purchase-details-modal .details-section .product-info .product-details .product-type .type-tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.purchase-details-modal .details-section .product-info .product-details .product-type .type-tag.product{background-color:#e8f5e9;color:#2e7d32}.purchase-details-modal .details-section .product-info .product-details .product-type .type-tag.session{background-color:#e3f2fd;color:#1976d2}.purchase-details-modal .details-section .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.purchase-details-modal .details-section .details-grid .detail-item.full-width{grid-column:1 / -1}.purchase-details-modal .details-section .details-grid .detail-item .label{display:block;font-size:.85rem;color:#666;margin-bottom:.3rem}.purchase-details-modal .details-section .details-grid .detail-item .value{font-size:1rem;color:#333;font-weight:500}.purchase-details-modal .details-section .details-grid .detail-item .value a{color:#e94e97;text-decoration:none;word-break:break-all}.purchase-details-modal .details-section .details-grid .detail-item .value a:hover{text-decoration:underline}.purchase-details-modal .details-section .notes{font-size:.95rem;color:#555;line-height:1.5;padding:.5rem;background-color:#f9f9f9;border-radius:6px}.purchase-details-modal .modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.purchase-details-modal .modal-actions .btn{padding:.7rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:none;min-width:120px;text-align:center}.purchase-details-modal .modal-actions .btn.btn-primary{background-color:#e94e97;color:#fff;text-decoration:none}.purchase-details-modal .modal-actions .btn.btn-primary:hover{background-color:#d93c85}.purchase-details-modal .modal-actions .btn.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.purchase-details-modal .modal-actions .btn.btn-secondary:hover{background-color:#e0e0e0}.purchase-details-modal .modal-actions .btn.btn-danger{background-color:#fff;color:#e53935;border:1px solid #ffcdd2}.purchase-details-modal .modal-actions .btn.btn-danger:hover{background-color:#ffebee}.purchase-details-modal .modal-actions .btn.btn-outline{background-color:#fff;color:#666;border:1px solid #ddd}.purchase-details-modal .modal-actions .btn.btn-outline:hover{background-color:#f5f5f5}.purchase-history-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:2rem}.purchase-history-page .page-header{background-color:#e94e97;padding:2rem 1rem;margin-bottom:2rem}.purchase-history-page .page-header .header-content{max-width:800px;margin:0 auto}.purchase-history-page .page-header .header-content h1{color:#fff;font-size:1.8rem;margin:0 0 .5rem;font-weight:600}.purchase-history-page .page-header .header-content p{color:#ffffffe6;font-size:1rem;margin:0}.purchase-history-page .page-content{max-width:800px;margin:0 auto;padding:0 1rem;padding-top:36px}@media(min-width:768px){.purchase-history-page .page-header{padding:3rem 2rem}.purchase-history-page .page-header .header-content h1{font-size:2.2rem}}.purchase-history-filters{margin-bottom:1.5rem}.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs{display:flex;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;white-space:nowrap}:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs)::-webkit-scrollbar{height:4px}:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs)::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs)::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-tab,:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-type-tab{padding:.6rem 1.2rem;background:none;border:none;font-size:.95rem;color:#666;cursor:pointer;position:relative}:is(:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-tab,:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-type-tab):after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:#e94e97;transition:width .3s}:is(:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-tab,:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-type-tab).active{color:#e94e97;font-weight:500}:is(:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-tab,:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-type-tab).active:after{width:100%}:is(:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-tab,:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-type-tab):hover:not(.active){color:#444}:is(:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-tab,:is(.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs) .filter-type-tab):hover:not(.active):after{width:30%;background-color:#ccc}.purchase-history-filters .filters-type-tabs .filter-type-tab{padding:.5rem 1rem;font-size:.9rem;background-color:#f8f8f8;border-radius:16px;margin-right:.5rem;transition:all .2s}.purchase-history-filters .filters-type-tabs .filter-type-tab:after{display:none}.purchase-history-filters .filters-type-tabs .filter-type-tab.active{background-color:#fef0f7;color:#e94e97;font-weight:500}.purchase-history-filters .filters-type-tabs .filter-type-tab:hover:not(.active){background-color:#f0f0f0}.purchase-history-filters .filters-search{position:relative;margin-top:1rem}.purchase-history-filters .filters-search .search-input{width:100%;padding:.9rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;color:#333;background-color:#fff}.purchase-history-filters .filters-search .search-input::placeholder{color:#999}.purchase-history-filters .filters-search .search-input:focus{outline:none;border-color:#e94e97;box-shadow:0 0 0 3px #e94e971a}@media(min-width:992px){.purchase-history-filters{display:flex;grid-gap:1rem;justify-content:space-between;align-items:center}.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs{margin-bottom:0}.purchase-history-filters .filters-search{margin-top:0}}@media(max-width:991px){.purchase-history-filters .filters-tabs,.purchase-history-filters .filters-type-tabs{justify-content:flex-start}}.payment-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#f7f7f7;@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.payment-page .loading-container,.payment-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:300px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:2rem auto;width:100%;max-width:600px}.payment-page .loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #e94e97;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.payment-page .error-container{max-width:600px;text-align:center}.payment-page .error-container .error-message{color:#d32f2f;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;background-color:#ffebee;border-radius:8px;width:100%}.payment-page .error-container .back-button{background-color:#e94e97;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.payment-page .error-container .back-button:hover{background-color:#d93c85}.payment-page .payment-header{background-color:#e94e97;padding:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.payment-page .payment-header .logo-container{display:flex;justify-content:center}.payment-page .payment-header .logo-container .header-logo{height:32px;object-fit:contain}.payment-page .payment-container{display:flex;flex-direction:column;padding:2rem 1rem;max-width:1000px;margin:0 auto;width:100%}@media(min-width:768px){.payment-page .payment-container{flex-direction:row;align-items:flex-start;gap:2rem}}.payment-page .payment-summary{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem}.payment-page .payment-summary h1{font-size:1.5rem;color:#333;margin-bottom:1.5rem;text-align:center}@media(min-width:768px){.payment-page .payment-summary{flex:1;margin-bottom:0;position:sticky;top:80px}}.payment-page .product-details{display:flex;flex-direction:column}.payment-page .product-details .product-image{width:100%;display:flex;justify-content:center;margin-bottom:1.5rem}.payment-page .product-details .product-image img{max-width:200px;max-height:150px;object-fit:contain}.payment-page .product-details .summary-content h2{font-size:1.2rem;color:#333;margin-bottom:1rem;text-align:center}.payment-page .product-details .summary-item{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #f0f0f0}.payment-page .product-details .summary-item:last-child{border-bottom:none}.payment-page .product-details .summary-item .label{color:#666;font-weight:500}.payment-page .product-details .summary-item .value{color:#333;font-weight:500}.payment-page .product-details .summary-item.price{margin-top:1rem;font-size:1.1rem}.payment-page .product-details .summary-item.price .value{color:#e94e97;font-weight:600}.payment-page .payment-form-container{background-color:#fff;border-radius:12px;padding:0;box-shadow:0 2px 10px #0000000d;overflow:hidden}@media(min-width:768px){.payment-page .payment-form-container{flex:1}}.payment-page .payment-form-container .stripe-checkout-container{border-radius:0;box-shadow:none}.payment-result-container{width:100%;background:#f8f9fa;padding-bottom:2rem}.payment-result-container .payment-result-content{max-width:800px;margin:0 auto;background:#fff}.payment-result-container .payment-result-content .title{margin:0;padding:2.5rem 2rem;font-size:1.75rem;color:#2c3e50;background:#fff;border-bottom:1px solid #e9ecef;font-weight:600}.payment-result-container .payment-result-content .title.success{color:#4caf50}.payment-result-container .payment-result-content .title.error{color:#f44336}.payment-result-loading,.payment-result-error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1rem;color:#6c757d;background:#f8f9fa}.payment-result-error{color:#dc3545}.section .section-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.section .section-content .summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}.section .section-content .summary-item .label{font-weight:500;color:#6c757d}.section .section-content .summary-item .value{color:#2c3e50;font-weight:500}.section .section-content ul{margin:0;padding-left:1.5rem}.section .section-content ul li{margin-bottom:.5rem;line-height:1.5;color:#495057;font-size:.95rem}.section .section-content .order-id{font-family:monospace;background:#f8f9fa;padding:.5rem 1rem;border-radius:.25rem;color:#495057;font-size:.9rem}.section-action{padding:2rem;display:flex;gap:1rem;justify-content:center}.section-action .button{padding:.75rem 2rem;font-size:1rem;font-weight:500;border-radius:.375rem;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s;border:none}.section-action .button.primary{background:#007bff;color:#fff}.section-action .button.primary:hover{background:#0056b3}.section-action .button.secondary{background:#6c757d;color:#fff}.section-action .button.secondary:hover{background:#545b62}.result-icon{display:flex;justify-content:center;padding:2rem 2rem 0}.result-icon svg{display:block}.result-message{text-align:center;padding:1rem 2rem;font-size:1rem;color:#6c757d;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-container .loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container .loading-text{color:#6c757d;font-size:1rem}.toss-checkout-container{padding:2rem;background:#fff;border-radius:8px}.toss-checkout-container .toss-payment-info{margin-bottom:2rem}.toss-checkout-container .toss-payment-info h3{margin:0 0 1rem;font-size:1.25rem;color:#2c3e50}.toss-checkout-container .toss-payment-info .payment-summary{background:#f8f9fa;padding:1rem;border-radius:4px}.toss-checkout-container .toss-payment-info .payment-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.toss-checkout-container .toss-payment-info .payment-summary .summary-row:last-child{margin-bottom:0}.toss-checkout-container .toss-payment-info .payment-summary .summary-row .label{color:#6c757d;font-size:.9rem}.toss-checkout-container .toss-payment-info .payment-summary .summary-row .value{font-weight:500;color:#2c3e50}.toss-checkout-container .toss-payment-info .payment-summary .summary-row .value.amount{font-size:1.1rem;color:#007bff;font-weight:600}.toss-checkout-container .toss-payment-info .payment-summary .test-mode-notice{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #dee2e6;color:#ff9800;font-size:.85rem;font-style:italic;text-align:center}.toss-checkout-container .toss-widgets{margin-bottom:2rem}.toss-checkout-container .toss-widgets .payment-method-widget{margin-bottom:1.5rem;min-height:200px}.toss-checkout-container .toss-widgets .agreement-widget{min-height:100px}.toss-checkout-container .toss-actions{display:flex;gap:1rem}.toss-checkout-container .toss-actions .payment-button{flex:1;padding:.875rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s}.toss-checkout-container .toss-actions .payment-button:hover:not(:disabled){background:#0056b3}.toss-checkout-container .toss-actions .payment-button:disabled{background:#6c757d;cursor:not-allowed}.toss-checkout-container .toss-actions .cancel-button{padding:.875rem 2rem;background:#fff;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .15s}.toss-checkout-container .toss-actions .cancel-button:hover{background:#f8f9fa;border-color:#adb5bd}.toss-checkout-container .toss-error{text-align:center;padding:2rem}.toss-checkout-container .toss-error h3{color:#dc3545;margin-bottom:1rem;font-size:1.25rem}.toss-checkout-container .toss-error p{color:#6c757d;margin-bottom:1.5rem;font-size:1rem}.toss-checkout-container .toss-error .cancel-button{padding:.75rem 2rem;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .15s}.toss-checkout-container .toss-error .cancel-button:hover{background:#e9ecef;border-color:#adb5bd}@media(max-width:768px){.toss-checkout-container{padding:1.5rem}.toss-checkout-container .toss-actions{flex-direction:column}.toss-checkout-container .toss-actions .cancel-button{width:100%}}@media(max-width:480px){.toss-checkout-container{padding:1rem}.toss-checkout-container .toss-payment-info h3{font-size:1.1rem}}.xendit-checkout-container{padding:2rem;background:#fff;border-radius:8px;@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.xendit-checkout-container .xendit-payment-info{margin-bottom:2rem}.xendit-checkout-container .xendit-payment-info h3{margin:0 0 1rem;font-size:1.25rem;color:#2c3e50}.xendit-checkout-container .xendit-payment-info .payment-summary{background:#f8f9fa;padding:1rem;border-radius:4px}.xendit-checkout-container .xendit-payment-info .payment-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.xendit-checkout-container .xendit-payment-info .payment-summary .summary-row:last-child{margin-bottom:0}.xendit-checkout-container .xendit-payment-info .payment-summary .summary-row .label{color:#6c757d;font-size:.9rem}.xendit-checkout-container .xendit-payment-info .payment-summary .summary-row .value{font-weight:500;color:#2c3e50}.xendit-checkout-container .xendit-payment-info .payment-summary .summary-row .value.amount{font-size:1.1rem;color:#007bff;font-weight:600}.xendit-checkout-container .xendit-payment-info .payment-summary .test-mode-notice{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #dee2e6;color:#ff9800;font-size:.85rem;font-style:italic;text-align:center}.xendit-checkout-container .xendit-qris-payment{margin-bottom:2rem;text-align:center}.xendit-checkout-container .xendit-qris-payment h4{margin:0 0 1.5rem;font-size:1.1rem;color:#2c3e50}.xendit-checkout-container .xendit-qris-payment .qr-code-container{display:flex;justify-content:center;margin-bottom:1.5rem}.xendit-checkout-container .xendit-qris-payment .qr-code-container .qr-code-image{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fff;box-shadow:0 2px 8px #0000001a}.xendit-checkout-container .xendit-qris-payment .qr-code-container .qr-loading{padding:4rem;color:#6c757d;font-size:.9rem}.xendit-checkout-container .xendit-qris-payment .qr-instructions{margin-bottom:1rem}.xendit-checkout-container .xendit-qris-payment .qr-instructions p{margin-bottom:.75rem;color:#495057;font-size:.95rem}.xendit-checkout-container .xendit-qris-payment .qr-instructions ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.xendit-checkout-container .xendit-qris-payment .qr-instructions ul li{background:#f0f0f0;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;color:#495057}.xendit-checkout-container .xendit-qris-payment .qr-expiry-notice{padding:.75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px}.xendit-checkout-container .xendit-qris-payment .qr-expiry-notice p{margin:0;color:#856404;font-size:.9rem}.xendit-checkout-container .xendit-va-payment{margin-bottom:2rem}.xendit-checkout-container .xendit-va-payment h4{margin:0 0 1.5rem;font-size:1.1rem;color:#2c3e50}.xendit-checkout-container .xendit-va-payment .va-container{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.xendit-checkout-container .xendit-va-payment .va-container .va-bank-name{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container .va-number{font-size:1.5rem;font-weight:600;color:#2c3e50;font-family:Courier New,monospace;letter-spacing:2px}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container .copy-button{padding:.5rem 1rem;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .15s}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container .copy-button:hover{background:#007bff;color:#fff;border-color:#007bff}.xendit-checkout-container .xendit-va-payment .va-container .va-amount{font-size:1rem;color:#495057}.xendit-checkout-container .xendit-va-payment .va-container .va-amount strong{color:#007bff;font-size:1.1rem}.xendit-checkout-container .xendit-va-payment .va-instructions{margin-bottom:1rem}.xendit-checkout-container .xendit-va-payment .va-instructions h5{margin:0 0 .75rem;font-size:1rem;color:#495057}.xendit-checkout-container .xendit-va-payment .va-instructions ol{margin:0;padding-left:1.5rem}.xendit-checkout-container .xendit-va-payment .va-instructions ol li{margin-bottom:.5rem;color:#6c757d;font-size:.9rem}.xendit-checkout-container .xendit-va-payment .va-expiry-notice{padding:.75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px}.xendit-checkout-container .xendit-va-payment .va-expiry-notice p{margin:0;color:#856404;font-size:.9rem}.xendit-checkout-container .xendit-ewallet-payment{margin-bottom:2rem;text-align:center}.xendit-checkout-container .xendit-ewallet-payment h4{margin:0 0 1.5rem;font-size:1.1rem;color:#2c3e50}.xendit-checkout-container .xendit-ewallet-payment .ewallet-container{padding:2rem;background:#f8f9fa;border-radius:8px}.xendit-checkout-container .xendit-ewallet-payment .ewallet-container p{margin-bottom:1.5rem;color:#495057;font-size:.95rem}.xendit-checkout-container .xendit-ewallet-payment .ewallet-container .ewallet-button{padding:1rem 2rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .15s}.xendit-checkout-container .xendit-ewallet-payment .ewallet-container .ewallet-button:hover{background:#0056b3}.xendit-checkout-container .xendit-ewallet-payment .ewallet-container .ewallet-note{margin-top:1rem;margin-bottom:0;font-size:.85rem;color:#6c757d;font-style:italic}.xendit-checkout-container .xendit-status-section{margin-bottom:1.5rem;padding:1.5rem;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;text-align:center}.xendit-checkout-container .xendit-status-section .status-text{margin:0 0 1rem;color:#004085;font-size:.95rem}.xendit-checkout-container .xendit-status-section .check-status-button{padding:.875rem 2rem;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s}.xendit-checkout-container .xendit-status-section .check-status-button:hover:not(:disabled){background:#218838}.xendit-checkout-container .xendit-status-section .check-status-button:disabled{background:#6c757d;cursor:not-allowed}.xendit-checkout-container .xendit-status-section .status-message{margin-top:1rem;padding:.75rem;border-radius:4px;font-size:.9rem;animation:fadeIn .3s ease-in}.xendit-checkout-container .xendit-status-section .status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.xendit-checkout-container .xendit-status-section .status-message.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.xendit-checkout-container .xendit-actions{text-align:center}.xendit-checkout-container .xendit-actions .cancel-button{padding:.875rem 2rem;background:#fff;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .15s}.xendit-checkout-container .xendit-actions .cancel-button:hover{background:#f8f9fa;border-color:#adb5bd}.xendit-checkout-container .xendit-error{text-align:center;padding:2rem}.xendit-checkout-container .xendit-error h3{color:#dc3545;margin-bottom:1rem;font-size:1.25rem}.xendit-checkout-container .xendit-error p{color:#6c757d;margin-bottom:1.5rem;font-size:1rem}.xendit-checkout-container .xendit-error .cancel-button{padding:.75rem 2rem;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .15s}.xendit-checkout-container .xendit-error .cancel-button:hover{background:#e9ecef;border-color:#adb5bd}@media(max-width:768px){.xendit-checkout-container{padding:1.5rem}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container{flex-direction:column;align-items:stretch}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container .va-number{font-size:1.2rem;letter-spacing:1px;word-break:break-all}.xendit-checkout-container .xendit-va-payment .va-container .va-number-container .copy-button{width:100%}}@media(max-width:480px){.xendit-checkout-container{padding:1rem}.xendit-checkout-container .xendit-payment-info h3{font-size:1.1rem}.xendit-checkout-container .xendit-qris-payment .qr-code-container .qr-code-image{max-width:200px}}.payment-link-container{width:100%;background:#f8f9fa;padding-bottom:2rem}.payment-link-container .payment-link-content{max-width:800px;margin:0 auto;background:#fff}.payment-link-container .payment-link-content .title{margin:0;padding:2.5rem 2rem;font-size:1.75rem;color:#2c3e50;background:#fff;border-bottom:1px solid #e9ecef;font-weight:600}.payment-link-loading,.payment-link-error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1rem;width:100%;max-width:800px;color:#6c757d;background:#f8f9fa}.payment-link-error{color:#dc3545}.section{border-bottom:1px solid #e9ecef;padding:2rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.section:last-of-type{border-bottom:none}.section .section-title{font-size:1.25rem;font-weight:600;color:#2c3e50}.section .section-content{padding:1rem}.section .product-image{width:100%;height:auto;margin-bottom:1rem}.section .product-image img{width:100%;height:100%;object-fit:contain;border-radius:4px;border:1px solid #dee2e6}.section .product-summary .product-name{font-size:1rem;font-weight:500;color:#495057;margin-bottom:.5rem}.section .product-summary .price-display{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.section .product-summary .price-display .original-price{text-decoration:line-through;color:#6c757d;font-size:.875rem}.section .product-summary .price-display .final-price{color:#2c3e50;font-weight:600;font-size:1rem}.section .product-summary .product-detail{font-size:.8rem;color:#6c757d;line-height:1.4;margin:0;white-space:pre-wrap}.section .quantity-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.section .quantity-controls .quantity-btn{width:36px;height:36px;border:1px solid #dee2e6;background:#fff;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;color:#495057}.section .quantity-controls .quantity-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.section .quantity-controls .quantity-btn:active{background:#e9ecef}.section .quantity-controls .quantity-btn:disabled{opacity:.4;cursor:not-allowed}.section .quantity-controls .quantity-input{width:70px;height:36px;text-align:center;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;font-weight:500}.section .quantity-controls .quantity-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.section .quantity-total{font-size:.875rem;color:#495057}.section .quantity-total .total-amount{font-weight:600;color:#2c3e50}.section .form-group{margin-bottom:1.25rem}.section .form-group:last-child{margin-bottom:0}.section .form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#495057;font-size:.85rem}.section .form-group input{width:100%;padding:.5rem .75rem;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.section .form-group input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.section .form-group input.error{border-color:#dc3545}.section .form-group input.error:focus{box-shadow:0 0 0 .2rem #dc354540}.section .form-group .error-message{display:block;margin-top:.25rem;font-size:.75rem;color:#dc3545}.section .payment-options{display:flex;flex-direction:column;gap:.75rem}.section .payment-options .payment-option{display:flex;align-items:center;padding:.875rem;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .15s;background:#fff}.section .payment-options .payment-option:hover{background:#f8f9fa}.section .payment-options .payment-option.selected{border-color:#007bff;background:#e7f3ff}.section .payment-options .payment-option input[type=radio]{margin-right:.75rem;width:16px;height:16px}.section .payment-options .payment-option span{font-size:.875rem;color:#495057;font-weight:400}.section .xendit-method-selector{margin-top:1rem}.section .xendit-method-selector .xendit-select{width:100%;padding:.625rem .875rem;border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;color:#495057;background:#fff;cursor:pointer;transition:border-color .15s}.section .xendit-method-selector .xendit-select:hover{border-color:#adb5bd}.section .xendit-method-selector .xendit-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff1a}.section .section-action{padding:2rem 3rem;background:#f8f9fa}.proceed-button{width:100%;padding:.75rem;background:#007bff;color:#fff;font-size:.95rem;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.proceed-button:hover{background:#0056b3}.proceed-button:active{background:#004085}.proceed-button:disabled{background:#6c757d;cursor:not-allowed}.payment-form-wrapper{padding:2rem 3rem}.payment-form-wrapper .payment-loading{text-align:center;padding:3rem;color:#6c757d;font-size:1rem}@media(max-width:768px){.payment-link-container .payment-link-content h1{font-size:1.5rem;padding:2rem 1.5rem}.section .section-title{padding:1.25rem 1.5rem .5rem;font-size:1.125rem}.section .section-content{padding:0 1.5rem 1.5rem}.section-action,.payment-form-wrapper{padding:1.5rem}}@media(max-width:480px){.payment-link-container .payment-link-content h1{font-size:1.25rem;padding:1.5rem 1rem}.section .section-title{padding:1rem 1rem .5rem;font-size:1rem}.section .section-content{padding:0 1rem 1rem}.section-action{padding:1rem}.proceed-button{font-size:.95rem}}.DialogAlertOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-xl);animation:dialogOverlayFadeIn var(--transition-base);@keyframes dialogOverlayFadeIn{0%{opacity:0}to{opacity:1}}}.DialogAlertBox{background:var(--color-white);border-radius:var(--spacing-lg);padding:var(--spacing-xl);width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:dialogBoxSlideUp var(--transition-slow);@keyframes dialogBoxSlideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.DialogAlertTitle{font-weight:var(--font-semibold);font-size:var(--font-lg);line-height:1.4;letter-spacing:-.36px;color:var(--color-gray-900);margin:0;text-align:center}.DialogAlertMessage{font-weight:var(--font-normal);font-size:var(--font-sm);line-height:1.5;letter-spacing:-.28px;color:var(--color-gray-600);margin:0;text-align:center;white-space:pre-line}.DialogAlertButtons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.DialogAlertButton{flex:1;font-weight:var(--font-medium);font-size:var(--font-sm);line-height:24px;letter-spacing:-.28px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.DialogAlertButtonConfirm{background:var(--color-primary);color:var(--color-white)}.DialogAlertButtonConfirm:hover{background:var(--color-primary-hover)}.DialogAlertButtonCancel{background:var(--color-gray-100);color:var(--color-gray-600)}.DialogAlertButtonCancel:hover{background:var(--color-gray-200)}@media(prefers-color-scheme:dark){.DialogAlertBox{background:var(--color-gray-800)}.DialogAlertTitle{color:var(--color-white)}.DialogAlertMessage{color:var(--color-gray-400)}.DialogAlertButtonCancel{background:var(--color-gray-700);color:var(--color-gray-300)}.DialogAlertButtonCancel:hover{background:var(--color-gray-600)}}.prep-survey-container{font-family:Arial,sans-serif;font-size:12pt;line-height:1.5;color:#333}.prep-survey-container .page{width:100%;max-width:210mm;margin:0 auto;padding:20px;background:#fff;box-sizing:border-box}.prep-survey-container .language-toggle{text-align:right;margin-bottom:20px}.prep-survey-container .language-toggle .language-btn{background:linear-gradient(90deg,#eb90dc,#de5ec9);color:#fff;border:none;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer}.prep-survey-container .language-toggle .language-btn:hover{opacity:.9}.prep-survey-container h1{font-size:24pt;margin-bottom:20px;text-align:center;color:#4c174d;white-space:nowrap}.prep-survey-container h2{font-size:16pt;margin-top:25px;margin-bottom:10px;color:#eb90dc;border-bottom:1px solid #eb90dc;padding-bottom:5px}.prep-survey-container p{margin-bottom:10px}.prep-survey-container .section{margin-bottom:20px}.prep-survey-container .header{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.prep-survey-container .logo-container{background-color:#eb90dc;border-radius:8px;padding:10px;margin-right:15px;display:flex;justify-content:center;align-items:center}.prep-survey-container .logo{height:50px}.prep-survey-container .gradient-text{background:linear-gradient(90deg,#eb90dc,#de5ec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}.prep-survey-container .slogan{text-align:center;font-size:14pt;color:#4c174d;margin-top:-10px;margin-bottom:20px;font-style:italic}.prep-survey-container .form-group{margin-bottom:15px}.prep-survey-container label{display:block;margin-bottom:5px;font-weight:700;color:#4c174d}.prep-survey-container input[type=text],.prep-survey-container input[type=email],.prep-survey-container input[type=tel],.prep-survey-container input[type=number],.prep-survey-container select,.prep-survey-container textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:12pt}:is(.prep-survey-container input[type=text],.prep-survey-container input[type=email],.prep-survey-container input[type=tel],.prep-survey-container input[type=number],.prep-survey-container select,.prep-survey-container textarea).error{border-color:#f44336;background-color:#ffebee}.prep-survey-container .validation-error{color:#f44336;font-size:.85em;margin-top:4px;font-weight:700}.prep-survey-container .timezone-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;justify-content:flex-start}.prep-survey-container .timezone-buttons .timezone-button{display:inline-flex;align-items:center;padding:0 12px;height:32px;margin:unset;background:unset;background-color:#e0e0e0;border:none;border-radius:16px;cursor:pointer;font-size:.85em;letter-spacing:.01em;transition:all .2s ease;box-shadow:0 1px 2px #0000001a;color:#000000de;font-family:Roboto,Arial,sans-serif}.prep-survey-container .timezone-buttons .timezone-button:hover{background-color:#d5d5d5}.prep-survey-container .timezone-buttons .timezone-button:focus{outline:none}.prep-survey-container .timezone-buttons .timezone-button.active{background-color:#eb90dc;color:#fff}.prep-survey-container .timezone-buttons .timezone-button .city-name{font-weight:500;margin-right:4px}.prep-survey-container .timezone-buttons .timezone-button .timezone-offset{font-size:.9em;color:#0009;font-weight:400}.prep-survey-container .timezone-buttons .timezone-button.active .timezone-offset{color:#ffffffe6}.prep-survey-container .timezone-buttons #timezone{width:unset;flex-grow:1}.prep-survey-container textarea{height:80px;resize:vertical}.prep-survey-container .checkbox-group,.prep-survey-container .radio-group{margin-bottom:10px}.prep-survey-container .checkbox-group label,.prep-survey-container .radio-group label{display:inline;font-weight:400;margin-left:5px}.prep-survey-container button{background:linear-gradient(90deg,#eb90dc,#de5ec9);color:#fff;border:none;padding:10px 20px;font-size:14pt;border-radius:4px;cursor:pointer;display:block;margin:20px auto}.prep-survey-container button:hover:not([disabled]){opacity:.9}.prep-survey-container button[disabled]{background:#ccc;cursor:not-allowed;opacity:.7}.prep-survey-container .success-message{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32;padding:10px 15px;border-radius:4px;margin-bottom:20px;text-align:center;font-weight:700}.prep-survey-container .error-message{background-color:#ffebee;border:1px solid #f44336;color:#c62828;padding:10px 15px;border-radius:4px;margin-bottom:20px;text-align:center;font-weight:700}.prep-survey-container .session-options{margin-top:40px;margin-bottom:30px}.prep-survey-container .session-options h2{text-align:center;color:#4c174d;margin-bottom:10px}.prep-survey-container .session-options .option-validation-error{text-align:center;margin-bottom:15px}.prep-survey-container .session-options .options-container{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center}@media(max-width:768px){.prep-survey-container .session-options .options-container{flex-direction:column;align-items:stretch;width:100%}}.prep-survey-container .session-options .option-button{background-color:#fff;border:2px solid #eb90dc;border-radius:8px;padding:20px;flex:1;min-width:0;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.prep-survey-container .session-options .option-button:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000001a;border-color:#de5ec9}.prep-survey-container .session-options .option-button.selected{border-color:#de5ec9;background-color:#fdf9fe}.prep-survey-container .session-options .option-button.selected:before{content:"✓";position:absolute;top:10px;right:10px;color:#eb90dc;font-size:18px;font-weight:700}.prep-survey-container .session-options .option-button .option-title{font-size:18px;font-weight:700;color:#4c174d;margin-bottom:10px;text-align:center}.prep-survey-container .session-options .option-button .option-price{font-size:22px;font-weight:700;color:#eb90dc;margin-bottom:15px;text-align:center}.prep-survey-container .session-options .option-button .option-description{font-size:14px;color:#555;text-align:center;margin-bottom:15px}.prep-survey-container .session-options .option-button .recommended-for{font-style:italic;color:#666;font-size:13px;margin-top:auto;text-align:center;margin-bottom:10px}.prep-survey-container .session-options .option-button .recommended-for strong{font-weight:600;color:#4c174d}.prep-survey-container .session-options .option-button .option-example{font-size:12px;color:#777;text-align:center;background-color:#f8f0f8;padding:8px;border-radius:4px;border:1px dotted #eb90dc;margin-top:5px;line-height:1.4}.prep-survey-container .note-box{border:1px dashed #eb90dc;padding:15px;margin:15px 0;background-color:#fdf9fe;border-radius:4px}.prep-survey-container .rating{display:flex;flex-direction:row-reverse;justify-content:flex-end}.prep-survey-container .rating>input{display:none}.prep-survey-container .rating>label{position:relative;width:1.1em;font-size:2em;color:#eb90dc;cursor:pointer}.prep-survey-container .rating>label:before{content:"★";position:absolute;opacity:0}.prep-survey-container .rating>label:hover:before,.prep-survey-container .rating>label:hover~label:before{opacity:1!important}.prep-survey-container .rating>input:checked~label:before{opacity:1}.prep-survey-container .rating:hover>input:checked~label:before{opacity:.4}.prep-survey-container .footer{margin-top:40px;text-align:center;font-style:italic;border-top:1px solid #eb90dc;padding-top:10px;color:#4c174d}.prep-survey-container .required:after{content:" *";color:#de5ec9}@media(max-width:768px){.prep-survey-container .page{padding:10px}.prep-survey-container .header{flex-direction:column;text-align:center}.prep-survey-container .logo-container{margin-right:0;margin-bottom:10px}.prep-survey-container h1{font-size:20pt;white-space:normal}}.survey-submitted-container{font-family:Arial,sans-serif;font-size:12pt;line-height:1.5;color:#333}.survey-submitted-container .page{width:100%;max-width:210mm;margin:0 auto;padding:20px;background:#fff;box-sizing:border-box}.survey-submitted-container .language-toggle{text-align:right;margin-bottom:20px}.survey-submitted-container .language-toggle select{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#4c174d;font-size:14px;cursor:pointer}.survey-submitted-container h1{font-size:24pt;margin-bottom:20px;text-align:center;color:#4c174d;white-space:nowrap}.survey-submitted-container h2{font-size:20pt;margin-top:20px;margin-bottom:10px;color:#4c174d;text-align:center}.survey-submitted-container h3{font-size:16pt;margin-top:25px;margin-bottom:10px;color:#eb90dc;border-bottom:1px solid #eb90dc;padding-bottom:5px}.survey-submitted-container p{margin-bottom:10px;text-align:center;font-size:14pt}.survey-submitted-container .header{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.survey-submitted-container .logo-container{background-color:#eb90dc;border-radius:8px;padding:10px;margin-right:15px;display:flex;justify-content:center;align-items:center}.survey-submitted-container .logo{height:50px}.survey-submitted-container .gradient-text{background:linear-gradient(90deg,#eb90dc,#de5ec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}.survey-submitted-container .slogan{text-align:center;font-size:14pt;color:#4c174d;margin-top:-10px;margin-bottom:20px;font-style:italic}.survey-submitted-container .success-content{background-color:#fdf9fe;border:2px solid #eb90dc;border-radius:8px;padding:30px;margin:30px auto;max-width:800px;text-align:center;box-shadow:0 4px 8px #0000001a}.survey-submitted-container .success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(90deg,#eb90dc,#de5ec9);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:48px;color:#fff;font-weight:700}.survey-submitted-container .next-steps{margin-top:30px;text-align:left;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.survey-submitted-container .next-steps ul{margin-top:10px;padding-left:20px}.survey-submitted-container .next-steps ul li{margin-bottom:8px;position:relative;padding-left:10px;font-size:14pt}.survey-submitted-container .next-steps ul li:before{content:"•";color:#eb90dc;font-weight:700;position:absolute;left:-10px}.survey-submitted-container .contact-info{margin-top:30px}.survey-submitted-container .contact-info a{color:#eb90dc;text-decoration:none;font-weight:700}.survey-submitted-container .contact-info a:hover{text-decoration:underline}.survey-submitted-container .home-button{margin-top:30px}.survey-submitted-container .home-button .button{display:inline-block;background:linear-gradient(90deg,#eb90dc,#de5ec9);color:#fff;text-decoration:none;padding:12px 30px;border-radius:25px;font-weight:700;font-size:14pt;transition:all .3s ease;box-shadow:0 2px 5px #0003}.survey-submitted-container .home-button .button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.survey-submitted-container .footer{margin-top:40px;text-align:center;font-style:italic;border-top:1px solid #eb90dc;padding-top:10px;color:#4c174d}@media(max-width:768px){.survey-submitted-container .page{padding:10px}.survey-submitted-container .header{flex-direction:column;text-align:center}.survey-submitted-container .logo-container{margin-right:0;margin-bottom:10px}.survey-submitted-container h1{font-size:20pt;white-space:normal}.survey-submitted-container .success-content{padding:20px 15px}}.TopikDashboard{flex-grow:1;min-height:100%;background-color:#fff;width:100%;max-width:800px;margin:0 auto;padding-top:24px}.TopikDashboard .Container{max-width:1200px;margin:0 auto;padding:0 20px}.TopikDashboard .Header{text-align:left;font-size:24px;color:#333;margin-bottom:12px}.TopikDashboard .LoadingView,.TopikDashboard .ErrorView,.TopikDashboard .EmptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}:is(.TopikDashboard .LoadingView,.TopikDashboard .ErrorView,.TopikDashboard .EmptyState) .LoadingSpinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}:is(.TopikDashboard .LoadingView,.TopikDashboard .ErrorView,.TopikDashboard .EmptyState) h3{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}:is(.TopikDashboard .LoadingView,.TopikDashboard .ErrorView,.TopikDashboard .EmptyState) p{font-size:16px;color:#666;line-height:1.5}.TopikDashboard .Link{display:block;width:100%;margin-bottom:24px;padding:12px 20px;background:#f5f5f5;border:none;border-radius:12px;font-size:14px;color:#535353;text-align:left;cursor:pointer;transition:background .2s ease}.TopikDashboard .Link:hover{background:#e3e3e3}.TopikDashboard .QuestionnaireList{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px}.TopikDashboard .QuestionnaireCard{background:#fff;border-bottom:.5px solid #f0f0f0;padding-left:16px;padding-right:16px;overflow:hidden;transition:border-color .4s;border:1px solid transparent;box-sizing:border-box;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:stretch;flex-wrap:wrap}.TopikDashboard .QuestionnaireCard:hover{border-color:#e0e0e0}.TopikDashboard .QuestionnaireCard>*{padding-top:16px;padding-bottom:16px}.TopikDashboard .QuestionnaireCard .CardHeader{border-bottom:1px solid #f0f0f0;flex-grow:1}.TopikDashboard .QuestionnaireCard .CardHeader h3{font-size:20px;line-height:30px;color:#333;margin:0}.TopikDashboard .QuestionnaireCard .CardHeader h3.QuestionnaireId{font-weight:400;color:#666}.TopikDashboard .QuestionnaireCard .CardContent{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:16px}.TopikDashboard .QuestionnaireCard .CardContent .SectionInfo{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:40px;width:190px;gap:8px;border:1px solid #f0f0f0;border-radius:16px;padding-left:12px;padding-right:12px}.TopikDashboard .QuestionnaireCard .CardContent .SectionInfo .SectionName{font-size:16px;line-height:24px;color:#333}.TopikDashboard .QuestionnaireCard .CardContent .SectionInfo .SectionStatus{padding:4px 12px;font-size:12px;font-weight:500}.TopikDashboard .QuestionnaireCard .CardContent .SectionInfo .SectionStatus.Finished{background-color:#d4f4dd;color:#2e7d32}.TopikDashboard .StartButton{padding:12px 32px;background-color:#e91e63;color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.TopikDashboard .StartButton:hover{background-color:#d81b60}.RoleSection{display:flex;flex-direction:column;padding:24px 16px;border-bottom:1px solid var(--color-border-medium)}.RoleSection .RoleInfo{display:flex;gap:12px;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%}.RoleSection .RoleInfo .ProfileImage{width:56px;height:56px;border-radius:50%;background:var(--color-bg-dark);flex-shrink:0}.RoleSection .RoleInfo .RoleDetails{display:flex;flex-direction:column;gap:4px;width:226px}.RoleSection .RoleInfo .RoleDetails .RoleBadge{display:inline-block;border:1px solid var(--color-border-dark);padding:2px 12px;border-radius:8px;font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-dark);width:fit-content}.RoleSection .RoleInfo .RoleDetails .RoleEmail{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium);margin:0}.LoadingView{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.LoadingView .LoadingSpinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.LoadingView p{font-size:16px;color:#666}.ErrorView{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.ErrorView h3{font-size:24px;font-weight:600;color:#333;margin-bottom:12px}.ErrorView p{font-size:16px;color:#666}.StartView{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.StartView h2{font-size:24px;font-weight:600;color:#333;margin-bottom:12px}.StartView p{font-size:16px;color:#666;margin-bottom:24px}.StartView .StartButton{padding:12px 32px;background-color:#e91e63;color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.StartView .StartButton:hover{background-color:#d81b60}.MultipleChoiceOptions{display:flex;flex-direction:column;gap:12px;width:100%;align-items:flex-start}@media(min-width:650px){.MultipleChoiceOptions:has(.OptionImage){flex-direction:row;flex-wrap:wrap}.MultipleChoiceOptions:has(.OptionImage) .Option{width:calc(50% - 6px);align-items:flex-start}}.MultipleChoiceOptions .Option{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;transition:opacity .2s;padding:0;border:none;background:none}.MultipleChoiceOptions .Option.selected{cursor:default}.MultipleChoiceOptions .Option:not(.selected):hover{opacity:.7}.MultipleChoiceOptions .Option .OptionCircle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #d4d4d4;background:#fff;font-family:Pretendard,sans-serif;font-size:16px;color:#000;font-weight:400;margin-right:4px;position:relative;flex-shrink:0}.MultipleChoiceOptions .Option.selected .OptionCircle{background:#dd88cf;color:#fff;border:1px solid #d4d4d4}.MultipleChoiceOptions .Option.correct .OptionCircle{background:#4caf50;color:#fff;border:1px solid #4CAF50}.MultipleChoiceOptions .Option .OptionContent{display:flex;flex-direction:column;gap:8px;flex:1;align-items:flex-start}.MultipleChoiceOptions .Option .OptionImage{background-color:#f5f5f5;border-radius:8px;padding:8px;width:100%}.MultipleChoiceOptions .Option .OptionImage img{width:100%;height:auto;display:block;border-radius:4px}.MultipleChoiceOptions .Option .OptionImage iframe{display:block;border-radius:4px;background:#fff}.MultipleChoiceOptions .Option .OptionText{font-family:Pretendard,sans-serif;font-size:16px;color:#212121;font-weight:400;text-align:left}.MultipleChoiceOptions .Option.selected .OptionText{color:#dd88cf;text-decoration:underline;text-underline-position:from-font}.MultipleChoiceOptions .Option.correct .OptionText{color:#4caf50;text-decoration:underline;text-underline-position:from-font}.TextAnswer{width:100%}.TextAnswer .TextInput{width:100%;min-height:40px;border:none;outline:none;background:#f5f5f5;border-radius:12px;padding:12px;font-size:16px;color:#212121;font-family:inherit;box-sizing:border-box;margin-bottom:4px}.TextAnswer .TextInput:last-child{margin-bottom:0}.TextAnswer .TextInput:focus{background:#ebebeb}.EssayAnswer{width:100%}.EssayAnswer .EssayTextarea{width:100%;min-height:200px;border:none;outline:none;background:#f5f5f5;border-radius:12px;padding:16px;font-size:16px;color:#212121;font-family:inherit;box-sizing:border-box;resize:vertical;line-height:1.5}.EssayAnswer .EssayTextarea:focus{background:#ebebeb}.EssayAnswer .WordLimit{margin-top:8px;text-align:right;font-size:14px;color:#666}.AudioIndicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#e3f2fd;border-radius:8px;margin-bottom:16px;font-family:Pretendard,sans-serif;font-size:14px;color:#1976d2}.AudioIndicator .AudioIcon{font-size:18px}.QuestionAudioIndicator{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-family:Pretendard,sans-serif;font-size:13px;color:#666}.QuestionAudioIndicator .AudioIcon{font-size:16px}.QuestionGroup{margin-bottom:40px}.AudioPlaybackInfo{background-color:#f5f5f5;padding:8px 16px;border-radius:8px;text-align:center}.AudioPlaybackInfo .AudioStatus{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Pretendard,sans-serif;font-size:16px;color:#333}.AudioPlaybackInfo .AudioStatus .PlayingIcon{font-size:20px;line-height:24px;animation:pulse 1.5s ease-in-out infinite}.AudioPlaybackInfo .AudioStatus .CompletedIcon{font-size:20px;color:#4caf50}@media(max-width:768px){.AudioPlaybackInfo .AudioStatus span:last-child{display:none}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.TopikTest{min-height:100%;flex-grow:1;background-color:#fff;display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto}.TopikTest div,.TopikTest p,.TopikTest span,.TopikTest h1,.TopikTest h2,.TopikTest h3,.TopikTest h4,.TopikTest h5,.TopikTest h6{-webkit-user-select:none;user-select:none}.TopikTest .BodyContainer,.TopikResult .BodyContainer{flex:1;overflow-y:auto;padding-bottom:40px;padding-left:20px;padding-right:20px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;position:relative}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .QuestionGroup{margin-bottom:40px}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionInstruction{font-family:Pretendard,sans-serif;font-size:20px;font-weight:600;margin-bottom:24px}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SharedText{width:100%;border:1px solid #000;border-radius:16px;padding:24px;margin:0 0 24px;font-family:Pretendard,sans-serif;font-size:18px;color:#212121;line-height:1.5}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionContainer{margin-bottom:40px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;background:none!important;border:none!important;box-shadow:none!important}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionBox{width:100%;margin:0 auto;box-sizing:border-box;background:#fff;padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column;gap:12px;align-items:center}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .Divider{width:100%;height:1px;background-color:#f2f2f2;margin:12px 0}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionSub{margin-top:12px;gap:0;padding:0 0 12px;box-shadow:none;border:none;background:none;width:100%}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionSub:first-child{margin-top:0}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionSub+.SampleQuestionSub{border-top:1px solid #f2f2f2;padding-top:12px}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionSub .QuestionTitle{width:100%;display:flex;flex-direction:row;align-items:baseline;gap:8px;font-family:Pretendard,sans-serif;font-size:16px;color:#212121;text-align:left;margin-bottom:12px}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionSub .QuestionTitle .QuestionNumber{font-weight:600;font-size:16px}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .SampleQuestionSub .QuestionTitle .QuestionText{font-size:16px;font-weight:600;color:#212121}:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .LoadingView,:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .ErrorView{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}:is(:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .LoadingView,:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .ErrorView) .LoadingSpinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}:is(:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .LoadingView,:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .ErrorView) h3{font-size:24px;font-weight:600;color:#333;margin-bottom:12px}:is(:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .LoadingView,:is(.TopikTest .BodyContainer,.TopikResult .BodyContainer) .ErrorView) p{font-size:16px;color:#666}.TestHeader{position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;background:#fff;border-bottom:1px solid #e0e0e0;padding:8px 20px;box-sizing:border-box;margin-bottom:20px}.TestHeader .HeaderContent{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:12px}.TestHeader .HeaderContent .LeftSection{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;flex:1;min-width:0}.TestHeader .HeaderContent .LeftSection .SectionTitle{font-family:Pretendard,sans-serif;font-size:20px;font-weight:600;color:#000;line-height:1.5;letter-spacing:.2px;white-space:nowrap}.TestHeader .HeaderContent .LeftSection .Timer{font-family:Pretendard,sans-serif;font-size:20px;font-weight:600;color:#ef5dd6;line-height:30px;letter-spacing:.2px;white-space:nowrap}.TestHeader .HeaderContent .LeftSection .Timer.warning{color:#f44;font-weight:700;animation:pulse 1s ease-in-out infinite}.TestHeader .HeaderContent .LeftSection .Timer.timeout{color:red;font-weight:700;text-transform:uppercase}.TestHeader .HeaderContent .SubmitButton{background:#e87ece;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;border-radius:12px;gap:8px;cursor:pointer;flex-shrink:0;border:none;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;color:#fff;line-height:24px;letter-spacing:.2px;white-space:nowrap;transition:background .2s}.TestHeader .HeaderContent .SubmitButton:hover{background:#d86bbe}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.TopikResult{width:100%;max-width:800px;margin:0 auto}.TopikResult .FloatingNavigation{position:fixed;top:20px;right:20px;width:200px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0;max-height:80vh;overflow-y:auto;z-index:100;display:none}@media(min-width:1360px){.TopikResult .FloatingNavigation{display:block}}.TopikResult .FloatingNavigation .NavigationHeader{padding:16px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:12px 12px 0 0}.TopikResult .FloatingNavigation .NavigationList{padding:12px}.TopikResult .FloatingNavigation .NavigationGroup{margin-bottom:16px}.TopikResult .FloatingNavigation .NavigationGroup:last-child{margin-bottom:0}.TopikResult .FloatingNavigation .NavigationGroup .GroupHeader{font-family:Pretendard,sans-serif;font-size:13px;font-weight:600;color:#666;margin-bottom:6px;padding-left:4px}.TopikResult .FloatingNavigation .NavigationGroup .QuestionList{display:flex;flex-direction:column;gap:2px}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s;font-family:Pretendard,sans-serif;font-size:13px}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem:hover{background-color:#f0f0f0;transform:translate(2px)}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem.active{background-color:#e8e8e8}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem .QuestionNumber{color:#333;font-weight:500}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem .StatusIcon{font-size:12px}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem .StatusIcon.correct{color:#4caf50}.TopikResult .FloatingNavigation .NavigationGroup .QuestionItem .StatusIcon.incorrect{color:#f44336}.TopikResult .CorrectAnswerIndicator{margin-top:8px;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;font-family:Pretendard,sans-serif;font-size:14px;color:#4caf50;font-weight:500}.TopikResult .AudioScript{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:16px 0;font-family:Pretendard,sans-serif}.TopikResult .AudioScript .AudioScriptHeader{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.TopikResult .AudioScript .AudioScriptHeader .PlayButton{color:#fff;border:none;border-radius:20px;padding:6px 16px;font-size:14px;cursor:pointer;transition:background .2s}.TopikResult .AudioScript .AudioScriptHeader .PlayButton:hover{background:#d86bbe}.TopikResult .AudioScript .AudioScriptHeader .PlayButton:active{transform:scale(.95)}.TopikResult .AudioScript .SpeakerLine{margin-bottom:8px;line-height:1.6}.TopikResult .AudioScript .SpeakerLine:last-child{margin-bottom:0}.TopikResult .AudioScript .SpeakerLine .SpeakerInfo{font-weight:600;color:#666;margin-right:8px}.TopikResult .AudioScript .SpeakerLine .SpeakerText{color:#212121}.TopikResult .LoadingView,.TopikResult .ErrorView{background-color:#fff}.TopikResult .SharedImage,.TopikResult .QuestionImage{margin:16px 0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border-radius:8px;padding:16px}.TopikResult .QuestionImage img,.TopikResult .QuestionImage iframe{box-shadow:0 2px 4px #0000001a}.TopikResult .BodyContainer{min-height:100vh;background-color:#fff}.TopikResult .TestInfo{background:#fff;padding-top:24px;padding-bottom:24px;margin-bottom:24px;width:100%;box-sizing:border-box;position:relative;border-bottom:1px solid #e0e0e0}.TopikResult .TestInfo .HeaderRow{display:flex;flex-direction:row;gap:4px;align-items:flex-end;margin-bottom:4px}.TopikResult .TestInfo .HeaderRow .Logo{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.TopikResult .TestInfo .HeaderRow .Logo img{width:100%;height:100%;object-fit:cover}.TopikResult .TestInfo .HeaderRow .SectionName{font-family:Pretendard,sans-serif;font-size:20px;font-weight:600;color:#212121;line-height:1.5;white-space:nowrap}.TopikResult .TestInfo .HeaderRow .ViewAnswer{font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;color:#212121;line-height:1.5;white-space:nowrap}.TopikResult .TestInfo .TestDescription{font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;color:#dd88cf;line-height:1.5;letter-spacing:.16px;margin-bottom:2px}.TopikResult .TestInfo .Score{font-family:Pretendard,sans-serif;font-size:16px;font-weight:400;color:#9e9e9e;line-height:1.5;margin-bottom:2px}.TopikResult .TestInfo .TestDate{font-family:Pretendard,sans-serif;font-size:16px;font-weight:400;color:#9e9e9e;line-height:1.5;margin-bottom:16px}.TopikResult .QuestionGroup .SampleQuestionInstruction{font-size:18px;font-weight:500}.TopikResult .QuestionGroup .Explanation{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.TopikResult .QuestionGroup .Explanation strong{display:block;font-family:Pretendard,sans-serif;font-size:14px;font-weight:600;color:#666;margin-bottom:8px}.TopikResult .QuestionGroup .Explanation p{font-family:Pretendard,sans-serif;font-size:14px;line-height:1.6;color:#333;margin:0}.TopikResult .SampleQuestionContainer{margin:40px 0 0}.TopikResult .Divider{background:#e0e0e0;margin:20px 0}.TopikResult .SampleQuestionSub .QuestionTitle{font-size:20px}.TopikResult .SampleQuestionSub .QuestionTitle .QuestionNumber{font-weight:500}.TopikResult .SampleQuestionSub .QuestionTitle .QuestionText{font-size:18px;opacity:1}.TopikResult .SampleQuestionSub .TextResult{display:flex;flex-direction:column;gap:8px;margin-top:12px}.TopikResult .SampleQuestionSub .TextResult .UserAnswerText,.TopikResult .SampleQuestionSub .TextResult .CorrectAnswerText{white-space:pre-wrap;font-family:Pretendard,sans-serif;font-size:16px;color:#212121;line-height:1.5}:is(.TopikResult .SampleQuestionSub .TextResult .UserAnswerText,.TopikResult .SampleQuestionSub .TextResult .CorrectAnswerText) strong{font-weight:600}.TopikResult .SolutionContainer{width:100%;background:#f0f9f0;border-radius:8px;box-shadow:none;border:none;padding:24px;margin-top:12px;box-sizing:border-box}.TopikResult .SolutionContainer.incorrect{background:#fdf0f0}.TopikResult .SolutionContainer .SolutionHeader{display:flex;align-items:center;gap:8px;height:30px;margin-bottom:24px}.TopikResult .SolutionContainer .SolutionHeader .SolutionIcon{width:24px;height:24px;flex-shrink:0}.TopikResult .SolutionContainer .SolutionHeader .SolutionIcon svg{width:100%;height:100%;display:block}.TopikResult .SolutionContainer .SolutionHeader .SolutionTitle{display:flex;align-items:center;gap:8px;flex-grow:1}.TopikResult .SolutionContainer .SolutionHeader .SolutionTitle .SolutionNumber{font-family:Pretendard,sans-serif;font-size:20px;font-weight:500;color:#212121;letter-spacing:.2px;line-height:1.5}.TopikResult .SolutionContainer .SolutionContent{font-family:Pretendard,sans-serif;font-size:16px;color:#686868;line-height:1.5;text-align:left;width:100%;white-space:pre-wrap}.TopikResult .SolutionContainer .SolutionContent p{margin:0}.RoleTable{display:flex;flex-direction:column;gap:16px;padding:20px 20px 40px;border-bottom:1px solid var(--color-border-medium)}.RoleTable .SectionHeader{display:flex;flex-direction:row;gap:12px;justify-content:space-between;align-items:center}.RoleTable .SectionHeader .SectionTitle{font-weight:400;font-size:16px;line-height:24px;color:var(--color-text-medium);margin:0;width:100%}.RoleTable .SectionHeader .AddButton{display:flex;gap:4px;align-items:center;justify-content:center;padding:4px 8px 4px 4px;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;min-width:129px}.RoleTable .SectionHeader .AddButton .AddIcon{width:24px;height:24px}.RoleTable .SectionHeader .AddButton span{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-white);white-space:nowrap}.RoleTable .Table{width:100%;border-collapse:collapse}@media (max-width: var(--breakpoint-mobile)){.RoleTable .Table thead{display:none}}.RoleTable .Table thead tr{border-bottom:1px solid var(--color-border-light)}.RoleTable .Table thead th{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium);text-align:left;padding:12px 12px 12px 0}.RoleTable .Table thead th:first-child{width:200px}.RoleTable .Table thead th:nth-child(2){width:180px}.RoleTable .Table thead th:nth-child(3),.RoleTable .Table thead th:nth-child(4){width:140px}.RoleTable .Table thead th:last-child{width:80px}.RoleTable .Table thead th.right{text-align:right;padding-right:0}.RoleTable .Table tbody tr{border-bottom:1px solid var(--color-border-medium)}.RoleTable .Table tbody tr:last-child{border-bottom:none}.RoleTable .Table tbody td{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium);padding:16px 12px 16px 0;vertical-align:middle}.RoleTable .Table tbody td.Loading,.RoleTable .Table tbody td.Empty{text-align:center;padding:24px}.RoleTable .Table tbody td.ProfileCell .ProfileGroup{display:flex;gap:8px;align-items:center}.RoleTable .Table tbody td.ProfileCell .ProfileGroup .ProfileImageSmall{width:32px;height:32px;border-radius:50%;background:var(--color-bg-dark);flex-shrink:0}.RoleTable .Table tbody td.ProfileCell .ProfileGroup .UserName{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.RoleTable .Table tbody td.Email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.RoleTable .Table tbody td.Date{white-space:nowrap}.RoleTable .Table tbody td.ActionCell{text-align:right;padding-right:0}.RoleTable .Table tbody td.ActionCell .DetailButton{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:var(--color-bg-detail);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.RoleTable .Table tbody td.ActionCell .DetailButton:hover{opacity:.8}@media (max-width: var(--breakpoint-mobile)){.RoleTable .Table tbody tr{padding:16px 0;gap:12px}.RoleTable .Table tbody td{padding:0}.RoleTable .Table tbody td.ProfileCell{display:flex;justify-content:space-between;align-items:center}.RoleTable .Table tbody td.ProfileCell .ProfileGroup{flex:1;min-width:0}.RoleTable .Table tbody td.Email{display:none}.RoleTable .Table tbody td.Date{display:none}}.RoleTable .ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.RoleTable .ModalOverlay.active{display:flex;opacity:1}.RoleTable .Modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;max-height:90vh;background-color:var(--color-bg-light);border-radius:32px;z-index:1001;display:none;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000026;opacity:0;transition:opacity .3s ease}.RoleTable .Modal.active{display:flex;opacity:1}.RoleTable .Modal .ModalContent{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto}.RoleTable .Modal .ModalHeader{padding:24px 20px;border-bottom:1px solid var(--color-border-medium)}.RoleTable .Modal .ModalHeader .ModalTitle{font-weight:400;font-size:24px;line-height:32px;color:var(--color-text-dark);margin:0}.RoleTable .Modal .ModalBody{flex:1;padding:24px 20px;overflow-y:auto}.RoleTable .Modal .ModalFooter{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border-medium);flex-shrink:0;width:100%;box-sizing:border-box}.RoleTable .Modal .ModalFooter .ModalButton{padding:12px 24px;border-radius:16px;border:none;font-weight:500;font-size:15px;line-height:20px;cursor:pointer;transition:opacity .2s ease}.RoleTable .Modal .ModalFooter .ModalButton:hover{opacity:.8}.RoleTable .Modal .ModalFooter .ModalButton:disabled{opacity:.5;cursor:not-allowed}@media (max-width: var(--breakpoint-mobile)){.RoleTable .Modal{width:95%;max-height:85vh;border-radius:24px}.RoleTable .Modal .ModalHeader{padding:20px 16px}.RoleTable .Modal .ModalHeader .ModalTitle{font-size:20px;line-height:28px}.RoleTable .Modal .ModalBody{padding:20px 16px}.RoleTable .Modal .ModalFooter{padding:12px 16px;flex-direction:column}.RoleTable .Modal .ModalFooter .ModalButton{width:100%}}.RoleTable .AddUser.Modal .QuestionSection{display:flex;flex-direction:column;gap:24px;width:100%}.RoleTable .AddUser.Modal .QuestionSection .QuestionDescription{font-weight:400;font-size:16px;line-height:24px;color:var(--color-text-medium);margin:0}.RoleTable .AddUser.Modal .QuestionSection .InputGroup{display:flex;flex-direction:column;gap:4px;width:100%}.RoleTable .AddUser.Modal .QuestionSection .InputGroup .InputLabel{display:flex;gap:1px;align-items:center;font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium)}.RoleTable .AddUser.Modal .QuestionSection .InputGroup .InputLabel .RequiredMark{font-weight:500;color:var(--color-text-medium)}.RoleTable .AddUser.Modal .QuestionSection .InputGroup .InputBox{width:100%;background-color:var(--color-bg-detail);border-radius:12px;padding:16px;box-sizing:border-box}.RoleTable .AddUser.Modal .QuestionSection .InputGroup .InputBox .EmailInput{width:100%;border:none;background:transparent;font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-dark);outline:none}.RoleTable .AddUser.Modal .QuestionSection .InputGroup .InputBox .EmailInput::placeholder{color:var(--color-text-light)}.RoleTable .AddUser.Modal .ModalFooter{justify-content:flex-end}.RoleTable .AddUser.Modal .ModalFooter .ModalButton{flex:1;height:48px}.RoleTable .AddUser.Modal .ModalFooter .ModalButton.TertiaryButton{background-color:var(--color-bg-detail);color:var(--color-text-dark)}.RoleTable .AddUser.Modal .ModalFooter .ModalButton.SecondaryButton{background-color:var(--color-primary);color:var(--color-bg-detail)}@media (max-width: var(--breakpoint-mobile)){.RoleTable .AddUser.Modal .ModalFooter .SecondaryButton{order:1}.RoleTable .AddUser.Modal .ModalFooter .TertiaryButton{order:2}}.RoleTable .UserInfo.Modal .ModalBody{padding:32px 20px}.RoleTable .UserInfo.Modal .QuestionSection{display:flex;flex-direction:column;gap:27px;align-items:center}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection{display:flex;flex-direction:column;gap:24px;align-items:center}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileImageLarge{width:72px;height:72px;border-radius:50%;background-color:var(--color-bg-detail)}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileInfo{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileInfo .UserNameLarge{font-size:20px;font-weight:400;line-height:24px;color:var(--color-text-medium);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:427px}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileInfo .UserEmailLarge{font-size:16px;font-weight:400;line-height:24px;color:var(--color-text-medium);margin:0;width:220px}@media (max-width: var(--breakpoint-mobile)){.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection{gap:16px}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileImageLarge{width:60px;height:60px}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileInfo .UserNameLarge{font-size:18px;max-width:100%}.RoleTable .UserInfo.Modal .QuestionSection .ProfileSection .ProfileInfo .UserEmailLarge{font-size:14px;width:auto}}.RoleTable .UserInfo.Modal .QuestionSection .InfoBox{background-color:var(--color-bg-detail);display:flex;gap:27px;align-items:center;justify-content:center;padding:12px 24px;border-radius:24px;width:100%}.RoleTable .UserInfo.Modal .QuestionSection .InfoBox .InfoItem{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.RoleTable .UserInfo.Modal .QuestionSection .InfoBox .InfoItem .InfoLabel{font-size:16px;font-weight:400;line-height:24px;color:var(--color-text-dark);margin:0}.RoleTable .UserInfo.Modal .QuestionSection .InfoBox .InfoItem .InfoValue{font-size:14px;font-weight:400;line-height:24px;color:var(--color-text-medium);margin:0}.RoleTable .UserInfo.Modal .QuestionSection .InfoBox .InfoDivider{width:0;height:32px;border-left:1px solid var(--color-border-light)}@media (max-width: var(--breakpoint-mobile)){.RoleTable .UserInfo.Modal .QuestionSection .InfoBox{flex-direction:column;gap:16px;padding:16px}.RoleTable .UserInfo.Modal .QuestionSection .InfoBox .InfoDivider{width:100%;height:0;border-left:none;border-top:1px solid var(--color-border-light)}}@media (max-width: var(--breakpoint-mobile)){.RoleTable .UserInfo.Modal .QuestionSection{gap:20px}}.RoleTable .UserInfo.Modal .ModalFooter{align-items:center;justify-content:center}.RoleTable .UserInfo.Modal .ModalFooter .ModalButton{flex:1}.RoleTable .UserInfo.Modal .ModalFooter .ModalButton.TertiaryButton{background-color:var(--color-bg-detail);color:var(--color-text-dark)}.RoleTable .UserInfo.Modal .ModalFooter .ModalButton.DeleteButton{background-color:var(--color-secondary);color:var(--color-bg-detail);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: var(--breakpoint-mobile)){.RoleTable .UserInfo.Modal .ModalBody{padding:20px 16px}}.TopikRolesPage{flex-grow:1;min-height:100%;background-color:#fff;width:100%;max-width:800px;margin:0 auto;padding-top:24px}.TopikRolesPage .Container{max-width:1200px;margin:0 auto;padding:0 20px}.TopikRolesPage .Header{text-align:left;font-size:24px;color:#333;margin-bottom:12px}.TopikRolesPage .NoPermission{text-align:center;padding:48px 24px;font-size:16px;color:var(--color-text-medium)}.TopikExamListPage{flex-grow:1;min-height:100%;background-color:#fff;width:100%;max-width:800px;margin:0 auto;padding-top:24px}.TopikExamListPage .Container{max-width:1200px;margin:0 auto;padding:0 20px}.TopikExamListPage .Header{text-align:left;font-size:24px;color:#333;margin-bottom:12px}.TopikExamListPage .NoPermission,.TopikExamListPage .Loading,.TopikExamListPage .Error{text-align:center;padding:48px 24px;font-size:16px;color:var(--color-text-medium)}.TopikExamListPage .Error{color:var(--color-secondary)}.TopikExamListPage .Table{width:100%;border-collapse:collapse;margin-top:24px}@media (max-width: var(--breakpoint-mobile)){.TopikExamListPage .Table thead{display:none}}.TopikExamListPage .Table thead tr{border-bottom:1px solid var(--color-border-light)}.TopikExamListPage .Table thead th{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium);text-align:left;padding:12px 8px}.TopikExamListPage .Table thead th.right{text-align:right}.TopikExamListPage .Table tbody tr{border-bottom:1px solid var(--color-border-medium);cursor:pointer;transition:background-color .2s ease}.TopikExamListPage .Table tbody tr:hover{background-color:var(--color-bg-light)}.TopikExamListPage .Table tbody tr:last-child{border-bottom:none}.TopikExamListPage .Table tbody td{font-weight:400;font-size:14px;line-height:24px;color:var(--color-text-medium);padding:16px 8px;vertical-align:middle}.TopikExamListPage .Table tbody td.Empty{text-align:center;padding:48px}.TopikExamListPage .Table tbody td.ExamId{font-family:monospace;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TopikExamListPage .Table tbody td.Title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.TopikExamListPage .Table tbody td.Level{display:flex;gap:8px}.TopikExamListPage .Table tbody td.Level>*{white-space:nowrap}.TopikExamListPage .Table tbody td.Level .LevelBadge{display:inline-block;padding:2px 8px;background-color:var(--color-primary);color:#fff;border-radius:4px;font-size:12px}.TopikExamListPage .Table tbody td.Level .TargetBadge{display:inline-block;padding:2px 8px;background-color:var(--color-bg-detail);color:var(--color-text-medium);border-radius:4px;font-size:12px}.TopikExamListPage .Table tbody td.Duration,.TopikExamListPage .Table tbody td.Points{white-space:nowrap}.TopikExamListPage .Table tbody td.ActionCell{text-align:right;white-space:nowrap}.TopikExamListPage .Table tbody td.ActionCell .AllocateButton,.TopikExamListPage .Table tbody td.ActionCell .DetailButton{padding:6px 12px;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:opacity .2s ease;margin-left:8px}:is(.TopikExamListPage .Table tbody td.ActionCell .AllocateButton,.TopikExamListPage .Table tbody td.ActionCell .DetailButton):hover{opacity:.8}.TopikExamListPage .Table tbody td.ActionCell .AllocateButton{background-color:var(--color-primary);color:#fff}.TopikExamListPage .Table tbody td.ActionCell .DetailButton{background-color:var(--color-bg-detail);color:var(--color-text-medium)}@media (max-width: var(--breakpoint-mobile)){.TopikExamListPage .Table tbody tr{display:flex;flex-direction:column;padding:16px 0;gap:8px}.TopikExamListPage .Table tbody td{display:block;padding:0}.TopikExamListPage .Table tbody td.ExamId{font-size:11px;color:var(--color-text-light)}.TopikExamListPage .Table tbody td.Level{display:flex}.TopikExamListPage .Table tbody td.Duration,.TopikExamListPage .Table tbody td.Points{display:none}.TopikExamListPage .Table tbody td.ActionCell{margin-top:8px}}.TopikExamListPage .Pagination{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;color:var(--color-text-medium);font-size:14px}.TopikExamListPage .Pagination .LoadMoreButton{padding:12px 32px;background-color:var(--color-bg-detail);color:var(--color-text-dark);border:none;border-radius:12px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.TopikExamListPage .Pagination .LoadMoreButton:hover{background-color:var(--color-bg-dark)}.TopikExamListPage .Pagination .LoadMoreButton:disabled{opacity:.5;cursor:not-allowed}.TopikExamListPage .ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.TopikExamListPage .ModalOverlay.active{display:flex;opacity:1}.TopikExamListPage .Modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background-color:var(--color-bg-light);border-radius:24px;z-index:1001;display:none;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000026;opacity:0;transition:opacity .3s ease}.TopikExamListPage .Modal.active{display:flex;opacity:1}.TopikExamListPage .Modal .ModalContent{display:flex;flex-direction:column}.TopikExamListPage .Modal .ModalHeader{padding:24px 20px;border-bottom:1px solid var(--color-border-medium)}.TopikExamListPage .Modal .ModalHeader .ModalTitle{font-weight:500;font-size:20px;color:var(--color-text-dark);margin:0}.TopikExamListPage .Modal .ModalBody{padding:24px 20px}.TopikExamListPage .Modal .ModalBody .Description{font-size:14px;color:var(--color-text-medium);margin:0 0 16px}.TopikExamListPage .Modal .ModalBody .InputGroup{display:flex;flex-direction:column;gap:8px}.TopikExamListPage .Modal .ModalBody .InputGroup .InputLabel{font-size:14px;color:var(--color-text-medium)}.TopikExamListPage .Modal .ModalBody .InputGroup .Input{padding:12px 16px;border:1px solid var(--color-border-medium);border-radius:12px;font-size:14px;background-color:#fff;outline:none}.TopikExamListPage .Modal .ModalBody .InputGroup .Input:focus{border-color:var(--color-primary)}.TopikExamListPage .Modal .ModalFooter{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border-medium)}.TopikExamListPage .Modal .ModalFooter .ModalButton{flex:1;padding:12px 24px;border-radius:12px;border:none;font-size:14px;cursor:pointer;transition:opacity .2s ease}.TopikExamListPage .Modal .ModalFooter .ModalButton:hover{opacity:.8}.TopikExamListPage .Modal .ModalFooter .ModalButton:disabled{opacity:.5;cursor:not-allowed}.TopikExamListPage .Modal .ModalFooter .ModalButton.TertiaryButton{background-color:var(--color-bg-detail);color:var(--color-text-dark)}.TopikExamListPage .Modal .ModalFooter .ModalButton.PrimaryButton{background-color:var(--color-primary);color:#fff}.TopikExamDetailPage{flex-grow:1;min-height:100%;background-color:#fff;width:100%;max-width:800px;margin:0 auto;padding-top:24px;padding-bottom:48px}.TopikExamDetailPage .Container{max-width:1200px;margin:0 auto;padding:0 20px}.TopikExamDetailPage .Breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:var(--color-text-medium)}.TopikExamDetailPage .Breadcrumb button{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:14px}.TopikExamDetailPage .Breadcrumb button:hover{text-decoration:underline}.TopikExamDetailPage .NoPermission,.TopikExamDetailPage .Loading,.TopikExamDetailPage .Error{text-align:center;padding:48px 24px;font-size:16px;color:var(--color-text-medium)}.TopikExamDetailPage .Error{color:var(--color-secondary)}.TopikExamDetailPage .ExamHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.TopikExamDetailPage .ExamHeader .ExamTitle{font-size:24px;font-weight:500;color:var(--color-text-dark);margin:0}.TopikExamDetailPage .ExamHeader .AllocateButton{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:14px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}.TopikExamDetailPage .ExamHeader .AllocateButton:hover{opacity:.8}@media (max-width: var(--breakpoint-mobile)){.TopikExamDetailPage .ExamHeader{flex-direction:column;align-items:flex-start}.TopikExamDetailPage .ExamHeader .AllocateButton{width:100%}}.TopikExamDetailPage .ExamInfo{background-color:var(--color-bg-light);border-radius:16px;padding:20px;margin-bottom:24px}.TopikExamDetailPage .ExamInfo .InfoRow{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.TopikExamDetailPage .ExamInfo .InfoRow:last-child{margin-bottom:0}.TopikExamDetailPage .ExamInfo .LevelBadge{display:inline-block;padding:4px 12px;background-color:var(--color-primary);color:#fff;border-radius:6px;font-size:14px}.TopikExamDetailPage .ExamInfo .TargetBadge{display:inline-block;padding:4px 12px;background-color:var(--color-bg-detail);color:var(--color-text-medium);border-radius:6px;font-size:14px}.TopikExamDetailPage .ExamInfo .InfoItem{font-size:14px;color:var(--color-text-medium)}.TopikExamDetailPage .ExamInfo .Description{font-size:14px;color:var(--color-text-medium);margin:12px 0 0;line-height:1.5}.TopikExamDetailPage .Statistics{margin-bottom:24px}.TopikExamDetailPage .Statistics .SectionTitle{font-size:18px;font-weight:500;color:var(--color-text-dark);margin:0 0 16px}.TopikExamDetailPage .Statistics .StatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: var(--breakpoint-mobile)){.TopikExamDetailPage .Statistics .StatGrid{grid-template-columns:repeat(2,1fr)}}.TopikExamDetailPage .Statistics .StatItem{background-color:var(--color-bg-light);border-radius:12px;padding:16px;text-align:center}.TopikExamDetailPage .Statistics .StatItem .StatValue{display:block;font-size:24px;font-weight:500;color:var(--color-text-dark);margin-bottom:4px}.TopikExamDetailPage .Statistics .StatItem .StatLabel{font-size:12px;color:var(--color-text-medium)}.TopikExamDetailPage .SectionBreakdown .SectionTitle{font-size:18px;font-weight:500;color:var(--color-text-dark);margin:0 0 16px}.TopikExamDetailPage .SectionBreakdown .SectionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: var(--breakpoint-mobile)){.TopikExamDetailPage .SectionBreakdown .SectionGrid{grid-template-columns:1fr}}.TopikExamDetailPage .SectionBreakdown .SectionCard{background-color:var(--color-bg-light);border-radius:12px;padding:16px}.TopikExamDetailPage .SectionBreakdown .SectionCard h3{font-size:16px;font-weight:500;color:var(--color-text-dark);margin:0 0 8px}.TopikExamDetailPage .SectionBreakdown .SectionCard p{font-size:14px;color:var(--color-text-medium);margin:4px 0}.TopikExamDetailPage .SectionBreakdown .SectionCard.clickable{cursor:pointer;transition:background-color .2s ease,transform .2s ease}.TopikExamDetailPage .SectionBreakdown .SectionCard.clickable:hover{background-color:var(--color-bg-dark);transform:translateY(-2px)}.TopikExamDetailPage .SectionBreakdown .TotalQuestions{text-align:center;font-size:14px;color:var(--color-text-medium);margin-top:16px}.TopikExamDetailPage .ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.TopikExamDetailPage .ModalOverlay.active{display:flex;opacity:1}.TopikExamDetailPage .Modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background-color:var(--color-bg-light);border-radius:24px;z-index:1001;display:none;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000026;opacity:0;transition:opacity .3s ease}.TopikExamDetailPage .Modal.active{display:flex;opacity:1}.TopikExamDetailPage .Modal .ModalContent{display:flex;flex-direction:column}.TopikExamDetailPage .Modal .ModalHeader{padding:24px 20px;border-bottom:1px solid var(--color-border-medium)}.TopikExamDetailPage .Modal .ModalHeader .ModalTitle{font-weight:500;font-size:20px;color:var(--color-text-dark);margin:0}.TopikExamDetailPage .Modal .ModalBody{padding:24px 20px}.TopikExamDetailPage .Modal .ModalBody .ModalDescription{font-size:14px;color:var(--color-text-medium);margin:0 0 16px}.TopikExamDetailPage .Modal .ModalBody .InputGroup{display:flex;flex-direction:column;gap:8px}.TopikExamDetailPage .Modal .ModalBody .InputGroup .InputLabel{font-size:14px;color:var(--color-text-medium)}.TopikExamDetailPage .Modal .ModalBody .InputGroup .Input{padding:12px 16px;border:1px solid var(--color-border-medium);border-radius:12px;font-size:14px;background-color:#fff;outline:none}.TopikExamDetailPage .Modal .ModalBody .InputGroup .Input:focus{border-color:var(--color-primary)}.TopikExamDetailPage .Modal .ModalFooter{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border-medium)}.TopikExamDetailPage .Modal .ModalFooter .ModalButton{flex:1;padding:12px 24px;border-radius:12px;border:none;font-size:14px;cursor:pointer;transition:opacity .2s ease}.TopikExamDetailPage .Modal .ModalFooter .ModalButton:hover{opacity:.8}.TopikExamDetailPage .Modal .ModalFooter .ModalButton:disabled{opacity:.5;cursor:not-allowed}.TopikExamDetailPage .Modal .ModalFooter .ModalButton.TertiaryButton{background-color:var(--color-bg-detail);color:var(--color-text-dark)}.TopikExamDetailPage .Modal .ModalFooter .ModalButton.PrimaryButton{background-color:var(--color-primary);color:#fff}.editable-file-field{width:160px;height:160px;border-radius:24px;overflow:hidden;cursor:pointer;position:relative;background-color:#f5f5f5;border:2px dashed #ccc;transition:border-color .2s ease,opacity .2s ease}.editable-file-field:hover:not(.disabled):not(.uploading){border-color:#ef5dd6}.editable-file-field.disabled{cursor:not-allowed;opacity:.6}.editable-file-field.uploading{cursor:wait}.editable-file-field .preview-container{width:100%;height:100%;position:relative}.editable-file-field .preview-container .preview-image{width:100%;height:100%;object-fit:cover}.editable-file-field .preview-container .upload-overlay,.editable-file-field .preview-container .change-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500}.editable-file-field .preview-container .change-overlay{opacity:0;transition:opacity .2s ease}.editable-file-field .preview-container:hover .change-overlay{opacity:1}.editable-file-field .preview-container .upload-overlay{background-color:#000000b3}.editable-file-field .preview-container .remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background-color:#0009;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.editable-file-field .preview-container .remove-btn:hover{background-color:#000c}.editable-file-field .preview-container:hover .remove-btn{opacity:1}.editable-file-field .placeholder-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500}.editable-file-field .placeholder-container .upload-icon{width:48px;height:48px;opacity:.6}.TopikExamSectionPage{flex-grow:1;min-height:100%;background-color:#fff;width:100%;max-width:800px;margin:0 auto;padding-top:24px;padding-bottom:48px}.TopikExamSectionPage .Container{max-width:800px;margin:0 auto;padding:0 20px}.TopikExamSectionPage .Breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:var(--color-text-medium)}.TopikExamSectionPage .Breadcrumb button{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:14px}.TopikExamSectionPage .Breadcrumb button:hover{text-decoration:underline}.TopikExamSectionPage .NoPermission,.TopikExamSectionPage .Loading,.TopikExamSectionPage .Error{text-align:center;padding:48px 24px;font-size:16px;color:var(--color-text-medium)}.TopikExamSectionPage .Error{color:var(--color-secondary)}.TopikExamSectionPage .SectionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.TopikExamSectionPage .SectionHeader .SectionTitle{font-size:24px;font-weight:500;color:var(--color-text-dark);margin:0}.TopikExamSectionPage .SectionHeader .AddButton{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:14px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}.TopikExamSectionPage .SectionHeader .AddButton:hover{opacity:.8}.TopikExamSectionPage .QuestionGroup{background-color:var(--color-bg-light);border-radius:16px;padding:20px;margin-bottom:16px}.TopikExamSectionPage .QuestionGroup .GroupHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.TopikExamSectionPage .QuestionGroup .GroupHeader .GroupInfo{flex:1}.TopikExamSectionPage .QuestionGroup .GroupHeader .GroupInfo .GroupId{font-size:16px;font-weight:500;color:var(--color-text-dark);margin:0 0 8px}.TopikExamSectionPage .QuestionGroup .GroupHeader .GroupInfo .SharedQuestionText{font-size:14px;color:var(--color-text-medium);margin:0 0 8px;line-height:1.5}.TopikExamSectionPage .QuestionGroup .GroupHeader .GroupInfo .ResourceBadge{display:inline-block;padding:4px 8px;background-color:var(--color-bg-detail);color:var(--color-text-medium);border-radius:4px;font-size:12px}.TopikExamSectionPage .QuestionGroup .GroupHeader .EditGroupButton{padding:8px 16px;background-color:var(--color-bg-detail);color:var(--color-text-dark);border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.TopikExamSectionPage .QuestionGroup .GroupHeader .EditGroupButton:hover{opacity:.8}.TopikExamSectionPage .QuestionGroup .AudioPlayer{margin-bottom:16px;padding:12px;background-color:#fff;border-radius:8px}.TopikExamSectionPage .QuestionGroup .AudioPlayer audio{width:100%;height:40px}.TopikExamSectionPage .QuestionGroup .AudioPlayer .AudioScript{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-light)}.TopikExamSectionPage .QuestionGroup .AudioPlayer .AudioScript .ScriptTitle{font-size:12px;font-weight:500;color:var(--color-text-medium);margin:0 0 8px}.TopikExamSectionPage .QuestionGroup .AudioPlayer .AudioScript .ScriptLine{font-size:13px;color:var(--color-text-medium);margin:4px 0;line-height:1.5}.TopikExamSectionPage .QuestionGroup .AudioPlayer .AudioScript .ScriptLine strong{color:var(--color-text-dark)}.TopikExamSectionPage .QuestionGroup .TextResource{margin-bottom:16px;padding:12px;background-color:#fff;border-radius:8px}.TopikExamSectionPage .QuestionGroup .TextResource p{font-size:14px;color:var(--color-text-medium);margin:0;line-height:1.6;white-space:pre-wrap}.TopikExamSectionPage .QuestionGroup .QuestionsTable{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}.TopikExamSectionPage .QuestionGroup .QuestionsTable thead tr{border-bottom:1px solid var(--color-border-light)}.TopikExamSectionPage .QuestionGroup .QuestionsTable thead th{font-weight:400;font-size:12px;color:var(--color-text-medium);text-align:left;padding:10px 8px;white-space:nowrap}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody tr{border-bottom:1px solid var(--color-border-light)}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody tr:last-child{border-bottom:none}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td{font-size:13px;color:var(--color-text-medium);padding:12px 8px;vertical-align:middle}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColNum{width:40px;text-align:center;font-weight:500}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColText{min-width:200px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColText .QuestionText{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColText .QuestionBadges{display:flex;gap:4px;margin-top:4px}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColText .QuestionBadges .Badge{display:inline-block;padding:2px 6px;background-color:var(--color-bg-detail);color:var(--color-text-medium);border-radius:4px;font-size:10px}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColText .QuestionBadges .Badge.audio{background-color:rgba(var(--color-primary,) .1);color:var(--color-primary)}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColType{width:100px}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColType .TypeBadge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;white-space:nowrap}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColType .TypeBadge.multiple-choice{background-color:rgba(#4CAF50,.1);color:#4caf50}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColType .TypeBadge.fill-in-blank{background-color:rgba(#2196F3,.1);color:#2196f3}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColType .TypeBadge.essay{background-color:rgba(#FF9800,.1);color:#ff9800}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColType .TypeBadge.short-answer{background-color:rgba(#9C27B0,.1);color:#9c27b0}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColPoints{width:60px;text-align:center}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff{width:70px;text-align:center}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff .DiffBadge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff .DiffBadge.level-1{background-color:#e8f5e9;color:#4caf50}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff .DiffBadge.level-2{background-color:#e3f2fd;color:#2196f3}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff .DiffBadge.level-3{background-color:#fff3e0;color:#ff9800}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff .DiffBadge.level-4{background-color:#fce4ec;color:#e91e63}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColDiff .DiffBadge.level-5{background-color:#f3e5f5;color:#9c27b0}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColActions{width:60px;text-align:center}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColActions .EditButton{padding:6px 12px;background-color:var(--color-bg-detail);color:var(--color-text-dark);border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.TopikExamSectionPage .QuestionGroup .QuestionsTable .ColActions .EditButton:hover{opacity:.8}@media (max-width: var(--breakpoint-mobile)){.TopikExamSectionPage .QuestionGroup .QuestionsTable thead{display:none}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody tr{display:flex;flex-wrap:wrap;padding:12px 8px;gap:8px}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td{padding:0}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColNum{width:auto;font-size:14px}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColText{width:100%;order:1}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColText .QuestionText{max-width:100%}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColType,.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColPoints,.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColDiff{width:auto}.TopikExamSectionPage .QuestionGroup .QuestionsTable tbody td.ColActions{margin-left:auto}}.TopikExamSectionPage .ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.TopikExamSectionPage .ModalOverlay.active{display:flex;opacity:1}.TopikExamSectionPage .Modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:640px;max-height:90vh;background-color:var(--color-bg-light);border-radius:24px;z-index:1001;display:none;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000026;opacity:0;transition:opacity .3s ease}.TopikExamSectionPage .Modal.active{display:flex;opacity:1}.TopikExamSectionPage .Modal .ModalContent{display:flex;flex-direction:column;max-height:90vh}.TopikExamSectionPage .Modal .ModalHeader{padding:24px 20px;border-bottom:1px solid var(--color-border-medium);flex-shrink:0}.TopikExamSectionPage .Modal .ModalHeader .ModalTitle{font-weight:500;font-size:20px;color:var(--color-text-dark);margin:0}.TopikExamSectionPage .Modal .ModalBody{padding:24px 20px;overflow-y:auto;flex:1}.TopikExamSectionPage .Modal .ModalBody .Error{padding:12px;background-color:rgba(var(--color-secondary,) .1);color:var(--color-secondary);border-radius:8px;margin-bottom:16px;font-size:14px;text-align:left}.TopikExamSectionPage .Modal .ModalBody .FormGrid{display:flex;flex-direction:column;gap:16px}.TopikExamSectionPage .Modal .ModalBody .FormRow{display:flex;gap:12px}@media (max-width: var(--breakpoint-mobile)){.TopikExamSectionPage .Modal .ModalBody .FormRow{flex-direction:column}}.TopikExamSectionPage .Modal .ModalBody .InputGroup{display:flex;flex-direction:column;gap:6px;flex:1}.TopikExamSectionPage .Modal .ModalBody .InputGroup.full{width:100%}.TopikExamSectionPage .Modal .ModalBody .InputGroup .InputLabel{font-size:13px;color:var(--color-text-medium);font-weight:500}.TopikExamSectionPage .Modal .ModalBody .InputGroup .InputHelper{font-size:11px;color:var(--color-text-light)}.TopikExamSectionPage .Modal .ModalBody .InputGroup .Input,.TopikExamSectionPage .Modal .ModalBody .InputGroup .Select,.TopikExamSectionPage .Modal .ModalBody .InputGroup .Textarea{padding:10px 12px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:14px;background-color:#fff;outline:none}:is(.TopikExamSectionPage .Modal .ModalBody .InputGroup .Input,.TopikExamSectionPage .Modal .ModalBody .InputGroup .Select,.TopikExamSectionPage .Modal .ModalBody .InputGroup .Textarea):focus{border-color:var(--color-primary)}.TopikExamSectionPage .Modal .ModalBody .InputGroup .Textarea{resize:vertical;min-height:80px;font-family:inherit}.TopikExamSectionPage .Modal .ModalBody .InputGroup .Select{cursor:pointer}.TopikExamSectionPage .Modal .ModalBody .InputGroup .QuestionImageField{width:100%;height:160px;border-radius:12px}.TopikExamSectionPage .Modal .ModalBody .InputGroup .QuestionImageField .QuestionImagePlaceholder{font-size:14px;color:var(--color-text-light)}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoicesTitle{font-size:13px;color:var(--color-text-medium);font-weight:500;margin-bottom:12px}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceItem{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceItem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceItem:has(.ChoiceImageRow){display:flex;flex-direction:row;align-items:center}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceItem:has(.ChoiceImageRow) .ChoiceRow{width:calc(100% - 100px);flex:1}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceRow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceRow .ChoiceLabel{font-size:14px;font-weight:500;color:var(--color-text-dark);width:24px}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceRow .Input{flex:1}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceImageRow{display:flex;flex-direction:row;align-items:center;gap:12px;margin-left:32px}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceImageRow .ChoiceImageField{width:80px;height:80px;border-radius:8px;flex-shrink:0}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceImageRow .ChoiceImageField .placeholder-container{font-size:12px}.TopikExamSectionPage .Modal .ModalBody .ChoicesSection .ChoiceImageRow .ChoiceImageField .ChoiceImagePlaceholder{font-size:12px;color:var(--color-text-light)}.TopikExamSectionPage .Modal .ModalBody .AudioPreview{margin-top:8px}.TopikExamSectionPage .Modal .ModalBody .AudioPreview audio{width:100%;height:40px}.TopikExamSectionPage .Modal .ModalBody .AudioPreview .RegenerateButton{margin-top:8px;padding:6px 12px;background-color:var(--color-bg-detail);color:var(--color-text-dark);border:none;border-radius:6px;font-size:12px;cursor:pointer}.TopikExamSectionPage .Modal .ModalBody .AudioPreview .RegenerateButton:hover{opacity:.8}.TopikExamSectionPage .Modal .ModalBody .AudioPreview .RegenerateButton.success{background-color:rgba(#4CAF50,.1);color:#4caf50}.TopikExamSectionPage .Modal .ModalFooter{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border-medium);flex-shrink:0}.TopikExamSectionPage .Modal .ModalFooter .ModalButton{flex:1;padding:12px 24px;border-radius:12px;border:none;font-size:14px;cursor:pointer;transition:opacity .2s ease}.TopikExamSectionPage .Modal .ModalFooter .ModalButton:hover{opacity:.8}.TopikExamSectionPage .Modal .ModalFooter .ModalButton:disabled{opacity:.5;cursor:not-allowed}.TopikExamSectionPage .Modal .ModalFooter .ModalButton.TertiaryButton{background-color:var(--color-bg-detail);color:var(--color-text-dark)}.TopikExamSectionPage .Modal .ModalFooter .ModalButton.PrimaryButton{background-color:var(--color-primary);color:#fff}.Gnb{background-color:#f8f9fa;position:relative;width:100%;top:0}.Gnb .Container{background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;justify-content:space-between;padding:16px 20px;position:relative;width:100%;max-width:800px;margin:auto;box-sizing:border-box}.Gnb .Logo{display:flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0}.Gnb .Logo .LogoText{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:1.5;letter-spacing:.24px;color:#dd88cf;white-space:nowrap}.Gnb .Right{display:flex;justify-content:center;align-items:center}.Gnb .Right .login-button{display:flex;align-items:center;justify-content:center}.Gnb .Right .user-menu{position:relative}.Gnb .Right .user-menu .user-info{display:flex;align-items:center;cursor:pointer;padding:0 .8rem;border-radius:25px;background-color:#fff3}.Gnb .Right .user-menu .user-info:hover{background-color:#ffffff4d}.Gnb .Right .user-menu .user-info .username{color:#fff;font-weight:500;margin-right:.8rem;display:none}.Gnb .Right .user-menu .dropdown-menu{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 3px 8px #0000001a;border-radius:8px;min-width:180px;padding:.5rem 0;display:none;z-index:9999}.Gnb .Right .user-menu .dropdown-menu .dropdown-item{display:block;padding:.7rem 1rem;color:#333;text-decoration:none;font-size:.95rem;text-align:left;background:none;border:none;width:100%;cursor:pointer}.Gnb .Right .user-menu .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5}.Gnb .Right .user-menu .dropdown-menu .dropdown-item.logout{color:#eb90dc;border-top:1px solid #eee;margin-top:.3rem}.Gnb .Right .user-menu:hover .dropdown-menu{display:block}.Gnb .Right .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.Gnb .DownloadButton{background-color:#000;border:none;border-radius:24px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s ease}.Gnb .DownloadButton:hover{opacity:.8}.Gnb .DownloadButton:active{opacity:.6}.Gnb .DownloadIcon{width:16px;height:16px;flex-shrink:0}.Gnb .DownloadText{font-family:Pretendard,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#f6f6f6;white-space:nowrap}.Gnb .Right{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:767px){.Gnb .Container{padding:12px 16px}.Gnb .DownloadText{display:none}.Gnb .DownloadButton{padding:8px;width:32px;height:32px;justify-content:center}}.AppBar{display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--color-white);border-top:1px solid var(--color-gray-100);position:fixed;bottom:0;left:0;right:0;height:48px;z-index:var(--z-fixed)}@media print{.AppBar{display:none}}.AppBar .NavButton{display:flex;align-items:center;justify-content:center;flex:1;height:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;text-decoration:none}.AppBar .NavButton:hover{background-color:var(--color-gray-50)}.AppBar .NavButton.Active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:2px;background-color:#503158}.AppBar .NavButton.Logo svg{width:28px;height:28px}.AppBar .NavButton svg{width:24px;height:24px}.AppBar .HideButton,.AppBar .ShowButton{display:none}@media(min-width:900px){.AppBar{flex-direction:column;justify-content:flex-start;width:88px;height:100vh;position:fixed;inset:0 auto auto 0;border-top:none;border-right:1px solid #e4e4e4;padding-top:6px;padding-bottom:0;transition:transform .3s ease}.AppBar.Hidden{transform:translate(-88px)}.AppBar.Hidden .ShowButton{transform:translate(88px)}.AppBar .NavButton{flex:0 0 auto;width:100%;height:auto;padding:var(--spacing-md) var(--spacing-lg)}.AppBar .NavButton.Active:before{display:none}.AppBar .NavButton.Active{background-color:var(--color-gray-50)}.AppBar .HideButton{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background:none;border:none;cursor:pointer;margin-top:auto;margin-bottom:var(--spacing-lg);transition:all var(--transition-base)}.AppBar .HideButton:hover{background-color:var(--color-gray-50)}.AppBar .HideButton svg{width:24px;height:24px}.AppBar .ShowButton{display:none}.AppBar.Hidden .ShowButton{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:20px;width:30px;height:60px;background-color:var(--color-white);border:1px solid #e4e4e4;border-left:none;border-radius:0 15px 15px 0;cursor:pointer;transition:all var(--transition-base);box-shadow:2px 0 4px #0000001a;z-index:var(--z-fixed)}.AppBar.Hidden .ShowButton:hover{background-color:var(--color-gray-50)}.AppBar.Hidden .ShowButton svg{width:24px;height:24px}}.SocialHeader{display:flex;flex-direction:row;position:sticky;top:0;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:1}.SocialHeader .Container{display:flex;flex-direction:row;flex:1;align-items:center;justify-content:space-between;padding:var(--spacing-lg)}.SocialHeader .Container .Left{display:flex;align-items:center;gap:var(--spacing-md)}.SocialHeader .Container .Right{display:flex;align-items:center;gap:var(--spacing-xs)}.SocialHeader .Back{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-radius:var(--radius-full);background-color:transparent;border:none;cursor:pointer;transition:background-color var(--transition-base);color:var(--color-gray-700)}.SocialHeader .Back:hover{background-color:var(--color-gray-100)}.SocialHeader .Back svg{width:24px;height:24px}.SocialHeader .Title{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.SocialHeader .Action{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-radius:var(--radius-full);background-color:transparent;border:none;cursor:pointer;transition:background-color var(--transition-base);color:var(--color-gray-700)}.SocialHeader .Action:hover{background-color:var(--color-gray-100)}.SocialHeader .Action svg{width:24px;height:24px}.FilterTabs{display:flex;flex-direction:column;position:sticky;top:57px;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:1}.FilterTabs .Wrapper{display:flex;padding:var(--spacing-md) var(--spacing-lg)}.FilterTabs .Container{display:flex;flex-direction:row;flex:1;gap:var(--spacing-sm);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.FilterTabs .Container::-webkit-scrollbar{display:none}.FilterTabs .Tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-medium);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background-color:var(--color-gray-100);color:var(--color-gray-700)}.FilterTabs .Tab:hover{background-color:var(--color-gray-200)}.FilterTabs .Tab.Active{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.FilterTabs .Tab.Active:hover{background-color:darken(var(--color-primary-light,) 5%)}.FilterTabs .Divider{width:1px;background-color:var(--color-gray-300);margin:0 var(--spacing-xs)}.PostThin{display:flex;flex-direction:row;gap:12px;align-items:flex-start;justify-content:flex-start;position:relative;width:100%}.PostThin .VerticalLineLower{position:absolute;display:none}.PostThin:not(:last-child) .VerticalLineLower{display:inline;left:10px;width:2px;height:100%;background-color:#e0e0e0}.PostThin .ProfileImage{width:24px;height:24px;border-radius:50%;position:relative;flex-shrink:0;overflow:hidden}.PostThin .Content{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;min-width:0;position:relative}.PostThin .UserInfo{display:flex;gap:2px;align-items:baseline;position:relative;margin-bottom:4px}.PostThin .UserInfo .UserName{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#212121;margin:0;white-space:nowrap}.PostThin .UserInfo .UserCode{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#818181;margin:0;white-space:nowrap}.PostThin .PostContent{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.PostThin .PostContent .TextSection{display:flex;flex-direction:column;width:100%;flex-shrink:1;min-width:0;gap:4px}.PostThin .PostContent .TextSection .Text{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:13px;line-height:16px;color:#212121;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PostThin .PostContent .TextSection .TranslationText{font-family:Pretendard Variable,sans-serif;font-size:12px;line-height:16px;color:#505050;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PostThin .PostContent .WithImage{display:flex;flex-direction:row;gap:4px;align-items:flex-start}.PostThin .PostContent .WithImage .Image{width:50px;height:50px;border-radius:12px;background-color:#d9d9d9;background-size:cover;background-position:center;position:relative;flex-shrink:1;overflow:hidden}.PostThin.Expanded .PostContent .TextSection .Text,.PostThin.Expanded .PostContent .TextSection .TranslationText{white-space:pre-wrap;overflow:visible;text-overflow:unset}.PostThin .InteractionBar{display:flex;gap:16px;align-items:center;margin-top:8px}.PostThin .InteractionBar .InteractionButton{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px;color:#666;transition:color .2s}.PostThin .InteractionBar .InteractionButton:hover{color:#4b164c}.PostThin .InteractionBar .InteractionButton.Active{color:#ef5dd6}.PostThin .InteractionBar .InteractionButton.Active svg{fill:#ef5dd6}.PostThin .InteractionBar .InteractionButton svg{width:18px;height:18px}.PostThin .InteractionBar .InteractionButton .Count{font-size:12px;font-weight:500}.FeedGroup{position:relative;display:flex;flex-direction:column;margin-bottom:24px}.FeedGroup .Header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px 4px 16px;border-radius:8px}.FeedGroup .Header .VerticalLine{position:absolute;left:18px;top:50%;width:2px;height:50%;background-color:#e0e0e0;border-radius:2px}.FeedGroup .Dot{width:10px;height:10px;background-color:#4caf50;border-radius:50%;margin:4px 10px}.FeedGroup .Category{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.FeedGroup .Category .Name{font-size:16px;font-weight:600;color:#1a1a1a;white-space:nowrap}.FeedGroup .Category .Translation{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.FeedGroup .Count{font-size:16px;color:#999;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px}.FeedGroup .Count .Faces{display:flex;flex-direction:row}.FeedGroup .Count .MoreFaces{font-size:12px;line-height:27px;color:#666}.FeedGroup .Contents{display:flex;flex-direction:column;position:relative;padding-left:8px}.FeedGroup .WriteNewPostButton{width:100%;padding:16px 0;margin-top:12px;word-break:keep-all}.FeedGroup .WriteNewPostButton .Button{width:100%;padding:12px;background:none;border:1px solid #E0E0E0;border-radius:8px;font-size:14px;font-weight:500;color:#4b164c;cursor:pointer;transition:all .2s}.FeedGroup .WriteNewPostButton .Button:hover{background-color:#f8f9fa;border-color:#4b164c}.NewPostButton{display:flex;position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-fixed)}.NewPostButton .Button{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:none;cursor:pointer}.NewPostButton .Button:hover{background-color:var(--color-primary-hover);transform:scale(1.05);box-shadow:var(--shadow-lg)}.NewPostButton .Button:active{transform:scale(.95)}.NewPostButton .Button svg{width:24px;height:24px}.LoadingView{display:flex;flex:1;align-items:center;justify-content:center}.LoadingView .Content{display:flex;flex-direction:column;align-items:center;text-align:center}.LoadingView .Spinner{width:var(--spacing-3xl);height:var(--spacing-3xl);border-radius:var(--radius-full);border:2px solid transparent;border-bottom-color:var(--color-primary);animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.LoadingView .Text{color:var(--color-gray-500);font-size:var(--font-sm)}.SocialPage{display:flex;flex-direction:column;background-color:var(--color-white);width:100%;max-width:800px;margin:0 auto}.SocialPage>.Content{flex:1;padding:30px var(--spacing-lg) var(--spacing-3xl)}.SocialPage>.Content.Empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:var(--spacing-3xl) * 2}.SocialPage>.Content.Empty .EmptyContent{display:flex;flex-direction:column;align-items:center;text-align:center}.SocialPage>.Content.Empty .EmptyContent .Title{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.SocialPage>.Content.Empty .EmptyContent .Description{font-size:var(--font-sm);color:var(--color-gray-500)}.SocialPage .PostSections .Section{margin-bottom:var(--spacing-xl)}.SocialPage .PostSections .Section .SectionHeader{padding:var(--spacing-sm) var(--spacing-lg);margin:var(--spacing-xs) 0}.SocialPage .PostSections .Section .SectionHeader .SectionTitle{font-size:var(--font-xs);font-weight:var(--font-normal);color:var(--color-gray-500)}.SocialPage .PostSections .Section .PostWrapper{margin-bottom:var(--spacing-xl)}.SocialPage .PostSections .Section .PostWrapper:last-child{margin-bottom:0}.SocialPage .SeeMoreButton{width:100%;padding:16px 0;margin-top:24px}.SocialPage .SeeMoreButton .Button{width:100%;padding:12px;background:none;border:1px solid #E0E0E0;border-radius:8px;font-size:14px;font-weight:500;color:#4b164c;cursor:pointer;transition:all .2s}.SocialPage .SeeMoreButton .Button:hover{background-color:#f8f9fa;border-color:#4b164c}.SocialPage .LoadingMore{padding:var(--spacing-xl) 0;text-align:center}.SocialPage .LoadingMore .LoadingText{font-size:var(--font-sm);color:var(--color-gray-500)}.PostCard{position:relative;display:flex;flex-direction:column;background-color:var(--color-white);padding:var(--spacing-lg);gap:var(--spacing-sm)}.PostCard .UserHeader{display:flex;align-items:center;justify-content:space-between}.PostCard .UserHeader .UserHeaderLeft{display:flex;align-items:center;gap:var(--spacing-md)}.PostCard .UserHeader .UserHeaderLeft .UserInfo{display:flex;flex-direction:column;gap:2px}.PostCard .UserHeader .UserHeaderLeft .UserInfo .DisplayName{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-900)}.PostCard .UserHeader .UserHeaderLeft .UserInfo .Username{font-size:var(--font-sm);color:var(--color-gray-500)}.PostCard .UserHeader .UserHeaderRight{display:flex;align-items:center;gap:var(--spacing-sm)}.PostCard .UserHeader .UserHeaderRight .LockIcon{width:16px;height:16px;color:var(--color-gray-500)}.PostCard .UserHeader .UserHeaderRight .MoreButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:transparent;border:none;cursor:pointer;color:var(--color-gray-500);transition:background-color var(--transition-base)}.PostCard .UserHeader .UserHeaderRight .MoreButton:hover{background-color:var(--color-gray-100)}.PostCard .UserHeader .UserHeaderRight .MoreButton svg{width:20px;height:20px}.PostCard .ContentSection{display:flex;flex-direction:column;gap:var(--spacing-sm);cursor:pointer}.PostCard .ContentSection .Mentions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.PostCard .ContentSection .Mentions .Mention{color:var(--color-secondary);font-size:var(--font-sm)}.PostCard .ContentSection .ContentText{font-size:var(--font-base);color:var(--color-gray-900);line-height:1.5;white-space:pre-wrap}.PostCard .ContentSection .TranslationPending{font-size:var(--font-sm);color:var(--color-gray-500);font-style:italic}.PostCard .ContentSection .TranslationSection{display:flex;flex-direction:column;gap:var(--spacing-sm)}.PostCard .ContentSection .TranslationSection .TranslationToggle{align-self:flex-start;font-size:var(--font-sm);color:var(--color-secondary);background:none;border:none;cursor:pointer;text-decoration:underline}.PostCard .ContentSection .TranslationSection .TranslationToggle:hover{color:darken(var(--color-secondary,) 10%)}.PostCard .ContentSection .TranslationSection .TranslationText{font-size:var(--font-sm);color:var(--color-gray-700);line-height:1.5;padding:var(--spacing-sm);background-color:var(--color-gray-50);border-radius:var(--radius-md);white-space:pre-wrap}.PostCard .ContentSection .Hashtags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.PostCard .ContentSection .Hashtags .Hashtag{color:#e05eca;font-size:var(--font-sm);cursor:pointer}.PostCard .ContentSection .Hashtags .Hashtag:hover{text-decoration:underline}.PostCard .ContentSection .Media{display:flex;gap:var(--spacing-xs);border-radius:var(--radius-lg);overflow:hidden}.PostCard .ContentSection .Media .MediaItem{position:relative;background-color:var(--color-gray-100);overflow:hidden;cursor:pointer;display:block}.PostCard .ContentSection .Media .MediaItem img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.PostCard .ContentSection .Media .MediaItem:hover img{transform:scale(1.05)}.PostCard .ContentSection .Media.Media1 .MediaItem{width:100%;aspect-ratio:16/9}.PostCard .ContentSection .Media.Media2 .MediaItem{flex:1;aspect-ratio:1}.PostCard .ContentSection .Media.Media3{aspect-ratio:2;flex-direction:column;flex-wrap:wrap}.PostCard .ContentSection .Media.Media3 .MediaItem:first-child{aspect-ratio:1}.PostCard .ContentSection .Media.Media3 .MediaItem:not(:first-child){flex:1;aspect-ratio:2/1}.PostCard .ContentSection .Media.Media4{flex-wrap:wrap}.PostCard .ContentSection .Media.Media4 .MediaItem{width:calc(50% - 2px);aspect-ratio:1}.PostCard .ContentSection .Media.Media5{overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}.PostCard .ContentSection .Media.Media5::-webkit-scrollbar{display:none}.PostCard .ContentSection .Media.Media5 .MediaItem{flex:0 0 200px;aspect-ratio:1}.PostCard .ContentSection .CreatedDate{font-size:var(--font-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.PostCard .InteractionBar{display:flex;align-items:center;justify-content:flex-start;padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-100)}.PostCard .InteractionBar .InteractionButton{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:none;border:none;cursor:pointer;color:var(--color-gray-500);font-size:var(--font-sm);transition:all var(--transition-base)}.PostCard .InteractionBar .InteractionButton:hover{color:var(--color-gray-700)}.PostCard .InteractionBar .InteractionButton.Active{color:#e05eca}.PostCard .InteractionBar .InteractionButton.Active svg{fill:currentColor}.PostCard .InteractionBar .InteractionButton svg{width:20px;height:20px}.PostCard .InteractionBar .InteractionButton .Count{font-weight:var(--font-medium)}.PostReply .View.ReplyContainer{padding:var(--spacing-md) 0}.PostReply .View.ReplyContent{display:flex;gap:var(--spacing-md)}.PostReply .View.ReplyMain{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.PostReply .View.ReplyHeader{display:flex;justify-content:space-between;align-items:flex-start}.PostReply .View.ReplyHeader .View.UserInfo{display:flex;align-items:center;gap:var(--spacing-sm)}.PostReply .View.ReplyHeader .View.UserInfo .Text.Username{font-size:14px;font-weight:500;color:var(--color-gray-900)}.PostReply .View.ReplyHeader .View.UserInfo .Text.Timestamp{font-size:12px;color:var(--color-gray-500)}.PostReply .View.ReplyHeader .View.MoreButtonContainer{position:relative}.PostReply .View.ReplyHeader .View.MoreButtonContainer .Pressable.MoreButton{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.PostReply .View.ReplyHeader .View.MoreButtonContainer .Pressable.MoreButton svg{width:20px;height:20px;color:#8a8f99}.PostReply .View.ReplyHeader .View.MoreButtonContainer .Pressable.MoreButton:hover{background-color:var(--color-gray-50)}.PostReply .View.ReplyHeader .View.MoreButtonContainer .MenuOverlay{position:fixed;inset:0;background-color:transparent;z-index:var(--z-dropdown) - 1}.PostReply .View.ReplyHeader .View.MoreButtonContainer .View.MenuDropdown{position:absolute;top:100%;right:0;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;min-width:120px;z-index:var(--z-dropdown);overflow:hidden}.PostReply .View.ReplyHeader .View.MoreButtonContainer .View.MenuDropdown .Pressable.MenuItem{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.PostReply .View.ReplyHeader .View.MoreButtonContainer .View.MenuDropdown .Pressable.MenuItem:hover{background-color:var(--color-gray-50)}.PostReply .View.ReplyHeader .View.MoreButtonContainer .View.MenuDropdown .Pressable.MenuItem .Text.MenuText{font-size:14px;color:var(--color-gray-900)}.PostReply .Text.ReplyText{font-size:14px;line-height:1.5;color:var(--color-gray-900);word-break:break-word;white-space:pre-wrap}.PostReply .View.MediaContainer{margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.PostReply .View.MediaContainer .FastImage.MediaImage{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.PostReply .View.MediaContainer .FastImage.MediaImage:hover{opacity:.9}.PostDetail{width:100%;max-width:800px}.PostDetail .SafeAreaView.Container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white);width:100%}.PostDetail .View.Header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);height:52px}.PostDetail .View.Header .Pressable.BackButton,.PostDetail .View.Header .Pressable.ReportButton{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}:is(.PostDetail .View.Header .Pressable.BackButton,.PostDetail .View.Header .Pressable.ReportButton) svg{width:24px;height:24px;color:#222}:is(.PostDetail .View.Header .Pressable.BackButton,.PostDetail .View.Header .Pressable.ReportButton):hover{background-color:var(--color-gray-50)}.PostDetail .View.Header .Text.HeaderTitle{font-size:18px;font-weight:600;color:var(--color-gray-900)}.PostDetail .KeyboardAvoidingView,.PostDetail .View.ContentWrapper{flex:1;display:flex;flex-direction:column}.PostDetail .ScrollView.Content{flex:1;overflow-y:auto;padding-bottom:20px}.PostDetail .RefreshControl{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.PostDetail .View.PostContainer{padding:var(--spacing-lg) var(--spacing-lg) 0}.PostDetail .View.Separator{height:8px;background-color:var(--color-gray-100);margin-top:24px}.PostDetail .View.CommentsSection{padding:var(--spacing-lg) 24px}.PostDetail .View.CommentsSection .Text.CommentsTitle{font-size:18px;font-weight:500;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.PostDetail .View.CommentsSection .View.CommentsList{display:flex;flex-direction:column}.PostDetail .View.CommentsSection .View.CommentsList .View.CommentSeparator{height:1px;background-color:var(--color-gray-100);margin:var(--spacing-md) 0}.PostDetail .View.CommentInputContainer{background-color:var(--color-white);border-top:1px solid #F1F1F1;padding:var(--spacing-md) var(--spacing-lg)}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection{margin-bottom:var(--spacing-sm)}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .ScrollView.ImagePreviewScroll{overflow-x:auto;overflow-y:hidden}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .ScrollView.ImagePreviewScroll::-webkit-scrollbar{height:4px}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .ScrollView.ImagePreviewScroll::-webkit-scrollbar-track{background-color:var(--color-gray-50)}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .ScrollView.ImagePreviewScroll::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:2px}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer{display:flex;gap:var(--spacing-sm);padding:4px}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer .View.ImagePreviewWrapper{position:relative}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer .View.ImagePreviewWrapper .FastImage.PreviewImage{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer .View.ImagePreviewWrapper .Pressable.RemoveImageButton{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer .View.ImagePreviewWrapper .Pressable.RemoveImageButton svg{width:14px;height:14px;color:var(--color-white)}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer .View.ImagePreviewWrapper .Pressable.RemoveImageButton:hover{background-color:#000000e6}.PostDetail .View.CommentInputContainer .View.ImagePreviewSection .View.ImagePreviewContainer .View.ImagePreviewWrapper .View.UploadingOverlay{position:absolute;inset:0;background-color:#00000080;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .TextInput.CommentInput{flex:1;background-color:#efefef;border-radius:20px;padding:10px 16px;font-size:14px;color:var(--color-gray-900);max-height:100px;min-height:40px;resize:none;border:none;outline:none;font-family:inherit;line-height:1.4}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .TextInput.CommentInput::placeholder{color:#c0c3c8}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .NewImageButton{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#8a8f99}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .NewImageButton svg{width:20px;height:20px}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .NewImageButton:hover{color:var(--color-primary)}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .Pressable.SendButton{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--transition-fast)}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .Pressable.SendButton svg{width:16px;height:16px;color:var(--color-white)}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .Pressable.SendButton.SendButtonDisabled{background-color:#c0c3c8;cursor:not-allowed}.PostDetail .View.CommentInputContainer .View.CommentInputWrapper .Pressable.SendButton:hover:not(.SendButtonDisabled){background-color:darken(var(--color-primary,) 10%)}.PostDetail .View.ErrorContainer{flex:1;display:flex;align-items:center;justify-content:center;padding:0 32px}.PostDetail .View.ErrorContainer .Text.ErrorText{font-size:16px;color:#8a8f99;text-align:center}.Dialog .DialogOverlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal);animation:fadeIn .2s ease-out;@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.Dialog .DialogContainer{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background-color:var(--color-white);border-radius:var(--radius-lg);padding:24px;min-width:300px;max-width:90vw;max-height:90vh;overflow-y:auto;z-index:var(--z-modal) + 1;box-shadow:0 4px 16px #0003;animation:dialogSlideUp .3s ease-out forwards;@keyframes dialogSlideUp{0%{opacity:0;transform:translate(-50%) translateY(calc(-50% - 30px))}to{opacity:1;transform:translate(-50%) translateY(-50%)}}}.Dialog .DialogContent .Text.DialogHeadline{font-size:18px;font-weight:600;color:var(--color-gray-900);text-align:center}.Dialog .DialogContent .Text.DialogSubline{font-size:14px;color:var(--color-gray-600);text-align:center;line-height:1.5}.Dialog .DialogContent .Pressable.DialogButton{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);background-color:#f5f5f5}.Dialog .DialogContent .Pressable.DialogButton.DialogPrimaryButton{background-color:var(--color-primary);color:#fff}.Dialog .DialogContent .Pressable.DialogButton.DialogSecondaryButton{background-color:#f5f5f5}.Dialog .DialogContent .Pressable.DialogButton:hover{opacity:.9}.Dialog .DialogContent .Pressable.DialogButton .Text.DialogButtonText{font-size:16px;font-weight:500;color:#666}.Dialog .DialogContent .Pressable.DialogButton .Text.DialogPrimaryButtonText{color:var(--color-white)}.Dialog .DialogContent .Pressable.DialogButton .Text.DialogSecondaryButtonText{color:#666}.NewPost .SafeAreaView.Container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white)}.NewPost .View.Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.NewPost .View.Header .Pressable.CancelButton{background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md)}.NewPost .View.Header .Pressable.CancelButton .Text.CancelButtonText{font-size:16px;color:var(--color-gray-900);font-weight:400}.NewPost .View.Header .Pressable.CancelButton:hover{background-color:var(--color-gray-50);border-radius:var(--radius-md)}.NewPost .View.Header .View.HeaderRight{display:flex;align-items:center;gap:var(--spacing-md)}.NewPost .View.Header .View.HeaderRight .Pressable.VisibilityButton{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md)}.NewPost .View.Header .View.HeaderRight .Pressable.VisibilityButton .Text.VisibilityButtonText{font-size:14px;color:#666;font-weight:500}.NewPost .View.Header .View.HeaderRight .Pressable.VisibilityButton svg{width:16px;height:16px;color:#666}.NewPost .View.Header .View.HeaderRight .Pressable.VisibilityButton:hover{background-color:var(--color-gray-50);border-radius:var(--radius-md)}.NewPost .View.Header .View.HeaderRight .Pressable.PostButton{padding:10px 20px;border-radius:20px;min-width:60px;text-align:center;border:none;cursor:pointer;transition:all var(--transition-fast)}.NewPost .View.Header .View.HeaderRight .Pressable.PostButton.PostButtonActive{background-color:var(--color-primary)}.NewPost .View.Header .View.HeaderRight .Pressable.PostButton.PostButtonDisabled{background-color:#e9e9e9;cursor:not-allowed}.NewPost .View.Header .View.HeaderRight .Pressable.PostButton .Text.PostButtonText{font-size:16px;font-weight:600}.NewPost .View.Header .View.HeaderRight .Pressable.PostButton .Text.PostButtonText.PostButtonTextActive{color:var(--color-white)}.NewPost .View.Header .View.HeaderRight .Pressable.PostButton .Text.PostButtonText.PostButtonTextDisabled{color:#9d9d9d}.NewPost .KeyboardAvoidingView{flex:1;display:flex;flex-direction:column}.NewPost .ScrollView{flex:1;overflow-y:auto}.NewPost .View.ContentSection{padding:var(--spacing-sm) var(--spacing-lg)}.NewPost .View.ContentSection.ContentSectionWriting{min-height:100px}.NewPost .View.ContentSection .TextInput{width:100%;font-size:16px;line-height:22px;color:var(--color-gray-900);min-height:100px;resize:none;border:none;outline:none;font-family:inherit}.NewPost .View.ContentSection .TextInput::placeholder{color:#a0a0a0}.NewPost .View.ContentSection .TextInput.TextInputWriting{min-height:150px}.NewPost .View.TranslationNotice{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm)}.NewPost .View.TranslationNotice svg{width:16px;height:16px;color:#8a8f99}.NewPost .View.TranslationNotice .Text.TranslationNoticeText{font-size:13px;color:#8a8f99;font-style:italic;flex:1}.NewPost .View.HashtagSection{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.NewPost .View.HashtagSection .View.HashtagHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.NewPost .View.HashtagSection .View.HashtagHeader .Text.HashtagTitle{font-size:14px;color:#8a8f99}.NewPost .View.HashtagSection .View.HashtagHeader .Text.LoadingText{font-size:12px;color:#c0c3c8}.NewPost .View.HashtagSection .View.HashtagButtons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton{display:flex;align-items:center;padding:8px 12px;border-radius:20px;background-color:#f4f4f4;gap:4px;border:none;cursor:pointer;transition:all var(--transition-fast)}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton.HashtagButtonSelected{background-color:var(--color-primary)}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton.HashtagButtonSelected svg{width:16px;height:16px;color:var(--color-white)}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton:hover:not(.HashtagButtonSelected){background-color:#e8e8e8}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton .Text.HashtagButtonText{font-size:14px;font-weight:500;color:#848484}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton .Text.HashtagButtonText.HashtagButtonTextSelected{color:var(--color-white)}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton .View.HotBadge{background-color:#ffb800;border-radius:8px;padding:2px 4px}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton .View.NewBadge{background-color:#ff6b6b;border-radius:8px;padding:2px 4px}.NewPost .View.HashtagSection .View.HashtagButtons .Pressable.HashtagButton .Text.NewBadgeText{font-size:10px;color:var(--color-white);font-weight:600}.NewPost .View.ImagesSection{padding:var(--spacing-md) var(--spacing-lg)}.NewPost .View.ImagesSection .ScrollView.ImageScrollView{overflow-x:auto;overflow-y:hidden}.NewPost .View.ImagesSection .ScrollView.ImageScrollView::-webkit-scrollbar{height:4px}.NewPost .View.ImagesSection .ScrollView.ImageScrollView::-webkit-scrollbar-track{background-color:var(--color-gray-50)}.NewPost .View.ImagesSection .ScrollView.ImageScrollView::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:2px}.NewPost .View.ImagesSection .View.ImagesContainer{display:flex;gap:var(--spacing-md)}.NewPost .View.ImagesSection .View.ImagesContainer .View.ImageWrapper{position:relative}.NewPost .View.ImagesSection .View.ImagesContainer .View.ImageWrapper .View.ImagePlaceholder{width:100px;height:100px;border-radius:var(--radius-md);background-color:var(--color-gray-100);overflow:hidden}.NewPost .View.ImagesSection .View.ImagesContainer .View.ImageWrapper .View.ImagePlaceholder .FastImage.SelectedImage{width:100%;height:100%;object-fit:cover}.NewPost .View.ImagesSection .View.ImagesContainer .View.ImageWrapper .Pressable.RemoveImageButton{position:absolute;top:4px;right:4px;background-color:var(--color-white);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0003;border:1px solid #F0F0F0;cursor:pointer}.NewPost .View.ImagesSection .View.ImagesContainer .View.ImageWrapper .Pressable.RemoveImageButton svg{width:16px;height:16px;color:var(--color-gray-900)}.NewPost .View.ImagesSection .View.ImagesContainer .View.ImageWrapper .Pressable.RemoveImageButton:hover{background-color:var(--color-gray-50)}.NewPost .View.NewImageButton{padding:var(--spacing-lg)}.NewPost .View.NewImageButton .Pressable.AddImageButton{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg);background-color:var(--color-gray-50);border:1px dashed var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.NewPost .View.NewImageButton .Pressable.AddImageButton svg{width:24px;height:24px;color:#8a8f99}.NewPost .View.NewImageButton .Pressable.AddImageButton .Text.AddImageText{font-size:14px;color:#8a8f99;font-weight:500}.NewPost .View.NewImageButton .Pressable.AddImageButton:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.NewPost .DialogContent{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.NewPost .DialogContent .Text.DialogHeadline{font-size:18px;font-weight:600;color:var(--color-gray-900);text-align:center}.NewPost .DialogContent .Text.DialogSubline{font-size:14px;color:var(--color-gray-600);text-align:center;line-height:1.5}.NewPost .DialogContent .Pressable.DialogButton{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);background-color:#f5f5f5}.NewPost .DialogContent .Pressable.DialogButton.DialogPrimaryButton{background-color:var(--color-primary)}.NewPost .DialogContent .Pressable.DialogButton.DialogSecondaryButton{background-color:#f5f5f5}.NewPost .DialogContent .Pressable.DialogButton:hover{opacity:.9}.NewPost .DialogContent .Pressable.DialogButton .Text.DialogButtonText{font-size:16px;font-weight:500;color:#666}.NewPost .DialogContent .Pressable.DialogButton .Text.DialogPrimaryButtonText{color:var(--color-white)}.NewPost .DialogContent .Pressable.DialogButton .Text.DialogSecondaryButtonText{color:#666}.LoadingCircle{position:fixed;left:0;top:0;background-color:#fff0;transition:.4s;z-index:-1;--magnitude: 24px;@keyframes swingUpSideDown{12.5%{transform:translateY(var(--magnitude))}25.0%{transform:translate(0)}25.1%{transform:rotate(180deg) translate(0)}37.5%{transform:rotate(180deg) translateY(var(--magnitude))}50.0%{transform:rotate(180deg) translate(0)}50.1%{transform:rotate(0) translate(0)}62.5%{transform:rotate(0) translateY(var(--magnitude))}75.0%{transform:rotate(180deg) translateY(var(--magnitude))}87.5%{transform:rotate(360deg) translateY(var(--magnitude))}100.0%{transform:rotate(360deg) translate(0)}}}.LoadingCircle.Show{background-color:#f4f4f4cc;z-index:3}.LoadingCircle.Show.Animated{background-color:#e1e1e1cc}.LoadingCircle.Show .Holder{opacity:1}.LoadingCircle .Holder{--size: 16px;position:absolute;left:calc(100% / 2 - var(--size) / 2);top:calc(100% / 2 - var(--size) / 2);width:var(--size);height:var(--size);transition:.4s;opacity:0}.LoadingCircle .Holder:not(.Center) .Circle{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:swingUpSideDown}.LoadingCircle .Holder .Circle{border-radius:var(--size);position:relative;width:100%;height:100%;-webkit-mask:url(https://\ static.webtoon.today/ddah/Circle.svg) no-repeat center;mask:url(https://\ static.webtoon.today/ddah/Circle.svg) no-repeat center}.LoadingCircle .Holder.Center .Circle{background-color:#a0bec8}.LoadingCircle .Holder.Bottom{transform:rotate(0)}.LoadingCircle .Holder.Bottom .Circle{background-color:#2e50a9}.LoadingCircle .Holder.Left{transform:rotate(90deg)}.LoadingCircle .Holder.Left .Circle{background-color:#ae31a9}.LoadingCircle .Holder.Top{transform:rotate(180deg)}.LoadingCircle .Holder.Top .Circle{background-color:#ab58dd}.LoadingCircle .Holder.Right{transform:rotate(270deg)}.LoadingCircle .Holder.Right .Circle{background-color:#799fd9}.IsometricRoom{position:relative;width:100%;max-width:470px;aspect-ratio:470 / 540;overflow:hidden;margin:0 auto;box-sizing:border-box;background-color:#f5f5f5;border:2px solid #E0E0E0;border-radius:8px}.IsometricRoom.Loading{min-height:300px;display:flex;align-items:center;justify-content:center}.IsometricRoom .IsometricRoomInner{position:relative}.IsometricRoom .Wallpaper{position:relative;width:100%;object-fit:contain}.IsometricRoom .OrnamentLayer{position:absolute;pointer-events:none}.IsometricRoom .PlacedOrnament{pointer-events:none}.IsometricRoom .PlacedOrnament .OrnamentImage{width:100%;height:100%;object-fit:contain;pointer-events:none}.RoomEditor{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden}.RoomEditor.Loading{min-height:400px;display:flex;align-items:center;justify-content:center}.RoomEditor .EditorHeader{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #F0F0F0;gap:12px}.RoomEditor .EditorHeader h3{flex:1;margin:0;font-size:16px;font-weight:600;color:#212121}.RoomEditor .EditorHeader .WallpaperButton{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#666}.RoomEditor .EditorHeader .WallpaperButton:hover{background:#e0e0e0}.RoomEditor .EditorHeader .WallpaperButton svg{font-size:18px}.RoomEditor .EditorHeader .CloseButton{padding:4px;background:none;border:none;cursor:pointer;color:#666}.RoomEditor .EditorHeader .CloseButton:hover{color:#212121}.RoomEditor .RoomPreview{position:relative;margin:16px auto;border:2px solid #E0E0E0;border-radius:8px;overflow:hidden;background:#f5f5f5}.RoomEditor .RoomPreview .Wallpaper{width:100%;object-fit:contain}.RoomEditor .RoomPreview .OrnamentLayer{position:absolute;cursor:crosshair}.RoomEditor .RoomPreview .PlacedOrnament{cursor:pointer;transition:box-shadow .2s}.RoomEditor .RoomPreview .PlacedOrnament:hover{box-shadow:0 0 0 2px #e05eca4d}.RoomEditor .RoomPreview .PlacedOrnament.Selected{box-shadow:0 0 0 3px #e05eca}.RoomEditor .RoomPreview .PlacedOrnament .OrnamentImage{width:100%;height:100%;object-fit:contain;pointer-events:none}.RoomEditor .ActionBar{display:flex;justify-content:center;gap:12px;padding:12px;border-top:1px solid #F0F0F0}.RoomEditor .ActionBar .ActionButton{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#333}.RoomEditor .ActionBar .ActionButton:hover:not(:disabled){background:#e0e0e0}.RoomEditor .ActionBar .ActionButton:disabled{opacity:.5;cursor:not-allowed}.RoomEditor .ActionBar .ActionButton.Delete{background:#ffebee;color:#d32f2f}.RoomEditor .ActionBar .ActionButton.Delete:hover:not(:disabled){background:#ffcdd2}.RoomEditor .ActionBar .ActionButton svg{font-size:18px}.RoomEditor .OrnamentPalette{padding:16px;border-top:1px solid #F0F0F0;background:#fafafa}.RoomEditor .OrnamentPalette h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#666}.RoomEditor .OrnamentPalette .PaletteGrid{display:flex;flex-wrap:wrap;gap:12px}.RoomEditor .OrnamentPalette .EmptyText{color:#999;font-size:14px;margin:0}.RoomEditor .OrnamentPalette .PaletteItem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#fff;border:1px solid #E0E0E0;border-radius:8px;cursor:grab;transition:transform .2s,box-shadow .2s}.RoomEditor .OrnamentPalette .PaletteItem:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.RoomEditor .OrnamentPalette .PaletteItem:active{cursor:grabbing}.RoomEditor .OrnamentPalette .PaletteItem img{width:48px;height:48px;object-fit:contain}.RoomEditor .OrnamentPalette .PaletteItem span{font-size:11px;color:#666;max-width:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.RoomEditor .ModalOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.RoomEditor .WallpaperPicker{background:#fff;border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow-y:auto}.RoomEditor .WallpaperPicker h4{margin:0 0 16px;font-size:18px;font-weight:600}.RoomEditor .WallpaperPicker .WallpaperGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.RoomEditor .WallpaperPicker .WallpaperItem{border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s}.RoomEditor .WallpaperPicker .WallpaperItem:hover{border-color:#e0e0e0}.RoomEditor .WallpaperPicker .WallpaperItem.Active{border-color:#e05eca}.RoomEditor .WallpaperPicker .WallpaperItem img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.RoomEditor .WallpaperPicker .ClosePickerButton{width:100%;padding:10px;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:14px}.RoomEditor .WallpaperPicker .ClosePickerButton:hover{background:#e0e0e0}.RoomEditor .SavingOverlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:100}.UserProfilePage{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;width:100%;max-width:800px}.UserProfilePage .Content{flex:1;overflow-y:auto;padding-bottom:100px}.UserProfilePage .ProfileBox{background-color:#fff;border-bottom:1px solid #F0F0F0}.UserProfilePage .ProfileBox .ProfileHeader{display:flex;padding:24px;gap:16px}.UserProfilePage .ProfileBox .ProfileImageContainer{width:102px;height:102px;border-radius:51px;overflow:hidden;background-color:#f5f5f5;flex-shrink:0}.UserProfilePage .ProfileBox .ProfileInfo{flex:1;display:flex;flex-direction:column;gap:8px}.UserProfilePage .ProfileBox .UsernameSection{display:flex;align-items:center;justify-content:space-between}.UserProfilePage .ProfileBox .DisplayName{display:block;font-size:16px;font-weight:500;color:#212121}.UserProfilePage .ProfileBox .Username{display:block;font-size:12px;color:#a4a4a4}.UserProfilePage .ProfileBox .StatsSection{display:flex;margin-top:8px;gap:24px}.UserProfilePage .ProfileBox .StatItem{display:flex;flex-direction:column;gap:2px}.UserProfilePage .ProfileBox .StatLabel{font-size:12px;color:#212121}.UserProfilePage .ProfileBox .StatNumber{font-size:14px;font-weight:600;color:#212121}.UserProfilePage .ProfileBox .RoomContainer{margin-top:24px;padding:0 24px 16px}.UserProfilePage .ProfileBox .RoomHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.UserProfilePage .ProfileBox .RoomTitle{font-size:16px;font-weight:600;color:#212121;margin:0}.UserProfilePage .ProfileBox .EditRoomButton{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#666}.UserProfilePage .ProfileBox .EditRoomButton:hover{background:#e0e0e0}.UserProfilePage .ProfileBox .EditRoomButton svg{font-size:16px}.UserProfilePage .PostsSection{padding:0 16px}.UserProfilePage .EmptyState{padding-top:100px;text-align:center}.UserProfilePage .EmptyState .EmptyText{font-size:18px;font-weight:600;color:#1d263a;margin:0 0 8px}.UserProfilePage .EmptyState .EmptySubtext{font-size:14px;color:#8a8f99;margin:0}.UserProfilePage .MonthSection{margin-bottom:16px}.UserProfilePage .MonthDivider{padding:8px 16px;margin:4px 0}.UserProfilePage .MonthText{font-size:12px;font-weight:400;color:#8a8f99}.UserProfilePage .PostsList{display:flex;flex-direction:column}.UserProfilePage .PostItem .ReplyToText{font-size:14px;color:#666;font-style:italic;cursor:pointer}.UserProfilePage .PostItem .ReplyToText .ReplyPostId{color:#e05eca}.UserProfilePage .PostItem .ReplyWrapper{padding-left:32px}.UserProfilePage .Separator{height:24px}.ScenarioCard{margin:8px;border-radius:12px;overflow:hidden;background:#111;cursor:pointer;position:relative;aspect-ratio:9 / 16;transition:transform .15s}.ScenarioCard:hover{transform:scale(1.02)}.ScenarioCard:active{transform:scale(1)}.ScenarioCard .Image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ScenarioCard .Gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));display:flex;flex-direction:column;justify-content:flex-end;padding:12px;gap:4px}.ScenarioCard .Gradient .Title{color:#fff;font-size:16px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ScenarioCard .Gradient .Desc{color:#fffc;font-size:12px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.CharacterList{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 72px);background:var(--section-bg);width:100%;max-width:800px}.CharacterList .TabBar{display:flex;padding:0 16px;gap:20px;border-bottom:1px solid var(--border);background:var(--card-bg);position:sticky;top:0;z-index:10}.CharacterList .TabBar .Tab{position:relative;padding:14px 0 12px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-secondary);transition:color .2s}.CharacterList .TabBar .Tab.Active{color:#722cff}.CharacterList .TabBar .Tab:hover:not(.Active){color:var(--text-primary)}.CharacterList .TabBar .Tab .Indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#722cff;border-radius:2px 2px 0 0}.CharacterList .Grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px;flex:1}.CharacterList .Empty{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:80px 32px}.CharacterList .Empty p{color:var(--text-secondary);font-size:14px;text-align:center}.CharacterList .Fab{position:fixed;right:20px;bottom:92px;width:56px;height:56px;border-radius:50%;background:#722cff;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #722cff66;transition:background .2s,transform .15s;z-index:20}.CharacterList .Fab:hover{background:#5c1fe0}.CharacterList .Fab:active{transform:scale(.95)}.CharacterList .Fab svg{font-size:24px}.TagInputContainer{border-radius:12px;border:1.5px solid var(--border);padding:8px;display:flex;flex-wrap:wrap;align-items:center;height:100%;gap:4px;background:var(--input-bg)}.TagInputContainer .TagChip{display:flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:16px;flex-shrink:0;background:#722cff;color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:600}.TagInputContainer .TagChip.delete-ready{background:#cc2030}.TagInputContainer .TagChip .TagRemoveIcon{font-size:12px}.TagInputContainer .TagInputField{flex:1;min-width:80px;padding:6px;font-size:15px;border:none;outline:none;background:transparent;color:var(--text-primary)}.ScenarioCreation{display:flex;flex-direction:column;height:100vh;background:var(--section-bg);max-width:800px;width:100%;margin:0 auto}.ScenarioCreation .ScenarioCreationHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.ScenarioCreation .ScenarioCreationHeader .ScenarioBackBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;cursor:pointer;color:var(--text-primary);border-radius:50%}.ScenarioCreation .ScenarioCreationHeader .ScenarioBackBtn:hover{background:var(--border)}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn{padding:10px 20px;border-radius:20px;border:none;background:#d0d0d0;color:#fff;font-size:15px;font-weight:700;cursor:not-allowed;transition:background .2s,transform .1s,box-shadow .2s}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.complete{background:#722cff;cursor:pointer;animation:pulseGlow 2s ease-in-out infinite}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.complete:hover{background:#5c1fe0}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.complete:active{transform:scale(.97)}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.loading{opacity:.7;cursor:not-allowed;animation:none}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn:disabled{cursor:not-allowed}.ScenarioCreation .ScenarioTabBar{display:flex;overflow-x:auto;padding:0 16px;gap:20px;background:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;top:61px;z-index:10;scrollbar-width:none}.ScenarioCreation .ScenarioTabBar::-webkit-scrollbar{display:none}.ScenarioCreation .ScenarioTabBar .ScenarioTab{position:relative;display:flex;align-items:center;gap:4px;padding:13px 0 11px;white-space:nowrap;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);flex-shrink:0;transition:color .2s}.ScenarioCreation .ScenarioTabBar .ScenarioTab.Active{color:#722cff}.ScenarioCreation .ScenarioTabBar .ScenarioTab:hover:not(.Active){color:var(--text-primary)}.ScenarioCreation .ScenarioTabBar .ScenarioTab .TabCheck{font-size:12px;color:#22c55e;font-weight:700}.ScenarioCreation .ScenarioTabBar .ScenarioTab .TabIndicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#722cff;border-radius:2px 2px 0 0}.ScenarioCreation .ScenarioTabContent{flex:1;overflow-y:auto;padding-bottom:80px}.ScenarioCreation .ScenarioTabContent::-webkit-scrollbar{width:0;background:transparent}.ScenarioCreation .ScenarioSection{background:var(--card-bg);border-radius:16px;padding:16px;margin:12px 16px;box-shadow:0 1px 4px #0000000f}.ScenarioCreation .ScenarioSection .SectionTitle{font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.ScenarioCreation .ScenarioSection .SectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ScenarioCreation .ScenarioSection .SectionHeader .SectionTitle{margin-bottom:0}.ScenarioCreation .ScenarioProfileHeader{padding:12px 16px 4px}.ScenarioCreation .ScenarioProfileHeader .ProfileHeaderTitle{font-size:15px;font-weight:700;color:var(--text-primary)}.ScenarioCreation .ScenarioProfileHeader .ProfileHeaderSubtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.MaxHint{font-size:11px;color:var(--text-secondary);opacity:.5;text-align:right;margin-top:-10px;margin-bottom:12px}.FieldLabel{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px;margin-top:4px}.FieldInput{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-size:15px;outline:none;box-sizing:border-box;margin-bottom:12px;background:var(--input-bg);color:var(--text-primary)}.FieldInput:focus{border-color:#722cff}.FieldTextarea{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-size:15px;min-height:100px;resize:vertical;outline:none;box-sizing:border-box;margin-bottom:12px;background:var(--input-bg);color:var(--text-primary)}.FieldTextarea:focus{border-color:#722cff}.ChipRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ImageChip{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;border-radius:12px;border:2px solid transparent;transition:border-color .15s}.ImageChip img{width:56px;height:56px;border-radius:10px;object-fit:cover}.ImageChip span{font-size:11px;font-weight:600;color:var(--text-primary)}.ImageChip.selected{border-color:#722cff}.ImageChip.selected img{box-shadow:0 0 0 2px #722cff}.ImageChip.selected span{color:#722cff}.AddButton{width:100%;height:54px;border-radius:14px;border:1.5px dashed var(--border);background:none;cursor:pointer;font-size:14px;color:var(--text-muted);margin:4px 0 16px;transition:border-color .2s,color .2s}.AddButton:hover{border-color:#722cff;color:#722cff}.AddButton:disabled{opacity:.4;cursor:not-allowed}.Divider{height:1px;background:var(--border);margin:16px 0}.IconBtn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--text-secondary)}.IconBtn:hover{color:#722cff}.RemoveBtn{background:none;border:none;cursor:pointer;font-size:16px;font-weight:700;color:var(--text-muted);padding:2px 6px}.RemoveBtn:hover{color:#ff3b30}.MoreButton{padding:8px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--section-bg);cursor:pointer;font-size:13px;color:var(--text-muted)}.MoreButton:hover{border-color:#722cff;color:#722cff}@keyframes pulseGlow{0%{box-shadow:0 0 #722cff66}50%{box-shadow:0 0 0 8px #722cff00}to{box-shadow:0 0 #722cff00}}.ContentTab{overflow-y:auto;padding-bottom:60px}.ContentTab .CharacterRow{display:flex;align-items:flex-start;gap:8px}.ContentTab .CharacterThumbBtn{width:84px;height:84px;border-radius:12px;overflow:hidden;background:#0000000d;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.ContentTab .CharacterThumbBtn img{width:100%;height:100%;object-fit:cover}.ContentTab .CharacterThumbBtn span{font-size:28px;color:var(--text-primary)}.ContentTab .CharacterFields{flex:1}.ContentTab .FieldLabelDesc{font-size:11px;opacity:.6;font-weight:400}.ContentTab .NpcAdvancedToggle{width:100%;padding:8px;margin-top:4px;background:none;border:0;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);text-align:center}.ContentTab .FieldRow{display:flex;gap:8px}.ContentTab .FieldHalf{flex:1}.ContentTab .AddBtnWrapper{padding:4px 16px 24px}.ContentTab .DividerInset{margin:0 16px}.ContentTab .DisabledInput{opacity:.6}.BubbleWrapper{opacity:0;transition:opacity .3s ease}.BubbleContainer{display:flex;flex-direction:row;align-items:flex-end;width:100%;padding-left:4px;padding-right:4px}.BubbleContainer.Left{justify-content:flex-start}.BubbleContainer.Right{justify-content:flex-end}.Bubble{margin-left:10px;margin-right:4px;padding:6px 10px;max-width:calc(var(--feed-width) * .7);overflow:hidden;border-radius:12px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.Bubble.Their{background:light-dark(rgb(244,244,244),#374151);color:light-dark(#212121,white)}.Bubble.Own{margin-Left:120px;background:light-dark(rgb(223,233,193),rgb(100,130,101))}.Bubble.WithAvatar{border-top-left-radius:0}.Bubble.Transparent{background:transparent;padding:0}.Bubble .adsbygoogle{min-width:300px;min-height:50px}.BubbleText{font-size:14px;line-height:22px;word-break:keep-all;word-wrap:break-word;-webkit-user-select:none;user-select:none}.BubbleText .UrlText{color:#007aff;text-decoration:underline;cursor:pointer}.BubbleText .Bold{font-weight:700}.BubbleText .Italic{padding-right:3px;font-style:italic}.BubbleText .StyledSingle{color:light-dark(rgb(150,150,150),#9ca3af)}.BubbleText .EmojiOnly{font-size:24px;line-height:36px}.BubbleImages{display:flex;flex-direction:row;width:100%}.BubbleImages.Left{justify-content:flex-start;padding-left:10px;padding-right:4px}.BubbleImages.Right{justify-content:flex-end;padding-left:4px;padding-right:10px}.ImageGrid{display:flex;flex-wrap:wrap;gap:4px;max-width:70vw;height:200px}.ImageGrid.Single .GridItem{width:200px;height:200px}.ImageGrid.Double{width:300px}.ImageGrid.Double .GridItem{width:calc(50% - 2px);height:100%}.ImageGrid.Triple{flex-direction:column;width:300px}.ImageGrid.Triple .GridItem:first-child{width:66%;height:100%}.ImageGrid.Triple .GridItem:not(:first-child){width:32%;height:calc(50% - 2px)}.ImageGrid.Quad .GridItem{width:calc(50% - 2px);height:calc(50% - 2px)}.GridItem{border-radius:8px;overflow:hidden;cursor:pointer;position:relative}.GridItem img{width:100%;height:100%;object-fit:cover}.GridItem.Locked{background:#e5e7eb}.GridItem.Locked img{filter:blur(8px);image-rendering:pixelated}.GridItem.Locked:after{content:"🔒";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px}.BubbleRender{display:flex;flex-direction:row;align-items:flex-start;width:100%;margin-top:4px;opacity:0;transition:opacity .3s ease}.BubbleRender.Left{justify-content:flex-start}.BubbleRender.Right{justify-content:flex-end}.BubbleRender.SystemImage{width:calc(100% + 32px);margin:12px 0 12px -16px;background:#000;border-top:12px solid #333;border-bottom:12px solid #333}.BubbleRender.SystemImage a{display:block;width:100%}.BubbleRender.SystemImage img{width:100%;aspect-ratio:2 / 1;object-fit:cover;cursor:pointer}.BubbleRender:has(.AvatarSpace>.AvatarButton){margin-top:16px}.BubbleRender .AvatarSpace{width:36px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.BubbleRender .AvatarButton{padding:0;border:none;background:none;cursor:pointer}.BubbleRender .Avatar{width:32px;height:32px;border-radius:16px;object-fit:cover;margin-bottom:20px}.BubbleRender .Avatar.AvatarPlaceholder{background:light-dark(#e5e7eb,#374151);display:flex;align-items:center;justify-content:center}.BubbleRender .BubbleContent{display:flex;flex-direction:column;min-width:0}.BubbleRender .SenderName{padding:0;border:none;background:none;cursor:pointer;font-size:14px;text-align:left;margin-left:10px;color:light-dark(#a0a0a0,#9ca3af);margin-bottom:2px}.IntroTab{display:flex;flex-direction:column;height:100%;background:var(--section-bg)}.IntroTab .IntroScrollArea{flex:1;overflow-y:auto;padding:16px}.IntroTab .IntroTitle{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.IntroTab .IntroEmpty{text-align:center;margin-top:40px;color:var(--text-muted)}.IntroTab .IntroEmpty .IntroEmptyIcon{font-size:48px}.IntroTab .IntroEmpty .IntroEmptyText{margin-top:12px}.IntroTab .IntroBubbleRow{position:relative;display:flex;flex-direction:row;align-items:center}.IntroTab .IntroBubbleRow .RemoveBtn{flex:0}.IntroTab .IntroInputBar{padding:12px;background:var(--card-bg);border-top:1px solid var(--border)}.IntroTab .IntroInputBar .IntroRoleRow{display:flex;overflow-x:auto;gap:8px;margin-bottom:10px;padding-bottom:4px;scrollbar-width:none}.IntroTab .IntroInputBar .IntroRoleRow::-webkit-scrollbar{display:none}.IntroTab .IntroInputBar .IntroRoleBtn{flex-shrink:0;padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;transition:background .15s,color .15s}.IntroTab .IntroInputBar .IntroRoleBtn.active{background:#722cff;color:#fff;border-color:#722cff}.IntroTab .IntroInputBar .IntroSendRow{display:flex;align-items:center;gap:8px}.IntroTab .IntroInputBar .IntroSendRow .IntroSendInput{flex:1;margin:0;height:44px;border-radius:22px}.IntroTab .IntroInputBar .IntroSendRow .IntroSendBtn{color:#722cff;flex-shrink:0;font-size:18px}.IntroTab .IntroInputBar .IntroSendRow .IntroImageBtn{color:#722cff;flex-shrink:0}.IntroTab .IntroEditOverlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.IntroTab .IntroEditOverlay .IntroEditModal{background:var(--card-bg);border-radius:12px;width:100%;max-width:520px;margin:16px;padding:20px}.IntroTab .IntroEditOverlay .IntroEditModal .IntroEditTitle{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.IntroTab .IntroEditOverlay .IntroEditModal .IntroEditSender{display:flex;align-items:center;gap:8px;margin-bottom:12px}.IntroTab .IntroEditOverlay .IntroEditModal .IntroEditSender img{width:20px;height:20px;border-radius:10px;object-fit:cover}.IntroTab .IntroEditOverlay .IntroEditModal .IntroEditSender span{font-weight:600;color:var(--text-secondary)}.IntroTab .IntroEditOverlay .IntroEditModal .IntroEditActions{display:flex;justify-content:flex-end;gap:8px}.IntroTab .IntroEditOverlay .IntroEditModal .IntroEditActions .IntroEditSaveBtn{padding:8px 20px;border-radius:12px;border:none;background:#722cff;color:#fff;font-weight:700;cursor:pointer}.ExampleEditor{display:flex;flex-direction:column;height:100%;background:var(--card-bg);width:100%;max-width:800px;margin:0 auto}.ExampleEditor .ExampleEditorHeader{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.ExampleEditor .ExampleEditorHeader .ExampleEditorTitle{font-size:17px;font-weight:600;color:var(--text-primary)}.ExampleEditor .ExampleEditorHeader .ExampleEditorDoneBtn{background:none;border:none;cursor:pointer;color:#722cff;font-weight:700;font-size:15px}.ExampleEditor .ExampleScrollArea{flex:1;overflow-y:auto;padding:16px}.ExampleEditor .ExBubbleRow{position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center}.ExampleEditor .ExBubbleRow .RemoveBtn{flex:0}.ExampleEditor .ExampleInputBar{padding:12px;background:var(--card-bg);border-top:1px solid var(--border)}.ExampleEditor .ExampleInputBar .ExRoleRow{display:flex;overflow-x:auto;gap:8px;margin-bottom:10px;padding-bottom:4px;scrollbar-width:none}.ExampleEditor .ExampleInputBar .ExRoleRow::-webkit-scrollbar{display:none}.ExampleEditor .ExampleInputBar .ExRoleBtn{flex-shrink:0;padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;transition:background .15s,color .15s}.ExampleEditor .ExampleInputBar .ExRoleBtn.active{background:#722cff;color:#fff;border-color:#722cff}.ExampleEditor .ExampleInputBar .ExSendRow{display:flex;align-items:center;gap:8px}.ExampleEditor .ExampleInputBar .ExSendRow .ExSendInput{flex:1;margin:0;height:44px;border-radius:22px}.ExampleEditor .ExampleInputBar .ExSendRow .ExSendBtn{color:#722cff;flex-shrink:0;font-size:18px}.ExampleEditor .ExEditOverlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.ExampleEditor .ExEditOverlay .ExEditModal{background:var(--card-bg);border-radius:12px;width:100%;max-width:520px;margin:16px;padding:20px}.ExampleEditor .ExEditOverlay .ExEditModal .ExEditTitle{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.ExampleEditor .ExEditOverlay .ExEditModal .ExEditSender{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ExampleEditor .ExEditOverlay .ExEditModal .ExEditSender img{width:20px;height:20px;border-radius:10px;object-fit:cover}.ExampleEditor .ExEditOverlay .ExEditModal .ExEditSender span{font-weight:600;color:var(--text-secondary)}.ExampleEditor .ExEditOverlay .ExEditModal .ExEditActions{display:flex;justify-content:flex-end;gap:8px}.ExampleEditor .ExEditOverlay .ExEditModal .ExEditActions .ExEditSaveBtn{padding:8px 20px;border-radius:12px;border:none;background:#722cff;color:#fff;font-weight:700;cursor:pointer}.StyleTab{overflow-y:auto;padding-bottom:60px}.StyleTab .StyleGrid{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.StyleTab .StyleCard{width:calc(50% - 4px);border-radius:16px;border:2px solid transparent;cursor:pointer;overflow:hidden;box-sizing:border-box;transition:border-color .15s}.StyleTab .StyleCard.selected{border-color:#722cff}.StyleTab .StyleCard .StyleImages{display:flex;gap:4px;height:72px}.StyleTab .StyleCard .StyleImages img{flex:1;object-fit:cover;background:#0000000d;border-radius:14px}.StyleTab .StyleCard .StyleLabel{text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);padding:6px 0 4px}.StyleTab .StyleCard .StyleLabel.selected{color:#722cff}.StyleTab .StyleMoreCard{width:calc(50% - 4px);border-radius:16px;border:1.5px solid var(--border);background:#00000005;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:80px;box-sizing:border-box}.StyleTab .ExampleList{margin-top:8px}.StyleTab .ExampleCard{padding:12px;border-radius:12px;border:1px solid var(--border);margin-bottom:10px;position:relative;cursor:pointer}.StyleTab .ExampleCard .ExampleCardTitle{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.StyleTab .ExampleCard .ExampleCardLines{opacity:.7}.StyleTab .ExampleCard .ExampleCardLine{font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyleTab .ExampleCard .RemoveBtn{position:absolute;top:8px;right:8px}.StyleTab .AddExampleBtn{border-color:#722cff;color:#722cff;border-style:dashed}.StyleTab .ExampleEditorOverlay{position:fixed;inset:0;z-index:100;background:var(--card-bg);display:flex;flex-direction:column}.BottomSheet.Overlay{position:fixed;inset:0;background:#00000080;z-index:2;opacity:0;transition:opacity .3s ease}.BottomSheet.Overlay.Open{opacity:1}.BottomSheet.Container{position:fixed;bottom:0;width:100%;max-width:800px;margin:0 auto;z-index:2;background:var(--card-bg);border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .3s ease;max-height:90vh;display:flex;flex-direction:column}.BottomSheet.Container.Open{transform:translateY(0)}.BottomSheet .Handle{display:flex;justify-content:center;padding:12px;cursor:grab}.BottomSheet .Handle:after{content:"";width:40px;height:4px;background:#e0e0e0;border-radius:2px}.BottomSheet .Header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 16px}.BottomSheet .Header .Title{font-weight:600;font-size:18px;line-height:1.4;letter-spacing:-.36px;color:var(--text-primary);margin:0}.BottomSheet .Header .CloseBtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer}.BottomSheet .Header .CloseBtn svg{width:24px;height:24px}.BottomSheet .Content{flex:1;overflow-y:auto;padding:12px 20px 24px}:root.dark .BottomSheet.Container{background:var(--card-bg)}:root.dark .BottomSheet .Handle:after{background:var(--border)}:root.dark .BottomSheet .Header .Title{color:var(--text-primary)}.IntroduceTab{overflow-y:auto;padding-bottom:60px}.IntroduceTab .CoverButton{width:100%;height:200px;border-radius:12px;overflow:hidden;background:#0000000d;border:none;cursor:pointer;padding:0;position:relative;display:flex;align-items:center;justify-content:center}.IntroduceTab .CoverButton:disabled{cursor:not-allowed}.IntroduceTab .CoverButton img{width:100%;height:100%;object-fit:cover}.IntroduceTab .CoverButton .CoverPlaceholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.IntroduceTab .CoverButton .CoverPlaceholder .CoverPlusIcon{font-size:32px}.IntroduceTab .CoverButton .CoverPlaceholder .CoverLabel{font-size:14px}.IntroduceTab .GalleryRow{display:flex;overflow-x:auto;gap:12px;padding:10px 0 4px;scrollbar-width:none}.IntroduceTab .GalleryRow::-webkit-scrollbar{display:none}.IntroduceTab .GalleryRow .GalleryItem{width:100px;height:100px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0}.IntroduceTab .GalleryRow .GalleryItem img{width:100%;height:100%;object-fit:cover}.IntroduceTab .GalleryRow .GalleryItem .GalleryDeleteBtn{position:absolute;top:4px;right:4px;background:#fff;border:none;border-radius:10px;cursor:pointer;padding:2px 4px;line-height:1;color:#ff3b30;font-weight:700;font-size:13px}.IntroduceTab .GalleryRow .GalleryAddBtn{width:100px;height:100px;border-radius:12px;border:1.5px dashed #722CFF;background:#00000005;cursor:pointer;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#722cff;gap:4px}.IntroduceTab .GalleryRow .GalleryAddBtn .GalleryAddIcon{font-size:28px}.IntroduceTab .GalleryRow .GalleryAddBtn .GalleryAddLabel{font-size:12px}.IntroduceTab .TagContainer{border-radius:12px;border:1.5px solid var(--border);padding:8px;display:flex;flex-wrap:wrap;align-items:center;min-height:54px;gap:4px;background:var(--input-bg)}.IntroduceTab .TagContainer .TagChip{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:16px;background:#722cff;color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:600}.IntroduceTab .TagContainer .TagChip.delete-ready{background:#cc2030}.IntroduceTab .TagContainer .TagChip .TagRemoveIcon{font-size:12px}.IntroduceTab .TagContainer .TagInput{flex:1;min-width:100px;padding:6px;font-size:15px;border:none;outline:none;background:transparent;color:var(--text-primary)}.IntroduceTab .TagHint{font-size:12px;opacity:.6;margin-top:8px;color:var(--text-primary)}.SettingTab{overflow-y:auto;padding-bottom:60px}.SettingTab .StoryStructureList{width:100%}.SettingTab .StoryStructureItem{display:flex;align-items:center;padding:14px;border-radius:14px;border:1.5px solid var(--border);margin-bottom:8px;background:transparent;cursor:pointer;transition:border-color .15s,background .15s}.SettingTab .StoryStructureItem.selected{border-color:#722cff;background:#ebeafb}.SettingTab .StoryStructureItem.disabled{cursor:not-allowed;opacity:.5}.SettingTab .StoryStructureItem .StoryRadio{width:20px;height:20px;border-radius:10px;border:2px solid #722CFF;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.SettingTab .StoryStructureItem .StoryRadio .StoryRadioDot{width:10px;height:10px;border-radius:5px;background:#722cff}.SettingTab .StoryStructureItem .StoryItemText{flex:1}.SettingTab .StoryStructureItem .StoryItemText .StoryItemLabel{font-size:15px;font-weight:700;color:var(--text-primary)}.SettingTab .StoryStructureItem .StoryItemText .StoryItemDesc{font-size:13px;opacity:.5;margin-top:2px;color:var(--text-primary)}.GeneratingPage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--page-bg);padding:20px;box-sizing:border-box}.GeneratingContent{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;gap:24px}.GeneratingHeader{width:100%;display:flex;flex-direction:column;gap:4px}.GeneratingTitle{font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.4px;color:var(--text-primary)}.GeneratingSubtitle{font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-.28px;color:var(--text-muted)}.GeneratingSteps{display:flex;flex-direction:column;gap:10px;width:100%}.StepCard{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;min-height:48px}.StepCard.pending{background:var(--card-bg)}.StepCard.generating{background:#f0e8ff}.StepCard.done{background:var(--card-bg);border:1px solid #722cff}.StepCard.failed{background:#fff0f0;border:1px solid #FF3B30}.StepLabel{font-weight:500;font-size:16px;line-height:1.75;letter-spacing:-.32px;color:var(--text-primary)}.StepLabel.done{color:#722cff}.StepLabel.failed{color:#ff3b30}.Spinner{animation:spin 1.5s linear infinite;display:flex;align-items:center;justify-content:center}.RetryButton{margin-top:24px;padding:12px 24px;background:#722cff;color:#fff;border:none;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s}.RetryButton:hover{background:#5c1fe0}.ChatScenarioPage{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:720px;box-sizing:border-box;margin:0 auto;background:light-dark(white,#030712)}.ChatScenarioPage .Loading,.ChatScenarioPage .Error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}:is(.ChatScenarioPage .Loading,.ChatScenarioPage .Error) p{font-size:16px;color:#6f6f6f;margin:0}:is(.ChatScenarioPage .Loading,.ChatScenarioPage .Error) button{padding:12px 24px;font-weight:500;font-size:14px;color:#fff;background:#722cff;border:none;border-radius:999px;cursor:pointer}.ChatScenarioPage .BackButton,.ChatScenarioPage .EditButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:#0006;border-radius:50%;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ChatScenarioPage .Header{position:fixed;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;width:100%;max-width:720px;box-sizing:border-box;background:transparent}.ChatScenarioPage .Header .HeaderTitle{display:none}.ChatScenarioPage .Header .Slot{width:32px;height:32px;flex-shrink:0}.ChatScenarioPage .Content{display:flex;flex-direction:column;align-items:center}.ChatScenarioPage .Content>*{box-sizing:border-box}.ChatScenarioPage .HeroSection{position:relative;width:100%;overflow:hidden}.ChatScenarioPage .HeroSection img{width:100%;height:100%;object-fit:cover;object-position:top;padding-bottom:64px}.ChatScenarioPage .HeroSection .TitleSection{position:absolute;bottom:0;left:0;right:0;padding:64px 32px 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px}.ChatScenarioPage .HeroSection .TitleSection .Title{font-weight:700;font-size:28px;line-height:1.2;letter-spacing:-.48px;color:light-dark(black,#f9fafb);margin:0}.ChatScenarioPage .HeroSection .HeroGradient{position:absolute;inset:0;background:linear-gradient(to bottom,light-dark(rgba(255,255,255,0),rgba(3,7,18,0)) 00%,light-dark(rgba(255,255,255,.5),rgba(3,7,18,0)) 20%,light-dark(white,rgba(3,7,18,1)) 60%)}.ChatScenarioPage .HeroSection .HeroText{position:relative}.ChatScenarioPage .HeroSection .HeroText .PicturesSection{width:100%;display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.ChatScenarioPage .HeroSection .HeroText .PicturesSection .PicturesScroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ChatScenarioPage .HeroSection .HeroText .PicturesSection .PicturesScroll::-webkit-scrollbar{display:none}.ChatScenarioPage .HeroSection .HeroText .PicturesSection .PicturesScroll img{width:88px;height:88px;border-radius:8px;object-fit:cover;flex-shrink:0;cursor:pointer;padding-bottom:unset}.ChatScenarioPage .Body{width:100%;padding:0 32px 40px;display:flex;flex-direction:column;gap:32px}.ChatScenarioPage .Body .Ending{display:flex;flex-direction:column;gap:12px}.ChatScenarioPage .Body .Ending .Title{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:#722cff;margin:0}.ChatScenarioPage .Body .Ending .Text{font-weight:400;font-size:14px;line-height:1.5;letter-spacing:-.28px;color:light-dark(#212121,#d1d5db);margin:0;white-space:pre-line}.ChatScenarioPage .Divider{width:100%;height:1px;background:light-dark(#f0f0f0,#1f2937);border:none;margin:0}.ChatScenarioPage .Divider.Dashed{background:none;border-top:1px dashed light-dark(#e0e0e0,#374151)}.ChatScenarioPage .Section{position:relative;display:flex;flex-direction:column;gap:12px}.ChatScenarioPage .Section .SectionTitle{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:#722cff;margin:0}.ChatScenarioPage .Section .SectionText{font-weight:400;font-size:14px;line-height:1.5;letter-spacing:-.28px;color:light-dark(#212121,#d1d5db);margin:0;white-space:pre-line;overflow:hidden}.ChatScenarioPage .Section .SectionText.Collapsed{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.ChatScenarioPage .Section .ExpandButton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:36px;padding:7px;background:light-dark(#f7f7f7,#1f2937);border:none;cursor:pointer}.ChatScenarioPage .Section .ExpandButton span{font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-.28px;color:light-dark(#5f5f5f,#9ca3af)}.ChatScenarioPage .Section .ExpandButton svg{width:24px;height:24px;color:#7d8da8;transition:transform .2s}.ChatScenarioPage .Section .ExpandButton.Expanded svg{transform:rotate(180deg)}.ChatScenarioPage .Tags{display:flex;flex-wrap:wrap;gap:8px}.ChatScenarioPage .Tag{display:inline-flex;align-items:center;padding:6px 12px;background:light-dark(#f0e8ff,rgba(114,44,255,.2));border-radius:999px;font-weight:500;font-size:13px;color:light-dark(#722cff,#aa7fff)}.ChatScenarioPage .Characters{display:flex;flex-direction:column;gap:24px}.ChatScenarioPage .CharacterProfile{display:flex;gap:12px}.ChatScenarioPage .CharacterProfile .Avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer}.ChatScenarioPage .CharacterProfile .Info{display:flex;flex-direction:column;gap:4px;min-width:0}.ChatScenarioPage .CharacterProfile .Info .Name{font-weight:600;font-size:16px;line-height:1.5;color:light-dark(#212121,#d1d5db);margin:0}.ChatScenarioPage .CharacterProfile .Info .CharTags{display:flex;gap:4px;flex-wrap:wrap}.ChatScenarioPage .CharacterProfile .Info .CharTag{font-size:12px;line-height:20px;padding:2px 6px;border-radius:8px;background:light-dark(#f0edf6,#2d2640);color:light-dark(#565656,#d1d5db)}.ChatScenarioPage .CharacterProfile .Info .Desc{font-weight:400;font-size:14px;line-height:1.5;color:light-dark(#6f6f6f,#9ca3af);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ChatScenarioPage .CharacterProfile .Info .Desc.Rich{-webkit-line-clamp:4;line-clamp:4}.ChatScenarioPage .CharacterProfile .Info .RecapHighlights{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ChatScenarioPage .CharacterProfile .Info .RecapHighlights .HighlightTag{font-size:11px;padding:2px 8px;background:#722cff1a;color:#722cff;border-radius:4px;border:1px solid rgba(114,44,255,.2)}.ChatScenarioPage .ButtonSection{position:sticky;bottom:0;padding:16px;width:100%;background:light-dark(white,#030712);z-index:10;box-shadow:0 -4px 20px #0000000d}@media(prefers-color-scheme:dark){.ChatScenarioPage .ButtonSection{box-shadow:0 -4px 20px #0000004d}}.ChatScenarioPage .ButtonSection .PlayButton{width:100%;height:52px;display:flex;align-items:center;justify-content:center;background:#722cff;color:#fff;font-weight:600;font-size:16px;line-height:32px;letter-spacing:-.32px;border:none;border-radius:999px;cursor:pointer;transition:background .2s}.ChatScenarioPage .ButtonSection .PlayButton:hover{background:#5a1fcc}.ChatScenarioPage .ButtonSection .PlayButton:disabled{background:light-dark(#cccccc,#4b5563);cursor:not-allowed}.ChatScenarioPage .OpeningScene{padding:64px 32px;margin:64px 0;background:light-dark(rgba(0,0,0,.04),rgba(255,255,255,.04));display:flex;flex-direction:column;gap:16px}.ChatScenarioPage .ExamplesList{display:flex;flex-direction:column;gap:16px}.ChatScenarioPage .ExamplesList .ExampleItem{background:light-dark(#1f2937,#1f2937);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.ChatScenarioPage .ExamplesList .ExampleItem .ExampleLabel{font-size:14px;font-weight:700;color:#722cff}.ChatScenarioPage .BubbleList{display:flex;flex-direction:column;gap:8px}.ChatScenarioPage .BubbleList .Bubble{display:flex;flex-direction:column;gap:2px;max-width:80%}.ChatScenarioPage .BubbleList .Bubble.Narrator{max-width:100%;align-items:center;align-self:center}.ChatScenarioPage .BubbleList .Bubble.Narrator .BubbleText{font-size:13px;font-style:italic;color:light-dark(#7d8da8,#6b7a90);text-align:center;background:none;padding:0;border-radius:0}.ChatScenarioPage .BubbleList .Bubble.User{align-self:flex-end;align-items:flex-end}.ChatScenarioPage .BubbleList .Bubble.User .BubbleText{background:#722cff;color:#fff;border-radius:16px 16px 4px}.ChatScenarioPage .BubbleList .Bubble.Bot{align-self:flex-start;align-items:flex-start}.ChatScenarioPage .BubbleList .Bubble.Bot .BubbleText{background:light-dark(#f0f0f0,#2d3748);color:light-dark(#212121,#e2e8f0);border-radius:4px 16px 16px}.ChatScenarioPage .BubbleList .Bubble .BubbleSender{font-size:11px;font-weight:600;color:#7d8da8;padding:0 4px}.ChatScenarioPage .BubbleList .Bubble .BubbleText{font-size:14px;line-height:1.5;padding:8px 12px;margin:0;white-space:pre-wrap}.ChatScenarioPage .BubbleList .Bubble .BubbleImage{max-width:200px;border-radius:8px;object-fit:cover}.ChatScenarioPage .EpisodeList{display:flex;flex-direction:column;gap:12px}.ChatScenarioPage .EpisodeList .EpisodeItem{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeInfo{display:flex;gap:12px;align-items:center}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeInfo .EpisodeThumb{width:64px;height:64px;border-radius:8px;background:light-dark(#f7f7f7,#1f2937);flex-shrink:0;overflow:hidden}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeInfo .EpisodeThumb img{width:100%;height:100%;object-fit:cover}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeInfo .EpisodeDetails{display:flex;flex-direction:column;gap:8px}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeInfo .EpisodeDetails .EpisodeTitle{font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:light-dark(black,white);margin:0}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeInfo .EpisodeDetails .EpisodeMeta{display:flex;gap:4px}.ChatScenarioPage .EpisodeList .EpisodeItem .EpisodeArrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#7d8da8;flex-shrink:0}.ContextMenuOverlay{position:fixed;inset:0;z-index:3}.ContextMenu{position:fixed;min-width:140px;background:light-dark(white,#1f2937);border-radius:12px;box-shadow:0 4px 16px light-dark(rgba(0,0,0,.15),rgba(0,0,0,.4));padding:4px;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ContextMenu.visible{opacity:1;transform:scale(1)}.ContextMenuItem{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;background:transparent;font-size:14px;line-height:20px;letter-spacing:-.28px;color:light-dark(#212121,#e5e7eb);cursor:pointer;border-radius:8px;gap:12px}.ContextMenuItem:hover{background:light-dark(#f3f3f3,#374151)}.ContextMenuItem:active{background:light-dark(#ececec,#4b5563)}.MenuItemContent{display:flex;flex-direction:column;align-items:flex-start;flex:1}.ContextMenuDivider{height:1px;background-color:light-dark(#ececec,#374151);margin:4px 8px}.ToggleKnob{width:32px;height:18px;background-color:#3f3f3f;border-radius:9px;position:relative;transition:background-color .2s;flex-shrink:0}.ToggleKnob:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background-color:#fff;border-radius:50%;transition:transform .2s}.ToggleKnob.checked{background-color:#722cff}.ToggleKnob.checked:after{transform:translate(14px)}.CheckpointModal{position:absolute;left:0;top:55px;background:light-dark(white,#1f2937);border-radius:16px;padding:16px;margin:12px;display:flex;flex-direction:column;box-sizing:border-box;gap:12px;width:calc(100% - 24px);max-height:80vh;overflow-y:auto;box-shadow:0 4px 24px light-dark(rgba(0,0,0,.12),rgba(0,0,0,.4))}.CheckpointModal .CheckpointModalHeader{display:flex;align-items:center;justify-content:space-between;width:100%}.CheckpointModal .CheckpointModalHeader .CheckpointModalTitle{display:flex;align-items:center;gap:4px}.CheckpointModal .CheckpointModalHeader .CheckpointModalTitle .CheckpointModalIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.CheckpointModal .CheckpointModalHeader .CheckpointModalTitle .CheckpointModalIcon .CheckpointModalIconCircle{width:20px;height:20px;border-radius:50%;background:#722cff;display:flex;align-items:center;justify-content:center;color:#fff}.CheckpointModal .CheckpointModalHeader .CheckpointModalTitle .CheckpointModalTitleText{font-weight:500;font-size:14px;line-height:18px;color:#722cff;letter-spacing:-.28px}.CheckpointModal .CheckpointModalHeader .CheckpointModalClose{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:light-dark(#7d8da8,#9ca3af);border-radius:4px;transition:background .2s}.CheckpointModal .CheckpointModalHeader .CheckpointModalClose:hover{background:light-dark(#f3f3f3,#374151)}.CheckpointModal .CheckpointModalList{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.CheckpointModal .CheckpointModalList .CheckpointModalItem{display:flex;gap:12px;align-items:flex-start;width:100%}.CheckpointModal .CheckpointModalList .CheckpointModalItem .CheckpointModalItemBullet{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.CheckpointModal .CheckpointModalList .CheckpointModalItem .CheckpointModalItemBullet .BulletDot{width:8px;height:8px;border-radius:50%;background:light-dark(#c9c9c9,#4b5563)}.CheckpointModal .CheckpointModalList .CheckpointModalItem .CheckpointModalItemBullet .BulletDot.Completed{background:#722cff}.CheckpointModal .CheckpointModalList .CheckpointModalItem .CheckpointModalItemText{flex:1;font-weight:400;font-size:14px;line-height:21px;margin-bottom:4px;color:light-dark(#4b4b4b,#e5e7eb);letter-spacing:-.28px;min-height:32px;align-items:center;white-space:pre-wrap}.CheckpointModal .CheckpointModalList .CheckpointModalConnector{position:absolute;width:2px;height:calc(100% - 8px);top:22px;left:14.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.CheckpointModal .CheckpointModalList .CheckpointModalConnector .ConnectorLine{width:100%;height:100%;background:light-dark(#e5e5e5,#374151)}.CheckpointModal .CheckpointModalList .CheckpointModalConnector .ConnectorLine.Completed{background:light-dark(#d4c4ff,#5b4a8c)}.CheckpointSpacer{height:48px;width:100%;flex:none}.Checkpoint{position:fixed;top:0;width:100%;max-width:800px;z-index:1;padding:12px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:0px;background:light-dark(#f9f9f9,#1f2937);cursor:pointer;transition:background .2s,gap .2s}.Checkpoint:hover{background:light-dark(#f3f3f3,#374151)}.Checkpoint.Expanded{gap:8px}.Checkpoint .CheckpointHeader{display:flex;align-items:center;gap:8px;width:100%}.Checkpoint .Icon{width:24px;height:24px;border-radius:50%;border:2px solid light-dark(#ccc,#4b5563);display:flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0;transition:all .2s}.Checkpoint .Icon.Completed{background:#722cff;border-color:#722cff;color:#fff}.Checkpoint .Title{font-weight:500;font-size:14px;color:light-dark(#212121,white);flex-shrink:0;max-width:100px;transition:max-width .1s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Checkpoint .Title.IsOpen{max-width:0}.Checkpoint .Segments{flex:1;display:flex;gap:0px;min-width:60px}.Checkpoint .Segment{flex:1;height:4px;background:light-dark(#e0e0e0,#374151);border-radius:999px;transition:background .2s}.Checkpoint .Segment.Filled{background:#722cff}.Checkpoint .Chevron{width:20px;height:20px;color:light-dark(#999,#6b7280);flex-shrink:0;transition:transform .2s}.Checkpoint .Chevron.Rotated{transform:rotate(90deg)}.Checkpoint .CheckpointExpanded{width:100%;overflow:hidden;animation:expandIn .2s ease-out forwards}.Checkpoint .CheckpointRequirements{font-size:13px;color:light-dark(#666,#9ca3af);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:100px}}.CheckpointAnimation{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;animation:fadeInOut 1.5s ease-in-out forwards}.CheckpointAnimation .Circle{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.CheckpointAnimation.Success .Circle,.CheckpointAnimation.Fail .Circle{background:#722cff;color:#fff}.CheckpointAnimation.Fail .Circle .Flip{animation:flipLogo .6s ease-in-out forwards}.CheckpointAnimation .Path{stroke-dasharray:60;stroke-dashoffset:60;animation:drawPath .4s ease-out .2s forwards}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes flipLogo{0%{transform:rotateX(0) scale(.5);opacity:0}50%{transform:rotateX(180deg) scale(1);opacity:1}to{transform:rotateX(360deg) scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes drawPath{to{stroke-dashoffset:0}}.CheckpointToastContainer{position:fixed;bottom:80px;width:var(--feed-width);z-index:2;animation:slideUpFade .3s ease-out}.CheckpointToastContainer .CheckpointToast{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(to right,#210854b3,#000000b3)}.CheckpointToastContainer .CheckpointToast .CheckpointToastIcon{width:32px;height:32px;flex-shrink:0}.CheckpointToastContainer .CheckpointToast .CheckpointToastMessage{flex:1;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.28px;color:#fff;margin:0;word-break:keep-all}.ChattingInputSpacer{height:0;width:100%;flex:none}.ChattingInput{position:sticky;bottom:var(--keyboard-offset, 0);background:light-dark(#f1f1f1,#333333);padding:12px 16px;width:100%;max-width:800px;margin:0 auto;height:68px;box-sizing:border-box;flex-shrink:0}.ChattingInput .Wrapper{display:flex;align-items:center;background:light-dark(white,#374151);border-radius:999px;padding:4px}.ChattingInput .Field{flex:1;border:none;background:transparent;padding:8px 12px;margin-right:68px;font-size:16px;line-height:20px;color:light-dark(#212121,white);outline:none}.ChattingInput .Field::placeholder{color:light-dark(#999,#9ca3af)}.ChattingInput .SendButtonArea{position:absolute;aspect-ratio:1 / 1;height:100%;top:0;right:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.ChattingInput .SendButtonArea:disabled{cursor:not-allowed}.ChattingInput .SendButton{width:34px;height:34px;border-radius:50%;background:#722cff;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s;pointer-events:none}.SendButtonArea:hover:not(:disabled) :is(.ChattingInput .SendButton){background:#5a1fcc}.SendButtonArea:disabled :is(.ChattingInput .SendButton){background:#ccc}html:has(.ChattingInput),body:has(.ChattingInput),.app-body:has(.ChattingInput),.app-container:has(.ChattingInput){height:auto}.StoryNarration{display:flex;gap:4px;align-items:stretch;width:100%}.StoryNarration .IconHolder{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;height:100%}.StoryNarration .IconHolder .Icon{flex-shrink:0;width:32px;height:32px;color:light-dark(#7d8da8,#9ca3af)}.StoryNarration .TextHolder{display:flex;flex-direction:column;flex-grow:1;width:100%;justify-content:center;align-items:flex-start}.StoryNarration .Text{display:flex;font-weight:400;font-size:12px;line-height:16px;letter-spacing:-.24px;color:light-dark(#8e8e8e,#9ca3af);margin:0;white-space:pre-wrap;word-break:keep-all}.RoleplayEndedIndicator{width:100%;background:light-dark(#f3f3f3,#1f2937);padding:6px 8px;display:flex;justify-content:center;border:none;cursor:pointer}.RoleplayEndedIndicator .Content{display:flex;align-items:center;border-radius:12px;padding:12px 16px;gap:12px}.RoleplayEndedIndicator .Icon{width:24px;height:24px}.RoleplayEndedIndicator .Text{font-size:14px;color:light-dark(#666666,#9ca3af)}.RoleplayEndedIndicator .Chevron{width:21px;height:21px;color:light-dark(#666666,#9ca3af)}.RoleplayEndedIndicator:hover .Content{background:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.05))}.CharacterProfileCard{width:100%;border-radius:16px;overflow:hidden;background:light-dark(#565656,#1f2937)}.CharacterProfileCard .Header{padding:16px;display:flex;flex-direction:column;gap:4px;background:light-dark(inherit,#374151)}.CharacterProfileCard .Header .NameContainer{display:flex;align-items:center;gap:8px}.CharacterProfileCard .Header .NameContainer .Name{font-weight:700;font-size:18px;line-height:24px;color:#fff}.CharacterProfileCard .Header .NameContainer .MaterialAvatarIcon{width:16px;height:16px;cursor:pointer;fill:#fff}.CharacterProfileCard .Header .NameContainer .MaterialAvatarIcon:hover{fill:#ccc}.CharacterProfileCard .Meta{font-weight:400;font-size:14px;line-height:20px;color:#999}.CharacterProfileCard .AvatarContainer{width:100%;height:300px;display:flex;justify-content:center;padding:16px 0;background:#444}.CharacterProfileCard .AvatarContainer .Avatar{width:100%;height:100%;object-fit:cover}.CharacterProfileCard .Body{padding:16px;display:flex;flex-direction:column;gap:12px}.CharacterProfileCard .Likeability{display:flex;align-items:center;justify-content:space-between}.CharacterProfileCard .Label{font-weight:500;font-size:14px;line-height:20px;color:#fff}.CharacterProfileCard .InfoButton{width:20px;height:20px;padding:0;border:none;background:transparent;color:light-dark(white,#6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center}.CharacterProfileCard .InfoButton:hover{color:light-dark(#666,#9ca3af)}.CharacterProfileCard .Reason{font-weight:400;font-size:13px;line-height:18px;color:light-dark(#ccc,#9ca3af);font-style:italic}.CharacterProfileCard .Description{font-weight:400;font-size:14px;line-height:20px;color:light-dark(white,#9ca3af);margin:0;height:100px;overflow:hidden;text-overflow:ellipsis;line-clamp:5;-webkit-line-clamp:5}.LikeabilityBar{display:flex;align-items:center;gap:8px;width:100%;position:relative}.LikeabilityBar .LikeabilityBarHeart{position:absolute;top:-5px;flex-shrink:0;transition:left .3s ease;filter:drop-shadow(0 1px 2px rgba(255,255,255,.5))}.LikeabilityBar .LikeabilityBarTrack{flex:1;height:6px;background:light-dark(#e5e7eb,#374151);border-radius:999px;position:relative}.LikeabilityBar .LikeabilityBarCenter{position:absolute;left:50%;top:-2px;width:2px;height:10px;background:light-dark(#9ca3af,#6b7280);transform:translate(-50%);border-radius:1px}.LikeabilityBar .LikeabilityBarFill{position:absolute;top:0;height:100%;border-radius:999px;transition:left .3s ease,width .3s ease}.WaitingBubbleContainer{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;margin-top:4px;animation:waitingBubbleFadeIn .3s ease forwards;@keyframes waitingBubbleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes waitingBubbleScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}}.WaitingBubbleContainer .AvatarSpace{width:36px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.WaitingBubbleContainer .AvatarSpace .AvatarButton{padding:0;border:none;background:none;cursor:pointer}.WaitingBubbleContainer .AvatarSpace .AvatarButton .Avatar{width:32px;height:32px;border-radius:16px;object-fit:cover;margin-bottom:20px}.WaitingBubbleContainer .BubbleContent{display:flex;flex-direction:column;min-width:0;align-items:flex-start}.WaitingBubbleContainer .BubbleContent .SenderName{padding:0;border:none;background:none;cursor:pointer;font-size:14px;text-align:left;margin-left:10px;color:light-dark(#a0a0a0,#9ca3af);margin-bottom:2px}.WaitingBubbleContainer .BubbleContent .WaitingBubble{margin-left:10px;margin-right:4px;padding:6px 10px;border-radius:12px;background:light-dark(rgb(244,244,244),#374151);animation:waitingBubbleScaleIn 1s ease forwards;transform-origin:left center}.WaitingBubbleContainer .BubbleContent .WaitingBubble .WaitingDots{font-size:14px;line-height:22px}.WaitingBubbleContainer .BubbleContent .WaitingBubble .WaitingDots .Dot{color:light-dark(#aaa,#6b7280);transition:color .15s ease}.WaitingBubbleContainer .BubbleContent .WaitingBubble .WaitingDots .Dot.Active{color:light-dark(black,white)}.LocationNotification{display:flex;gap:4px;align-items:stretch;justify-content:center;width:100%;padding:24px 0}.LocationNotification .Text{display:flex;font-weight:400;font-size:18px;font-weight:600;line-height:27px;letter-spacing:.24px;color:light-dark(#8e8e8e,#9ca3af);margin:0;white-space:pre-wrap;word-break:keep-all}.StoryChatRoomPage{display:flex;flex-direction:column;background:light-dark(white,#030712);height:calc(100dvh - 48px);width:100%;max-width:800px}.StoryChatRoomPage .Content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.StoryChatRoomPage .MessagesContainer{height:100%;overflow-x:hidden;padding-top:16px;padding-bottom:16px}.StoryChatRoomPage .MessagesContainer .Messages{display:flex;flex-direction:column;gap:12px;padding:0 16px}.StoryChatRoomPage .MessagesContainer .Messages .WindowingSpacer{height:8px}.StoryChatRoomPage .NpcMessage{display:flex;gap:8px;align-items:flex-start;width:100%}.StoryChatRoomPage .NpcMessage .Content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.StoryChatRoomPage .NpcMessage .Name{font-weight:400;font-size:12px;line-height:16px;letter-spacing:-.24px;color:light-dark(#8e8e8e,#9ca3af)}.StoryChatRoomPage .UserMessage{display:flex;flex-direction:column;align-items:flex-end;width:100%}.StoryChatRoomPage .ProfileOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2;padding:24px}.StoryChatRoomPage .ProfileOverlay .ProfileCard{max-width:400px;width:100%}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.StreamingCursor{animation:blink .7s infinite;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.BotProfilePage{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:800px;margin:0 auto;background:light-dark(white,#030712)}.BotProfilePage .Header{position:fixed;top:0;z-index:10;display:flex;align-items:center;height:56px;padding:0 16px;width:100%;max-width:800px}.BotProfilePage .Header .BackButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:#0006;border-radius:50%;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.BotProfilePage .Content{flex:1;display:flex;flex-direction:column;gap:24px;align-items:center;padding-bottom:40px}.BotProfilePage .Content>*{box-sizing:border-box}.BotProfilePage .HeroSection{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.BotProfilePage .HeroSection img{width:100%;height:100%;object-fit:cover;object-position:top}.BotProfilePage .HeroSection .HeroGradient{position:absolute;bottom:0;left:0;right:0;height:161px;background:linear-gradient(to bottom,light-dark(rgba(255,255,255,0),rgba(3,7,18,0)),light-dark(white,#030712))}.BotProfilePage .ProfileSection{width:100%;padding:0 16px;display:flex;flex-direction:column;gap:6px}.BotProfilePage .ProfileSection .ProfileName{font-weight:700;font-size:28px;letter-spacing:-.48px;color:light-dark(black,#f9fafb);margin:0}.BotProfilePage .ProfileSection .ProfileMeta{font-weight:400;font-size:14px;line-height:1.5;letter-spacing:-.28px;color:light-dark(#7b7b7b,#9ca3af);margin:0}.BotProfilePage .ProfileSection .Description{font-weight:400;font-size:15px;line-height:1.6;letter-spacing:-.28px;color:light-dark(#333,#d1d5db);white-space:pre-wrap;margin:8px 0 0}.BotProfilePage .TagsSection{width:100%;padding:0 16px;display:flex;flex-direction:column;gap:24px}.BotProfilePage .TagsSection .TagGroup{display:flex;flex-direction:column;gap:12px}.BotProfilePage .TagsSection .TagGroup .GroupTitle{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:light-dark(black,#f9fafb);margin:0}.BotProfilePage .TagsSection .TagGroup .Tags{display:flex;flex-wrap:wrap;gap:8px}.BotProfilePage .TagsSection .TagGroup .Tags .Tag{display:inline-flex;align-items:center;padding:6px 12px;background:light-dark(#f0e8ff,rgba(114,44,255,.2));border-radius:999px;font-weight:500;font-size:13px;color:light-dark(#722cff,#aa7fff)}.BotProfilePage .HistorySection{width:100%;padding:0 16px;display:flex;flex-direction:column;gap:12px}.BotProfilePage .HistorySection .SectionTitle{font-weight:600;font-size:18px;letter-spacing:-.36px;color:light-dark(black,#f9fafb);margin:0}.BotProfilePage .HistorySection .RoomList{display:flex;flex-direction:column;gap:10px}.BotProfilePage .HistorySection .RoomList .RoomCard{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:light-dark(#f9f9f9,#1f2937);border-radius:12px;cursor:pointer;transition:background .2s}.BotProfilePage .HistorySection .RoomList .RoomCard:hover{background:light-dark(#f0f0f0,#374151)}.BotProfilePage .HistorySection .RoomList .RoomCard .ScenarioThumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.BotProfilePage .HistorySection .RoomList .RoomCard .RoomInfo{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.BotProfilePage .HistorySection .RoomList .RoomCard .RoomInfo .RoomTitle{font-weight:600;font-size:15px;color:light-dark(#212121,white);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.BotProfilePage .HistorySection .RoomList .RoomCard .RoomInfo .RoomMeta{font-size:13px;color:light-dark(#999999,#6b7280);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.BotProfilePage .HistorySection .RoomList .RoomCard .AffectionBadge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:light-dark(#ffe4e8,rgba(255,79,109,.2));border-radius:999px}.BotProfilePage .HistorySection .RoomList .RoomCard .AffectionBadge .HeartIcon{font-size:14px}.BotProfilePage .HistorySection .RoomList .RoomCard .AffectionBadge .AffectionLevel{font-weight:600;font-size:14px;color:#ff4f6d}.BotProfilePage .HistorySection .EmptyRooms{padding:24px;background:light-dark(#f9f9f9,#1f2937);border-radius:12px;text-align:center}.BotProfilePage .HistorySection .EmptyRooms p{font-size:14px;color:light-dark(#999999,#6b7280);margin:0}.BotProfilePage .ButtonSection{position:sticky;bottom:0;padding:16px;width:100%;background:light-dark(white,#030712);z-index:10;box-shadow:0 -4px 20px #0000000d}@media(prefers-color-scheme:dark){.BotProfilePage .ButtonSection{box-shadow:0 -4px 20px #0000004d}}.BotProfilePage .ButtonSection .CTAButton{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;background:#722cff;border:none;border-radius:999px;font-weight:600;font-size:16px;line-height:32px;letter-spacing:-.32px;color:#fff;cursor:pointer;transition:background .2s}.BotProfilePage .ButtonSection .CTAButton:hover{background:#5a1fcc}.BotProfilePage .ButtonSection .CTAButton:disabled{background:light-dark(#cccccc,#4b5563);cursor:not-allowed}.BotProfilePage .NotFound{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;text-align:center}.BotProfilePage .NotFound h2{font-size:18px;color:light-dark(#212121,#f9fafb);margin:0}.BotProfilePage .NotFound button{padding:12px 24px;background:#722cff;color:#fff;border:none;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer}.gks-seminar-page{margin:0;padding:0;background:#f5f5f5;position:relative}.gks-seminar-page .registration-closed-overlay{position:sticky;top:0;width:100%;max-width:800px;padding:24px;box-sizing:border-box;background:#da4848e6;color:#f7f6e5;text-align:center;white-space:pre-line}.gks-seminar-page .registration-closed-overlay p{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 8px}.gks-seminar-page .registration-closed-overlay p span{white-space:nowrap}.gks-seminar-page .registration-closed-overlay p span.Highlight{color:#76d2db;font-weight:700}.gks-seminar-page .image-container{position:relative;max-width:800px;margin:0 auto}.gks-seminar-page .background-image{width:100%;height:auto;display:block;object-fit:contain}.gks-seminar-page .maintitle-overlay{position:absolute;top:120px;left:50%;transform:translate(-50%);z-index:10}@media(max-width:800px){.gks-seminar-page .maintitle-overlay{top:60px}}.gks-seminar-page .maintitle-logo{max-width:100%;width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.gks-seminar-page .page-container{max-width:800px;margin:0 auto;width:100%;margin-bottom:0!important;margin-top:0!important}.gks-seminar-page .page-image{width:100%;height:auto;display:block;object-fit:contain}.gks-seminar-page .page-button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;width:100%;display:block;transition:transform .2s ease,border-radius .2s ease;overflow:hidden;line-height:0}.gks-seminar-page .page-button:hover{transform:scale(1.1)}.gks-seminar-page .page-button:active{transform:scale(.98)}.gks-seminar-page .fab-container{position:fixed;bottom:30px;right:30px;z-index:1000;cursor:pointer}@media(max-width:800px){.gks-seminar-page .fab-container{bottom:20px;right:20px}}.gks-seminar-page .fab-button-text{background:linear-gradient(135deg,#e94e97,#f27ca7);color:#fff;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #e94e9766;transition:all .3s ease;white-space:nowrap}.gks-seminar-page .fab-button-text .fab-text{display:inline-block}.gks-seminar-page .fab-button-text:hover{transform:scale(1.05);box-shadow:0 6px 20px #e94e9780}.gks-seminar-page .fab-button-text:active{transform:scale(.98)}@media(max-width:800px){.gks-seminar-page .fab-button-text{padding:12px 24px;font-size:14px}}.gks-seminar-page .fab-button{width:auto;height:80px;transition:transform .2s ease;cursor:pointer;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.gks-seminar-page .fab-button:hover{transform:scale(1.1)}.gks-seminar-page .fab-button:active{transform:scale(.95)}@media(max-width:800px){.gks-seminar-page .fab-button{height:60px}}.gks-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .3s ease}.gks-form-modal{position:fixed;bottom:150px;right:30px;width:500px;max-width:calc(100vw - 60px);max-height:70vh;padding:30px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;z-index:9999;overflow-y:auto;animation:slideFromBottom .3s ease}@media(max-width:800px){.gks-form-modal{inset:0;width:100%;max-width:100%;max-height:100%;border-radius:0;padding:20px;animation:slideIn .3s ease}}.gks-form-modal .close-button{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;background:transparent;font-size:32px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.gks-form-modal .close-button:hover{background:#f0f0f0;color:#333}.gks-form-modal h2{color:#e94e97;margin-bottom:30px;text-align:center;font-size:28px;font-weight:700}.gks-form-modal .form-group{margin-bottom:20px}.gks-form-modal .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.gks-form-modal .form-group input,.gks-form-modal .form-group select,.gks-form-modal .form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}:is(.gks-form-modal .form-group input,.gks-form-modal .form-group select,.gks-form-modal .form-group textarea):focus{outline:none;border-color:#e94e97}:is(.gks-form-modal .form-group input,.gks-form-modal .form-group select,.gks-form-modal .form-group textarea)::placeholder{color:#999}.gks-form-modal .form-group .phone-input-group{display:flex;gap:10px}.gks-form-modal .form-group .phone-input-group .country-code-select{width:180px;flex-shrink:0}.gks-form-modal .form-group .phone-input-group .phone-number-input{flex:1}@media(max-width:500px){.gks-form-modal .form-group .phone-input-group{flex-direction:column}.gks-form-modal .form-group .phone-input-group .country-code-select{width:100%}}.gks-form-modal .form-group textarea{resize:vertical;min-height:80px}.gks-form-modal .submit-button{width:100%;padding:16px;background:#e94e97;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px}.gks-form-modal .submit-button:hover:not(:disabled){background:#d63d86;transform:translateY(-2px);box-shadow:0 4px 12px #e94e974d}.gks-form-modal .submit-button:active:not(:disabled){transform:translateY(0)}.gks-form-modal .submit-button:disabled{background:#ccc;cursor:not-allowed}@keyframes slideFromBottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.study-abroad-mate-page{margin:0;padding:0;background:#f5f5f5;overflow-x:hidden;@keyframes pulse{0%{box-shadow:0 0 #4cff63b3}70%{box-shadow:0 0 0 10px #4cff6300}to{box-shadow:0 0 #4cff6300}}}.study-abroad-mate-page .image-container{position:relative;max-width:800px;margin:0 auto}.study-abroad-mate-page .background-image{width:100%;height:auto;display:block;object-fit:contain}.study-abroad-mate-page .maintitle-overlay{position:absolute;top:120px;left:50%;transform:translate(-50%);z-index:10}@media(max-width:800px){.study-abroad-mate-page .maintitle-overlay{top:60px}}.study-abroad-mate-page .maintitle-logo{max-width:100%;width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.study-abroad-mate-page .page-container{max-width:800px;margin:0 auto;width:100%;margin-bottom:0!important;margin-top:0!important}.study-abroad-mate-page .page-image{width:100%;height:auto;display:block;object-fit:contain}.study-abroad-mate-page .page-button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;width:100%;display:block;transition:transform .2s ease,border-radius .2s ease;overflow:hidden;line-height:0}.study-abroad-mate-page .page-button:hover{transform:scale(1.1)}.study-abroad-mate-page .page-button:active{transform:scale(.98)}.study-abroad-mate-page .fab-container{position:fixed;bottom:30px;right:30px;z-index:1000;cursor:pointer}@media(max-width:800px){.study-abroad-mate-page .fab-container{bottom:20px;right:20px}}.study-abroad-mate-page .fab-button{width:auto;height:80px;transition:transform .2s ease;cursor:pointer;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.study-abroad-mate-page .fab-button:hover{transform:scale(1.1)}.study-abroad-mate-page .fab-button:active{transform:scale(.95)}@media(max-width:800px){.study-abroad-mate-page .fab-button{height:60px}}.study-abroad-mate-page .fab-button-text{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4a90e266;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden}.study-abroad-mate-page .fab-button-text:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#4cff63;border-radius:50%;animation:pulse 2s infinite}.study-abroad-mate-page .fab-button-text .fab-text{margin-left:16px}.study-abroad-mate-page .fab-button-text:hover{transform:scale(1.05);box-shadow:0 6px 20px #4a90e280}.study-abroad-mate-page .fab-button-text:active{transform:scale(.98)}@media(max-width:800px){.study-abroad-mate-page .fab-button-text{padding:12px 24px;font-size:14px}}.adventure-korea-page{margin:0;padding:32px;width:100%;max-width:800px;background:#fff;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}}.adventure-korea-page .lottie-container{display:flex;justify-content:center;align-items:center;width:100%}.adventure-korea-page .image-container{position:relative;max-width:800px;margin:0 auto}.adventure-korea-page .background-image{width:100%;height:auto;display:block;object-fit:contain}.adventure-korea-page .page-container{max-width:800px;margin:0 auto;width:100%;margin-bottom:0!important;margin-top:0!important}.adventure-korea-page .page-image{width:100%;height:auto;display:block;object-fit:contain}.adventure-korea-page .page-button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;width:100%;display:block;transition:transform .2s ease;overflow:hidden;line-height:0}.adventure-korea-page .page-button:hover{transform:scale(1.02)}.adventure-korea-page .page-button:hover .page-image{filter:brightness(1.1)}.adventure-korea-page .page-button:active{transform:scale(.98)}.adventure-korea-page .modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .3s ease}.adventure-korea-page .form-modal{position:fixed;bottom:150px;right:30px;width:500px;max-width:calc(100vw - 60px);max-height:70vh;padding:30px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;z-index:9999;overflow-y:auto;animation:slideUp .3s ease}@media(max-width:800px){.adventure-korea-page .form-modal{inset:0;width:100%;max-width:100%;max-height:100%;border-radius:0;padding:20px;animation:slideIn .3s ease}}.adventure-korea-page .form-modal .close-button{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;background:transparent;font-size:32px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.adventure-korea-page .form-modal .close-button:hover{background:#f0f0f0;color:#333}.adventure-korea-page .form-modal h2{color:#667eea;margin-bottom:30px;text-align:center;font-size:28px;font-weight:700}.adventure-korea-page .form-modal .form-group{margin-bottom:20px}.adventure-korea-page .form-modal .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.adventure-korea-page .form-modal .form-group input,.adventure-korea-page .form-modal .form-group select,.adventure-korea-page .form-modal .form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}:is(.adventure-korea-page .form-modal .form-group input,.adventure-korea-page .form-modal .form-group select,.adventure-korea-page .form-modal .form-group textarea):focus{outline:none;border-color:#667eea}:is(.adventure-korea-page .form-modal .form-group input,.adventure-korea-page .form-modal .form-group select,.adventure-korea-page .form-modal .form-group textarea)::placeholder{color:#999}.adventure-korea-page .form-modal .form-group .phone-input-group{display:flex;gap:10px}.adventure-korea-page .form-modal .form-group .phone-input-group .country-code-select{width:180px;flex-shrink:0}.adventure-korea-page .form-modal .form-group .phone-input-group .phone-number-input{flex:1}@media(max-width:500px){.adventure-korea-page .form-modal .form-group .phone-input-group{flex-direction:column}.adventure-korea-page .form-modal .form-group .phone-input-group .country-code-select{width:100%}}.adventure-korea-page .form-modal .form-group textarea{resize:vertical;min-height:80px}.adventure-korea-page .form-modal .submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px}.adventure-korea-page .form-modal .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.adventure-korea-page .form-modal .submit-button:active:not(:disabled){transform:translateY(0)}.adventure-korea-page .form-modal .submit-button:disabled{background:#ccc;cursor:not-allowed}.adventure-korea-page .fab-container{position:fixed;bottom:30px;right:30px;z-index:1000;cursor:pointer}@media(max-width:800px){.adventure-korea-page .fab-container{bottom:20px;right:20px}}.adventure-korea-page .fab-button-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;white-space:nowrap}.adventure-korea-page .fab-button-text .fab-text{display:inline-block}.adventure-korea-page .fab-button-text:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea80}.adventure-korea-page .fab-button-text:active{transform:scale(.98)}@media(max-width:800px){.adventure-korea-page .fab-button-text{padding:12px 24px;font-size:14px}}.unlimited-chat-page{margin:0;padding:0;font-family:Pretendard,sans-serif;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}.unlimited-chat-page .header{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box}.unlimited-chat-page .header .header-left,.unlimited-chat-page .header .header-right{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.unlimited-chat-page .header .header-title{font-family:Pretendard,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#000;text-align:center;margin:0;flex:1}.unlimited-chat-page .top-section{display:flex;flex-direction:column;align-items:center;width:calc(100% - 40px);max-width:800px;margin:32px 20px 0}.unlimited-chat-page .top-section .main-title-container{background-color:#fff;display:flex;justify-content:flex-start;align-items:center;width:100%}.unlimited-chat-page .top-section .main-title-container .main-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:clamp(1rem,4vw,1.5rem);line-height:150%;color:#ef5dd6;text-align:left;margin:0;width:100%}.unlimited-chat-page .top-section .lottie-container{width:100%;display:flex;justify-content:center;align-items:center}.unlimited-chat-page .version-check-container{padding:1rem;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 40px);max-width:800px;margin:0 20px;margin-top:-6rem}.unlimited-chat-page .version-check-container .version-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:clamp(1rem,4vw,1.5rem);line-height:150%;color:#3e4451;margin-bottom:.5rem;text-align:left;display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.unlimited-chat-page .version-check-container .version-title .highlight{color:#ef5dd6}.unlimited-chat-page .version-check-container .image-container{position:relative;background-color:#ebebeb;border-radius:.75rem;padding:1.5rem;width:calc(100% - 40px);max-width:800px;margin:0 20px;display:flex;justify-content:center;align-items:center}.unlimited-chat-page .version-check-container .image-container .main-image{width:100%;height:auto;border-radius:.75rem;object-fit:contain;display:block;max-width:100%}.unlimited-chat-page .version-check-container .description-text{font-family:Pretendard,sans-serif;font-weight:500;font-size:clamp(.75rem,3vw,1rem);line-height:150%;color:#8a8f99;text-align:left}.unlimited-chat-page .version-check-container .description-text p{margin:0}.unlimited-chat-page .chat-promotion-container{padding:1rem;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:calc(100% - 40px);max-width:800px;margin:0 20px}.unlimited-chat-page .chat-promotion-container .chat-promotion-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:clamp(1rem,4vw,1.5rem);line-height:150%;color:#3e4451;margin-bottom:.75rem;text-align:left}.unlimited-chat-page .chat-promotion-container .chat-promotion-title .highlight{color:#ef5dd6}.unlimited-chat-page .chat-promotion-container .chat-images-container{width:100%;display:flex;justify-content:center;align-items:center}.unlimited-chat-page .chat-promotion-container .chat-images-container .chat-image{width:100%;max-width:800px;height:auto;object-fit:contain;border-radius:1rem}.unlimited-chat-page .smart-mate-container{padding:1rem;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 40px);max-width:800px;margin:0 20px}.unlimited-chat-page .smart-mate-container .smart-mate-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:clamp(1rem,4vw,1.5rem);line-height:150%;color:#3e4451;margin-bottom:.75rem;text-align:left;width:100%}.unlimited-chat-page .smart-mate-container .smart-mate-title .highlight{color:#ef5dd6}.unlimited-chat-page .smart-mate-container .chat-detail-container{background-color:#f3f3f3;border-radius:.75rem;padding:.75rem;width:calc(100% - 2rem);margin:0 1rem;display:flex;justify-content:center;align-items:center}.unlimited-chat-page .smart-mate-container .chat-detail-container .chat-detail-image{width:100%;height:auto;object-fit:contain;border-radius:.5rem}.unlimited-chat-page .highlight{color:#ef5dd6}.UnivIntro{width:100%;max-width:800px;background-color:#fff;padding-bottom:30px}.UnivIntro.payment-restricted{max-height:200vh;overflow:hidden;position:relative}.UnivIntro .Hero{position:relative;width:100%;height:460px;background-position:center;background-size:cover;background-repeat:no-repeat}.UnivIntro .Overlay{position:relative;width:100%;max-width:800px;margin:-56px auto 0;padding:0;box-sizing:border-box;display:flex;flex-direction:row;gap:16px;align-items:flex-end}.UnivIntro .Overlay .Logo{width:140px;height:140px;border-radius:40px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:40% auto;border:1px solid #e4e4e4;flex-shrink:0}.UnivIntro .Overlay .Texts{display:flex;flex-direction:column;gap:8px;width:100%}.UnivIntro .Overlay .TitleRow{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}.UnivIntro .Overlay .Title{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:700;font-size:32px;line-height:1.5;color:#212121;background-color:#fffc}.UnivIntro .Overlay .Badges{display:flex;gap:4px;align-items:center}.UnivIntro .Overlay .Badge{height:24px;display:flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;white-space:nowrap}.UnivIntro .Overlay .Badge.primary{background-color:#d0eeff;color:#0037ff}.UnivIntro .Overlay .Badge.secondary{background-color:#e8e8e8;color:#2a2a2a}.UnivIntro .Overlay .Address{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#525252;white-space:nowrap}.UnivIntro .Tabs{width:100%;max-width:800px;margin:40px auto 0;padding:16px;box-sizing:border-box}.UnivIntro .Tabs .Container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.UnivIntro .Tabs .Left{display:flex;flex-direction:row;gap:24px;align-items:center}.UnivIntro .Tabs .Tab{position:relative;padding-bottom:6px;cursor:pointer;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:20px;line-height:1.5;color:#a2a2a2;white-space:nowrap}.UnivIntro .Tabs .Tab.active{font-size:24px;color:#212121}.UnivIntro .Tabs .Tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#000}.UnivIntro .Tabs .Action{padding:8px 14px;border-radius:8px;background-color:#dd88cf;border:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:14px;color:#fff;cursor:pointer;white-space:nowrap}.UnivIntro .Tabs .TabsScrollContainer{scrollbar-width:none;-ms-overflow-style:none}.UnivIntro .Tabs .TabsScrollContainer::-webkit-scrollbar{display:none}.UnivIntro .Content{display:none;width:100%;max-width:800px;margin:0 auto;padding:16px;box-sizing:border-box}.UnivIntro .Content.Active{display:block}.UnivIntro .Section{width:100%;max-width:800px;margin:24px auto 0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.UnivIntro .Section .Title{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#212121}.UnivIntro .Section .Title.light{font-weight:400}.UnivIntro .Section .Title.bold{font-weight:600}.UnivIntro .Section .Card{background-color:#fafafa;border-radius:12px;padding:16px 24px}.UnivIntro .Section .Card p{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#585858;white-space:pre-wrap}.UnivIntro .Section .List{display:flex;flex-direction:column;gap:12px}.UnivIntro .Section .Item{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.UnivIntro .Section .Item .Label{min-width:96px;flex-shrink:0;padding-top:2px;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#919191;white-space:nowrap}.UnivIntro .Section .Item .Value{flex:1;min-width:0;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#212121;word-break:break-word;white-space:pre-wrap}.UnivIntro .Section .Divider{width:100%;height:1px;background-color:#e5e5e5}.UnivIntro .Section.info{margin-bottom:56px}.UnivIntro .Section .Table{display:table;width:100%}.UnivIntro .Section .TableRow{display:table-row}.UnivIntro .Section .TableRow+.Divider+.TableRow .TableCell{padding-top:12px}.UnivIntro .Section .TableCell{display:table-cell;padding:8px 0;vertical-align:top;border-bottom:1px #e5e5e5 solid}.UnivIntro .Section .TableCell.Label{padding-right:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#919191;white-space:nowrap}.UnivIntro .Section .TableCell.Label p{margin:0}.UnivIntro .Section .TableCell.Value{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#212121;word-break:break-word;white-space:pre-wrap}.UnivIntro .Section .TableCell.Value p{margin:0}.UnivIntro .Section .TableRow:last-child .TableCell{border-bottom:none}.UnivIntro .Majors{width:100%;max-width:800px;margin:24px auto 0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.UnivIntro .Majors .Header{display:flex;flex-direction:row;gap:8px;align-items:center}.UnivIntro .Majors .Title{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#212121}.UnivIntro .Majors .Track{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#a2a2a2}.UnivIntro .Majors .Group{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.UnivIntro .Majors .Group .Label{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#919191;flex-shrink:0;padding-top:2px;width:96px;white-space:nowrap}.UnivIntro .Majors .Group .List{display:flex;flex:1;flex-wrap:wrap;gap:8px 12px;align-items:center}.UnivIntro .Majors .Chip{margin:0 12px 8px 0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#212121;white-space:nowrap;display:inline-block}.UnivIntro .Majors .ChipList{display:flex;flex-wrap:wrap;gap:8px 12px}.UnivIntro .Majors .Divider{width:100%;height:1px;background-color:#e5e5e5;margin:8px 0}.UnivIntro .Majors .Table{display:table;width:100%}.UnivIntro .Majors .TableRow{display:table-row}.UnivIntro .Majors .TableCell{display:table-cell;padding:12px 0;vertical-align:top;border-bottom:1px solid #e5e5e5}.UnivIntro .Majors .TableCell.Label{padding-right:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#919191;white-space:nowrap}.UnivIntro .Majors .TableCell.Label p{margin:0}.UnivIntro .Majors .TableCell.Value{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#212121}.UnivIntro .Majors .TableCell.Value p{margin:0}.UnivIntro .Majors .TableRow:last-child .TableCell{border-bottom:none}.UnivIntro .Info{width:100%;max-width:800px;margin:24px auto 56px;padding:0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.UnivIntro .Info .Title{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#212121}.UnivIntro .Info .Items{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap}.UnivIntro .Info .Item{display:flex;flex-direction:row;gap:8px;align-items:center}.UnivIntro .Info .Item .Icon{width:24px;height:24px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:contain}.UnivIntro .Info .Item .Icon.users{background-image:url(/svg/Users_3.svg)}.UnivIntro .Info .Item .Icon.coin{background-image:url(/svg/Coin-circle.svg)}.UnivIntro .Info .Item .Icon.money{background-image:url(/svg/Money_Bag.svg)}.UnivIntro .Info .Item .Icon.home{background-image:url(/svg/Home.svg)}.UnivIntro .Info .Item .Label{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#919191;white-space:nowrap}.UnivIntro .Info .Item .Value{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#212121;white-space:nowrap}.UnivIntro .Divider{width:100%;height:1px;background-color:#ededed;margin:4px auto;max-width:800px}.UnivIntro .Divider.spaced{margin:24px auto}.UnivIntro .Divider.full{margin:8px auto}.UnivIntro a.Outlink{padding:8px 14px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:14px;cursor:pointer;color:#555;text-decoration:none}.UnivIntro a.Outlink:hover{text-decoration:underline}.UnivIntro a.Action{padding:8px 14px;border-radius:8px;background-color:#dd88cf;border:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500;font-size:14px;color:#fff;cursor:pointer;white-space:nowrap}@media(max-width:760px){.UnivIntro .Tabs .Container{flex-direction:column;align-items:flex-start;gap:12px}.UnivIntro .Tabs .Action{align-self:stretch}.UnivIntro .Tabs .Tab{font-size:16px!important}.UnivIntro .Tabs .Tab.active{font-size:18px!important}.UnivIntro .Overlay{flex-direction:column;align-items:flex-start;gap:12px;margin-left:20px;margin-right:20px}.UnivIntro .Overlay .Logo{width:100px;height:100px;align-self:center}.UnivIntro .Overlay .TitleRow{flex-direction:column;align-items:flex-start;gap:8px}.UnivIntro .Overlay .Address{white-space:normal!important;word-break:break-word}.UnivIntro .Tabs,.UnivIntro .Section,.UnivIntro .Majors,.UnivIntro .Info,.UnivIntro .Content{margin-left:20px;margin-right:20px}}@media(max-width:560px){.UnivIntro .overlay .title{font-size:0}.UnivIntro .overlay .title:after{content:"SoGang Univ";font-size:32px;font-weight:700;line-height:1.5;color:#212121;white-space:nowrap}.UnivIntro .section .item{align-items:flex-start}.UnivIntro .section .item .value{flex:1;min-width:0;white-space:normal;word-break:break-word}:is(.UnivIntro .Section,.UnivIntro .Majors) .Table{display:block}:is(.UnivIntro .Section,.UnivIntro .Majors) .TableRow{display:block;margin-bottom:16px}:is(.UnivIntro .Section,.UnivIntro .Majors) .TableCell{display:block;padding:4px 0}:is(.UnivIntro .Section,.UnivIntro .Majors) .TableCell.Label{width:100%;white-space:normal;padding-right:0;margin-bottom:4px}:is(.UnivIntro .Section,.UnivIntro .Majors) .TableCell.Value{width:100%}}.payment-wall-overlay{position:fixed;inset:0;background:linear-gradient(to bottom,#fff0,#ffffff80,#fffc,#fffffff2 60%,#fff 80% 100%);z-index:998;pointer-events:none;animation:fadeIn .4s ease-out}.payment-wall-container{position:fixed;bottom:24px;right:24px;z-index:999;animation:slideInUp .4s cubic-bezier(.25,.46,.45,.94)}@media(max-width:768px){.payment-wall-container{bottom:16px;left:16px;right:16px}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-wall{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000000d;padding:24px;max-width:420px;position:relative;border:1px solid rgba(0,0,0,.05)}@media(max-width:768px){.payment-wall{max-width:100%;padding:20px}}.payment-wall .close-button{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;border-radius:8px}.payment-wall .close-button:hover{background:#0000000d;color:#374151}.payment-wall .close-button:active{transform:scale(.95)}.payment-wall-content{display:flex;flex-direction:column;gap:20px}.payment-wall-content .icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#7b43970d,#dc24300d);border-radius:16px;margin:0 auto}.payment-wall-content .text-content{text-align:center}.payment-wall-content .text-content h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.4}@media(max-width:768px){.payment-wall-content .text-content h3{font-size:16px}}.payment-wall-content .text-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}@media(max-width:768px){.payment-wall-content .text-content p{font-size:13px}}.payment-wall-content .action-buttons{display:flex;gap:12px;margin-top:4px}@media(max-width:480px){.payment-wall-content .action-buttons{flex-direction:column}}.payment-wall-content .action-buttons button{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.payment-wall-content .action-buttons button:active{transform:scale(.98)}@media(max-width:768px){.payment-wall-content .action-buttons button{padding:10px 16px;font-size:13px}}.payment-wall-content .action-buttons .primary-button{background:linear-gradient(135deg,#7b4397,#dc2430);color:#fff}.payment-wall-content .action-buttons .primary-button:hover{box-shadow:0 4px 12px #7b43974d;transform:translateY(-1px)}.payment-wall-content .action-buttons .secondary-button{background:#0000000d;color:#6b7280}.payment-wall-content .action-buttons .secondary-button:hover{background:#00000014;color:#374151}.payment-wall-container.hiding{animation:slideOutDown .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}.Progress{width:100%;min-height:100vh}.Progress.payment-restricted{max-height:200vh;overflow:hidden;position:relative}.Progress .SidebarProgress{display:flex;flex-direction:column;align-items:center;gap:12px}.Progress .SidebarProgressCircle{width:80px;height:80px;border-radius:50%;background:conic-gradient(#22c55e 0% var(--progress-percentage, 31%),#e5e7eb var(--progress-percentage, 31%) 100%);display:flex;align-items:center;justify-content:center;position:relative}.Progress .SidebarProgressCircle:before{content:"";width:60px;height:60px;border-radius:50%;background-color:#f8fafc;position:absolute}.Progress .SidebarProgressValue{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:18px;line-height:1;color:#374151;position:relative;z-index:1}.Progress .SidebarProgressText{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6b7280}.Progress .SidebarMenu{display:flex;flex-direction:column;gap:8px}.Progress .SidebarMenuItem{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background-color .2s}.Progress .SidebarMenuItem:hover{background-color:#f1f5f9}.Progress .SidebarMenuItemLeft{display:flex;align-items:center;gap:12px}.Progress .SidebarMenuDot{width:8px;height:8px;border-radius:50%}.Progress .SidebarMenuDot.completed{background-color:#22c55e}.Progress .SidebarMenuDot.partial{background-color:#f59e0b}.Progress .SidebarMenuDot.notStarted{background-color:#ef4444}.Progress .SidebarMenuLabel{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#374151}.Progress .SidebarMenuCount{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#6b7280}.Progress .SidebarHelp{display:flex;flex-direction:column;gap:12px}.Progress .SidebarHelpItem{display:flex;align-items:center;gap:12px;padding:8px 0;cursor:pointer}.Progress .SidebarHelpItem:hover .SidebarHelpText{color:#374151}.Progress .SidebarHelpIcon{font-size:16px}.Progress .SidebarHelpText{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6b7280}.MainContent{flex:1;margin-left:280px;min-height:100vh}*/ .Container{width:100%;background-color:#fff;max-width:800px;margin:0 auto;padding:24px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:32px}.UniversityCard{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background-color:#fff;border:1px solid #f0f0f0;border-radius:12px}.UniversityCard .Left{display:flex;align-items:center;gap:16px;flex:1}.UniversityCard .Logo{width:64px;height:64px;border-radius:20px;border:1px solid #e4e4e4;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:80%;flex-shrink:0}.UniversityCard .Info{flex:1}.UniversityCard .Header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.UniversityCard .Title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:20px;line-height:1.5;color:#212121;margin:0}.UniversityCard .Badges{display:flex;gap:4px}.UniversityCard .Badge{padding:2px 6px;border-radius:4px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1.5}.UniversityCard .Badge.primary{background-color:#d0eeff;color:#0037ff}.UniversityCard .Badge.secondary{background-color:#e8e8e8;color:#2a2a2a}.UniversityCard .Address{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6b7280;margin:0}.UniversityCard .Button{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;color:#212121;cursor:pointer;white-space:nowrap}.UniversityCard .Button:hover{background-color:#f9fafb}.ProgressOverview{background-color:#f8fafc;border-radius:12px;padding:24px}.ProgressOverview .Title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#374151;margin:0 0 16px}.ProgressOverview .Content{display:flex;flex-direction:column;gap:16px}.ProgressOverview .Header{display:flex;align-items:flex-end;gap:16px}.ProgressOverview .Percentage{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:28px;line-height:1.2;color:#212121}.ProgressOverview .Stats{display:flex;gap:16px;flex:1}.ProgressOverview .Stat{display:flex;align-items:center;gap:8px}.ProgressOverview .StatBadge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1.5}.ProgressOverview .StatBadge .Dot{width:8px;height:8px;border-radius:50%}.ProgressOverview .StatBadge.notSubmitted{background-color:#fef2f2;color:#991b1b}.ProgressOverview .StatBadge.notSubmitted .Dot{background-color:#ef4444}.ProgressOverview .StatBadge.pending{background-color:#fefbf2;color:#92400e}.ProgressOverview .StatBadge.pending .Dot{background-color:#f59e0b}.ProgressOverview .StatBadge.completed{background-color:#f0fdf4;color:#166534}.ProgressOverview .StatBadge.completed .Dot{background-color:#22c55e}.ProgressOverview .StatCount{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#212121}.ProgressOverview .ProgressBar{display:flex;align-items:center;gap:12px}.ProgressOverview .ProgressBar .Track{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;position:relative;overflow:hidden}.ProgressOverview .ProgressBar .Fill{position:absolute;top:0;height:100%;border-radius:4px}.ProgressOverview .ProgressBar .Fill.completed{background-color:#22c55e;left:0}.ProgressOverview .ProgressBar .Fill.pending{background-color:#f59e0b}.ProgressOverview .ProgressBar .PercentageLabel{background-color:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:12px;line-height:1.5;color:#212121}.ChecklistHeader .Title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:20px;line-height:1.5;color:#212121;margin:0 0 4px}.ChecklistHeader .Description{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6b7280;margin:0}.ChecklistItems{display:flex;flex-direction:column;gap:24px}.ChecklistItems .Section{display:flex;flex-direction:column;gap:12px}.ChecklistItems .Section .SectionMainTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1.4;color:#212121;margin:0 0 8px;padding-top:16px}.SectionTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:18px;line-height:1.5;color:#212121;margin:0 0 8px}.SectionDescription{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6b7280;margin:0 0 16px}.ItemsGroup{display:flex;flex-direction:column;border:1px solid #f0f0f0;overflow:hidden}.ItemsGroup:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.ItemsGroup:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.GroupHeader{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f9fafb;border-bottom:1px solid #f0f0f0}.GroupHeader .Category{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#374151}.GroupHeader .Status{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#6b7280}.Item{display:flex;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #f0f0f0}.Item:last-child{border-bottom:none}.Item .StatusBadge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1.5;min-width:80px;justify-content:center}.Item .StatusBadge .Dot{width:8px;height:8px;border-radius:50%}.Item .StatusBadge.notSubmitted{background-color:#fef2f2;color:#991b1b}.Item .StatusBadge.notSubmitted .Dot{background-color:#ef4444}.Item .StatusBadge.pending{background-color:#fefbf2;color:#92400e}.Item .StatusBadge.pending .Dot{background-color:#f59e0b}.Item .StatusBadge.completed{background-color:#f0fdf4;color:#166534}.Item .StatusBadge.completed .Dot{background-color:#22c55e}.Item .Info{flex:1}.Item .Info .Title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;line-height:1.5;color:#212121;margin:0 0 4px}.Item .Info .Subtitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#6b7280;margin:0}.Item .Info .Description{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:13px;line-height:1.4;color:#9ca3af;margin:4px 0 0}.Item .Actions{display:flex;gap:8px;flex-wrap:wrap}.Item .Action{padding:6px 12px;border:none;border-radius:6px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap}.Item .Action.Primary{background-color:#dd88cf;color:#fff}.Item .Action.Primary:hover{background-color:#d176c2}.Item .Action.Secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.Item .Action.Secondary:hover{background-color:#e5e7eb}.Item .Action.Link{background-color:#3b82f6;color:#fff}.Item .Action.Link:hover{background-color:#2563eb}.SectionEndNote{margin-top:24px;padding:20px;background-color:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.SectionEndNote .Content{display:flex;align-items:flex-start;gap:16px}.SectionEndNote .Content .Text{flex:1;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#374151;margin:0;white-space:pre-line}.SectionEndNote .Content .Button{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}.SectionEndNote .Content .Button:hover{background-color:#2563eb}} @media (max-width: 768px){.Progress{.Container{padding:16px 12px;gap:24px}.UniversityCard{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;.Left{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.Header{flex-direction:column;align-items:flex-start;gap:8px}.Title{font-size:18px}.Address{word-break:break-word}.Button{align-self:stretch;text-align:center}}.ProgressOverview{padding:20px;.Header{flex-direction:column;align-items:flex-start;gap:12px}.Stats{flex-direction:column;gap:8px;width:100%}.Stat{justify-content:space-between;width:100%}}.Item{align-items:flex-start;gap:12px;padding:12px;.StatusBadge{align-self:center;min-width:24px;flex:0;background-color:transparent;span{display:none}}.Info{max-width:calc(100% - 144px);flex:1;.Title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;.Subtitle{display:none}}}.Actions{align-self:stretch;flex-direction:column;min-width:90px;.Action{text-align:center}}}}.SectionEndNote .Content{flex-direction:column;.Button{width:100%;text-align:center}}}.Progress .error-snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#f44336;color:#fff;padding:16px 24px;border-radius:4px;box-shadow:0 3px 10px #0003;z-index:9999;font-size:14px;display:flex;align-items:center;gap:8px}.Progress .error-snackbar:before{content:"⚠";font-size:16px}.DocumentDrawer{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}}.DocumentDrawer .DocumentDrawer-overlay{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.DocumentDrawer .DocumentDrawer-content{width:500px;max-width:90vw;background-color:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;position:relative;z-index:1001;animation:slideInRight .3s ease-out;height:100vh;overflow:hidden}.DocumentDrawer .DocumentDrawer-header{padding:24px;border-bottom:1px solid #f0f0f0;background-color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.DocumentDrawer .DocumentDrawer-universityInfo{display:flex;align-items:center;gap:16px;flex:1}.DocumentDrawer .DocumentDrawer-logo{width:60px;height:60px;border-radius:12px;border:1px solid #e4e4e4;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.DocumentDrawer .DocumentDrawer-logo img{width:70%;height:70%;object-fit:contain}.DocumentDrawer .DocumentDrawer-universityDetails{flex:1}.DocumentDrawer .DocumentDrawer-universityName{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:18px;line-height:1.4;color:#212121;margin:0 0 8px}.DocumentDrawer .DocumentDrawer-badges{display:flex;gap:8px}.DocumentDrawer .DocumentDrawer-badge{padding:4px 8px;border-radius:4px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1.5}.DocumentDrawer .DocumentDrawer-badge .private{background-color:#d0eeff;color:#0037ff}.DocumentDrawer .DocumentDrawer-badge .general{background-color:#e8e8e8;color:#2a2a2a}.DocumentDrawer .DocumentDrawer-closeButton{width:32px;height:32px;border:none;background-color:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.DocumentDrawer .DocumentDrawer-closeButton:hover{background-color:#f3f4f6}.DocumentDrawer .DocumentDrawer-closeButton svg{width:20px;height:20px}.DocumentDrawer .DocumentDrawer-body{flex:1;overflow-y:auto;padding:0}.DocumentDrawer .DocumentDrawer-documentSection{padding:24px;display:flex;flex-direction:column;gap:24px}.DocumentDrawer .DocumentDrawer-documentHeader{display:flex;flex-direction:column;gap:12px}.DocumentDrawer .DocumentDrawer-statusBadge{display:flex;align-items:center;gap:8px;align-self:flex-start}.DocumentDrawer .DocumentDrawer-statusText{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1.5;color:#991b1b}.DocumentDrawer .DocumentDrawer-statusDot{width:8px;height:8px;border-radius:50%}.DocumentDrawer .DocumentDrawer-statusDot.notSubmitted{background-color:#ef4444}.DocumentDrawer .DocumentDrawer-statusDot.pending{background-color:#f59e0b}.DocumentDrawer .DocumentDrawer-statusDot.completed{background-color:#22c55e}.DocumentDrawer .DocumentDrawer-documentTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:20px;line-height:1.4;color:#212121;margin:0}.DocumentDrawer .DocumentDrawer-documentGuide{display:flex;flex-direction:column;gap:24px}.DocumentDrawer .DocumentDrawer-uploadDescription p{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#6b7280;margin:0;white-space:pre-line}.DocumentDrawer .DocumentDrawer-sampleImageSection{display:flex;flex-direction:column;gap:0;position:relative}.DocumentDrawer .DocumentDrawer-sampleImageContainer{border-radius:12px 12px 0 0;overflow:hidden;border:1px solid #e5e7eb;border-bottom:none}.DocumentDrawer .DocumentDrawer-sampleImage{width:100%;height:auto;display:block}.DocumentDrawer .DocumentDrawer-tipBox{background-color:#fef3c7;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;padding:16px;display:flex;align-items:flex-start;gap:8px}.DocumentDrawer .DocumentDrawer-tipBox.attached{margin-top:0}.DocumentDrawer .DocumentDrawer-tipLabel{background-color:#f59e0b;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:11px;line-height:1.2;padding:2px 6px;border-radius:4px;flex-shrink:0;text-transform:uppercase}.DocumentDrawer .DocumentDrawer-tipText{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:13px;line-height:1.4;color:#92400e;margin:0;flex:1}.DocumentDrawer .DocumentDrawer-linkButton{margin:16px 0}.DocumentDrawer .DocumentDrawer-linkBtn{padding:12px 20px;border:1px solid #3b82f6;background-color:#fff;color:#3b82f6;border-radius:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}.DocumentDrawer .DocumentDrawer-linkBtn:hover{background-color:#eff6ff}.DocumentDrawer .DocumentDrawer-uploadSection{display:flex;flex-direction:column;gap:16px}.DocumentDrawer .DocumentDrawer-uploadTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:18px;line-height:1.4;color:#212121;margin:0}.DocumentDrawer .DocumentDrawer-uploadDesc{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#6b7280;margin:0}.DocumentDrawer .DocumentDrawer-figmaUpload{display:flex;flex-direction:column;gap:8px}.DocumentDrawer .DocumentDrawer-figmaUploadArea{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;background-color:#fafbfc;position:relative;cursor:pointer;transition:all .2s;display:flex;justify-content:center}.DocumentDrawer .DocumentDrawer-figmaUploadArea:hover{border-color:#dd88cf;background-color:#fdf2f8}.DocumentDrawer .DocumentDrawer-figmaUploadContent{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.DocumentDrawer .DocumentDrawer-figmaUploadIcon{display:flex;align-items:center;justify-content:center}.DocumentDrawer .DocumentDrawer-figmaUploadIcon svg{width:32px;height:32px}.DocumentDrawer .DocumentDrawer-figmaUploadText{display:flex;flex-direction:column;gap:4px}.DocumentDrawer .DocumentDrawer-figmaUploadTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.4;color:#374151;margin:0}.DocumentDrawer .DocumentDrawer-figmaUploadSubtitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#6b7280;margin:0}.DocumentDrawer .DocumentDrawer-uploadInput{position:absolute;inset:0;opacity:0;cursor:pointer}.DocumentDrawer .DocumentDrawer-figmaUploadInfo{text-align:center}.DocumentDrawer .DocumentDrawer-figmaUploadFormat{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:12px;line-height:1.4;color:#9ca3af}.DocumentDrawer .DocumentDrawer-currentFile{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background-color:#f9fafb}.DocumentDrawer .DocumentDrawer-currentFileTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#374151;margin:0 0 12px}.DocumentDrawer .DocumentDrawer-currentFileItem{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb}.DocumentDrawer .DocumentDrawer-currentFileName{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#374151}.DocumentDrawer .DocumentDrawer-currentFileView{padding:4px 12px;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:4px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:12px;cursor:pointer}.DocumentDrawer .DocumentDrawer-currentFileView:hover{background-color:#f9fafb}.DocumentDrawer .DocumentDrawer-saveButton{padding:16px 24px;border:none;background-color:#dd88cf;color:#fff;border-radius:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.DocumentDrawer .DocumentDrawer-saveButton:hover{background-color:#d176c2}.DocumentDrawer .DocumentDrawer-saveButton svg{width:20px;height:20px}.DocumentDrawer .DocumentDrawer-serviceBox{background-color:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-top:8px}.DocumentDrawer .DocumentDrawer-serviceHeader{margin-bottom:16px}.DocumentDrawer .DocumentDrawer-serviceTitle{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.4;color:#212121;margin:0 0 8px}.DocumentDrawer .DocumentDrawer-serviceDescription{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6b7280;margin:0}.DocumentDrawer .DocumentDrawer-serviceButton{width:100%;padding:12px 20px;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:14px;cursor:pointer}.DocumentDrawer .DocumentDrawer-serviceButton:hover{background-color:#f9fafb}@media(max-width:768px){.DocumentDrawer .DocumentDrawer-content{width:100vw;max-width:100vw}.DocumentDrawer .DocumentDrawer-header,.DocumentDrawer .DocumentDrawer-documentSection{padding:16px}.DocumentDrawer .DocumentDrawer-universityName{font-size:16px}.DocumentDrawer .DocumentDrawer-documentTitle{font-size:18px}.DocumentDrawer .DocumentDrawer-figmaUploadArea{padding:32px 16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.waiting-list-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.waiting-list-modal .close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:all .2s}.waiting-list-modal .close-button:hover{background:#e0e0e0;transform:rotate(90deg)}.waiting-list-modal h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#000;text-align:center}.waiting-list-modal .university-info{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.waiting-list-modal .university-info .university-logo{width:80px;height:80px;object-fit:contain;margin-bottom:12px;border-radius:50%;border:2px solid #f0f0f0;padding:8px;background:#fff}.waiting-list-modal .university-info h3{font-size:18px;font-weight:600;color:#000;margin-bottom:4px}.waiting-list-modal .university-info p{font-size:14px;color:#666}.waiting-list-modal form .form-group{margin-bottom:20px}.waiting-list-modal form .form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.waiting-list-modal form .form-group input,.waiting-list-modal form .form-group select,.waiting-list-modal form .form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}:is(.waiting-list-modal form .form-group input,.waiting-list-modal form .form-group select,.waiting-list-modal form .form-group textarea):focus{outline:none;border-color:#7b4397;box-shadow:0 0 0 3px #7b43971a}:is(.waiting-list-modal form .form-group input,.waiting-list-modal form .form-group select,.waiting-list-modal form .form-group textarea)::placeholder{color:#999}.waiting-list-modal form .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.waiting-list-modal form .submit-button{width:100%;padding:14px;background:linear-gradient(90deg,#7b4397,#dc2430);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.waiting-list-modal form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7b43974d}.waiting-list-modal form .submit-button:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,calc(-50% + 20px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.Admission{width:100%;background-color:#f5f5f5;min-height:100vh}.Admission.payment-restricted{max-height:200vh;overflow:hidden;position:relative}.Admission .CarouselContainer{width:100%;padding:20px;box-sizing:border-box;display:flex;justify-content:center}.Admission .CarouselContainer .Carousel{width:100%;max-width:1000px;aspect-ratio:10 / 3}.Admission .Container{max-width:800px;margin:0 auto;background-color:#fff;padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:40px}.Admission .Container .MyApplications{padding-left:12px;padding-right:12px}.Admission .Container .MyApplications h2{margin-left:-12px;font-size:18px;font-weight:600;margin-bottom:8px;color:#000}.Admission .Container .MyApplications .Summary p{font-size:14px;color:#666;margin-bottom:16px}.Admission .Container .MyApplications .Applications{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.Admission .Container .MyApplications .Applications::-webkit-scrollbar{height:4px}.Admission .Container .MyApplications .Applications::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.Admission .Container .MyApplications .Applications::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.Admission .Container .MyApplications .Applications .ApplicationCard{min-width:280px;background:#fff;border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .2s;border:1px solid #e0e0e0}.Admission .Container .MyApplications .Applications .ApplicationCard:hover{box-shadow:0 4px 12px #0000001a}.Admission .Container .MyApplications .Applications .ApplicationCard .UniversityName{font-size:14px;font-weight:600;color:#000;margin-bottom:4px}.Admission .Container .MyApplications .Applications .ApplicationCard .TrackName{font-size:12px;color:#666;margin-bottom:8px}.Admission .Container .MyApplications .Applications .ApplicationCard .Status{font-size:12px;color:#999;text-transform:capitalize}.Admission .Container .UpcomingDeadlines{border-radius:16px;padding:12px}.Admission .Container .UpcomingDeadlines h2{margin-left:-12px;font-size:18px;font-weight:600;margin-bottom:20px;color:#000}.Admission .Container .UpcomingDeadlines .DeadlinesList{display:flex;flex-direction:column;gap:8px}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem{display:flex;justify-content:flex-start;align-items:stretch;gap:12px;cursor:pointer;transition:background .2s;border-radius:8px;min-height:48px;background-color:#f0f0f0}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem:hover{background:#ccc}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .DateCircle{padding:8px 12px;border-top-left-radius:8px;border-bottom-left-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#efd6e9}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .DateCircle span{width:32px;height:32px;border-radius:16px;background:linear-gradient(135deg,#e8b4d8,#d4a5d0);color:#fff;font-size:18px;font-weight:600;text-align:center;line-height:30px}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .Tracks{padding:8px 0}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .Tracks .Track{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .UniversityLogo{width:42px;height:42px;object-fit:contain;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .UniversityLogo.LogoPlaceholder{width:24px;height:24px;background:#f0f0f0;border-radius:50%}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .DeadlineInfo{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .DeadlineInfo .UniversityName{font-size:16px;font-weight:500;color:#000;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Admission .Container .UpcomingDeadlines .DeadlinesList .DeadlineItem .DeadlineInfo .DeadlineDate{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Admission .Container .Universities{border-radius:16px;padding:12px;margin-bottom:40px}.Admission .Container .Universities h2{margin-left:-12px;font-size:18px;font-weight:600;margin-bottom:20px;color:#000}.Admission .Container .Universities .TwoColumns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.Admission .Container .Universities .TwoColumns{grid-template-columns:1fr}}.Admission .Container .Universities .TwoColumns .UniversityCard{background:#fafafa;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s;border:1px solid #f0f0f0}.Admission .Container .Universities .TwoColumns .UniversityCard:hover{box-shadow:0 4px 12px #00000014;border-color:#7b4397}.Admission .Container .Universities .TwoColumns .UniversityCard .UniversityLogo{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:1px solid #e0e0e0}.Admission .Container .Universities .TwoColumns .UniversityCard .UniversityLogo img{width:44px;height:44px;object-fit:contain}.Admission .Container .Universities .TwoColumns .UniversityCard .UniversityInfo{flex:1;min-width:0}.Admission .Container .Universities .TwoColumns .UniversityCard .UniversityInfo .UniversityName{font-size:14px;font-weight:600;color:#000;margin-bottom:4px}.Admission .Container .Universities .TwoColumns .UniversityCard .UniversityInfo .Location{font-size:12px;color:#666;margin-bottom:8px}.Admission .Container .Universities .TwoColumns .UniversityCard .UniversityInfo .Description{font-size:12px;color:#999;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Admission .Container .Support{text-align:center;padding:40px 20px;background:#fff;border-radius:16px;margin-bottom:40px}.Admission .Container .Support p{font-size:16px;color:#333;margin-bottom:20px;line-height:1.5}.Admission .Container .Support button{padding:12px 32px;background:linear-gradient(90deg,#7b4397,#dc2430);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.Admission .Container .Support button:hover{transform:scale(1.05)}.Admission .Container .Footer{text-align:center;padding:40px 20px 20px}.Admission .Container .Footer p{font-size:12px;color:#666;margin-bottom:8px;line-height:1.5}.Admission .Container .Footer a{text-decoration:none;color:#7b4397;transition:opacity .2s}.Admission .Container .Footer a:hover{opacity:.8}.Admission .Container .Footer a p{color:inherit}.Admission .Container .Footer img{vertical-align:middle;margin-right:4px}.carousel-container{width:100%;position:relative}.carousel-container .carousel-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px}.carousel-container .carousel-inner{display:flex;position:relative;width:100%;height:100%}.carousel-container .carousel-slide{position:absolute;width:100%;height:100%;transition:transform .3s ease-in-out}.carousel-container .carousel-slide.active{position:relative}.carousel-container .carousel-image{width:100%;height:100%;object-fit:cover;display:block}.carousel-container .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .2s,opacity .2s}.carousel-container .carousel-arrow:hover{background-color:#000000b3}.carousel-container .carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-container .carousel-arrow .prev{left:16px}.carousel-container .carousel-arrow .next{right:16px}.carousel-container .carousel-arrow svg{width:20px;height:20px}.carousel-container .carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.carousel-container .carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:background-color .2s,width .2s;padding:0}.carousel-container .carousel-dot:hover{background-color:#ffffffb3}.carousel-container .carousel-dot.active{width:24px;border-radius:4px;background-color:#fff}@media(max-width:768px){.carousel-container .carousel-arrow{width:32px;height:32px}.carousel-container .carousel-arrow .prev{left:8px}.carousel-container .carousel-arrow .next{right:8px}.carousel-container .carousel-arrow svg{width:16px;height:16px}.carousel-container .carousel-dots{bottom:12px}}@media(hover:none)and (pointer:coarse){.carousel-container .carousel-arrow{opacity:.8}}.curriculum-container{background-color:#fff;overflow-x:hidden;width:100%}.curriculum-container *{word-break:keep-all}.curriculum-container .curriculum-header{width:100%}.curriculum-container .curriculum-header img{width:100%;height:auto;display:block}.curriculum-container .curriculum-content{padding:64px 20px;display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}.curriculum-container .curriculum-content .top-section{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%;max-width:640px}.curriculum-container .curriculum-content .top-section .title-box{padding:40px 20px 12px;text-align:center}.curriculum-container .curriculum-content .top-section .title-box h1{font-family:Pretendard,sans-serif;font-weight:800;font-size:24px;line-height:1.5;color:#000;margin:0}.curriculum-container .curriculum-content .top-section .title-box h1 .gradient-text{background:linear-gradient(90deg,#6200ff,#ff008c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.curriculum-container .curriculum-content .top-section .icon-image{width:112.934px;height:68.032px}.curriculum-container .curriculum-content .top-section .icon-image img{width:100%;height:100%;object-fit:contain}.curriculum-container .curriculum-content .top-section .info-box{background:#f0f0f0;border-radius:24px;padding:24px 32px;width:100%}.curriculum-container .curriculum-content .top-section .info-box h3{font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;color:#212121;margin:0 0 12px}.curriculum-container .curriculum-content .top-section .info-box p{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#797882;margin:0}.curriculum-container .curriculum-content .blue-gradient-section{width:100%;max-width:640px;border-radius:32px;overflow:hidden}.curriculum-container .curriculum-content .blue-gradient-section .blue-content-wrapper{background:linear-gradient(180deg,#1c88f2,#49a5ff);padding:40px;border-radius:32px 32px 0 0;display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}.curriculum-container .curriculum-content .blue-gradient-section .blue-content-wrapper .text-content{color:#fff;flex:1;min-width:250px}.curriculum-container .curriculum-content .blue-gradient-section .blue-content-wrapper .text-content h2{font-family:Pretendard,sans-serif;font-weight:800;font-size:20px;line-height:1.5;margin:0 0 24px}.curriculum-container .curriculum-content .blue-gradient-section .blue-content-wrapper .text-content p{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;line-height:1.5;margin:0}.curriculum-container .curriculum-content .blue-gradient-section .blue-content-wrapper .decoration-images{flex:0 0 auto;max-width:250px}.curriculum-container .curriculum-content .blue-gradient-section .blue-content-wrapper .decoration-images img{width:100%;height:auto}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section{background:linear-gradient(180deg,#49a5ff,#9dceff);padding:0;border-radius:0 0 32px 32px;display:flex;flex-direction:column;gap:0;overflow:hidden}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .level-icons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:10px 10px 0;margin-bottom:69px}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .level-icons .level-icon{width:93px;height:93px}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .level-icons .level-icon img{width:100%;height:100%;border-radius:50%}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .level-description{text-align:center;color:#fff;padding:0 40px 40px}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .level-description h2{font-family:Pretendard,sans-serif;font-weight:800;font-size:20px;line-height:1.5;margin:0 0 24px}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .level-description p{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;line-height:1.5;margin:0}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .cloud-bottom{width:100%;overflow:hidden}.curriculum-container .curriculum-content .blue-gradient-section .level-icons-section .cloud-bottom img{width:100%;height:79px;object-fit:cover;object-position:center;display:block}.curriculum-container .curriculum-content .arrow-divider{width:100%;max-width:640px;padding:20px 0;display:flex;justify-content:center;align-items:center}.curriculum-container .curriculum-content .arrow-divider img{width:100%;max-width:200px;height:auto}.curriculum-container .curriculum-content .arrow-divider.arrow-flipped img{transform:scaleX(-1)}.curriculum-container .curriculum-content .feature-section{padding:40px 0;width:100%;max-width:640px;display:flex;flex-direction:column;gap:40px}.curriculum-container .curriculum-content .feature-section.reverse{flex-direction:column-reverse}@media(min-width:768px){.curriculum-container .curriculum-content .feature-section.reverse{flex-direction:row}}.curriculum-container .curriculum-content .feature-section .feature-image{flex:1}.curriculum-container .curriculum-content .feature-section .feature-image img{width:100%;height:auto;border-radius:24px}.curriculum-container .curriculum-content .feature-section.certification-section .feature-image{display:flex;justify-content:center;align-items:center}.curriculum-container .curriculum-content .feature-section.certification-section .feature-image img{width:85%;height:auto}.curriculum-container .curriculum-content .feature-section .feature-text{flex:1}.curriculum-container .curriculum-content .feature-section .feature-text h2{font-family:Pretendard,sans-serif;font-weight:800;font-size:20px;line-height:1.5;color:#212121;margin:0 0 24px}.curriculum-container .curriculum-content .feature-section .feature-text h2 .gradient-ai{background:linear-gradient(90deg,#459fff 40.385%,#ff6ae6 64.423%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.curriculum-container .curriculum-content .feature-section .feature-text p{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#686868;margin:0}@media(min-width:768px){.curriculum-container .curriculum-content .feature-section{flex-direction:row;align-items:center}}.curriculum-container .curriculum-content .dark-section{background:#212121;border-radius:40px;padding:0;width:100%;max-width:640px;display:flex;flex-direction:column;gap:0;align-items:center;overflow:hidden}.curriculum-container .curriculum-content .dark-section .cloud-divider{width:100%;overflow:hidden}.curriculum-container .curriculum-content .dark-section .cloud-divider img{width:100%;height:79px;object-fit:cover;object-position:center;display:block}.curriculum-container .curriculum-content .dark-section .island-carousel{padding:40px 40px 20px}.curriculum-container .curriculum-content .dark-section .island-carousel img{width:100%;height:auto;border-radius:12px}.curriculum-container .curriculum-content .dark-section .dark-text{padding:20px 40px 40px;text-align:center;color:#fff}.curriculum-container .curriculum-content .dark-section .dark-text h2{font-family:Pretendard,sans-serif;font-weight:800;font-size:20px;line-height:1.5;margin:0 0 24px}.curriculum-container .curriculum-content .dark-section .dark-text p{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;line-height:1.5;margin:0}.curriculum-container .curriculum-content .dark-section .footer-branding{display:flex;align-items:center;justify-content:space-between;width:100%;padding:40px}.curriculum-container .curriculum-content .dark-section .footer-branding .footer-text{display:flex;flex-direction:column;gap:4px}.curriculum-container .curriculum-content .dark-section .footer-branding .footer-text .footer-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#ffffffb3;margin:0}.curriculum-container .curriculum-content .dark-section .footer-branding .footer-text .footer-subtitle{font-family:Pretendard,sans-serif;font-weight:500;font-size:13px;line-height:16px;color:#ffffffb3;margin:0}.curriculum-container .curriculum-content .dark-section .footer-branding .footer-icon{width:40px;height:36px;flex-shrink:0}.curriculum-container .curriculum-content .dark-section .footer-branding .footer-icon img{width:100%;height:100%;object-fit:contain}@media(min-width:768px){.curriculum-container .curriculum-content .dark-section .island-carousel,.curriculum-container .curriculum-content .dark-section .dark-text{padding:40px}}.curriculum-container .curriculum-content .version-check-container{width:100%;max-width:640px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:24px}.curriculum-container .curriculum-content .version-check-container .version-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;line-height:1.5;color:#212121;text-align:center;margin:0}.curriculum-container .curriculum-content .version-check-container .version-title .highlight{background:linear-gradient(90deg,#6200ff,#ff008c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.curriculum-container .curriculum-content .version-check-container .image-container{width:100%}.curriculum-container .curriculum-content .version-check-container .image-container .main-image{width:100%;height:auto;border-radius:16px}.curriculum-container .curriculum-content .version-check-container .description-text p{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#686868;text-align:center;margin:0}.korean-study-type-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:800px;margin:0 auto;min-height:100vh;background-color:#fff;box-sizing:border-box;padding:20px;gap:32px}.korean-study-type-container .top-section{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;width:100%}.korean-study-type-container .top-section .logo-wrapper{display:flex;gap:4px;align-items:center;justify-content:center}.korean-study-type-container .top-section .logo-wrapper .logo-icon{width:20px;height:20px}.korean-study-type-container .top-section .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-container .top-section .logo-wrapper .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;color:#212121;text-align:center}.korean-study-type-container .top-section .main-title{text-align:center;margin:0}.korean-study-type-container .top-section .main-title img{max-width:500px;width:100%;height:auto}.korean-study-type-container .top-section .image-section{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;@keyframes carouselSlide{0%,20%{transform:translate(0)}25%,45%{transform:translate(-306px)}50%,70%{transform:translate(-612px)}75%,95%{transform:translate(-918px)}to{transform:translate(-1224px)}}}.korean-study-type-container .top-section .image-section .dissolve-wrapper{width:100%;min-width:306px;aspect-ratio:350 / 306;position:relative;border-radius:16px}.korean-study-type-container .top-section .image-section .dissolve-wrapper .dissolve-item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease-in-out}.korean-study-type-container .top-section .image-section .dissolve-wrapper .dissolve-item.active{opacity:1;z-index:1}.korean-study-type-container .top-section .image-section .dissolve-wrapper .dissolve-item img{max-width:100%;max-height:100%;object-fit:contain}.korean-study-type-container .top-section .image-section .type-tags-container{position:absolute;bottom:0;width:100%;min-width:306px;height:80px;overflow:hidden}.korean-study-type-container .top-section .image-section .type-tag-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .6s ease-in-out}.korean-study-type-container .top-section .image-section .type-tag-wrapper.active{opacity:1;z-index:1}.korean-study-type-container .top-section .image-section .carousel-wrapper{width:294px;height:331px;overflow:hidden;border-radius:8px;position:relative}.korean-study-type-container .top-section .image-section .carousel-wrapper .carousel-track{display:flex;gap:12px;animation:carouselSlide 10s ease-in-out infinite}.korean-study-type-container .top-section .image-section .carousel-wrapper .carousel-item{flex-shrink:0;width:294px;height:331px;border-radius:8px;overflow:hidden}.korean-study-type-container .top-section .image-section .carousel-wrapper .carousel-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.korean-study-type-container .top-section .image-section .type-tag{display:flex;gap:4px;align-items:center;justify-content:center;padding:12px;background-color:#f1f1f1cc;border-radius:24px}.korean-study-type-container .top-section .image-section .type-tag .tag-avatar-wrapper{position:relative;width:40px;height:40px}.korean-study-type-container .top-section .image-section .type-tag .tag-avatar-wrapper .tag-avatar{width:40px;height:40px;background-color:#fff;border-radius:16px;overflow:hidden}.korean-study-type-container .top-section .image-section .type-tag .tag-avatar-wrapper .tag-avatar img{width:100%;height:100%;object-fit:cover}.korean-study-type-container .top-section .image-section .type-tag .tag-avatar-wrapper .tag-badge{position:absolute;bottom:-4px;right:-8px;width:16px;height:16px;border-radius:50%;overflow:hidden}.korean-study-type-container .top-section .image-section .type-tag .tag-avatar-wrapper .tag-badge img{width:100%;height:100%;object-fit:cover}.korean-study-type-container .top-section .image-section .type-tag .tag-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:14px;color:#212121;text-align:center;width:110px;white-space:pre-line;line-height:1.3}.korean-study-type-container .intro-section{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.korean-study-type-container .intro-section .intro-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:20px;color:#212121;text-align:center;line-height:1.5;margin:0;white-space:pre-line}@media(min-width:600px){.korean-study-type-container .intro-section .intro-title br{display:none}}.korean-study-type-container .intro-section .icons-container{display:flex;flex-direction:column;align-items:center;gap:3px}@media(min-width:600px){.korean-study-type-container .intro-section .icons-container{flex-direction:row;gap:10px}}.korean-study-type-container .intro-section .icons-container .icons-row{display:flex;gap:10px;align-items:center}.korean-study-type-container .intro-section .icons-container .icons-row.offset{margin-left:22px}@media(min-width:600px){.korean-study-type-container .intro-section .icons-container .icons-row.offset{margin-left:0}}.korean-study-type-container .intro-section .icons-container .icons-row .icon-circle{width:32px;height:32px;border-radius:50%;overflow:hidden}.korean-study-type-container .intro-section .icons-container .icons-row .icon-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.korean-study-type-container .intro-section .info-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:16px 24px;background-color:#fff;border:1px solid #a1a1a1;border-radius:24px}.korean-study-type-container .intro-section .info-card .info-item{display:flex;gap:5px;align-items:flex-start;width:100%}.korean-study-type-container .intro-section .info-card .info-item .info-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.korean-study-type-container .intro-section .info-card .info-item .info-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-container .intro-section .info-card .info-item .info-content{display:flex;flex-direction:column;gap:3px;flex:1}.korean-study-type-container .intro-section .info-card .info-item .info-content h3{font-family:Pretendard,sans-serif;font-weight:600;font-size:14px;color:#000;line-height:24px;margin:0}.korean-study-type-container .intro-section .info-card .info-item .info-content p{font-family:Pretendard,sans-serif;font-weight:400;font-size:12px;color:#838383;line-height:1.5;margin:0}.korean-study-type-container .cta-section{display:flex;gap:8px;align-items:center;justify-content:flex-end;width:100%;max-width:800px;margin:0 auto;background-color:#fff;position:sticky;z-index:11;bottom:20px}.korean-study-type-container .cta-section .cta-button{flex:1;height:48px;padding:12px 24px;background-color:#ef5dd6;border:none;border-radius:16px;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;color:#fff;cursor:pointer;transition:background-color .2s}.korean-study-type-container .cta-section .cta-button:hover{background-color:#e040bf}.korean-study-type-container .footer-section{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;margin:0 auto;padding:0 20px 40px;background-color:#fff}.korean-study-type-container .footer-section .footer-left{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;width:111px}.korean-study-type-container .footer-section .footer-left .footer-logo{font-family:Pretendard,sans-serif;font-weight:700;font-size:12px;color:#616161}.korean-study-type-container .footer-section .footer-left .footer-subtitle{font-family:Pretendard,sans-serif;font-weight:400;font-size:12px;color:#616161;line-height:16px}.korean-study-type-container .footer-section .footer-icon{width:26px;height:23px;border-radius:4px}.korean-study-type-container .footer-section .footer-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-test-container{background-color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px 0;position:relative;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.korean-study-type-test-container *,.korean-study-type-test-container *:before,.korean-study-type-test-container *:after{box-sizing:border-box}.korean-study-type-test-container .content-wrapper,.korean-study-type-test-container .content-wrapper .top-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.korean-study-type-test-container .content-wrapper .top-section .logo-wrapper{display:flex;gap:4px;align-items:center;padding:0 20px}.korean-study-type-test-container .content-wrapper .top-section .logo-wrapper .logo-icon{width:20px;height:20px}.korean-study-type-test-container .content-wrapper .top-section .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-test-container .content-wrapper .top-section .logo-wrapper .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;color:#212121;text-align:center;line-height:1.5}.korean-study-type-test-container .content-wrapper .top-section .header-section{background-color:#fff;display:flex;height:52px;align-items:center;justify-content:space-between;padding:14px 16px;width:100%}.korean-study-type-test-container .content-wrapper .top-section .header-section .header-title{font-family:Pretendard,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#000;margin:0}.korean-study-type-test-container .content-wrapper .contents{background-color:#fff;display:flex;flex-direction:column;gap:27px;align-items:flex-start;padding:24px 20px 64px;width:100%}.korean-study-type-test-container .content-wrapper .contents .pagination{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%}.korean-study-type-test-container .content-wrapper .contents .pagination .progress-bar{background-color:#f2f2f2;display:flex;flex-direction:column;height:12px;border-radius:999px;width:100%;overflow:hidden}.korean-study-type-test-container .content-wrapper .contents .pagination .progress-bar .progress-fill{background-color:#ef5dd6;height:12px;border-radius:999px;transition:width .3s ease}.korean-study-type-test-container .content-wrapper .contents .pagination .progress-text{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#939393;text-align:right;width:100%;margin:0}.korean-study-type-test-container .content-wrapper .contents .question-section{display:flex;flex-direction:column;gap:32px;align-items:flex-start;width:100%}.korean-study-type-test-container .content-wrapper .contents .question-section .question-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:normal;color:#000;width:100%;margin:0}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:24px;width:100%;cursor:pointer;transition:all .2s ease;border:1px solid #c3c3c3}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box:hover{border-color:#ef5dd6}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box.selected{background-color:#fff6fd;border-color:#f071d8}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box .option-text{font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#898989;margin:0;flex:1}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box.selected .option-text{color:#212121}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box .radio-button{width:24px;height:24px;min-width:24px;flex-shrink:0;border-radius:50%;border:2px solid #c3c3c3;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box .radio-button.checked{border-color:#ef5dd6}.korean-study-type-test-container .content-wrapper .contents .question-section .selection-group .selection-box .radio-button .radio-inner{width:12px;height:12px;border-radius:50%;background-color:#ef5dd6}.korean-study-type-test-container .cta-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;position:fixed;bottom:0}.korean-study-type-test-container .cta-section .cta-wrapper{background-color:#fff;display:flex;gap:8px;height:84px;align-items:center;justify-content:flex-end;padding:16px 20px;width:100%;max-width:800px}.korean-study-type-test-container .cta-section .cta-wrapper .btn-back{background-color:#e7e7e7;display:flex;gap:7px;height:48px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;width:156px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#212121;transition:opacity .2s ease}.korean-study-type-test-container .cta-section .cta-wrapper .btn-back:hover{opacity:.8}.korean-study-type-test-container .cta-section .cta-wrapper .btn-next{background-color:#ef5dd6;display:flex;gap:7px;height:48px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;width:156px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;transition:opacity .2s ease}.korean-study-type-test-container .cta-section .cta-wrapper .btn-next:hover{opacity:.9}.korean-study-type-test-container .cta-section .cta-wrapper .btn-next:disabled{filter:grayscale(100%);cursor:not-allowed}@media(max-width:480px){.korean-study-type-test-container .cta-section .cta-wrapper .btn-back,.korean-study-type-test-container .cta-section .cta-wrapper .btn-next{flex:1;width:auto}}.korean-study-type-complete-container{background-color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px 0;position:relative;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.korean-study-type-complete-container *,.korean-study-type-complete-container *:before,.korean-study-type-complete-container *:after{box-sizing:border-box}.korean-study-type-complete-container .content-wrapper,.korean-study-type-complete-container .content-wrapper .top-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.korean-study-type-complete-container .content-wrapper .top-section .logo-wrapper{display:flex;gap:4px;align-items:center;padding:0 20px}.korean-study-type-complete-container .content-wrapper .top-section .logo-wrapper .logo-icon{width:20px;height:20px}.korean-study-type-complete-container .content-wrapper .top-section .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-complete-container .content-wrapper .top-section .logo-wrapper .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;color:#212121;text-align:center;line-height:1.5}.korean-study-type-complete-container .content-wrapper .top-section .header-section{background-color:#fff;display:flex;height:52px;align-items:center;justify-content:space-between;padding:14px 16px;width:100%}.korean-study-type-complete-container .content-wrapper .top-section .header-section .header-title{font-family:Pretendard,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#000;margin:0}.korean-study-type-complete-container .content-wrapper .contents{background-color:#fff;display:flex;flex-direction:column;gap:24px;align-items:center;padding:24px 20px 64px;width:100%}.korean-study-type-complete-container .content-wrapper .contents .complete-title{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;line-height:1.5;color:#212121;text-align:center;margin:0;width:100%}.korean-study-type-complete-container .content-wrapper .contents .lottie-container{width:128px;height:120px;display:flex;align-items:center;justify-content:center}.korean-study-type-complete-container .content-wrapper .contents .badges-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.korean-study-type-complete-container .content-wrapper .contents .badges-container .badges-row{display:flex;gap:10px;align-items:center}.korean-study-type-complete-container .content-wrapper .contents .badges-container .badges-row.offset{margin-left:22px}.korean-study-type-complete-container .content-wrapper .contents .badges-container .badges-row .badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.korean-study-type-complete-container .content-wrapper .contents .badges-container .badges-row .badge img{width:100%;height:100%;object-fit:cover}.korean-study-type-complete-container .content-wrapper .contents .analysis-section{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.korean-study-type-complete-container .content-wrapper .contents .analysis-section .analysis-header{display:flex;gap:4px;align-items:center;justify-content:center}.korean-study-type-complete-container .content-wrapper .contents .analysis-section .analysis-header .bars-icon{width:24px;height:24px}.korean-study-type-complete-container .content-wrapper .contents .analysis-section .analysis-header .analysis-title{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;line-height:1.5;color:#212121;text-align:center}.korean-study-type-complete-container .content-wrapper .contents .analysis-section .analysis-description{font-family:Pretendard,sans-serif;white-space:pre-line;font-weight:500;font-size:14px;line-height:1.5;color:#7c7c7c;text-align:center;margin:0}.korean-study-type-complete-container .content-wrapper .contents .analysis-section .skip-text{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#a2a2a2;text-align:center;margin:0}.korean-study-type-complete-container .cta-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;position:fixed;bottom:0;background-color:#fff}.korean-study-type-complete-container .cta-section .cta-wrapper{background-color:#fff;display:flex;gap:8px;height:84px;align-items:center;justify-content:center;padding:16px 20px;width:100%}.korean-study-type-complete-container .cta-section .cta-wrapper .btn-next{background-color:#ef5dd6;display:flex;gap:7px;height:48px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;width:100%;max-width:540px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;transition:opacity .2s ease}.korean-study-type-complete-container .cta-section .cta-wrapper .btn-next:hover{opacity:.9}@media(max-width:480px){.korean-study-type-complete-container .cta-section .cta-wrapper .btn-next{width:100%}}.korean-study-type-survey-container{background-color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px 0;position:relative;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.korean-study-type-survey-container *,.korean-study-type-survey-container *:before,.korean-study-type-survey-container *:after{box-sizing:border-box}.korean-study-type-survey-container .top-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.korean-study-type-survey-container .top-section .logo-wrapper{display:flex;gap:4px;align-items:center;padding:0 20px}.korean-study-type-survey-container .top-section .logo-wrapper .logo-icon{width:20px;height:20px}.korean-study-type-survey-container .top-section .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-survey-container .top-section .logo-wrapper .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;color:#212121;text-align:center;line-height:1.5}.korean-study-type-survey-container .content-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:800px}.korean-study-type-survey-container .content-wrapper .contents-section{background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px 120px;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section{display:flex;flex-direction:column;gap:32px;align-items:flex-start;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .section-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:normal;color:#000;width:100%;margin:0}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .mandatory-inputs{display:flex;flex-direction:column;gap:32px;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .input-label{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#666;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .input-description{font-family:Pretendard,sans-serif;font-weight:400;font-size:12px;line-height:18px;color:#999;margin:0 0 8px}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row{display:flex;flex-direction:row;gap:16px;align-items:flex-start;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .editable-file-field{width:100px;height:100px}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .character-preview{width:100px;height:100px;flex-shrink:0;border-radius:12px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .character-preview .character-image{width:100%;height:100%;object-fit:contain}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .character-preview .character-placeholder{display:flex;align-items:center;justify-content:center;color:#ccc;font-family:Pretendard,sans-serif;font-size:12px;font-weight:500}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .character-preview .character-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .character-preview .character-loading .spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#ef5dd6;border-radius:50%;animation:spin 1s linear infinite}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .image-row .character-preview .character-loading span{font-family:Pretendard,sans-serif;font-size:10px;color:#999}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .input-box{background-color:#ededed;display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:12px;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .input-box input{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#212121;background:transparent;border:none;outline:none;width:100%}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-group .input-box input::placeholder{color:#999}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .login-method{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .login-method button{width:64px;height:36px;border-radius:12px;border:none;background-color:#ddd;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .login-method button:hover{cursor:pointer;opacity:.8}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .login-method button:active{opacity:.6}.korean-study-type-survey-container .content-wrapper .contents-section .question-section .input-divider{margin-top:12px;height:12px;border-top-width:.5px;border-top-style:solid;border-top-color:#e0e0e0;width:100%}.korean-study-type-survey-container .cta-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;position:fixed;bottom:0;background-color:#fff}.korean-study-type-survey-container .cta-section .cta-wrapper{background-color:#fff;display:flex;gap:8px;height:84px;align-items:center;justify-content:flex-end;padding:16px 20px;width:100%;max-width:800px}.korean-study-type-survey-container .cta-section .cta-wrapper .btn-skip{background-color:#e7e7e7;display:flex;gap:7px;height:48px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;width:156px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#212121;transition:opacity .2s ease}.korean-study-type-survey-container .cta-section .cta-wrapper .btn-skip:hover{opacity:.8}.korean-study-type-survey-container .cta-section .cta-wrapper .btn-submit{background-color:#ef5dd6;display:flex;gap:7px;height:48px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;width:156px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;transition:opacity .2s ease}.korean-study-type-survey-container .cta-section .cta-wrapper .btn-submit:hover{opacity:.9}.korean-study-type-survey-container .cta-section .cta-wrapper .btn-submit:disabled{cursor:not-allowed;filter:grayscale(100%)}@media(max-width:480px){.korean-study-type-survey-container .cta-section .cta-wrapper .btn-skip,.korean-study-type-survey-container .cta-section .cta-wrapper .btn-submit{flex:1;width:auto}}.korean-study-type-preview-container{background-color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px 0;position:relative;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.korean-study-type-preview-container *,.korean-study-type-preview-container *:before,.korean-study-type-preview-container *:after{box-sizing:border-box}.korean-study-type-preview-container .top-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.korean-study-type-preview-container .top-section .logo-wrapper{display:flex;gap:4px;align-items:center;padding:0 20px}.korean-study-type-preview-container .top-section .logo-wrapper .logo-icon{width:20px;height:20px}.korean-study-type-preview-container .top-section .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-preview-container .top-section .logo-wrapper .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;color:#212121;text-align:center;line-height:1.5}.korean-study-type-preview-container .header-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px;width:100%}.korean-study-type-preview-container .header-section .subtitle{font-family:Pretendard,sans-serif;font-weight:500;font-size:18px;line-height:1.4;color:#212121;text-align:center;margin:0}.korean-study-type-preview-container .header-section .type-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff0fb,#ffe8f7);padding:12px 24px;border-radius:100px}.korean-study-type-preview-container .header-section .type-badge .badge-icon{width:32px;height:32px}.korean-study-type-preview-container .header-section .type-badge .badge-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-preview-container .header-section .type-badge .badge-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:20px;color:#ef5dd6}.korean-study-type-preview-container .room-preview-section{width:100%;padding:0 20px}.korean-study-type-preview-container .room-preview-section .room-container{position:relative;width:100%;border-radius:16px;overflow:hidden;background-color:#f5f5f5}.korean-study-type-preview-container .room-preview-section .room-container .silhouette-overlay{position:absolute;bottom:10%;left:50%;transform:translate(-50%);height:30%;z-index:10}.korean-study-type-preview-container .room-preview-section .room-container .silhouette-overlay img{height:100%;object-fit:contain;transition:opacity .3s ease}.korean-study-type-preview-container .room-preview-section .room-container .silhouette-overlay img.generating{opacity:.6;animation:pulse 1.5s ease-in-out infinite}.korean-study-type-preview-container .room-preview-section .room-container .silhouette-overlay .generating-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.korean-study-type-preview-container .room-preview-section .room-container .silhouette-overlay .generating-indicator .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:#ef5dd6;border-radius:50%;animation:spin 1s linear infinite}.korean-study-type-preview-container .description-section{width:100%;padding:24px 20px}.korean-study-type-preview-container .description-section .description-card{background-color:#f9f9f9;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.korean-study-type-preview-container .description-section .description-card .description-item{display:flex;align-items:flex-start;gap:12px}.korean-study-type-preview-container .description-section .description-card .description-item .emoji{font-size:20px;line-height:1.4;flex-shrink:0}.korean-study-type-preview-container .description-section .description-card .description-item p{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#424242;margin:0}.korean-study-type-preview-container .cta-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;position:sticky;bottom:0;background-color:#fff}.korean-study-type-preview-container .cta-section .cta-wrapper{background-color:#fff;display:flex;gap:8px;align-items:center;justify-content:center;padding:16px 20px;width:100%;max-width:800px}.korean-study-type-preview-container .cta-section .cta-wrapper .btn-generate{background-color:#ef5dd6;display:flex;gap:7px;height:52px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;width:100%;max-width:320px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:#fff;transition:opacity .2s ease}.korean-study-type-preview-container .cta-section .cta-wrapper .btn-generate:hover{opacity:.9}.korean-study-type-preview-container .cta-section .cta-wrapper .btn-generate:active{opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}@media(max-width:480px){.korean-study-type-preview-container .header-section .subtitle{font-size:16px}.korean-study-type-preview-container .header-section .type-badge .badge-text{font-size:18px}}.korean-study-type-finish-container{background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px 0;min-height:100vh;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.korean-study-type-finish-container *,.korean-study-type-finish-container *:before,.korean-study-type-finish-container *:after{box-sizing:border-box}.korean-study-type-finish-container.loading-state{justify-content:center;gap:16px}.korean-study-type-finish-container.loading-state p{font-family:Pretendard,sans-serif;font-weight:500;font-size:16px;color:#212121;text-align:center;margin:0}.korean-study-type-finish-container.loading-state button{background-color:#ef5dd6;border:none;border-radius:12px;padding:12px 24px;font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#fff;cursor:pointer;transition:opacity .2s ease}.korean-study-type-finish-container.loading-state button:hover{opacity:.9}.korean-study-type-finish-container .header-section{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%;padding:0 20px;box-sizing:border-box}.korean-study-type-finish-container .header-section .subtitle{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#212121;text-align:center;margin:0}.korean-study-type-finish-container .header-section .type-badge{display:flex;gap:8px;align-items:center}.korean-study-type-finish-container .header-section .type-badge .badge-icon{width:32px;height:32px;border-radius:50%;overflow:hidden}.korean-study-type-finish-container .header-section .type-badge .badge-icon img{width:100%;height:100%;object-fit:cover}.korean-study-type-finish-container .header-section .type-badge .badge-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;line-height:24px;color:#212121;text-align:center;text-shadow:1px 1px 4px white,1px -1px 4px white,-1px 1px 4px white,-1px -1px 4px white}.korean-study-type-finish-container .main-card{position:relative;background-color:#fff;border:1px solid #e3e3e3;border-radius:16px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:15px 10px;width:calc(100% - 40px);margin:0 20px;@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}}.korean-study-type-finish-container .main-card .character-preview{position:absolute;width:30%;height:30%;bottom:0;left:0;opacity:.7}.korean-study-type-finish-container .main-card .character-preview img{width:100%;height:100%;object-fit:contain}.korean-study-type-finish-container .main-card .home-picture-carousel{position:relative;width:100%;max-width:470px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:hidden}.korean-study-type-finish-container .main-card .home-picture-carousel .home-picture-image{width:100%;max-width:470px;aspect-ratio:470 / 540;border-radius:8px;object-fit:cover}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls .carousel-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e3e3e3;background:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls .carousel-btn:hover{border-color:#ef5dd6;color:#ef5dd6}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls .carousel-dots{display:flex;gap:8px}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls .carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#e3e3e3;cursor:pointer;transition:background .2s ease}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls .carousel-dots .dot.active{background:#ef5dd6}.korean-study-type-finish-container .main-card .home-picture-carousel .carousel-controls .carousel-dots .dot:hover{background:#f071d8}.korean-study-type-finish-container .main-card .fab-container{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:10}.korean-study-type-finish-container .main-card .fab-container .fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.korean-study-type-finish-container .main-card .fab-container .fab-item{display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(30px) scale(.5);pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.korean-study-type-finish-container .main-card .fab-container .fab-item.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-tooltip{background-color:#212121;color:#fff;padding:8px 12px;border-radius:8px;font-family:Pretendard,sans-serif;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #00000026}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn:active{transform:scale(.95)}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn img{width:24px;height:24px;object-fit:contain}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn svg{width:20px;height:20px;color:#666}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn.pink{background-color:#ef5dd6}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn.pink img{filter:brightness(0) invert(1)}.korean-study-type-finish-container .main-card .fab-container .fab-item .fab-btn.gray{background-color:#fff}.korean-study-type-finish-container .main-card .fab-container .fab-main{width:48px;height:48px;border-radius:50%;background-color:#ef5dd6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef5dd666;transition:box-shadow .2s ease,background-color .3s ease}.korean-study-type-finish-container .main-card .fab-container .fab-main:hover{box-shadow:0 6px 16px #ef5dd680}.korean-study-type-finish-container .main-card .fab-container .fab-main:active{box-shadow:0 2px 8px #ef5dd64d}.korean-study-type-finish-container .main-card .fab-container .fab-main.active{background-color:#666;box-shadow:0 4px 12px #0000004d}.korean-study-type-finish-container .main-card .fab-container .fab-main .fab-icon{font-size:28px;font-weight:300;color:#fff;line-height:1;display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.korean-study-type-finish-container .main-card .fab-container .fab-main.active .fab-icon{transform:rotate(45deg)}.korean-study-type-finish-container .main-card .card-logo{display:flex;gap:4px;align-items:center;justify-content:center}.korean-study-type-finish-container .main-card .card-logo .logo-icon{width:20px;height:20px}.korean-study-type-finish-container .main-card .card-logo .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-finish-container .main-card .card-logo .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;line-height:1.5;color:#212121}.korean-study-type-finish-container .main-card .save-btn{border:1px solid #ef5dd6;background-color:transparent;border-radius:16px;height:48px;width:156px;display:flex;align-items:center;justify-content:center;padding:12px 24px;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#ef5dd6;cursor:pointer;transition:all .2s ease}.korean-study-type-finish-container .main-card .save-btn:hover{background-color:#fff0fb}.korean-study-type-finish-container .description-card{background-color:#f6f6f6;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px;width:100%}.korean-study-type-finish-container .description-card .description-item{display:flex;gap:8px;align-items:flex-start}.korean-study-type-finish-container .description-card .description-item .emoji{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}.korean-study-type-finish-container .description-card .description-item .emoji img{width:100%;height:100%;object-fit:contain}.korean-study-type-finish-container .description-card .description-item p{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#111;margin:0;line-height:1.5;letter-spacing:-.3px}.korean-study-type-finish-container .compatibility-section{width:100%;padding:0 20px;box-sizing:border-box}.korean-study-type-finish-container .compatibility-section .compatibility-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;line-height:1.5;color:#212121;text-align:center;margin:0 0 16px}.korean-study-type-finish-container .compatibility-section .compatibility-cards{display:flex;gap:12px;width:100%}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card{flex:1;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:12px}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card.good{background-color:#e8f5e9}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card.bad{background-color:#fce4ec}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-header{display:flex;align-items:center;gap:6px}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-header .compatibility-emoji{font-size:12px}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-header .compatibility-label{font-family:Pretendard,sans-serif;font-weight:600;font-size:12px;color:#666}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-type{display:flex;align-items:center;gap:10px}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-type .type-badge-small{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-type .type-badge-small img{width:100%;height:100%;object-fit:cover}.korean-study-type-finish-container .compatibility-section .compatibility-cards .compatibility-card .compatibility-type .type-name{font-family:Pretendard,sans-serif;font-weight:600;font-size:14px;color:#212121}.korean-study-type-finish-container .feature-cards{display:flex;flex-wrap:wrap;gap:32px;width:100%;padding:0 20px;box-sizing:border-box}.korean-study-type-finish-container .feature-cards .feature-card{flex:1;min-width:320px;border-radius:24px;display:flex;flex-direction:column;gap:16px;align-items:center;padding:20px}.korean-study-type-finish-container .feature-cards .feature-card.pink{background-color:#f8e9f5}.korean-study-type-finish-container .feature-cards .feature-card .feature-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;line-height:1.5;color:#212121;text-align:center;margin:0;white-space:pre-line}.korean-study-type-finish-container .feature-cards .feature-card .feature-image{width:100%;display:flex;justify-content:center;padding:0;overflow:hidden}.korean-study-type-finish-container .feature-cards .feature-card .feature-image.ornament{position:relative;width:100%;height:200px;overflow:hidden;@keyframes ornamentScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}}.korean-study-type-finish-container .feature-cards .feature-card .feature-image.ornament .ornament-track{position:absolute;left:0;top:0;display:flex;height:100%;animation:ornamentScroll 20s linear infinite}.korean-study-type-finish-container .feature-cards .feature-card .feature-image.ornament .ornament-track img{height:100%;width:auto;object-fit:cover;display:block;flex-shrink:0}.korean-study-type-finish-container .feature-cards .feature-card .feature-image.coupon img{width:100%;max-width:380px;height:auto}.korean-study-type-finish-container .feature-cards .feature-card .feature-description,.korean-study-type-finish-container .feature-cards .feature-card .feature-highlight{font-family:Pretendard,sans-serif;font-weight:700;font-size:14px;line-height:1.5;color:#ef5dd6;text-align:center;margin:0;min-height:42px;display:flex;align-items:center;justify-content:center}.korean-study-type-finish-container .cta-section{width:100%;max-width:800px;margin:0 auto;position:sticky;bottom:0;background-color:#fff}.korean-study-type-finish-container .cta-section .cta-wrapper{background-color:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:16px 20px;width:100%}.korean-study-type-finish-container .cta-section .cta-wrapper .btn-share{background-color:#ef5dd6;border:none;border-radius:16px;height:48px;width:100%;display:flex;align-items:center;justify-content:center;padding:12px 24px;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;cursor:pointer;transition:opacity .2s ease}.korean-study-type-finish-container .cta-section .cta-wrapper .btn-share:hover{opacity:.9}.korean-study-type-finish-container .cta-section .cta-wrapper .btn-continue{background-color:#503158;border:none;border-radius:16px;height:48px;width:100%;display:flex;align-items:center;justify-content:center;padding:12px 24px;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;cursor:pointer;transition:opacity .2s ease}.korean-study-type-finish-container .cta-section .cta-wrapper .btn-continue:hover{opacity:.9}.korean-study-type-finish-container .footer-section{display:flex;align-items:center;justify-content:space-between;padding:0 20px 40px;width:100%}.korean-study-type-finish-container .footer-section .footer-left{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.korean-study-type-finish-container .footer-section .footer-left .footer-logo{font-family:Pretendard,sans-serif;font-weight:800;font-size:12px;color:#868686}.korean-study-type-finish-container .footer-section .footer-left .footer-subtitle{font-family:Pretendard,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#868686}.korean-study-type-finish-container .footer-section .footer-icon{width:26px;height:23px}.korean-study-type-finish-container .footer-section .footer-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-finish-container .error-snackbar{position:fixed;bottom:20px;left:50%;transform:translateY(-50%);background-color:#000;color:#fff;padding:16px 24px;border-radius:4px;box-shadow:0 3px 10px #0003;z-index:9999;font-size:1rem;max-width:90%;text-align:center;animation:slideUp .3s ease-out forwards;@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}@media(max-width:800px){.korean-study-type-finish-container .feature-cards{flex-direction:column}.korean-study-type-finish-container .feature-cards .feature-card{min-width:100%}}.korean-study-type-madeavatar-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;align-items:center;padding:24px 0;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.korean-study-type-madeavatar-container *,.korean-study-type-madeavatar-container *:before,.korean-study-type-madeavatar-container *:after{box-sizing:border-box}.korean-study-type-madeavatar-container .top-section{width:100%}.korean-study-type-madeavatar-container .top-section .logo-wrapper{display:flex;align-items:center;gap:4px;padding:0 20px}.korean-study-type-madeavatar-container .top-section .logo-wrapper .logo-icon{width:20px;height:20px}.korean-study-type-madeavatar-container .top-section .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain}.korean-study-type-madeavatar-container .top-section .logo-wrapper .logo-text{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;color:#212121}.korean-study-type-madeavatar-container .top-section .header-section{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;height:52px;width:100%}.korean-study-type-madeavatar-container .top-section .header-section .header-title{font-family:Pretendard,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#000;margin:0}.korean-study-type-madeavatar-container .content-section{width:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 20px 120px;@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}}.korean-study-type-madeavatar-container .content-section .title-text{text-align:center}.korean-study-type-madeavatar-container .content-section .title-text p{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;line-height:1.5;color:#212121;margin:0}.korean-study-type-madeavatar-container .content-section .pulse-effect{animation:pulse 2s ease-in-out infinite}.korean-study-type-madeavatar-container .content-section .lottie-container.home-picture-swap{width:100%;height:auto}.korean-study-type-madeavatar-container .content-section .lottie-container.home-picture-swap .home-picture-preview{width:100%;display:flex;justify-content:center}.korean-study-type-madeavatar-container .content-section .lottie-container{width:128px;height:128px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out}.korean-study-type-madeavatar-container .content-section .lottie-container.fade-in{opacity:1}.korean-study-type-madeavatar-container .content-section .lottie-container.fade-out{opacity:0}.korean-study-type-madeavatar-container .content-section .icons-grid{display:flex;flex-direction:column;align-items:center;gap:10px}.korean-study-type-madeavatar-container .content-section .icons-grid .icons-row{display:flex;gap:10px}.korean-study-type-madeavatar-container .content-section .icons-grid .icons-row.offset{margin-left:22px}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge img{width:100%;height:100%;object-fit:cover}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.blue{background-color:#4da6ff}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.green{background-color:#4ecdc4}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.pink{background-color:#ff6b9d}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.purple{background-color:#9b59b6}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.yellow{background-color:#f1c40f}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.teal{background-color:#1abc9c}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.orange{background-color:#e74c3c}.korean-study-type-madeavatar-container .content-section .icons-grid .icon-badge.navy{background-color:#34495e}.korean-study-type-madeavatar-container .content-section .description-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.korean-study-type-madeavatar-container .content-section .description-section .description-title{font-family:Pretendard,sans-serif;font-weight:800;font-size:16px;line-height:1.5;color:#212121;text-align:center;margin:0}.korean-study-type-madeavatar-container .content-section .description-section .description-text{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#7c7c7c;text-align:center;margin:0}.korean-study-type-madeavatar-container .content-section .description-section .description-note{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#a2a2a2;text-align:center;margin:0;white-space:pre-line}.korean-study-type-madeavatar-container .content-section .existing-character{display:flex;flex-direction:column;align-items:center;gap:12px}.korean-study-type-madeavatar-container .content-section .existing-character .existing-label{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#7c7c7c;margin:0}.korean-study-type-madeavatar-container .content-section .existing-character .existing-avatar{width:120px;height:120px;object-fit:contain;border-radius:16px;background-color:#f5f5f5}.korean-study-type-madeavatar-container .content-section .upload-section{display:flex;flex-direction:column;align-items:center;gap:12px}.korean-study-type-madeavatar-container .content-section .upload-section .upload-label{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#7c7c7c;margin:0}.korean-study-type-madeavatar-container .content-section .error-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background-color:#fff0f0;border-radius:12px;width:100%}.korean-study-type-madeavatar-container .content-section .error-section .error-text{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#e74c3c;margin:0;text-align:center}.korean-study-type-madeavatar-container .content-section .error-section .btn-retry{background-color:transparent;border:1px solid #e74c3c;border-radius:8px;padding:8px 16px;font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#e74c3c;cursor:pointer;transition:background-color .2s ease}.korean-study-type-madeavatar-container .content-section .error-section .btn-retry:hover{background-color:#fff5f5}.korean-study-type-madeavatar-container .content-section .examples-section{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:16px}.korean-study-type-madeavatar-container .content-section .examples-section .examples-title{font-family:Pretendard,sans-serif;font-weight:600;font-size:14px;color:#666;margin:0;text-align:center}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling{width:100%;overflow:hidden;position:relative}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling:before,.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:1;pointer-events:none}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling:before{left:0;background:linear-gradient(to right,#ffffff,transparent)}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling:after{right:0;background:linear-gradient(to left,#ffffff,transparent)}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling .examples-track{display:flex;gap:24px;animation:scroll-examples 20s linear infinite}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling .examples-track .example-pair{display:flex;align-items:center;flex-shrink:0}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling .examples-track .example-pair .example-sample{width:128px;height:128px;border-radius:12px;object-fit:cover;background-color:#f5f5f5}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling .examples-track .example-pair .arrow{margin-left:8px;font-size:16px;color:#ccc}.korean-study-type-madeavatar-container .content-section .examples-section .examples-rolling .examples-track .example-pair .example-avatar{width:128px;height:128px;object-fit:contain}.korean-study-type-madeavatar-container .cta-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:auto;position:fixed;bottom:0;max-width:800px;background-color:#fff}.korean-study-type-madeavatar-container .cta-section .cta-wrapper{background-color:#fff;display:flex;gap:8px;align-items:center;justify-content:center;width:100%;padding:16px 20px 40px;height:auto}.korean-study-type-madeavatar-container .cta-section .cta-wrapper .btn-primary{flex:1;background-color:#ef5dd6;border:none;border-radius:16px;height:48px;display:flex;align-items:center;justify-content:center;padding:12px 24px;font-family:Pretendard,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;max-width:560px}.korean-study-type-madeavatar-container .cta-section .cta-wrapper .btn-primary:hover:not(:disabled){opacity:.9}.korean-study-type-madeavatar-container .cta-section .cta-wrapper .btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.korean-study-type-madeavatar-container .IsometricRoomHolder{box-sizing:content-box}.korean-study-type-madeavatar-container .IsometricRoomHolder .IsometricRoom{box-sizing:content-box;width:540px;height:540px;max-width:unset}.korean-study-type-madeavatar-container .IsometricRoomHolder .IsometricRoom .IsometricRoomInner{margin:0 auto}@media(max-width:480px){.korean-study-type-madeavatar-container .icons-grid .icons-row.offset{margin-left:0}}@keyframes scroll-examples{0%{transform:translate(0)}to{transform:translate(-50%)}}.ProgressiveImage{display:block;margin:0 0 -1px;padding:0;background-size:cover;background-position:center;transition:filter .5s ease-in-out;overflow:visible;line-height:0}.ProgressiveImage:last-child{margin-bottom:0}.ProgressiveImage img{display:block;transition:opacity .5s ease-in-out;object-fit:cover}.AboutCurriculum{width:100%;max-width:800px}.AboutCurriculum .UserReview a{transform:translateY(0);box-shadow:0 4px 8px #0000;border-radius:16px;overflow:hidden;margin-bottom:0;width:20%;transition:.3s ease-in-out}.AboutCurriculum .UserReview a:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003;cursor:pointer}.AboutCurriculum .UserReview a:active{transform:translateY(-3px);box-shadow:0 8px 16px #0000004d;cursor:pointer}.StatusNarration{display:flex;gap:4px;align-items:stretch;width:100%}.StatusNarration .IconHolder{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;height:100%}.StatusNarration .IconHolder .Icon{flex-shrink:0;width:32px;height:32px;color:#7d8da8}.StatusNarration .TextHolder{display:flex;flex-direction:column;flex-grow:1;width:100%;justify-content:center;align-items:flex-start}.StatusNarration .Text{display:flex;font-weight:400;font-size:12px;line-height:16px;letter-spacing:-.24px;color:#8e8e8e;margin:0;white-space:pre-wrap;word-break:keep-all}.QnAPage{display:flex;flex-direction:row;height:100vh;background:#fff;overflow:hidden;width:100%;max-width:1080px}.SidebarOverlay{display:none;position:fixed;inset:0;background:#0006;z-index:10}.Sidebar{width:280px;min-width:280px;height:100vh;display:flex;flex-direction:column;background:#f9f9f9;border-right:1px solid #e5e5e5;z-index:11}.Sidebar .SidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5}.Sidebar .SidebarHeader h2{font-size:18px;font-weight:600;margin:0}.Sidebar .SidebarHeader .CloseButton{display:none;padding:4px;border:none;background:none;cursor:pointer;color:#666;border-radius:4px}.Sidebar .SidebarHeader .CloseButton:hover{background:#eee}.Sidebar .NewChatButton{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:10px 16px;border:1px dashed #ccc;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.Sidebar .NewChatButton:hover{border-color:#722cff;color:#722cff;background:#f5f0ff}.Sidebar .NewChatButton svg{font-size:20px}.Sidebar .SessionList{flex:1;overflow-y:auto;padding:0 8px}.Sidebar .SessionItem{display:flex;align-items:center;padding:12px;margin:4px 0;border-radius:8px;cursor:pointer;transition:background .15s}.Sidebar .SessionItem:hover{background:#eee}.Sidebar .SessionItem.Active{background:#e8e0ff}.Sidebar .SessionItem .SessionInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.Sidebar .SessionItem .SessionTitle{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Sidebar .SessionItem .SessionDate{font-size:12px;color:#999}.Sidebar .SessionItem .DeleteButton{opacity:0;padding:4px;border:none;background:none;color:#999;cursor:pointer;border-radius:4px;flex-shrink:0;transition:opacity .15s,color .15s}.Sidebar .SessionItem .DeleteButton:hover{color:#e53e3e;background:#e53e3e1a}.Sidebar .SessionItem:hover .DeleteButton{opacity:1}.Sidebar .EmptyState{padding:24px 16px;text-align:center;color:#999;font-size:14px;line-height:1.5}.ChatArea{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;max-width:800px;height:100vh;position:relative;@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}}.ChatArea .ChatHeader{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e5e5;background:#fff;flex-shrink:0}.ChatArea .ChatHeader .MenuButton{display:none;padding:4px;border:none;background:none;cursor:pointer;color:#333;border-radius:4px}.ChatArea .ChatHeader .MenuButton:hover{background:#eee}.ChatArea .ChatHeader h1{font-size:18px;font-weight:600;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ChatArea .ChatHeader .PurchaseBadge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;flex-shrink:0;text-decoration:none;white-space:nowrap}.ChatArea .ChatHeader .PurchaseBadge.Verified{background:#dcfce7;color:#16a34a}.ChatArea .ChatHeader .PurchaseBadge.Register{background:#722cff;color:#fff;cursor:pointer}.ChatArea .ChatHeader .PurchaseBadge.Register:hover{background:#5b1fcc}.ChatArea .ChatHeader .LiveBadge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:#fee2e2;color:#dc2626;font-size:12px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.ChatArea .ChatHeader .LiveBadge .LiveDot{width:8px;height:8px;border-radius:50%;background:#dc2626;animation:livePulse 1.5s ease-in-out infinite}.ChatArea .ChatContent{flex:1;display:flex;flex-direction:column;overflow:hidden}.ChatArea .MessagesContainer{flex:1;overflow-y:auto;min-height:0;width:100%}.ChatArea .Messages{display:flex;flex-direction:column;gap:8px;padding:16px;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box;min-height:100%;justify-content:flex-end}.ChatArea .StreamingCursor{animation:blink 1s infinite;color:#722cff}.WelcomeMessage{text-align:center;padding:60px 20px;color:#666}.WelcomeMessage h2{font-size:24px;font-weight:600;color:#333;margin:0 0 12px}.WelcomeMessage p{font-size:16px;line-height:1.5;margin:0}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@media(max-width:768px){.SidebarOverlay{display:block}.Sidebar{position:fixed;top:0;left:-280px;transition:left .3s ease}.Sidebar.Open{left:0}.Sidebar .SidebarHeader .CloseButton{display:flex}.ChatArea .ChatHeader .MenuButton{display:flex}.ChatArea .Messages{padding:12px}}.ImageViewer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column}.ImageViewer .Header{display:flex;align-items:center;justify-content:space-between;padding:16px;position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.ImageViewer .Header .CloseBtn{width:40px;height:40px;border:none;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .2s;z-index:1}.ImageViewer .Header .CloseBtn:hover{background:#fff3}.ImageViewer .Header .Counter{color:#fff;font-size:14px;font-weight:500;background:#00000080;padding:6px 12px;border-radius:16px}.ImageViewer .Container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ImageViewer .Container .Image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ImageViewer .Container .Image.Blurred{filter:blur(20px);image-rendering:pixelated;height:100%;object-fit:cover}.ImageViewer .Container .LockedImage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ImageViewer .Container .LockedOverlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.ImageViewer .Container .LockedOverlay .LockIcon{font-size:48px}.ImageViewer .Container .LockedOverlay .UnlockBtn{padding:12px 24px;border:none;background:#722cff;color:#fff;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.ImageViewer .Container .LockedOverlay .UnlockBtn:hover{background:#5a1ecc}.ImageViewer .Container .NavBtn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .2s;z-index:1}.ImageViewer .Container .NavBtn:hover{background:#fff3}.ImageViewer .Container .NavBtn.Prev{left:16px}.ImageViewer .Container .NavBtn.Next{right:16px}.ImageViewer .Thumbnails{display:flex;gap:8px;padding:16px;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);overflow-x:auto;-webkit-overflow-scrolling:touch}.ImageViewer .Thumbnails .Thumbnail{width:56px;height:56px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;background:none;flex-shrink:0;transition:border-color .2s,opacity .2s;opacity:.6}.ImageViewer .Thumbnails .Thumbnail:hover{opacity:.8}.ImageViewer .Thumbnails .Thumbnail.Active{border-color:#fff;opacity:1}.ImageViewer .Thumbnails .Thumbnail img{width:100%;height:100%;object-fit:cover}.ImageViewer .Thumbnails .Thumbnail.Locked img{filter:blur(4px);image-rendering:pixelated}.ImageViewer .Empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff}.ImageViewer .Empty p{font-size:16px;margin:0}.ImageViewer .Empty button{padding:12px 24px;border:none;background:#722cff;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.ImageViewer .Empty button:hover{background:#5a1ecc}@media(max-width:768px){.ImageViewer .Container .NavBtn{width:40px;height:40px}.ImageViewer .Container .NavBtn.Prev{left:8px}.ImageViewer .Container .NavBtn.Next{right:8px}.ImageViewer .Thumbnails .Thumbnail{width:48px;height:48px}}:root{--page-bg: #f7f7f7;--card-bg: #ffffff;--input-bg: #ffffff;--section-bg: #fafafa;--text-primary: #212121;--text-secondary: #7D8DA8;--text-muted: #acacac;--border: rgba(0,0,0,.1)}:root.dark{--page-bg: #121212;--card-bg: #1e1e1e;--input-bg: #252525;--section-bg: #181818;--text-primary: #f0f0f0;--text-secondary: #7a8fa8;--text-muted: #666;--border: rgba(255,255,255,.08)}:root{--color-primary: #dc88cc;--color-secondary: #ff3b3b;--color-bg-light: #f5f5f5;--color-bg-detail: #e3e3e3;--color-bg-dark: #d9d9d9;--color-border-light: #d0d0d0;--color-border-medium: #d8d8d8;--color-border-dark: #2b2b2b;--color-text-primary: #000000;--color-text-white: #ffffff;--color-text-light: #999999;--color-text-medium: #535353;--color-text-dark: #212121;--breakpoint-mobile: 768px;--breakpoint-desktop: 769px;--breakpoint-tablet: 1024px;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 80px;--sidebar-width-double-collapsed: 60px;--main-content-max-width: 800px;--color-primary-social: #ef5dd6;--color-primary-hover: #7c3aed;--color-primary-light: #ede9fe;--color-primary-lighter: #faf5ff;--color-secondary-social: #3b82f6;--color-secondary-light: #dbeafe;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-white: #ffffff;--color-black: #000000;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg-social: 1024px;--breakpoint-xl: 1280px}