.auth-page{background:#fffaf4}.auth-page header{height:84px;background:#fffcf8}.back-link{font-size:12px;color:#8a6250}.auth-shell{max-width:1240px;margin:36px auto 50px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;min-height:690px;gap:0}.auth-story{position:relative;background:linear-gradient(180deg,#3b221b44,#3b221be6),url('coast.jpg') center/cover;border-radius:22px 0 0 22px;padding:70px 45px;color:#fff5e8;display:flex;flex-direction:column;align-items:flex-start}.auth-story .eyebrow{color:#ffd0a1;font-size:10px;line-height:2}.auth-story h1{font-size:38px;line-height:1.6;letter-spacing:1px;margin-top:75px}.auth-story p{font-size:13px;line-height:2.1;color:#f9e5d4}.story-note{margin-top:auto;font-size:11px;padding-top:70px;color:#f0d0b4}.auth-panel{border:1px solid #efdfd0;background:#fff;border-radius:0 22px 22px 0;padding:42px 45px;display:flex;align-items:center}.auth-inner{width:100%;max-width:410px;margin:auto}.auth-kicker{color:#c0642e;letter-spacing:2px;font-size:10px;font-weight:700}.auth-panel h2{font-size:27px;line-height:1.5;margin:12px 0}.auth-lead{font-size:12px;color:#927a6b;line-height:1.8;margin-bottom:23px}.line-button{width:100%;min-height:49px;border:0;border-radius:9px;background:#06c755;color:#fff;display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;font-weight:600;text-decoration:none}.line-button:disabled{background:#e8f4e9;color:#3c7452;cursor:default}.line-icon{font-size:9px;font-weight:900;border-right:1px solid #ffffff77;padding-right:13px}.line-button:disabled .line-icon{border-color:#b5d6bd}.soon{font-size:9px;border-radius:4px;background:#fff;padding:3px 5px;font-weight:400}.line-help{font-size:10px;color:#8b9388;text-align:center;line-height:1.7}.auth-divider{display:flex;align-items:center;gap:10px;color:#ac988a;font-size:10px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#efe5da;flex:1}.auth-field{margin:0 0 17px}.auth-field label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-bottom:7px}.auth-field label span{font-size:9px;color:#a08b7d;font-weight:400}.auth-field input{width:100%;padding:12px 13px;border:1px solid #e5dacf;border-radius:8px;color:#4b2c21;background:#fffdfa;font-size:14px;outline-color:#cf692e}.auth-field input[aria-invalid=true]{border-color:#c8533f}.field-help{font-size:10px;color:#a08b7d;line-height:1.7;margin:6px 0 0}.field-error{font-size:11px;color:#b4412c;line-height:1.7;margin:6px 0}.auth-submit{display:block;width:100%;text-align:center;padding:15px;margin-top:24px;font-size:13px}.auth-switch{font-size:11px;text-align:center;color:#8e7768;margin:22px 0 0;line-height:1.9}.auth-switch a{color:#b94e1b;font-weight:600;text-decoration:underline}.auth-error,.auth-success{padding:13px;border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:20px}.auth-error{background:#fff0eb;color:#a7412a}.auth-success{background:#eef5e7;color:#45653a}.account-details{padding:15px 0;border-top:1px solid #efdfd0;border-bottom:1px solid #efdfd0;overflow-wrap:anywhere}.account-details dt{font-size:10px;color:#a58a76;margin-top:12px}.account-details dd{font-size:14px;margin:6px 0 15px}.account-tip{font-size:11px;color:#957e6f;line-height:1.9;margin:20px 0}.logout-button{display:block;margin:20px auto 0;background:none;border:0;text-decoration:underline;font-size:12px;color:#9d7861;cursor:pointer}.account-browse{color:#fff}.auth-page footer{background:transparent}.nav-auth-link{font-size:12px;white-space:nowrap}.nav-account{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){.auth-page header{height:72px;flex-wrap:nowrap;padding:0 6%}.auth-page header .logo{font-size:23px}.back-link{font-size:10px}.auth-shell{display:block;padding:0 18px;margin:22px auto 30px;min-height:auto;max-width:550px}.auth-story{display:none}.auth-panel{border-radius:16px;padding:30px 24px}.auth-panel h2{font-size:25px}.auth-page footer{font-size:9px;gap:16px}.auth-page footer span{max-width:60%}.auth-submit{font-size:13px}}

.auth-header-links{display:flex;align-items:center;gap:20px}.mypage-link{color:#b94e1b;font-weight:600}.account-email-section{padding:10px 0 22px;border-bottom:1px solid #efdfd0}.account-email-section h3{font-size:16px;margin:20px 0 10px}.account-email-section .account-tip{margin:10px 0 18px}.email-save{width:100%;font-size:12px}.email-verification-status{font-size:11px;color:#947b69;margin:13px 0 6px}.nav-account{max-width:none}@media(max-width:800px){.auth-header-links{gap:12px}.auth-header-links .back-link{font-size:9px}}