.service-selection-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100dvh;background:transparent;display:flex;flex-direction:column;z-index:10000;overflow-y:auto!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#e0e0e0;animation:overlayFadeIn .5s ease-out}.service-selection-modal-container{background:#14141ef2;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px;padding:3rem;max-width:1200px;width:90%;margin:2rem auto;min-height:min-content;position:relative}.service-selection-modal-overlay>.service-selection-modal-container{flex-shrink:0}@media(max-width:768px){.service-selection-modal-overlay{overflow-y:auto}}.service-selection-modal-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(100,100,255,.1) 0%,transparent 50%);z-index:-1;pointer-events:none}.service-selection-modal-container:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:radial-gradient(circle at bottom right,rgba(100,100,255,.1) 0%,transparent 60%);z-index:-1;pointer-events:none}.service-modal-header{text-align:center;margin-bottom:3rem}.service-modal-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a0a0ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 1rem;letter-spacing:-1px}.service-modal-subtitle{font-size:1.1rem;color:#8892b0;max-width:600px;margin:0 auto;line-height:1.6}.service-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;justify-items:center}@media(max-width:1000px){.service-options-grid{grid-template-columns:1fr}}.service-card:hover{transform:translateY(-8px);background:#ffffff14;box-shadow:0 20px 40px #0006;border-color:#fff3}.service-card.pro-card{border-color:#7878ff4d;background:linear-gradient(180deg,#7878ff26,#1e1e2dcc);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.service-card.pro-card:hover{box-shadow:0 20px 40px #6464ff33;border-color:#7878ff99}.plan-badge{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);padding:.35rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:800;color:#f39c12;letter-spacing:.5px;background:transparent;border:1.5px solid #f39c12;box-shadow:0 0 15px #f39c124d;white-space:nowrap;z-index:10}.plan-badge.best{border-color:#f39c12;animation:badgePulseOrange 2s infinite;will-change:transform,box-shadow}.plan-badge.recommend{border-color:#f39c12}@keyframes badgePulseOrange{0%{box-shadow:0 0 8px #f39c1266}50%{box-shadow:0 0 18px #f39c12b3}to{box-shadow:0 0 8px #f39c1266}}.service-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4.5rem 1.5rem 2.5rem;text-align:center;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.card-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:#fff;min-height:4.5rem;display:flex;align-items:center;justify-content:center}.card-subtitle{font-size:1rem;font-weight:700;color:#a0a0ff;text-shadow:0 0 10px rgba(160,160,255,.6);margin-bottom:1.5rem;min-height:1.5rem;display:flex;align-items:center;justify-content:center;white-space:nowrap}.letter-o,.letter-r,.letter-s{color:#4287f5}.letter-plus{color:#a0a0ff;font-size:1.2em;vertical-align:text-top;text-shadow:0 0 10px rgba(160,160,255,.6)}.letter-pro-text{color:#a0a0ff;text-shadow:0 0 10px rgba(160,160,255,.6)}.card-description{color:#a8b2d1;margin-bottom:2rem;line-height:1.6;min-height:5rem;display:block;width:100%;max-width:320px;font-size:.95rem}.highlight{color:#fff;font-weight:600}.select-button{background:linear-gradient(135deg,#5865f226,#5865f20d);border:1px solid rgba(88,101,242,.5);border-radius:8px;padding:1rem 2rem;color:#e2e8f0;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%;margin-top:auto;box-shadow:0 0 10px #5865f233;cursor:pointer}.service-card:hover .select-button,.select-button:hover{background:linear-gradient(135deg,#5865f24d,#5865f226);border-color:#5865f2cc;box-shadow:0 0 15px #5865f266;transform:translateY(-1px);color:#e2e8f0}.comparison-section{margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);padding-top:3rem}.modal-actions-row{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.comparison-toggle-btn{display:block;background:transparent;color:#a8b2d1;border:1px solid rgba(255,255,255,.1);padding:.8rem 2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:200px;white-space:nowrap}.comparison-toggle-btn:hover{border-color:#fff;color:#fff}.comparison-table-wrapper{overflow-x:auto;margin-bottom:2rem}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;color:#e0e0e0;table-layout:fixed}.comparison-table th,.comparison-table td{padding:.5rem 1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.comparison-table th{font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:1.2rem;vertical-align:top}.comparison-table .th-plus{color:#4287f5;font-weight:800;text-shadow:0 0 10px rgba(66,135,245,.4)}.comparison-table td:first-child{text-align:center;font-weight:600;color:#fff;min-width:100px;white-space:nowrap}.check-mark{color:#00ff9d;text-shadow:0 0 10px rgba(0,255,157,.3)}.cross-mark{color:#f55}.promo-section-container{margin-top:5rem}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.service-selection-modal-overlay::-webkit-scrollbar{width:8px}.service-selection-modal-overlay::-webkit-scrollbar-track{background:#0000001a}.service-selection-modal-overlay::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.service-selection-modal-overlay::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-break{display:inline}@media(max-width:768px){.service-selection-modal-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-break{display:block}.service-selection-modal-container{padding:2rem 1.5rem;width:95%}.service-modal-title{font-size:1.8rem}.service-modal-subtitle{font-size:1rem}.service-options-grid{grid-template-columns:1fr;justify-items:center;gap:1.5rem}.service-card{padding:4rem 2.5rem 2.5rem;max-width:100%;width:100%}.card-description{max-width:100%;padding:0 .5rem}.modal-actions-row{flex-direction:column;gap:1rem;align-items:center}.comparison-toggle-btn{width:100%;max-width:280px;min-width:unset;padding:.8rem 1rem;font-size:.95rem;white-space:normal;text-align:center}.comparison-section{margin-top:3rem;padding-top:2rem}.comparison-table th,.comparison-table td{padding:.6rem .3rem;font-size:.8rem}.comparison-table th{font-size:.85rem;letter-spacing:0}.comparison-table td:first-child{min-width:auto;font-size:.75rem;padding:.6rem .2rem}}@media(max-width:480px){.service-selection-modal-container{padding:1.5rem 1rem;width:98%}.service-modal-title{font-size:1.5rem}.service-card{padding:3.5rem 1.5rem 2rem}.card-title{font-size:1.5rem}.comparison-toggle-btn{max-width:100%;padding:.8rem;font-size:.9rem}}.promo-section{margin-top:2rem;padding:2rem;border-radius:16px;background:linear-gradient(135deg,#14141e99,#14141e66);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(20px)}.promo-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(90deg,gold,#fa0,#f0c);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:2px}.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.promo-card{background:#14141999;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:default}.promo-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006,0 0 15px #ffd70033;border-color:#ffd7004d}.promo-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.promo-card h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.promo-card p{color:#aaa;font-size:.9rem;line-height:1.5;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promo-card:nth-child(1){animation-delay:.2s}.promo-card:nth-child(2){animation-delay:.4s}.promo-card:nth-child(3){animation-delay:.6s}.purchase-section-container{margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease-out;text-align:center}.purchase-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,255,255,.2)}.purchase-contact{margin-bottom:3rem;background:#ffffff08;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);display:inline-block}.contact-label{display:block;color:#8892b0;font-size:.9rem;margin-bottom:.5rem}.contact-email{color:#a0a0ff;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s ease}.contact-email:hover{color:#fff;text-shadow:0 0 10px rgba(160,160,255,.6)}.purchase-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.purchase-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.purchase-card:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#a0a0ff4d}.store-name{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.store-status{color:#8892b0;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent!important;display:flex;justify-content:center;align-items:center;z-index:3000300!important;pointer-events:none!important}.payment-container{position:absolute;width:520px;max-width:95vw;background:#fff;border:1px solid #ccc;border-radius:16px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;overflow:hidden;user-select:none;pointer-events:auto}.payment-header{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;cursor:move}.payment-title{font-weight:800;font-size:24px;color:#000}.payment-close{background:none;border:none;font-size:28px;cursor:pointer;color:#333}.payment-content{padding:30px;max-height:80vh;overflow-y:auto;color:#333}.product-card{border:2px solid #eee;padding:24px;border-radius:12px;margin-bottom:20px;cursor:pointer;transition:all .2s;background:#fff;display:flex;flex-direction:column;gap:8px}.product-card:hover{border-color:#4b90e2;background:#f8fbff}.product-card.selected{border-color:#4b90e2;background:#f0f7ff;box-shadow:0 4px 16px #4b90e226}.product-name{font-weight:800;font-size:20px;display:block;color:#333!important}.product-price{color:#000!important;font-size:22px;font-weight:800;margin-top:4px}.product-description{font-size:15px!important;color:#555!important;line-height:1.5;margin-top:8px!important}.highlight-badge{background:#e53935;color:#fff;padding:4px 8px;border-radius:6px;font-size:14px;margin-left:10px;font-weight:700;box-shadow:0 2px 4px #e539354d}.level-selector{display:flex;background:#f0f0f0;padding:6px;border-radius:10px;margin-bottom:24px;gap:6px;width:100%}.level-tab{flex:1;padding:14px;border:none;background:none;cursor:pointer;font-size:16px;font-weight:700;border-radius:8px;transition:all .2s;color:#555;text-align:center}.level-tab.active{background:#fff;box-shadow:0 2px 6px #0000001a;color:#4b90e2!important}.quantity-control-container{margin-top:24px;background:#fafafa;padding:16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;border:1px solid #eee}.quantity-label{font-size:18px;font-weight:700;color:#333}.quantity-stepper{display:flex;align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;overflow:hidden}.stepper-btn{width:44px;height:44px;border:none;background:#f5f5f5;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:background .2s}.stepper-btn:hover{background:#e0e0e0}.stepper-btn:active{background:#d5d5d5}.stepper-value{width:60px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#333;border-left:1px solid #ddd;border-right:1px solid #ddd}.total-summary{font-size:18px;font-weight:700;color:#4b90e2;margin-left:16px}.terms-header-btn{width:100%;padding:15px;background:#f1f3f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;color:#333;transition:background .2s;margin-top:20px}.terms-header-btn:hover{background:#e9ecef}.terms-content-box{margin-top:10px;padding:20px;border:2px solid #e0e0e0;border-radius:8px;background:#fafafa;height:200px;overflow-y:auto;font-size:14px;color:#555;line-height:1.6}.checkbox-group{margin-top:25px;display:flex;flex-direction:column!important;gap:4px}.checkbox-item{display:flex;align-items:center;gap:12px;font-size:16px;cursor:pointer;color:#333;font-weight:500}.checkbox-item input[type=checkbox]{appearance:none;width:24px;height:24px;border:2px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;position:relative;flex-shrink:0}.checkbox-item input[type=checkbox]:checked{background:#4b90e2;border-color:#4b90e2}.checkbox-item input[type=checkbox]:checked:after{content:"✔";font-size:16px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-group{margin-top:30px;display:flex;gap:12px}.payment-btn{flex:1;padding:16px;font-size:18px;font-weight:800;border-radius:8px;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;border:none}.payment-btn:hover{opacity:.9}.payment-btn.secondary{background:#fff;border:2px solid #ddd;color:#555;flex:1}.payment-btn.secondary:hover{background:#f1f3f5;border-color:#ccc}.payment-btn.primary{background:#4b90e2;color:#fff;flex:1.5}.payment-btn.outline-blue{background:#f0f7ff;border:2px solid #4b90e2;color:#333;font-weight:800}.payment-btn.outline-blue:hover{background:#e1efff}.payment-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;color:#fff;opacity:1}.level-label{font-size:15px!important;margin-bottom:10px!important;color:#333!important;font-weight:800!important}.product-price *,.payment-btn *{color:inherit!important}@media(max-width:768px){.payment-container{width:95%;max-height:90vh;position:fixed;overflow:hidden}.payment-content{padding:20px}.payment-title{font-size:20px}.product-name{font-size:18px}.product-price{font-size:20px}}div.policy-page-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#00000073!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9000000!important;pointer-events:auto!important}.policy-page-modal-container{width:90%;max-width:800px;height:80vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080;user-select:none}.policy-page-modal-header{background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:center}.policy-page-modal-title{font-size:1.2rem;font-weight:700;color:#333}.policy-page-modal-content{flex:1;background:#fff}.policy-page-iframe{width:100%;height:100%;border:none}.policy-page-modal-footer{padding:15px 20px;border-top:1px solid #eee;background:#f8f9fa;display:flex;justify-content:center}.policy-agree-button{padding:12px 40px;background:#4b90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.policy-agree-button:hover{background:#357abd}.top-fixed-bar-container{position:sticky!important;top:0;left:0;width:100%;min-height:60px;padding-top:env(safe-area-inset-top,0px);background-color:#0f0f14;backdrop-filter:blur(8px);z-index:100000;display:flex;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.hamburger-dropdown{top:calc(env(safe-area-inset-top,0px) + 60px)}}.top-fixed-bar-left,.top-fixed-bar-right{display:flex;align-items:center}.hamburger-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#fff;transition:transform .2s}.hamburger-btn:hover{transform:scale(1.05)}.hamburger-btn svg{width:28px;height:28px;fill:currentColor}.hamburger-dropdown{position:absolute;top:60px;left:10px;background-color:#1a1a24;border:1px solid rgba(255,255,255,.15);border-radius:8px;min-width:200px;box-shadow:0 8px 24px #00000080;padding:10px 0;z-index:100001;display:flex;flex-direction:column}.hamburger-dropdown-item{background:none;border:none;padding:12px 20px;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:background-color .2s;width:100%}.hamburger-dropdown-item:hover{background-color:#ffffff1a}.top-bar-auth-btn{background:linear-gradient(135deg,#4b90e2,#6aa5e9);color:#fff;border:none;padding:8px 24px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.top-bar-auth-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4b90e266}.top-bar-auth-btn.mypage{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.top-bar-auth-btn.mypage:hover{background:#fff3;box-shadow:0 4px 12px #ffffff26}.login-buttons-container{display:flex;gap:10px;align-items:center;justify-content:center;margin:10px 0}.login-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.login-button:hover{background:#ffffff1a;transform:translateY(-1px)}.login-button img{width:18px;height:18px}.login-button.google:hover{border-color:#4285f4}.login-button.naver:hover{border-color:#03c75a}.license-modal-content .login-buttons-container{margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.login-modal-overlay{position:fixed;inset:0;background:#0006;z-index:999999}.login-modal-container{width:380px;background:#1e1e23;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #0009;overflow:hidden;transition:opacity .3s ease,filter .3s ease}.login-modal-container.inactive-modal{pointer-events:none!important;opacity:.6;filter:grayscale(.5)}.login-modal-header{padding:5px 15px;background:#ffffff08;display:flex;justify-content:space-between;align-items:center;cursor:move}.login-modal-header .window-controls-container{gap:4px}.login-modal-header .window-control-btn{width:22px;height:22px}.login-modal-header .window-control-btn svg{width:14px;height:14px}.login-modal-title{font-weight:700;font-size:1.2rem;letter-spacing:-.5px;line-height:1.2}.login-modal-close{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;opacity:.5}.login-modal-close:hover{opacity:1}.login-modal-content{padding:22px 20px;text-align:center}.login-modal-description{margin-bottom:25px;font-size:.95rem;line-height:1.6;color:#a0a0a0}.login-modal-footer{margin-top:10px;border-top:1px solid rgba(255,255,255,.05);padding-top:10px}.cancel-btn{background:transparent;border:none;color:gray;font-size:.9rem;cursor:pointer}.cancel-btn:hover{color:#fff}.service-modal-auth-tray{position:absolute;top:10px;right:20px;z-index:10001;display:flex;align-items:center;gap:15px;zoom:var(--ui-scale-modal)!important}.auth-tray-btn{background:#14141e99;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:50px;cursor:pointer;font-size:.9rem;transition:all .2s;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.auth-tray-btn:hover{background:#1e1e28cc;border-color:#4b90e2;box-shadow:0 0 10px #4b90e280}.auth-tray-btn.logout{color:#f55;border-color:#f553}.tray-login .login-button{padding:6px 12px;font-size:.85rem}.agreement-section{text-align:left;margin-bottom:10px;padding:8px;background:#141414;border-radius:8px}.agreement-item{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:6px;font-size:1rem;color:#ddd}.agreement-item:nth-of-type(2),.agreement-item:nth-of-type(3){margin-top:12px}.agreement-item input[type=checkbox]{margin-right:5px}.agreement-item label{cursor:pointer;margin-right:5px;font-weight:700;color:#a855f7}.agreement-item a,.agreement-item .link-text{color:#4b90e2;text-decoration:none!important;cursor:pointer;font-weight:700}.agreement-item .link-text:hover{color:#6baef2}.agree-all-btn{width:100%;margin-top:10px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.agree-all-btn:hover{background:#fff3}.signup-notice{margin-top:15px;font-size:.85rem;color:#888;text-align:center}.disabled-area{opacity:.5;pointer-events:none;filter:grayscale(100%)}.license-bypass-container{margin-top:12px;opacity:.6;transition:opacity .2s}.license-bypass-container.disabled{opacity:.2;pointer-events:none}.license-bypass-link{font-size:.75rem;color:#888;text-decoration:underline;cursor:pointer}.license-bypass-link:hover{color:#bbb}.auth-form{display:flex;flex-direction:column;gap:15px;text-align:left!important;width:100%}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.85rem;color:#aaa;font-weight:500}.input-group input[type=text],.input-group input[type=password],.input-group input[type=email],.input-group input[type=number],.input-group input[type=tel],.input-group input,.input-group select{width:100%!important;box-sizing:border-box;padding:12px 14px;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.input-group select option{background:#000;color:#fff}.input-group input:focus,.input-group select:focus{border-color:#4b90e2}.auth-submit-btn{padding:12px;background:#4b90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:5px}.auth-submit-btn:hover{background:#357abd}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error-message{color:#f55;font-size:.85rem;margin-top:-5px}.auth-extra-links{margin-top:20px;display:flex;justify-content:center;gap:10px;font-size:.85rem;color:#888}.auth-link{cursor:pointer;text-decoration:underline}.auth-link:hover{color:#4b90e2}.login-button.member-login{border:1px solid rgba(75,144,226,.3)}.login-button.member-login:hover{border-color:#4b90e2;background:#4b90e21a}.login-notice-purple{color:#e0e0e0;font-size:.9rem;font-weight:100;text-align:center;margin-bottom:12px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.agreement-change-notice{width:100%;color:#e0e0e0;font-size:.85rem;font-weight:100;margin-top:0;margin-left:0;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eula-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent!important;z-index:2000100;display:flex;justify-content:center;align-items:center;pointer-events:none;animation:eulaOverlayFadeIn .3s ease-out}.eula-modal-overlay>*{pointer-events:auto}.eula-modal-overlay:before{content:"";position:fixed;top:0;left:0;width:2px;height:2px;background:transparent;box-shadow:1vw 12vh #fff,15vw 5vh #fff,25vw 85vh #fff,35vw 15vh #fff,45vw 65vh #fff,55vw 25vh #fff,65vw 95vh #fff,75vw 35vh #fff,85vw 75vh #fff,95vw 5vh #fff,5vw 45vh #fff,10vw 90vh #fff,20vw 10vh #fff,30vw 55vh #fff,40vw 20vh #fff,50vw 80vh #fff,60vw 30vh #fff,70vw 60vh #fff,80vw 10vh #fff,90vw 45vh #fff,2vw 68vh #fff,12vw 32vh #fff,22vw 78vh #fff,32vw 22vh #fff,42vw 88vh #fff,52vw 42vh #fff,62vw 12vh #fff,72vw 52vh #fff,82vw 82vh #fff,92vw 28vh #fff,8vw 58vh #fff,18vw 8vh #fff,28vw 48vh #fff,38vw 98vh #fff,48vw 18vh #fff,58vw 72vh #fff,68vw 38vh #fff,78vw 88vh #fff,88vw 15vh #fff,98vw 62vh #fff,15vw 25vh #fff,24vw 54vh #fff,33vw 76vh #fff,41vw 92vh #fff,56vw 34vh #fff,63vw 15vh #fff,71vw 67vh #fff,84vw 29vh #fff,93vw 7vh #fff,3vw 85vh #fff,13vw 37vh #fff,27vw 69vh #fff,39vw 11vh #fff,46vw 96vh #fff,54vw 48vh #fff,66vw 21vh #fff,74vw 74vh #fff,86vw 36vh #fff,96vw 84vh #fff,7vw 3vh #fff,19vw 59vh #fff,29vw 19vh #fff,36vw 86vh #fff,44vw 44vh #fff,59vw 9vh #fff,69vw 56vh #fff,79vw 93vh #fff,89vw 26vh #fff,99vw 68vh #fff,6vw 41vh #fff,11vw 77vh #fff,21vw 33vh #fff,31vw 91vh #fff,43vw 53vh #fff,53vw 7vh #fff,61vw 81vh #fff,73vw 27vh #fff,81vw 64vh #fff,91vw 47vh #fff,4vw 99vh #fff,14vw 14vh #fff,23vw 49vh #fff,34vw 83vh #fff,47vw 23vh #fff,51vw 57vh #fff,64vw 39vh #fff,76vw 5vh #fff,83vw 49vh #fff,94vw 94vh #fff;opacity:.3;animation:moveStars 120s linear infinite;z-index:-2}.eula-modal-overlay:after{content:"";position:fixed;top:0;left:0;width:1px;height:1px;background:transparent;box-shadow:3vw 8vh #fff,13vw 48vh #fff,23vw 18vh #fff,33vw 93vh #fff,43vw 38vh #fff,53vw 68vh #fff,63vw 13vh #fff,73vw 83vh #fff,83vw 28vh #fff,93vw 58vh #fff,8vw 28vh #fff,18vw 68vh #fff,28vw 38vh #fff,38vw 8vh #fff,48vw 88vh #fff,58vw 23vh #fff,68vw 53vh #fff,78vw 98vh #fff,88vw 43vh #fff,98vw 18vh #fff,6vw 35vh #fff,16vw 75vh #fff,26vw 15vh #fff,36vw 55vh #fff,46vw 95vh #fff,56vw 35vh #fff,66vw 75vh #fff,76vw 15vh #fff,86vw 55vh #fff,96vw 95vh #fff,12vw 12vh #fff,21vw 42vh #fff,32vw 72vh #fff,41vw 91vh #fff,52vw 21vh #fff,61vw 52vh #fff,72vw 82vh #fff,81vw 12vh #fff,92vw 32vh #fff,2vw 62vh #fff,9vw 84vh #fff,19vw 24vh #fff,29vw 64vh #fff,39vw 4vh #fff,49vw 34vh #fff,59vw 74vh #fff,69vw 14vh #fff,79vw 44vh #fff,89vw 84vh #fff,99vw 24vh #fff,4vw 57vh #fff,14vw 97vh #fff,24vw 37vh #fff,34vw 67vh #fff,44vw 7vh #fff,54vw 47vh #fff,64vw 87vh #fff,74vw 27vh #fff,84vw 57vh #fff,94vw 87vh #fff,7vw 41vh #fff,17vw 81vh #fff,27vw 21vh #fff,37vw 51vh #fff,47vw 81vh #fff,57vw 11vh #fff,67vw 61vh #fff,77vw 91vh #fff,87vw 31vh #fff,97vw 71vh #fff,1vw 19vh #fff,11vw 59vh #fff,22vw 99vh #fff,31vw 29vh #fff,42vw 59vh #fff;opacity:.7;animation:moveStars 60s linear infinite;z-index:-1}@keyframes moveStars{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.eula-modal-container{position:relative;transform:scale(var(--ui-scale-global, 1));background:#1e1e28f2;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;border-radius:20px;width:600px;max-width:90vw;height:80vh;display:flex;flex-direction:column;overflow:hidden;transform-origin:center center}.eula-modal-container:before{content:"";position:absolute;top:-50%;left:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(100,100,255,.1) 0%,transparent 70%);z-index:-1}.eula-modal-header{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;background:#0003;cursor:grab}.eula-modal-header:active{cursor:grabbing}.eula-modal-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a0a0ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;letter-spacing:-.5px}.eula-modal-content{flex:1;overflow-y:auto;padding:2rem;color:#cbd5e1;font-size:.95rem;line-height:1.7;white-space:pre-wrap;text-align:left}.eula-modal-content strong{color:#fff;font-weight:600;display:block;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.05rem}.eula-modal-content p{margin-bottom:1rem}.eula-modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;display:flex;justify-content:center}.eula-button-group{display:flex;gap:20px;justify-content:center;width:100%}.eula-modal-button{border:none;color:#fff;padding:.8rem 2.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;min-width:140px}.eula-modal-button.primary{background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.eula-modal-button.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.eula-modal-button.secondary:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.eula-modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3a7bd566;filter:brightness(1.1)}.eula-modal-button:active{transform:translateY(0)}.eula-modal-content::-webkit-scrollbar{width:6px}.eula-modal-content::-webkit-scrollbar-track{background:#0000001a}.eula-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.eula-modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes eulaOverlayFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.eula-modal-container{width:95vw;max-width:95vw}.eula-modal-title{font-size:1.1rem;white-space:nowrap}.eula-button-group{gap:10px}.eula-modal-button{padding:.8rem 1.5rem;font-size:.9rem;white-space:nowrap;min-width:auto}}.eula-accordion-container{display:flex;flex-direction:column;gap:12px;width:100%}.eula-accordion-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.eula-accordion-item.active{background:#ffffff14;border-color:#3a7bd566;box-shadow:0 4px 20px #0003}.eula-accordion-header{padding:14px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background-color .2s}.eula-accordion-header:hover{background:#ffffff0d}.eula-version-info{display:flex;align-items:center;gap:10px;font-weight:600}.eula-version-tag{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;padding:2px 8px;border-radius:6px;font-size:.75rem;text-transform:uppercase}.eula-accordion-icon{font-size:.8rem;color:#ffffff80;transition:transform .3s ease}.eula-accordion-item.active .eula-accordion-icon{transform:rotate(180deg);color:#00d2ff}.eula-accordion-content{max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0}.eula-accordion-item.active .eula-accordion-content{max-height:5000px;opacity:1;padding:0 20px 20px}.signup-overlay{z-index:1001000!important}.signup-modal{max-height:90vh;overflow-y:auto}.signup-guide-text{font-size:.85rem;color:#999;background:#4b90e21a;padding:10px;border-radius:6px;margin-bottom:20px;line-height:1.5;text-align:left;border-left:3px solid #4b90e2}.free-trial-module-container{position:relative;display:inline-block;margin-right:8px}.free-trial-trigger-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#5865f226,#5865f20d);border:1px solid rgba(88,101,242,.5);border-radius:20px;padding:8px 24px;color:#e2e8f0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 0 10px #5865f233;touch-action:manipulation}.free-trial-trigger-btn:hover,.free-trial-trigger-btn[aria-expanded=true]{background:linear-gradient(135deg,#5865f24d,#5865f226);border-color:#5865f2cc;box-shadow:0 0 15px #5865f266;transform:translateY(-1px)}.sparkle-icon{font-size:1.1rem;animation:pulse-sparkle 2s infinite ease-in-out}@keyframes pulse-sparkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.free-trial-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:280px;background-color:#1e1e2d;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 24px #0006;z-index:10000;animation:fadeInDropdown .2s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:top right;box-sizing:border-box;overflow:hidden}@keyframes fadeInDropdown{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.free-trial-mini-card{display:flex;flex-direction:column;padding:20px;gap:16px}.mini-card-header{text-align:center}.mini-card-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mini-card-subtitle{font-size:.9rem;color:#a8b2d1;margin:0;font-weight:500}.mini-card-content{display:flex;flex-direction:column;gap:16px;text-align:center}.mini-card-description{font-size:.95rem;line-height:1.4;color:#e2e8f0;margin:0}.mini-card-select-btn{width:100%;padding:12px;background-color:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.mini-card-select-btn:hover{background-color:#ffffff1a;border-color:#fff6}.mini-card-select-btn:active{transform:scale(.98)}@media(max-width:768px){.free-trial-dropdown-menu{position:fixed;top:60px;right:16px;width:calc(100vw - 32px);max-width:320px}}.feature-list-container{width:100%;margin-top:1rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.feature-more-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #2196f34d;margin:1rem 0}.feature-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366;background:linear-gradient(135deg,#42a5f5,#2196f3)}.feature-detailed-table-wrapper{width:100%;margin-top:1rem;overflow-x:auto;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,.1)}.feature-detailed-table{width:100%;border-collapse:collapse;font-size:.95rem}.feature-detailed-table th{background:#ffffff0d;padding:1.2rem 1rem;text-align:center;font-weight:700;border-bottom:2px solid rgba(255,255,255,.1)}.feature-detailed-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.feature-category-header td{background:#2196f31a;color:#64b5f6;font-weight:700;font-size:1.05rem;text-align:left;padding:1rem 1.5rem;border-bottom:2px solid rgba(33,150,243,.2)}.feature-item-row:hover{background:#ffffff05}.feature-name{text-align:left;font-weight:500;color:#e0e0e0;padding-left:2rem!important;position:relative}.feature-label-container{display:flex;flex-direction:column;gap:.2rem}.feature-sub-label{font-size:.8rem;color:#90a4ae;font-weight:400;opacity:.8}.feature-name:before{content:"•";position:absolute;left:1rem;color:#64b5f6}.support-status{text-align:center;color:#64b5f6;font-size:.9rem;font-weight:600}.pro-support{color:#4b90e2}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-comparison-container{width:100%;background:#14142366;border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-top:2rem;font-family:Inter,sans-serif}.comparison-selector-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.selector-side{flex:1;display:flex;flex-direction:column;gap:.8rem}.level-chip-group{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.level-chip{padding:.4rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8892b0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.level-chip.active{background:var(--level-color);color:#fff;border-color:transparent;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.selector-vs{padding:0 1rem;font-size:.9rem;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.comparison-list-body{padding:.8rem .6rem;transition:opacity .3s ease}.comparison-list-body.changing{opacity:.5;filter:grayscale(.5)}.comparison-columns-header{display:grid;grid-template-columns:1fr 140px 1fr;text-align:center;padding:1.2rem 0;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:.5rem;align-items:center}.col-header{font-size:1.1rem;font-weight:800;text-transform:uppercase;display:flex;align-items:center;justify-content:center;height:100%}.col-header.center{color:#64b5f6;font-size:1.1rem;opacity:.9;font-weight:800}.comparison-category-group{margin-bottom:1rem}.comparison-item-row{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.03);position:relative}.comparison-value{font-size:1.1rem;font-weight:700;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.value-sub-label{font-size:.7rem;font-weight:400;color:#8892b0;opacity:.8}.comparison-feature-name{font-size:.95rem;color:#64b5f6;text-align:center;font-weight:600;line-height:1.2;padding:0 .2rem;display:flex;flex-direction:column;gap:.2rem;align-items:center;justify-content:center}.feature-sub-label{font-size:.75rem;font-weight:400;color:#8892b0;opacity:.8}.comparison-item-row:hover{background:#ffffff05}.comparison-value.left,.comparison-value.right{color:#e0e0e0}@media(max-width:400px){.comparison-columns-header,.comparison-item-row{grid-template-columns:1fr 120px 1fr}.level-chip{padding:.3rem .5rem;font-size:.7rem}}:root{--bg-color: #1a1a1a;--bg-color-light: #2c2c2c;--bg-color-panel: #222226;--text-color: #e0e0e0;--text-color-dark: #9e9e9e;--primary-color: #4a90e2;--secondary-color: #34495e;--secondary-color-hover: #4a627a;--danger-color: #e94f4f;--danger-color-transparent: rgba(233, 79, 79, .3);--border-color: #444;--handle-color: #555;--handle-hover-color: #777;--header-height: 32px;--input-bg-color: #3a3a3a;--mindmap-bg-color: #282828;--grid-color: rgba(255, 255, 255, .07);--logo-o-color: #58a6ff;--header-bg-color: rgba(30, 30, 30, .8);--icon-color: rgba(224, 224, 224, .7);--panel-bg-color: #222226;--tutorial-sidebar-width: 0px}body.tutorial-sidebar-expanded{--tutorial-sidebar-width: 400px !important}body:not(.tutorial-sidebar-expanded){--tutorial-sidebar-width: 0px !important}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Noto Sans KR,sans-serif;background-color:var(--bg-color);color:var(--text-color);user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}#root{height:100dvh;width:100vw}.loading-screen,.loading-spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--text-color-dark)}.loading-spinner:after{content:"";width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translateY(0);text-shadow:0 0 3px rgba(255,255,255,0)}50%{transform:translateY(-5px);text-shadow:0 5px 10px rgba(88,166,255,.3)}}body.logo-animation-paused .welcome-title span,body.logo-animation-paused .logo-in-button span{animation:none!important}body.logo-animation-paused .welcome-title:hover span{transform:translateY(0)}body.logo-animation-paused .welcome-title span:hover{transform:translateY(0) scale(1)!important}.inline-input{width:100%;background-color:var(--input-bg-color);border:1px solid var(--primary-color);color:var(--text-color);padding:4px;border-radius:3px;font:inherit}.developer-license-button{background:transparent;border:none;color:var(--text-color-dark);font-size:.8rem;cursor:pointer;text-decoration:underline;margin-top:10px;padding:5px}.developer-license-button:hover{color:var(--primary-color)}.low-perf .modal-overlay,.low-perf .sidebar-container,.low-perf .panel-container{background-color:var(--bg-color-panel)!important}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-overlay{position:fixed!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:2000000000;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none;margin:0!important;padding:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important}.modal-overlay:not(.non-blocking-overlay){pointer-events:auto}.modal{position:relative;background:#14141e;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;width:clamp(320px,90vw,600px);max-height:90vh;animation:modalPopUp .3s cubic-bezier(.16,1,.3,1);color:#e2e8f0;pointer-events:auto;margin:0!important}.modal.has-been-dragged{position:fixed!important}@keyframes modalPopUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.modal-small{width:clamp(320px,90vw,400px)!important}.modal.modal-large{width:clamp(500px,90vw,850px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:42px;min-height:42px;border-bottom:1px solid rgba(255,255,255,.08);background-color:#0a0a0f;cursor:grab;flex-shrink:0}.modal-header:active{cursor:grabbing}.modal-title{font-size:1.05rem;font-weight:700;background:linear-gradient(135deg,#fff,#4b90e2);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-content{padding:25px 30px;overflow-y:auto;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center;width:100%!important;flex:1}.modal-content>*{width:100%!important;max-width:100%!important;box-sizing:border-box}.modal-content.modal-content-left{align-items:flex-start!important;text-align:left!important}.modal-content h2{color:#fff;margin-bottom:15px}.modal-content p{color:#94a3b8;line-height:1.7;margin-bottom:20px}.modal-content input[type=text],.modal-content input[type=password],.modal-content input[type=email],.modal-content input[type=number],.modal-content input[type=tel]{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;font-size:1rem;text-align:center;transition:all .2s ease}.modal-content input[type=text]:focus,.modal-content input[type=password]:focus,.modal-content input[type=email]:focus,.modal-content input[type=number]:focus,.modal-content input[type=tel]:focus{outline:none;border-color:#3b82f6;background:#ffffff0d;box-shadow:0 0 0 2px #3b82f633}.modal-buttons,.modal-footer{display:flex;justify-content:center;gap:15px;padding:10px 30px 30px;border-top:none!important;background-color:transparent!important;flex-shrink:0;width:100%}.modal-buttons button,.modal-footer button{padding:12px 28px;border-radius:14px;border:1px solid rgba(255,255,255,.1);font-size:.95rem;font-weight:600;cursor:pointer;background-color:#ffffff0d;color:#cbd5e1;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:110px}.modal-buttons button:hover:not(:disabled),.modal-footer button:hover:not(:disabled){background-color:#ffffff1f;color:#fff;transform:translateY(-2px)}.modal-buttons button.primary,.modal-footer button.primary{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border:none;color:#fff;box-shadow:0 4px 15px #3a7bd54d}.modal-buttons button.danger,.modal-footer button.danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;color:#fff;box-shadow:0 4px 15px #ff4b2b4d}.modal-controls{display:flex;align-items:center;gap:12px}.modal-controls button{background:none;border:none;color:#fff6;padding:6px;cursor:pointer;transition:color .2s}.modal-controls button:hover{color:#fff}.loading-spinner{padding:50px}.welcome-screen-legacy{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10dvh 20px 20px;overflow-y:auto}.welcome-container{width:100%;max-width:900px;padding:20px}.welcome-title{font-size:clamp(2.5rem,2rem + 4vw,4.5rem);font-weight:700;color:var(--text-color);text-align:center;margin-bottom:25px;letter-spacing:2px;cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:baseline;justify-content:center}.welcome-title:has(>div){flex-direction:column;align-items:center}.welcome-title>div{display:flex;align-items:baseline}.welcome-title span{display:inline-block;animation:logoFloat 4s ease-in-out infinite;transition:transform .2s cubic-bezier(.165,.84,.44,1)}.welcome-title span:hover{animation:none;transform:translateY(-12px) scale(1.1)!important}.welcome-title span:nth-child(1){animation-delay:.1s}.welcome-title span:nth-child(2){animation-delay:.2s}.welcome-title span:nth-child(3){animation-delay:.3s}.welcome-title span:nth-child(4){animation-delay:.4s}.welcome-title span:nth-child(5){animation-delay:.5s}.welcome-title span:nth-child(6){animation-delay:.6s}.welcome-title span:nth-child(7){animation-delay:.7s}.welcome-title span:nth-child(8){animation-delay:.8s}.welcome-title span:nth-child(9){animation-delay:.9s}.welcome-title span:nth-child(10){animation-delay:1s}.welcome-title span:nth-child(11){animation-delay:1.1s}.welcome-title-legacy .letter-o,.welcome-title-legacy .letter-s,.welcome-title-legacy .letter-r,.welcome-title-legacy .letter-plus{color:var(--logo-o-color)}.welcome-title-legacy .free-version-text{font-size:clamp(1.5rem,1rem + 2vw,2.5rem);color:var(--logo-o-color);animation:logoFloat 4s ease-in-out infinite;animation-delay:.9s}.reselect-service-button-legacy{background-color:#8e44ad;color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .2s;margin:0 auto;display:block;width:100%;max-width:400px;box-sizing:border-box}.reselect-service-button:hover{background-color:#9b59b6}.welcome-actions-legacy{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:30px}.new-project-button-container-legacy{position:relative;width:100%;max-width:400px}.new-project-menu-legacy{position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-color-light);border:1px solid var(--border-color);border-radius:8px;margin-top:8px;padding:8px;z-index:10;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:8px}.modal .new-project-menu-legacy{position:absolute;box-shadow:0 5px 15px #0000004d;border:1px solid var(--border-color);background:var(--bg-color-light);padding:8px}.new-project-menu-legacy button{background-color:var(--secondary-color);color:#fff;border:none;padding:12px;font-size:.95rem;font-weight:700;border-radius:6px;cursor:pointer;text-align:center;line-height:1.4;transition:background-color .2s}.new-project-menu-legacy button:hover{background-color:var(--secondary-color-hover)}.upgrade-to-pro-button{background-color:#8e44ad;color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.upgrade-to-pro-button:hover{background-color:#9b59b6}.no-projects{text-align:center;padding:50px 0}.no-projects p{font-size:1.2rem;color:var(--text-color-dark);margin-bottom:30px;line-height:1.6}.new-project-button-large-legacy{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background-color .2s}.new-project-button-large:hover{background-color:#3a80d2}.new-project-button-large svg{width:20px;height:20px;fill:currentColor}.open-project-button-legacy{background-color:var(--secondary-color);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background-color .2s}.open-project-button:hover{background-color:var(--secondary-color-hover)}.open-project-button svg{width:20px;height:20px;fill:currentColor}.welcome-footer{text-align:center;color:var(--text-color-dark);font-size:.9rem;line-height:1.5;flex-shrink:0}.welcome-footer p{margin:4px 0}.welcome-footer a{color:var(--text-color-dark);text-decoration:none;transition:color .2s}.welcome-footer a:hover{color:var(--primary-color);text-decoration:underline}.test-mode-link{color:var(--primary-color);cursor:pointer}.test-mode-link:hover{text-decoration:underline}.quick-actions-container-legacy{display:flex;gap:15px;width:100%;max-width:400px;margin-bottom:10px}.quick-action-button{flex:1;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);padding:12px;font-size:.95rem;font-weight:700;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.quick-action-button:hover{background-color:var(--bg-color-panel);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.quick-action-button svg{width:24px;height:24px;color:var(--primary-color)}.service-selection-modal{max-width:90vw}.service-selection-modal .modal-header{justify-content:center}.service-selection-modal .modal-content{text-align:center}.service-selection-modal .service-options{display:inline-flex;flex-direction:column;gap:20px;margin-bottom:30px;text-align:center}.service-selection-modal .service-option{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.service-selection-modal .service-option:hover{background-color:var(--bg-color-panel);border-color:var(--primary-color);transform:translateY(-5px)}.service-selection-modal .service-option h3{margin:0 0 10px;font-size:1.3rem;color:var(--text-color)}.service-selection-modal .service-option p{margin:0;font-size:.95rem;color:var(--text-color-dark);white-space:pre-wrap}.highlight{font-weight:700;color:var(--logo-o-color)}.service-option h3 .letter-o,.service-option h3 .letter-s,.service-option h3 .letter-r,.service-option h3 .letter-plus,.feature-comparison th .letter-o,.feature-comparison th .letter-s,.feature-comparison th .letter-r,.feature-comparison th .letter-plus{color:var(--logo-o-color)}.feature-comparison{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.feature-comparison h4{text-align:center;margin-bottom:15px;color:var(--text-color)}.feature-comparison table{width:100%;border-collapse:collapse;font-size:.9rem}.feature-comparison th,.feature-comparison td{border:1px solid var(--border-color);padding:10px;text-align:center;vertical-align:middle}.feature-comparison th{background-color:var(--bg-color-panel)}.feature-comparison td.check-mark{color:#2ecc71;font-weight:700}.feature-comparison td.cross-mark{color:#e74c3c}.feature-comparison p{margin-top:15px;font-size:.85rem;text-align:center}.add-project-modal-content{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%;margin:0 auto;text-align:center}.test-mode-section{width:100%;max-width:400px;text-align:center}.test-mode-section p{margin-bottom:10px;font-size:.9rem;color:var(--text-color-dark)}@media(max-width:480px){.welcome-title{letter-spacing:1px;word-break:break-all}}.confirm-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none}.confirm-modal-overlay.non-blocking-overlay{background-color:transparent;pointer-events:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.confirm-modal-overlay.non-blocking-overlay .confirm-modal-container{pointer-events:auto;box-shadow:0 5px 15px #0000004d}@keyframes confirmOverlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-container{position:relative;background:#1e1e28f2;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:450px;box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;overflow:hidden;animation:confirmModalScaleIn .2s cubic-bezier(.175,.885,.32,1.275);color:#e0e0e0;pointer-events:auto}@keyframes confirmModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-header{padding:.5rem 1rem;background-color:#0003;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;cursor:grab}.confirm-modal-header:active{cursor:grabbing}.confirm-modal-title{font-weight:700;color:#fff;font-size:1.1rem;background:linear-gradient(135deg,#fff,#a0a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.confirm-modal-close-button{background:none;border:none;color:#a0a0b0;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.confirm-modal-close-button:hover{background-color:#ffffff1a;color:#fff}.confirm-modal-content{padding:1.5rem;font-size:1rem;color:#cbd5e1;line-height:1.5}.confirm-modal-buttons{display:flex;justify-content:flex-end;gap:12px;padding:0 1.5rem 1.5rem}.confirm-modal-button{padding:.6rem 1.2rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background-color:transparent;color:#cbd5e1;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s}.confirm-modal-button:hover{background-color:#ffffff1a;color:#fff}.confirm-modal-button.primary{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border:none;color:#fff;box-shadow:0 4px 15px #0000004d}.confirm-modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3a7bd566;filter:brightness(1.1)}.confirm-modal-button.danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;color:#fff;box-shadow:0 4px 15px #0000004d}.confirm-modal-button.danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff4b2b66;filter:brightness(1.1)}.confirm-modal-button:disabled{opacity:.5;cursor:wait;filter:grayscale(.8);transform:none!important;box-shadow:none!important}@media(max-width:480px){.confirm-modal-buttons{flex-wrap:nowrap;gap:8px;padding:0 1rem 1rem}.confirm-modal-button{padding:.6rem .8rem;font-size:.85rem;white-space:nowrap;flex:1;display:flex;justify-content:center;align-items:center}}.modal-input{width:100%;padding:12px 16px;margin:15px 0;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;outline:none;transition:all .3s;box-sizing:border-box}.modal-input:focus{border-color:#4285f4;background:#0006;box-shadow:0 0 10px #4285f44d}.modal-input::placeholder{color:#ffffff4d}.user-code-section{padding-top:12px}.user-code-container{display:flex;flex-direction:column;gap:8px}.user-code-label{font-size:12px;color:var(--text-secondary, #888);margin-bottom:4px}.user-code-input-group{display:flex;gap:8px;align-items:center}.user-code-input{flex:1;padding:8px 12px;font-size:14px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#4b90e2;font-weight:700;cursor:text;font-family:Courier New,Courier,monospace}.user-code-input:focus{outline:none;border-color:#4b90e2}.user-code-copy-btn{padding:8px 16px;font-size:13px;white-space:nowrap;cursor:pointer;background:#4b90e2;border:none;border-radius:4px;color:#fff;font-weight:700;transition:background .2s,transform .1s}.user-code-copy-btn:hover{background:#357abd}.user-code-copy-btn:active{transform:scale(.95)}@media(pointer:coarse){.user-code-copy-btn{padding:10px 20px}}.mypage-ticket-container{display:flex;flex-direction:column;gap:16px;padding:10px 0}.ticket-level-cards{display:flex;gap:10px;justify-content:space-between}.level-card{flex:1;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .2s}.level-card.active{border-color:#4b90e2;background:#4b90e21a;box-shadow:0 0 10px #4b90e233}.level-card h4{margin:0 0 8px;font-size:14px;color:#eee;font-weight:600}.level-card .expiry-date{font-size:11px;color:#aaa;margin-bottom:12px;text-align:center;min-height:16px}.level-card .expiry-date.active-text{color:#4b90e2;font-weight:700}.level-card .status-badge{font-size:11px;padding:4px 8px;border-radius:4px;margin-bottom:8px;background:#444;color:#ccc;font-weight:600}.level-card:not(.active) .status-badge-owned{background:#4caf50;color:#fff}.level-card.active .status-badge{background:#4b90e2;color:#fff}.level-card .apply-btn{width:100%;padding:6px;border:none;border-radius:4px;background:#444;color:#ccc;font-size:12px;cursor:pointer;transition:background .2s}.level-card .apply-btn:not(:disabled){background:#4b90e2;color:#fff;font-weight:700;box-shadow:0 2px 4px #0003}.level-card .apply-btn:not(:disabled):hover{background:#357abd}.level-card .apply-btn.current{background:#4b90e2;color:#fff;cursor:default}.level-card .apply-btn:disabled:not(.current){opacity:.5;cursor:not-allowed;background:#333}.ticket-register-section{margin-top:10px;padding-top:10px;border-top:1px solid #333}.ticket-input-group{display:flex;gap:8px}.ticket-input{flex:1;background:#1e1e1e;border:1px solid #444;border-radius:4px;padding:8px;color:#eee;font-size:13px}.ticket-input:focus{outline:none;border-color:#4b90e2}.ticket-register-btn{padding:0 16px;background:#4b90e2;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;font-weight:500}.ticket-register-btn:hover{background:#357abd}.purchase-cancellation-notice{margin-bottom:12px;padding:0 4px;font-size:13px;color:#4b90e2;line-height:1.5;text-align:left;white-space:pre-wrap}.purchase-cancellation-notice a{color:#4b90e2;text-decoration:underline;font-weight:700;cursor:pointer}.purchase-cancellation-notice a:hover{color:#7ab0f5}.mypage-pagination-container{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;margin-bottom:24px;padding:10px 0;width:100%}.mypage-pagination-nav-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#8b95a1;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mypage-pagination-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff3}.mypage-pagination-nav-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#ffffff0d}.mypage-pagination-number-btn{background:transparent;border:none;color:#8b95a1;font-size:14px;font-weight:500;cursor:pointer;min-width:32px;height:32px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mypage-pagination-number-btn:hover{color:#fff;background:#ffffff14}.mypage-pagination-number-btn.active{color:#fff;background:linear-gradient(135deg,#fff3,#ffffff1a);font-weight:700;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.15)}@media(max-width:768px){.mypage-pagination-container{gap:4px}.mypage-pagination-nav-btn{padding:5px 8px;font-size:12px}.mypage-pagination-number-btn{min-width:28px;height:28px;font-size:13px}}.upgrade-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:2147483647!important;pointer-events:auto}.upgrade-container{position:absolute;width:500px;max-width:95vw;background:#fff;border:1px solid #ccc;border-radius:16px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;overflow:hidden;user-select:none;pointer-events:auto}.upgrade-header{padding:18px 24px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;cursor:move}.upgrade-title{font-weight:800;font-size:20px;color:#000}.upgrade-close{background:none;border:none;font-size:28px;cursor:pointer;color:#333}.upgrade-content{padding:24px;max-height:80vh;overflow-y:auto;color:#333}.current-info-box{background:#f0f7ff;border:1px solid #4b90e2;padding:16px;border-radius:12px;margin-bottom:24px}.current-info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.current-info-row:last-child{margin-bottom:0}.info-label{color:#555}.info-value{font-weight:700;color:#000}.upgrade-options-title{font-weight:800;font-size:16px;margin-bottom:12px}.upgrade-card{border:2px solid #eee;padding:20px;border-radius:12px;margin-bottom:16px;cursor:pointer;transition:all .2s;background:#fff;display:flex;flex-direction:column;gap:6px}.upgrade-card:hover{border-color:#4b90e2;background:#f8fbff}.upgrade-card.selected{border-color:#4b90e2;background:#f0f7ff;box-shadow:0 4px 12px #4b90e226}.upgrade-card-header{display:flex;justify-content:space-between;align-items:center}.upgrade-level-name{font-weight:800;font-size:18px}.upgrade-daily-price{font-size:14px;color:#666}.upgrade-price-value{font-weight:700;color:#e74c3c}.calculation-details{margin-top:24px;padding:20px;background:#fafafa;border-radius:12px;border:1px solid #eee}.calc-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.calc-row.total{margin-top:12px;padding-top:12px;border-top:1px dashed #ccc;font-size:18px;font-weight:800}.total-price{color:#4b90e2}.upgrade-notice{margin-top:16px;font-size:12px;color:#888;line-height:1.6}.upgrade-notice strong{color:#e74c3c}.upgrade-footer{margin-top:30px;display:flex;gap:12px}.upgrade-btn{flex:1;padding:16px;font-size:16px;font-weight:800;border-radius:8px;cursor:pointer;transition:opacity .2s;border:none}.upgrade-btn.cancel{background:#fff;border:1px solid #ddd;color:#666}.upgrade-btn.submit{background:#4b90e2;color:#fff}.upgrade-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:480px){.upgrade-container{width:90vw}.upgrade-btn{padding:14px;font-size:15px}}.mypage-container{width:clamp(320px,95vw,480px);max-height:90vh;background:#14141e!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;zoom:var(--ui-scale-modal, 1);display:flex;flex-direction:column}.mypage-header{background:#0a0a0f!important;border-bottom:1px solid rgb(50,50,50);color:#e0e0e0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;cursor:move;user-select:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mypage-title{font-size:16px;font-weight:600}.mypage-close{background:none;border:none;color:var(--text-secondary, #999);font-size:24px;cursor:pointer;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s,color .2s}.mypage-close:hover{opacity:1;color:var(--text-primary, #e0e0e0)}.mypage-tabs{display:flex;background:#0a0a0f;padding:0 16px;border-bottom:1px solid rgb(50,50,50)}.mypage-tab{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;cursor:pointer;font-size:14px;transition:all .2s;outline:none}.mypage-tab:hover{color:#ccc}.mypage-tab.active{color:#4b90e2;border-bottom-color:#4b90e2;font-weight:700}.mypage-content{padding:16px;overflow-y:auto;flex:1}.info-section{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-secondary, #2a2a2a)}.info-section:last-of-type{border-bottom:none}.info-section h4{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.info-item label{font-size:14px;color:var(--text-tertiary, #666)}.info-item span{font-size:14px;color:var(--text-primary, #e0e0e0);font-weight:500}.info-item.placeholder span{font-style:italic}.text-muted{color:var(--text-tertiary, #666)!important}.section-accordion-trigger{width:100%;background:none;border:none;padding:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:opacity .2s}.section-accordion-trigger:hover{opacity:.8}.section-accordion-trigger h4{margin:0!important}.section-accordion-content{margin-top:4px;animation:slideDown .2s ease-out}.google-drive-management-section{margin-top:15px;padding:12px;background:#232323;border:1px solid var(--border-primary, #333);border-radius:8px}.google-drive-management-header h4{margin:0!important;color:var(--logo-g-color, #4285F4)!important;font-size:13px!important}.google-drive-management-header{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.google-drive-management-content{display:flex;flex-direction:column;gap:8px}.drive-linked-status{color:var(--logo-g-color, #4285F4)!important;font-weight:600}.drive-unlinked-status{color:var(--text-tertiary, #666);font-style:italic}.drive-actions-box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.drive-mgmt-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.drive-mgmt-btn.link,.drive-mgmt-btn.relink{background:#4285f4;color:#fff}.drive-mgmt-btn.link:hover,.drive-mgmt-btn.relink:hover{background:#3367d6}.drive-mgmt-btn.external-unlink{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#999}.drive-mgmt-btn.external-unlink:hover{background:#ffffff1a;color:#ccc;border-color:#fff3}.drive-mgmt-btn:disabled{opacity:.5;cursor:not-allowed}.level-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.level-badge.free{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.level-badge.standard{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.level-badge.plus{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.level-badge.pro{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.license-input-group{margin-bottom:16px}.license-input{width:100%;padding:12px 16px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #333);border-radius:8px;color:var(--text-primary, #e0e0e0);font-size:14px;outline:none;transition:border-color .2s}.license-input:focus{border-color:#667eea}.license-input:disabled{opacity:.5;cursor:not-allowed}.license-actions{display:flex;gap:8px;margin-top:12px}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.secondary{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #e0e0e0);border:1px solid var(--border-primary, #333)}.action-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary, #3a3a3a)}.action-btn.danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-btn.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.action-btn.disabled,.action-btn:disabled{opacity:.5;cursor:not-allowed}.license-message{margin-top:12px;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5}.license-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.license-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.mypage-actions{margin-top:16px;padding-top:12px;border-top:none}.logout-btn{width:100%;padding:12px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #333);border-radius:8px;color:var(--text-tertiary, #999);font-size:14px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--bg-tertiary, #3a3a3a);color:var(--text-primary, #e0e0e0)}.license-auth-overlay{position:absolute;inset:0;background:var(--bg-primary, #1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:12px;animation:authOverlayFadeIn .3s ease-out}.license-auth-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.license-auth-text{font-size:16px;color:#fff;font-weight:600}.login-message{text-align:center;color:var(--text-secondary, #999);margin-bottom:16px;font-size:14px}.license-level-text{text-align:center;color:var(--text-secondary, #999);margin-bottom:12px;font-size:14px}.license-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.license-actions>button{width:100%}.button-group{display:flex;justify-content:center;gap:12px}.button-group .action-btn{flex:0 1 auto;min-width:140px}.left-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.license-sync-dropdown{position:relative;text-align:center}.sync-trigger-btn{background:none;border:none;color:var(--text-tertiary, #666);cursor:pointer;padding:4px 8px;font-size:12px;display:flex;align-items:center;gap:4px;transition:color .2s}.sync-trigger-btn:hover{color:var(--text-secondary, #999)}.sync-menu{position:absolute;bottom:100%;left:0;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #333);border-radius:8px;padding:4px;margin-bottom:4px;box-shadow:0 4px 12px #0000004d;z-index:10;min-width:200px}.sync-menu-item{background:none;border:none;color:var(--text-primary, #e0e0e0);cursor:pointer;padding:8px 12px;font-size:12px;text-align:left;width:100%;border-radius:6px;transition:background .2s;line-height:1.4}.sync-menu-item:hover{background:var(--bg-tertiary, #3a3a3a)}.registered-license-list-section{margin-top:8px;background:#191919;border:1px solid var(--border-primary, #333);border-radius:8px;overflow:hidden}.license-list-trigger{width:100%;padding:10px 16px;background:var(--bg-secondary, #2a2a2a);border:none;color:#4b90e2;font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.license-list-trigger:hover{background:var(--bg-tertiary, #3a3a3a)}.license-list-content{padding:12px;display:flex;flex-direction:column;gap:16px;animation:slideDown .2s ease-out}.license-item-table{width:100%;border-collapse:collapse;background:#0f0f0f;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.license-item-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:var(--text-secondary)}.license-item-table tr:last-child td{border-bottom:none}.license-item-header{display:flex;justify-content:space-between;align-items:center;width:100%}.license-name-label{font-weight:700;color:var(--text-primary)!important}.apply-license-btn{padding:4px 10px;background:#4b90e2;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .2s}.apply-license-btn:hover{opacity:.9}.license-info-row{display:table-row}.license-info-label{width:100px;color:var(--text-tertiary)!important;font-size:11px!important}.license-info-value{text-align:right;font-family:monospace;font-size:12px!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mypage-result-modal{width:clamp(280px,95vw,360px)!important}.mypage-result-modal .modal-content{padding:10px 8px!important}.mypage-result-modal .modal-content p{margin:5px 0!important}.mypage-result-modal .countdown-text{margin:2px 0 8px!important}.mypage-overlay{z-index:100000!important}.modal-overlay{position:fixed;inset:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:100000;display:flex;align-items:center;justify-content:center;pointer-events:none}.modal{pointer-events:auto;box-shadow:0 10px 40px #0009}.mypage-result-modal-container{z-index:2000200!important}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.account-actions-container{position:relative;margin-top:12px;display:flex;justify-content:flex-start}.account-menu-trigger{background:none;border:none;padding:4px 0;cursor:pointer;font-size:14px;font-weight:400;color:var(--text-tertiary, #666);display:flex;align-items:center;gap:4px;transition:color .2s}.account-menu-trigger:hover{color:var(--text-secondary, #999)}.account-dropdown-menu{position:absolute;bottom:100%;left:0;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #333);border-radius:8px;padding:6px;margin-bottom:8px;box-shadow:0 4px 20px #00000080;z-index:100;min-width:220px;display:flex;flex-direction:column;gap:2px;animation:accountMenuSlideUp .2s ease-out}@keyframes accountMenuSlideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.account-menu-item{background:none;border:none;color:var(--text-primary, #e0e0e0);cursor:pointer;padding:10px 14px;font-size:13px;text-align:left;width:100%;border-radius:6px;transition:all .2s;line-height:1.2}.account-menu-item:hover{background:var(--bg-tertiary, #3a3a3a)}.account-menu-item.danger{color:#ff6b6b}.account-menu-item.danger:hover{background:#ff6b6b1a}.order-history-loading,.no-orders-message{padding:40px;text-align:center;color:#888}.order-history-container{animation:fadeIn .3s ease}.order-table-wrapper{width:100%;overflow-x:auto;border:1px solid #333;border-radius:8px;background:#222}.order-table{width:100%;border-collapse:collapse;font-size:13px;min-width:450px}.order-table th,.order-table td{padding:12px;text-align:left;border-bottom:1px solid #333}.order-table th{background:#2a2a2a;color:#aaa;font-weight:400;white-space:nowrap}.order-table tr:last-child td{border-bottom:none}.order-table td{color:#eee}.col-order-id{font-family:monospace;color:#aaa!important}.col-action{text-align:center!important;width:90px;white-space:nowrap}.order-history-cancel-btn{display:inline-block;width:80px;padding:6px 0;background:transparent;border:1px solid #ff4d4f;color:#ff4d4f;border-radius:4px;cursor:pointer;font-size:11.5px;transition:all .2s;text-align:center;white-space:nowrap}.order-history-cancel-btn:hover{background:#ff4d4f;color:#fff}.status-label{display:inline-block;width:80px;padding:6px 0;border-radius:4px;font-size:11.5px;text-align:center;white-space:nowrap}.status-label.canceled{background:#333;color:#888}.status-label.completed{background:#1a2a1a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sync-progress-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-secondary, #2c2c2c);border:1px solid var(--border-color, #444);border-radius:8px;box-shadow:0 4px 20px #00000080;z-index:10000;width:400px;max-width:90vw;color:var(--text-primary, #fff);display:flex;flex-direction:column;overflow:hidden}.sync-modal-header{padding:12px 16px;background-color:var(--bg-tertiary, #333);border-bottom:1px solid var(--border-color, #444);font-weight:700;display:flex;justify-content:space-between;align-items:center;user-select:none}.sync-modal-body{padding:20px;text-align:center}.sync-progress-bar-container{width:100%;height:10px;background-color:var(--bg-tertiary, #444);border-radius:5px;margin:15px 0;overflow:hidden}.sync-progress-bar-fill{height:100%;background-color:var(--accent-color, #4facfe);transition:width .3s ease}.sync-status-text{margin-bottom:10px;font-size:.95rem;color:var(--text-secondary, #ccc);white-space:pre-wrap}.sync-modal-footer{padding:12px 16px;border-top:1px solid var(--border-color, #444);text-align:right;background-color:var(--bg-tertiary, #333)}.sync-close-btn{background-color:var(--accent-color, #4facfe);color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.9rem}.sync-close-btn:hover{filter:brightness(1.1)}.sync-close-btn:disabled{background-color:#666;color:#ccc;cursor:not-allowed;filter:none;opacity:.7}.license-sync-dropdown{margin-top:15px;border-top:1px solid var(--border-color, #555);padding-top:10px;text-align:left}.license-sync-trigger{background:none;border:none;color:var(--text-secondary, #aaa);cursor:pointer;font-size:.85rem;padding:5px 0;display:flex;align-items:center;gap:5px}.license-sync-trigger:hover{color:var(--text-primary, #fff)}.license-sync-menu{background-color:var(--bg-tertiary, #333);border:1px solid var(--border-color, #555);border-radius:4px;margin-top:5px;overflow:hidden;animation:fadeIn .2s ease}.license-sync-menu-item{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:var(--text-primary, #ddd);cursor:pointer;font-size:.9rem}.license-sync-menu-item:hover{background-color:var(--bg-hover, #444);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.license-modal-input optgroup{font-weight:700;color:var(--text-primary);background-color:var(--bg-secondary)}.license-modal-input option{padding:8px;background-color:var(--bg-primary);color:var(--text-primary)}.license-modal-text{word-break:keep-all}.license-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:20002;pointer-events:none;animation:licenseOverlayFadeIn .3s ease-out}@keyframes licenseOverlayFadeIn{0%{opacity:0}to{opacity:1}}.license-modal-container{background:var(--bg-primary, #1a1a26);border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #000c;border-radius:20px;width:90%;max-width:450px;display:flex;flex-direction:column;overflow:hidden;position:relative;pointer-events:auto;animation:licenseModalSlideUp .4s cubic-bezier(.16,1,.3,1)}.license-modal-container:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(100,100,255,.1) 0%,transparent 70%);z-index:-1}@keyframes licenseModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.license-modal-header{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0003}.license-modal-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,#a0a0ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;letter-spacing:-.5px}.license-modal-close-button{background:none;border:none;color:#a0a0b0;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.license-modal-close-button:hover{background-color:#ffffff1a;color:#fff;transform:rotate(90deg)}.license-modal-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.license-modal-text{text-align:center;color:#cbd5e1;margin:0;line-height:1.5;font-size:1rem}.license-modal-input{width:100%;padding:1rem 1.2rem;background-color:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1.1rem;font-family:monospace;transition:all .3s ease;box-sizing:border-box;text-align:center;letter-spacing:2px}.license-modal-input:focus{border-color:#4b6cb7;box-shadow:0 0 15px #4b6cb74d;outline:none;background-color:#0006}.license-modal-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.right-buttons{display:flex;gap:10px}.license-modal-button{padding:.8rem 1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background-color:transparent;color:#e0e0e0;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.license-modal-button:hover{background-color:#ffffff1a;color:#fff}.license-modal-button.primary{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border:none;color:#fff;box-shadow:0 4px 15px #0000004d}.license-modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3a7bd566;filter:brightness(1.1)}.license-modal-button.danger-text{color:#f55;border-color:transparent;background-color:transparent;padding:.5rem .8rem;font-size:.9rem}.license-modal-button.danger-text:hover{background-color:#ff55551a;text-decoration:none}.license-modal-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8);transform:none!important;box-shadow:none!important}@media(max-width:768px){.license-modal-container{width:95vw;max-width:95vw}.license-modal-text{font-size:.9rem;white-space:nowrap}.license-modal-button{font-size:.85rem;padding:.8rem;white-space:nowrap}.license-modal-button.danger-text{font-size:.85rem;padding:.5rem}}.license-auth-overlay{position:absolute;inset:0;background:var(--bg-primary, #14141e);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:20px;animation:authOverlayFadeIn .3s ease-out}@keyframes authOverlayFadeIn{0%{opacity:0}to{opacity:1}}.license-auth-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4b90e2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 0 15px #4b90e24d}.license-auth-text{font-size:1.1rem;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:-.5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.update-bar-active{padding-top:38px!important}body.update-bar-active .app-container{height:calc(100vh - 38px)!important}body.update-bar-active .welcome-screen,body.update-bar-active .loading-screen,body.update-bar-active .service-initialization-flow,body.update-bar-active .modal-overlay{top:38px!important;height:calc(100vh - 38px)!important}.update-notification-bar{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:500;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;z-index:999999;border-bottom:1px solid rgba(255,255,255,.1);user-select:none}.update-bar-content{display:flex;align-items:center;gap:8px}.update-bar-actions{display:flex;align-items:center;gap:12px}.update-btn-action{background-color:#fff;color:#1e3c72;border:none;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.update-btn-action:hover{background-color:#f0f4f8}.update-btn-action:active{transform:scale(.95)}.update-btn-close{background:none;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.update-btn-close:hover{color:#fff}.update-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000026;z-index:9999999;display:flex;justify-content:center;align-items:center;pointer-events:auto}.update-modal-container{width:420px;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,Outfit,sans-serif;color:#333;user-select:none}.update-modal-header{background-color:#f5f5f7;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e7;cursor:move}.update-modal-title{font-size:14px;font-weight:600;color:#111}.update-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.update-modal-status-text{font-size:13px;line-height:1.5;color:#444}.update-progress-wrapper{width:100%;background-color:#e9ecef;border-radius:6px;height:12px;overflow:hidden;position:relative}.update-progress-bar{background:linear-gradient(90deg,#1e3c72,#2a5298);height:100%;width:0%;transition:width .1s ease-out}.update-progress-percent{font-size:12px;font-weight:600;color:#1e3c72;text-align:right;margin-top:4px}.update-modal-footer{padding:12px 16px;border-top:1px solid #e5e5e7;display:flex;justify-content:flex-end;background-color:#f9f9fa}.update-btn-cancel{background-color:#f0f0f2;color:#444;border:1px solid #dcdcdc;border-radius:4px;padding:6px 16px;font-size:12px;cursor:pointer;font-weight:500}.update-btn-cancel:hover{background-color:#e5e5e8}.polygon-graph-setting-container{padding:8px 0;display:flex;flex-direction:column;gap:12px;color:#e0e0e0;background-color:#1a1a1a;width:100%}.polygon-graph-setting-container input[type=text]{background-color:#2d2d2d!important;border:1px solid #444!important;color:#fff!important;padding:8px 12px!important;font-size:.95rem!important;outline:none;width:205px!important;box-sizing:border-box!important;margin-left:0!important}.polygon-section{background:#252526;border:1px solid #333;padding:14px;display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.polygon-input-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1px;width:100%}.polygon-input-group label{font-size:.85rem;width:85px;flex-shrink:0;color:#bbb}.polygon-number-stepper{display:flex!important;flex-direction:row!important;align-items:center;width:auto}.polygon-step-btn{width:32px;height:32px;background:#3d3d3d;border:1px solid #444;color:#fff;cursor:pointer;font-size:1rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.polygon-number-stepper input{width:50px!important;height:32px!important;background:#333!important;border:1px solid #444!important;color:#fff!important;text-align:center!important;padding:0 0 0 15px!important;margin:0!important;font-size:1rem!important;border-radius:0!important;border-left:none!important;border-right:none!important;flex:none!important;display:inline-block!important;line-height:30px!important}.polygon-preview-actions{display:flex;justify-content:center;gap:16px;margin-top:16px;width:100%}.polygon-preview-actions .polygon-btn{flex:0 1 auto;min-width:110px;padding:10px 20px}.polygon-legend-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;padding:8px;background:#0000001a;border-radius:4px}.polygon-legend-item{display:flex;align-items:center;gap:6px}.polygon-legend-color{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.2)}.polygon-legend-name{font-size:.8rem;font-weight:600}.polygon-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;width:100%}.polygon-btn{flex:1;padding:8px 4px;background:#333;border:1px solid #444;color:#ddd;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.polygon-btn.primary{background:#007acc;color:#fff;border-color:#007acc}.polygon-btn.danger{background:#442a2a;color:#ff9b9b;border-color:#5a3535}.polygon-saved-item{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;background:#2d2d2d;border:1px solid #444;padding:8px 12px;border-radius:4px;margin-bottom:6px;cursor:pointer}.polygon-group-item{border:1px solid #444;border-radius:8px;padding:16px;background:#2d2d2d;margin-bottom:32px!important;position:relative;box-shadow:0 4px 12px #0003}.polygon-group-item:after{content:"";position:absolute;bottom:-16px;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#444,transparent)}.polygon-group-item:last-child{margin-bottom:16px!important}.polygon-group-item:last-child:after{display:none}.polygon-group-header-row{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:10px}.polygon-group-header-row input[type=text]{flex:1}.delete-group-btn{width:24px;height:24px;background:#3d3d3d;border:1px solid #444;color:#ff5f56;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;font-weight:700;flex-shrink:0}.polygon-toggle-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:12px}.polygon-toggle-switch{position:relative;display:inline-block;width:34px;height:18px}.polygon-toggle-switch input{opacity:0;width:0;height:0}.polygon-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.3s;border-radius:18px}.polygon-toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.polygon-toggle-slider{background-color:#007acc}input:checked+.polygon-toggle-slider:before{transform:translate(16px)}.polygon-option-edit-box{display:flex;align-items:center;gap:10px;width:100%}.polygon-option-val-text{font-size:.85rem;color:#4a90e2;min-width:22px;text-align:right}.polygon-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#444;border-radius:2px;outline:none}.polygon-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#4a90e2;border-radius:50%;cursor:pointer;border:2px solid #fff}.window-controls-container{display:flex;align-items:center;gap:8px;margin-left:auto}.window-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;transition:background-color .2s,color .2s;padding:0}.window-control-btn:hover{background-color:#ffffff1a}.window-control-btn svg{width:24px;height:24px;min-width:24px;fill:currentColor}.window-control-btn.close:hover{background-color:#ef4444;color:#fff}.window-control-btn.minimize:hover,.window-control-btn.maximize:hover{background-color:var(--primary-color);color:#fff}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-kr-korean-400-normal.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/noto-sans-kr-korean-700-normal.woff2) format("woff2")}@font-face{font-family:"Noto Serif KR";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-serif-kr-korean-400-normal.woff2) format("woff2")}@font-face{font-family:"Noto Serif KR";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/noto-serif-kr-korean-700-normal.woff2) format("woff2")}