@media (orientation:landscape){.intro-wrapper{grid-area:1/1/17/33;width:min(1100px,100%);margin:80px auto}.intro{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.intro_select{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 10px 25px #00000014}.intro_frame{aspect-ratio:16/9;background:#fafafa;border:1px solid #d5d5d5;border-radius:8px;width:100%}.intro_label{text-align:center;color:#333;font-size:.9rem}.intro-stack{flex-direction:column;grid-area:1/1/17/33;align-items:stretch;display:flex}.auth-panel{background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:min(1100px,100%);margin:0 auto;padding:20px;display:flex;box-shadow:0 10px 25px #00000014}.auth-toggle{gap:12px;display:flex}.auth-toggle button{cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;padding:6px 14px;font-size:.95rem}.auth-toggle button.is-active{background:#f2f2f2;border-color:#bdbdbd;font-weight:600}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-guidance,.auth-social-title{font-size:16px;font-weight:500}.auth-email-row{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;display:flex}.auth-email-local{flex:150px;min-width:0}.auth-email-domain-input{flex:1.6 220px;min-width:0}.auth-email-domain-select{flex:0 0 110px;min-width:90px}.auth-login-row{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:12px;display:grid}.auth-password-row{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.auth-signup-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-signup-column{flex-direction:column;gap:12px;display:flex}.auth-remember{align-items:center;gap:16px;font-size:.85rem;display:flex}.auth-remember label{align-items:center;gap:6px;display:inline-flex}.auth-field{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.auth-password-label{align-items:baseline;gap:8px;display:flex}.auth-password-hint{opacity:.85;font-size:.8rem;font-weight:400}.auth-address-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-address-button{cursor:pointer;background:#fff;border:1px solid #d5d5d5;border-radius:6px;padding:6px 10px;font-size:.85rem}.auth-address-inputs{grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:8px;display:grid}.auth-field input,.auth-field select{border:1px solid #d5d5d5;border-radius:6px;padding:8px 10px;font-size:.9rem}.auth-submit{cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;align-self:flex-start;padding:6px 14px;font-size:.9rem}.auth-submit-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-switch-button{cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;padding:6px 14px;font-size:.9rem}.auth-oauth-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-oauth{align-items:center;gap:12px;display:flex}.auth-oauth a{text-decoration:none}.auth-oauth.is-disabled{opacity:1}.auth-oauth a.is-disabled{opacity:.4;pointer-events:none}.oauth-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:inline-flex}.oauth-icon--google{color:#1f1f1f;background:#fff;border:1px solid #d5d5d5}.oauth-icon--kakao{color:#1f1f1f;background:#fee500}.oauth-icon--naver{color:#fff;background:#03c75a}}
@media (orientation:portrait){.intro-wrapper{grid-area:1/1/31/19;width:min(700px,100%);margin:80px auto}.intro{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.intro_select{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 10px 25px #00000014}.intro_frame{aspect-ratio:16/9;background:#fafafa;border:1px solid #d5d5d5;border-radius:8px;width:100%}.intro_label{text-align:center;color:#333;font-size:.9rem}.intro-stack{flex-direction:column;grid-area:1/1/31/19;align-items:stretch;display:flex}.auth-panel{background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:min(700px,100%);margin:0 auto;padding:20px;display:flex;box-shadow:0 10px 25px #00000014}.auth-toggle{gap:12px;display:flex}.auth-toggle button{cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;padding:6px 14px;font-size:.95rem}.auth-toggle button.is-active{background:#f2f2f2;border-color:#bdbdbd;font-weight:600}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-guidance,.auth-social-title{font-size:16px;font-weight:500}.auth-email-row{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;display:flex}.auth-email-local{flex:150px;min-width:0}.auth-email-domain-input{flex:1.6 220px;min-width:0}.auth-email-domain-select{flex:0 0 110px;min-width:90px}.auth-login-row{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:12px;display:grid}.auth-password-row,.auth-signup-fields{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.auth-signup-column{flex-direction:column;gap:12px;display:flex}.auth-remember{align-items:center;gap:16px;font-size:.85rem;display:flex}.auth-remember label{align-items:center;gap:6px;display:inline-flex}.auth-field{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.auth-password-label{align-items:baseline;gap:8px;display:flex}.auth-password-hint{opacity:.85;font-size:.8rem;font-weight:400}.auth-address-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-address-button{cursor:pointer;background:#fff;border:1px solid #d5d5d5;border-radius:6px;padding:6px 10px;font-size:.85rem}.auth-address-inputs{grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:8px;display:grid}.auth-field input,.auth-field select{border:1px solid #d5d5d5;border-radius:6px;padding:8px 10px;font-size:.9rem}.auth-submit{cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;align-self:flex-start;padding:6px 14px;font-size:.9rem}.auth-submit-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-switch-button{cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;padding:6px 14px;font-size:.9rem}.auth-oauth-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-oauth{align-items:center;gap:12px;display:flex}.auth-oauth a{text-decoration:none}.auth-oauth.is-disabled{opacity:1}.auth-oauth a.is-disabled{opacity:.4;pointer-events:none}.oauth-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:inline-flex}.oauth-icon--google{color:#1f1f1f;background:#fff;border:1px solid #d5d5d5}.oauth-icon--kakao{color:#1f1f1f;background:#fee500}.oauth-icon--naver{color:#fff;background:#03c75a}}