.mypage-main{padding-top:64px;padding-bottom:110px}.mypage-loading{min-height:60vh;display:grid;place-items:center;align-content:center;gap:14px;color:#8d8d94}.mypage-loading span{font-size:34px;color:var(--blue2)}.mypage-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:28px 0 42px;border-bottom:1px solid var(--line)}.mypage-head p{margin:0 0 14px;color:var(--blue2);font-size:11px;font-weight:800;letter-spacing:.13em}.mypage-head h1{margin:0;font-size:clamp(38px,4vw,58px);letter-spacing:-.06em}.mypage-head span{display:block;margin-top:12px;color:var(--muted);font-size:14px}.mypage-layout{display:grid;grid-template-columns:270px 1fr;gap:52px;padding-top:42px}.mypage-side{position:sticky;top:112px;align-self:start;padding:24px;border:1px solid var(--line);border-radius:18px;background:#202023}.profile-photo-wrap{display:grid;justify-items:center}.profile-photo{width:108px;height:108px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--blue);font-size:32px;font-weight:900}.profile-photo img{width:100%;height:100%;object-fit:cover}.photo-button{margin-top:16px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700;cursor:pointer}.text-button{margin-top:10px;border:0;background:none;color:#888;font-size:11px;cursor:pointer}.mypage-side>strong{display:block;margin-top:24px;text-align:center;font-size:20px;line-height:1.4}.mypage-side>span,.mypage-side>small{display:block;text-align:center}.mypage-side>span{margin-top:7px;color:#b8b8be;font-size:13px;line-height:1.5;word-break:break-all}.mypage-side>small{margin-top:8px;color:#777;font-size:10px;line-height:1.5;letter-spacing:.12em}.mypage-side nav{display:grid;margin-top:28px;border-top:1px solid var(--line)}.mypage-side nav a{padding:15px 0;border-bottom:1px solid var(--line);color:#999;font-size:14px;line-height:1.45}.mypage-side nav a:hover,.mypage-side nav a.is-active{color:#fff}.mypage-content{display:grid;gap:20px}.settings-panel{padding:28px;border:1px solid var(--line);border-radius:18px;background:#202023}.panel-title{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-title>span{color:#666;font-size:10px}.panel-title h2{margin:0;font-size:22px;letter-spacing:-.04em}.panel-title p{margin:7px 0 0;color:#888;font-size:12px;line-height:1.6}.profile-form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;padding-top:24px}.profile-form label{display:grid;gap:8px}.profile-form label>span{font-size:11px;font-weight:700}.profile-form input{height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#252529;outline:0}.profile-form input:focus{border-color:var(--blue2)}.profile-form input[readonly]{color:#888}.profile-form small{color:#666;font-size:9px}.primary-button,.secondary-button,.danger-button{height:42px;padding:0 15px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.primary-button{border:0;background:var(--blue);color:#fff}.secondary-button{border:1px solid var(--line);background:transparent;color:#ddd}.danger-button{border:1px solid #7c3439;background:rgba(124,52,57,.13);color:#ff9299}.settings-notice{min-height:18px;margin:16px 0 0;color:#aab7ff;font-size:11px}.saved-content-list{display:grid;padding-top:20px}.saved-item{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.saved-item span{color:var(--blue2);font-size:9px;font-weight:800;letter-spacing:.08em}.saved-item strong{font-size:14px}.saved-item a,.saved-item button{font-size:10px}.saved-item button{border:0;background:none;color:#888;cursor:pointer}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center}.empty-state strong{font-size:17px}.empty-state p{margin:9px 0;color:#888;font-size:12px}.empty-state a{margin-top:12px;padding:9px 12px;border-radius:8px;background:var(--blue);font-size:10px;font-weight:800}.account-actions{display:grid;padding-top:12px}.account-actions>div{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.account-actions strong{font-size:14px}.account-actions p{margin:7px 0 0;color:#888;font-size:11px;line-height:1.55}.danger-row{margin-top:8px;border-top:1px solid #5d2f33!important}.bookmark-button{position:absolute;z-index:8;right:14px;top:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,5,7,.72);color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px)}@media(max-width:980px){.mypage-layout{grid-template-columns:1fr}.mypage-side{position:static}.profile-form{grid-template-columns:1fr 1fr}.profile-form .primary-button{grid-column:1/-1;justify-self:start}}@media(max-width:650px){.mypage-main{padding-top:38px}.mypage-head{align-items:flex-start;flex-direction:column}.mypage-layout{gap:22px;padding-top:24px}.settings-panel{padding:20px}.profile-form{grid-template-columns:1fr}.profile-form .primary-button{grid-column:auto}.saved-item{grid-template-columns:1fr;gap:7px}.account-actions>div{align-items:flex-start;flex-direction:column}.panel-title{grid-template-columns:32px 1fr}.mypage-side nav a{font-size:15px;padding:16px 0}.mypage-side>strong{font-size:21px}.mypage-side>span{font-size:14px}.mypage-side>small{font-size:11px}}