.account-button{position:fixed;right:24px;bottom:24px;z-index:20;padding:13px 18px;border:1px solid #4a5257;background:#11181d;color:#fff;font:700 12px sans-serif;cursor:pointer}.account-panel{width:min(620px,94vw);border:1px solid #37434b;background:#0d1419;color:#fff}.account-panel::backdrop{background:#000c}.account-box{padding:38px;position:relative;font-family:sans-serif}.account-tabs{display:flex;gap:8px;margin-bottom:22px}.account-tabs button,.account-submit{padding:11px 16px;border:1px solid #3b4850;background:#172129;color:#fff}.account-tabs .active,.account-submit{background:#c8ff38;color:#101510}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.account-fields label{font-size:11px;color:#9aa7af}.account-fields input{display:block;width:100%;margin-top:6px;padding:11px;background:#10191f;border:1px solid #33414a;color:#fff}.wide{grid-column:1/-1}.account-error{color:#ff8175}.account-close{position:absolute;right:18px;top:12px;background:none;border:0;color:#fff;font-size:25px}.account-order{padding:13px;border:1px solid #33414a;margin:8px 0;display:flex;justify-content:space-between}.account-order small{display:block;color:#8f9da5}@media(max-width:550px){.account-fields{grid-template-columns:1fr}.wide{grid-column:auto}}
.account-button-top{position:static;inset:auto;z-index:auto;margin-left:4px;flex:0 0 auto;padding:11px 16px;background:transparent}
.global-floating-side{position:fixed;right:0;top:38%;z-index:30;width:44px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:width .2s ease;font-family:Manrope,'Noto Sans KR',sans-serif}.global-floating-side:hover,.global-floating-side:focus-within,.global-floating-side.expanded{width:184px}.global-floating-side .side-account-button{position:static;width:44px;min-height:112px;padding:12px 6px;border:1px solid #3b4850;border-right:0;background:#11181df2;color:#fff;font:800 11px Manrope,'Noto Sans KR',sans-serif;writing-mode:vertical-rl;cursor:pointer;transition:width .2s ease}.global-floating-side:hover .side-account-button,.global-floating-side:focus-within .side-account-button,.global-floating-side.expanded .side-account-button{width:184px;min-height:44px;padding:12px 14px;writing-mode:horizontal-tb}.global-floating-side .side-account-button:hover,.global-floating-side .side-account-button.signed-in{border-color:#c8ff38;color:#c8ff38}.global-floating-side .promo-rail{position:static;right:auto;top:auto;width:44px;overflow:hidden;background:#101417f2;border:1px solid #343a3f;border-right:0;box-shadow:0 16px 40px #0008;transition:width .2s ease}.global-floating-side:hover .promo-rail,.global-floating-side:focus-within .promo-rail,.global-floating-side.expanded .promo-rail{width:184px}.global-floating-side .promo-rail>span{display:flex;align-items:center;justify-content:center;width:44px;height:106px;color:#c8ff38;font-size:8px;font-weight:800;letter-spacing:.16em;writing-mode:vertical-rl;cursor:pointer}.global-floating-side:hover .promo-rail>span,.global-floating-side:focus-within .promo-rail>span,.global-floating-side.expanded .promo-rail>span{width:184px;height:34px;writing-mode:horizontal-tb;border-bottom:1px solid #343a3f}.global-floating-side .promo-family,.global-floating-side .promo-rail a{display:block;width:184px;padding:11px;border-bottom:1px solid #292e32;opacity:0;pointer-events:none}.global-floating-side:hover .promo-family,.global-floating-side:focus-within .promo-family,.global-floating-side.expanded .promo-family,.global-floating-side:hover .promo-rail a,.global-floating-side:focus-within .promo-rail a,.global-floating-side.expanded .promo-rail a{opacity:1;pointer-events:auto}.global-floating-side .promo-family small,.global-floating-side .promo-rail small{display:block;margin:0 0 6px;color:#c8ff38;font-size:9px}.global-floating-side .promo-rail a{color:#fff;text-decoration:none;font-size:11px;font-weight:700}.global-floating-side .promo-rail a small{margin:4px 0 0;color:#778087}.global-floating-side .promo-rail a:hover{background:#c8ff38;color:#0b0d10}.global-floating-side .floating-family-site,.global-floating-side .family-site{width:100%;min-width:0;padding:9px;background:#111a20;color:#e5ecef;border:1px solid #3b4850;font:600 11px Manrope,'Noto Sans KR',sans-serif}@media(max-width:760px){.global-floating-side{display:flex;top:auto;bottom:18px}.global-floating-side .promo-rail{display:none}.global-floating-side .side-account-button{min-height:96px}.global-floating-side:hover,.global-floating-side:focus-within,.global-floating-side.expanded{width:44px}.global-floating-side:hover .side-account-button,.global-floating-side:focus-within .side-account-button,.global-floating-side.expanded .side-account-button{width:44px;min-height:96px;padding:12px 6px;writing-mode:vertical-rl}}
.account-order>span:last-child{text-align:right}.account-pay-button{margin-top:9px;padding:7px 10px;border:0;background:#c8ff38;color:#101510;font-weight:800;cursor:pointer}.account-trial{display:grid;gap:5px;margin:15px 0;padding:14px;border:1px solid #51651e;background:#18200d}.account-trial small{color:#aab694}.account-trial span{color:#c8ff38;font-size:12px}
.account-panel{max-height:92vh}.account-box{max-height:88vh;overflow:auto}.account-kicker{margin:0;color:#c8ff38;font-size:10px;font-weight:800;letter-spacing:.16em}.account-intro{margin-top:-5px;color:#8f9da5;font-size:12px;line-height:1.7}.account-loading,.account-empty{padding:18px;border:1px solid #33414a;color:#8f9da5;font-size:12px}.account-profile{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid #33414a;background:#111b21}.account-profile>div{display:grid;gap:4px}.account-profile small,.account-profile span{color:#8f9da5;font-size:11px}.account-profile a,.account-footer-actions a{padding:9px 11px;background:#c8ff38;color:#101510;font-size:11px;font-weight:800;text-decoration:none}.account-license{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0;padding:15px;border:1px solid #40515b;background:#10191f}.account-license>div{display:grid;gap:4px}.account-product{color:#c8ff38;font-size:10px;font-weight:800;letter-spacing:.08em}.account-license small{color:#8f9da5;font-size:11px}.account-license-status{text-align:right}.account-license-status .good{color:#70e6bd}.account-footer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.account-footer-actions button{padding:9px 11px;border:1px solid #3b4850;background:#172129;color:#fff}.account-content h3{margin:24px 0 10px;font-size:14px}@media(max-width:550px){.account-profile,.account-license{align-items:flex-start;flex-direction:column}.account-license-status{text-align:left}}
.account-remote{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0;padding:14px;border:1px solid #40515b;background:#10191f}.account-remote>span{display:grid;gap:4px}.account-remote>span:last-child{grid-auto-flow:column;align-items:center}.account-remote small{color:#8f9da5;font-size:10px}.account-remote i{color:#d59a54;font-size:10px;font-style:normal}.account-remote i.online{color:#70e6bd}.account-remote a{padding:8px 10px;background:#c8ff38;color:#101510;font-size:10px;font-weight:800;text-decoration:none}@media(max-width:550px){.account-remote{align-items:flex-start;flex-direction:column}}
.account-license{flex-wrap:wrap}.account-telegram{flex:1 0 100%;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding:12px 0 0;border-top:1px solid #2d3b43}.account-telegram>div:first-child{display:grid;gap:4px}.account-telegram>div:first-child b{font-size:12px}.account-telegram>div:first-child small,.account-telegram-result small{color:#8f9da5;font-size:10px;line-height:1.6}.account-telegram-actions,.account-telegram-links{display:flex;flex-wrap:wrap;gap:7px}.account-telegram-actions button,.account-telegram-links button,.account-telegram-links a{padding:8px 10px;border:1px solid #43535c;background:#172129;color:#fff;font:700 10px sans-serif;text-decoration:none;cursor:pointer}.account-telegram-actions [data-telegram-issue],.account-telegram-links a:first-child{border-color:#c8ff38;background:#c8ff38;color:#101510}.account-telegram-actions button:disabled{opacity:.45;cursor:wait}.account-telegram-result{grid-column:1/-1;display:grid;gap:6px;padding:11px;border:1px solid #2e4149;background:#0b1317;color:#dfe8ec;font-size:11px}.account-telegram-result .good{color:#70e6bd}.account-telegram-links{margin-top:3px}@media(max-width:650px){.account-telegram{grid-template-columns:1fr}.account-telegram-actions{justify-content:flex-start}}

/* The account dialog is narrower than the desktop viewport, so size this layout by the card itself. */
.account-license{box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;min-width:0;overflow:hidden}.account-license>div{min-width:0}.account-license small{overflow-wrap:anywhere}.account-telegram{grid-column:1/-1;box-sizing:border-box;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-top:0}.account-telegram-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:8px}.account-telegram-actions button{box-sizing:border-box;width:100%;min-width:0;min-height:36px;line-height:1.35;white-space:normal}.account-telegram-result{grid-column:auto;box-sizing:border-box;width:100%;min-width:0}.account-telegram-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.account-telegram-links button,.account-telegram-links a{box-sizing:border-box;width:100%;min-width:0;text-align:center;white-space:normal;line-height:1.35}@media(max-width:550px){.account-box{padding:24px 18px}.account-license{grid-template-columns:1fr}.account-license-status{text-align:left}.account-telegram-actions,.account-telegram-links{grid-template-columns:1fr}}
