.lounge-avatar-editor{background:#85a2600f;border:1px solid #a3be7538;border-radius:18px;margin:1rem 0;padding:1.2rem}.avatar-editor-heading>span{letter-spacing:.12em;color:var(--primary);align-items:center;gap:6px;font-size:.68rem;display:flex}.avatar-editor-heading h3{margin:.5rem 0;font-size:1.1rem}.avatar-editor-heading p,.avatar-result p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.avatar-photo-input{min-width:0;margin:.8rem 0}.avatar-photo-input>label{cursor:pointer;border:1px dashed #9db68866;border-radius:13px;align-items:center;gap:.75rem;padding:.8rem;display:flex;position:relative;overflow:hidden}.avatar-photo-input>label>span:last-of-type{min-width:0}.avatar-photo-input strong{font-size:.9rem;display:block}.avatar-photo-input small{overflow-wrap:anywhere;color:var(--text-muted);margin-top:4px;font-size:.72rem;line-height:1.5;display:block}.avatar-photo-input input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-photo-input label:focus-within{outline:2px solid var(--primary);outline-offset:3px}.avatar-photo-thumb{width:56px;height:56px;color:var(--primary);background:#7f9a5b29;border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.avatar-photo-thumb img{object-fit:cover;width:100%;height:100%}.avatar-text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.75rem}.avatar-photo-consent{color:var(--text-muted);align-items:flex-start;gap:.65rem;font-size:.75rem;line-height:1.65;display:flex}.avatar-photo-consent input{accent-color:var(--primary);flex-shrink:0;margin-top:5px}.avatar-generate,.avatar-result .btn{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;display:flex}.avatar-usage-note{color:var(--text-muted);margin-top:.65rem;font-size:.7rem;line-height:1.5;display:block}.avatar-result{text-align:center;margin-top:1.3rem}.avatar-result>img,.avatar-current{aspect-ratio:1;object-fit:cover;border-radius:25px;width:min(210px,100%);margin:1rem auto;display:block;box-shadow:0 10px 32px #00000026}.avatar-signup-intro{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.6}.avatar-onboarding-skip{width:100%;margin-top:.5rem}.modal-overlay.lounge-account-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:120;background:#101914bd;padding:24px;overflow-y:auto}.modal-content.auth-modal.lounge-account-dialog{--primary:#e6c994;--text-muted:#b7bcae;--text-light:#f4edde;color:#f4edde;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#899178 #263129;background:#263129;border:1px solid #f5e5c52b;border-radius:24px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0;width:min(920px,100%);max-width:920px;max-height:min(880px,100dvh - 48px);margin:auto;padding:0;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;animation:.22s ease-out lounge-account-arrive;display:grid;overflow:auto;box-shadow:0 28px 110px #0006}.lounge-account-dialog *,.lounge-account-dialog :before,.lounge-account-dialog :after{box-sizing:border-box}.lounge-account-dialog :where(button,input){font:inherit}.lounge-account-dialog :where(h2,h3,p){margin:0}.lounge-account-dialog button{cursor:pointer;transition:background .18s,border-color .18s}.lounge-account-dialog button:disabled{cursor:default;opacity:.5}.lounge-account-dialog :where(button,a,input,summary):focus-visible{outline-offset:4px;outline:2px solid #e6c994}.lounge-account-scene{background:#1d2921;border-right:1px solid #ffffff0c;flex-direction:column;min-width:0;display:flex}.lounge-account-view{isolation:isolate;flex-direction:column;flex:1;justify-content:space-between;gap:90px;min-height:250px;padding:26px;display:flex;position:relative}.lounge-account-view:before{content:"";z-index:-2;background:url(/lounge/rooftop-city-v2.webp) 43%/cover no-repeat;position:absolute;inset:0}.lounge-account-view:after{content:"";z-index:-1;background:linear-gradient(#10251f70,#0000 40%,#1d2921);position:absolute;inset:0}.lounge-account-view>span{color:#fff4e0;text-shadow:0 1px 8px #0007;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.lounge-account-view small{letter-spacing:2px;color:#edcf9b;font-size:9px}.lounge-account-welcome{padding:5px 30px 30px}.lounge-account-invitation{color:#d5c6a5;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:flex}.lounge-account-welcome h2{color:#f3ead9;letter-spacing:-1px;font-size:28px;font-weight:500;line-height:1.5}.lounge-account-welcome>p{color:#b7bcae;white-space:pre-line;word-break:keep-all;margin-top:16px;font-size:12px;line-height:1.9}.lounge-account-scene-note{border-top:1px solid #e4d6b21c;align-items:center;gap:8px;margin-top:30px;padding-top:18px;display:flex}.lounge-account-scene-note>span{background:#d4c69d;border-radius:50%;flex-shrink:0;width:5px;height:5px}.lounge-account-scene-note p{color:#aeb7a7;font-size:10px;line-height:1.7}.lounge-account-preview{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.lounge-account-preview>span{aspect-ratio:1/1.1;color:#fff4db;background:linear-gradient(145deg,#899177,#4a5c46);border:2px solid #e3d1a852;border-radius:48% 48% 28% 28%;place-items:center;width:112px;font-size:42px;display:grid;overflow:hidden}.lounge-account-preview img{object-fit:cover;width:100%;height:100%}.lounge-account-preview small{color:#b4bdaa;margin-top:3px;font-size:10px}.lounge-account-preview strong{color:#f0e6d2;overflow-wrap:anywhere;font-size:20px;font-weight:500}.lounge-account-content{min-width:0;padding:32px}.lounge-account-dialog .auth-modal-header{gap:14px;margin-bottom:24px}.lounge-account-eyebrow{color:#dbc799;letter-spacing:1.6px;margin-bottom:12px;font-size:9px;font-weight:600;display:block}.lounge-account-dialog .auth-modal-heading h2{color:#f5ebd8;letter-spacing:-.8px;font-size:25px;font-weight:550;line-height:1.4}.lounge-account-dialog .auth-modal-heading p{color:#b7bcae;word-break:keep-all;margin-top:9px;font-size:12px;line-height:1.8}.lounge-account-dialog .lounge-account-close{color:#d0d1c0;background:#ffffff04;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:34px;height:34px}.lounge-account-dialog .lounge-account-close:hover{color:#f6e9c7;background:#ffffff0a;border-color:#d5bc8666}.lounge-account-dialog .auth-mode-tabs.segmented-control{background:#14251b66;border:1px solid #ffffff15;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:20px;padding:4px;display:grid}.lounge-account-dialog .auth-mode-tabs button{color:#adb8a8;background:0 0;border-radius:9px;min-height:42px;padding:10px;font-size:12px;font-weight:500}.lounge-account-dialog .auth-mode-tabs button.active{color:#243127;background:#cdb88b;font-weight:700;box-shadow:0 2px 8px #0002}.lounge-account-dialog .social-login-row{gap:9px}.lounge-account-dialog .lounge-social{border:1px solid #ffffff25;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 9px;font-size:12px;font-weight:600;display:flex}.lounge-account-dialog .lounge-social.kakao{color:#312b1e;background:#f5de74;border-color:#f5de74}.lounge-account-dialog .lounge-social.google{color:#3c4135;background:#f4f0e6;border-color:#f4f0e6}.lounge-account-divider{color:#98a490;align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.lounge-account-divider:before,.lounge-account-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.lounge-account-form{gap:15px;display:grid}.lounge-account-dialog .form-field{color:#d7dbc9;gap:7px;min-width:0;font-size:12px;font-weight:500}.lounge-account-dialog .form-field input{color:#f5eddb;width:100%;min-width:0;box-shadow:none;background:#1c2b22;border:1px solid #ffffff21;border-radius:11px;padding:13px 14px;font-size:14px}.lounge-account-dialog .form-field input::placeholder{color:#8e9c88;font-size:12px}.lounge-account-dialog .form-field input:focus{outline-offset:1px;box-shadow:none;border-color:#dbc28e;outline:2px solid #dbc28e25}.lounge-account-dialog .form-field input:disabled{color:#a7b29f;background:#202d24}.lounge-account-field-note{color:#9fae98;font-size:10px;font-weight:400;line-height:1.6}.lounge-account-passwords{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lounge-account-dialog .legal-consent-check,.lounge-account-dialog .avatar-photo-consent{color:#b6c0aa;align-items:flex-start;gap:9px;margin:0;font-size:11px;font-weight:400;line-height:1.8;display:flex}.lounge-account-dialog .legal-consent-check{background:0 0;border:0;border-radius:0;padding:0}.lounge-account-dialog :where(.legal-consent-check,.avatar-photo-consent) input{accent-color:#d1bb8c;flex-shrink:0;width:15px;height:15px;margin:3px 0 0}.lounge-account-dialog a{color:#e4d5b4;text-underline-offset:3px}.lounge-account-dialog .social-legal-note{color:#94a18a;margin:12px 0 0;font-size:10px;line-height:1.8}.lounge-account-dialog .btn.lounge-account-submit{color:#243027;width:100%;min-height:46px;box-shadow:none;background:#e0c593;border:1px solid #e0c593;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:13px;font-weight:650;display:flex}.lounge-account-dialog .btn.lounge-account-submit:hover:not(:disabled){background:#eddaad;border-color:#eddaad;transform:none}.lounge-account-dialog .form-error{color:#f1c0a8;background:#ad6e4818;border:1px solid #d5996c42;border-radius:10px;margin:0;padding:11px 13px;font-size:12px;line-height:1.7}.lounge-account-success{color:#d1ddb4;background:#b8c9970a;border:1px solid #c6d49a26;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;line-height:1.7;display:flex}.lounge-account-photo-details{background:#ffffff03;border:1px solid #ffffff18;border-radius:12px;padding:13px}.lounge-account-photo-details summary{cursor:pointer;color:#d6dbc8;font-size:12px;line-height:1.6}.lounge-account-photo-details summary span{color:#97a58e;margin-left:7px;font-size:10px}.lounge-account-photo-details[open] summary{margin-bottom:10px}.lounge-account-dialog .avatar-signup-intro{color:#aebaa2;font-size:11px;line-height:1.8}.lounge-account-dialog .avatar-photo-input>label{background:#18251c66;border-color:#c8ba984a;border-radius:12px;padding:12px}.lounge-account-dialog .avatar-photo-input strong{color:#ebe3ce;font-size:12px;font-weight:500}.lounge-account-dialog .avatar-photo-input small{color:#a9b49e;font-size:10px}.lounge-account-dialog .avatar-photo-thumb{color:#d9c89e;background:#dbc79a14}.lounge-account-dialog .avatar-text-button{color:#c7cdb8;font-size:11px}.lounge-account-dialog .lounge-avatar-editor{background:#19291f66;border-color:#ffffff18;border-radius:15px;margin:22px 0 0;padding:18px}.lounge-account-dialog .avatar-editor-heading>span{color:#d5c59e;letter-spacing:1.3px;font-size:9px}.lounge-account-dialog .avatar-editor-heading h3{color:#eee5d0;margin:10px 0 8px;font-size:16px;font-weight:500}.lounge-account-dialog .avatar-editor-heading p,.lounge-account-dialog .avatar-result p{color:#b2bda7;font-size:11px;line-height:1.8}.lounge-account-dialog .avatar-generate{color:#e2e8d1;background:#334733;border:1px solid #bdcda33b;border-radius:10px;padding:12px;font-size:12px}.lounge-account-dialog .avatar-result .btn{color:#243027;background:#e0c593;border:1px solid #e0c593;border-radius:10px;padding:12px;font-size:12px}.lounge-account-dialog .avatar-usage-note{color:#99a78f;font-size:10px;line-height:1.8}.lounge-account-dialog .avatar-current,.lounge-account-dialog .avatar-result>img{border:1px solid #e5d4a740;border-radius:46% 46% 28% 28%}.lounge-account-identity{color:#c3cbb6;background:#ffffff04;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 14px;display:flex}.lounge-account-identity>div{gap:5px;min-width:0;display:grid}.lounge-account-identity small{color:#96a58c;font-size:10px}.lounge-account-identity span{overflow-wrap:anywhere;font-size:12px}.lounge-account-section-label{letter-spacing:1px;color:#caba96;margin-bottom:15px;font-size:10px;display:block}.lounge-account-status{gap:18px;display:grid}.lounge-account-mail-icon{color:#e3cb9e;background:#dac2950b;border:1px solid #dac29540;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.lounge-account-status>p{color:#b7c2ab;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.lounge-account-status>p strong{color:#eee1c3;font-weight:500}.lounge-account-dialog .avatar-onboarding-skip{margin-top:15px}@keyframes lounge-account-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.modal-overlay.lounge-account-overlay{align-items:center;padding:12px}.modal-content.auth-modal.lounge-account-dialog{border-radius:20px;grid-template-columns:1fr;width:100%;max-height:calc(100dvh - 24px)}.lounge-account-scene{border-right:0;min-height:126px;display:block;position:relative}.lounge-account-view{gap:38px;min-height:126px;padding:20px 22px}.lounge-account-view:before{background-position:50% 42%}.lounge-account-view:after{background:linear-gradient(#10251f65,#1d29218c)}.lounge-account-welcome{display:none}.lounge-account-content{padding:24px}.lounge-account-dialog .auth-modal-heading h2{font-size:23px!important}.lounge-account-dialog .form-field input{font-size:16px}}@media (width<=380px){.modal-overlay.lounge-account-overlay{padding:8px}.modal-content.auth-modal.lounge-account-dialog{border-radius:17px;max-height:calc(100dvh - 16px)}.lounge-account-content{padding:20px 17px}.lounge-account-dialog .auth-modal-heading h2{font-size:21px!important}.lounge-account-passwords,.lounge-account-dialog .social-login-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.modal-content.auth-modal.lounge-account-dialog{animation:none}.lounge-account-dialog button{transition:none}}
