.mypage-layout{gap:80px;display:grid}@media (min-width:768px){.mypage-layout{grid-template-columns:304px minmax(0,1fr);gap:40px}}@media (min-width:1280px){.mypage-layout{gap:66px}}.mypage-summary{flex-direction:column;gap:24px;min-width:0;display:flex}@media (min-width:768px){.mypage-summary{gap:40px}}.mypage-summary h1{color:var(--text-on-content);letter-spacing:0;margin:0;font-size:20px;font-weight:700;line-height:32px}@media (min-width:768px){.mypage-summary h1{font-size:24px;line-height:36px}}.mypage-point-card{border:1px solid var(--line-muted);background:var(--surface-content);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}@media (min-width:768px){.mypage-point-card{height:104px;padding:20px 24px}}.mypage-point-card>span:first-child{color:var(--text-on-content-secondary);font-size:14px;font-weight:500;line-height:24px}@media (min-width:768px){.mypage-point-card>span:first-child{font-size:16px}}.mypage-point-card>span:last-child{align-items:center;gap:8px;display:flex}.mypage-point-card strong{color:var(--text-on-content);font-size:16px;font-weight:700;line-height:24px}@media (min-width:768px){.mypage-point-card strong{font-size:20px;line-height:32px}}.mypage-point-card .mypage-point-card__coin{flex:0 0 24px;width:24px;height:24px}@media (min-width:768px){.mypage-point-card .mypage-point-card__coin{flex-basis:32px;width:32px;height:32px}}.mypage-tabs{width:100%;min-width:0;max-width:none;margin-inline:0}.mypage-tabs nav{border:1px solid var(--line-default);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}@media (min-width:768px){.mypage-tabs nav{border-bottom:0;border-radius:20px 20px 0 0}}.mypage-tabs nav a{border-right:1px solid var(--line-default);background:var(--surface-content-subtle);min-width:0;min-height:98px;color:var(--text-on-content);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 8px;transition:background-color .15s,color .15s;display:flex}@media (min-width:768px){.mypage-tabs nav a{text-align:left;flex-direction:row;justify-content:space-between;gap:16px;min-height:100px;padding:24px 32px}}.mypage-tabs nav a:last-child{border-right:0}.mypage-tabs nav a:hover,.mypage-tabs nav a:focus-visible{background:var(--surface-content);outline:none}.mypage-tabs nav a.is-active{background:var(--color-primary);color:var(--color-base-000)}.mypage-tab__text{justify-items:center;min-width:0;display:grid}@media (min-width:768px){.mypage-tab__text{justify-items:start}}.mypage-tab__text strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;line-height:24px;overflow:hidden}@media (min-width:768px){.mypage-tab__text strong{font-size:18px;line-height:28px}}.mypage-tab__text small{max-width:100%;color:var(--text-on-content-muted);word-break:keep-all;font-size:14px;font-weight:400;line-height:20px;display:none;overflow:hidden}@media (min-width:768px){.mypage-tab__text small{display:block}}.mypage-tabs nav a.is-active .mypage-tab__text small{color:#fff9}.mypage-tab__icon,.mypage-tab__svg{color:currentColor;flex:0 0 24px;order:-1;width:24px;height:24px}@media (min-width:768px){.mypage-tab__icon,.mypage-tab__svg{flex-basis:36px;order:0;width:36px;height:36px}}.mypage-tab__icon{background:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mypage-tab__icon--settings{-webkit-mask-image:var(--asset-icon-mypage-settings);mask-image:var(--asset-icon-mypage-settings)}.mypage-tab__icon--profile{-webkit-mask-image:var(--asset-icon-mypage-profile);mask-image:var(--asset-icon-mypage-profile)}.mypage-panel{background:0 0;border:0;border-radius:0;gap:20px;padding:40px 0 0;display:grid}@media (min-width:768px){.mypage-panel{border:1px solid var(--line-default);background:var(--surface-content);border-radius:0 0 20px 20px;padding:40px 40px 60px}}.mypage-panel label{gap:8px;display:grid}.mypage-panel select,.mypage-panel input{border:1px solid var(--line-control);background:var(--surface-control);height:48px;color:var(--text-on-content);border-radius:4px;outline:none;padding-inline:16px;font-size:14px;line-height:20px;transition:border-color .15s,background-color .15s}.mypage-panel select:hover,.mypage-panel select:focus,.mypage-panel input:hover,.mypage-panel input:focus{border-color:var(--control-hover-border)}.mypage-panel select:focus,.mypage-panel input:focus{background-color:var(--control-focus-bg)}.mypage-panel select:disabled,.mypage-panel input:disabled{background:var(--surface-control-disabled);color:var(--text-on-content)}.mypage-panel [hidden]{display:none}.mypage-panel>label>span:first-child{color:var(--text-on-content);font-size:14px;font-weight:500;line-height:20px}.mypage-profile-head{align-items:center;gap:24px;display:flex}.mypage-profile-head>div:last-child{gap:4px;min-width:0;display:grid}.mypage-profile-head strong{color:var(--text-on-content);font-size:24px;font-weight:700;line-height:36px}.mypage-profile-head>div:last-child>span{color:var(--text-on-content-muted);font-size:16px;font-weight:400;line-height:24px}.mypage-avatar{flex:0 0 80px;width:80px;height:80px;position:relative}.mypage-avatar>span{background:radial-gradient(circle at 50% 38%,#eaf3ff 0 12px,#0000 13px),radial-gradient(circle at 50% 100%,#eaf3ff 0 29px,#0000 30px),#d3e3ff;border-radius:999px;width:100%;height:100%;display:block}.mypage-avatar button{border:1px solid var(--line-control);background:var(--surface-control);width:32px;height:32px;color:var(--text-on-content);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.mypage-avatar button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mypage-avatar svg{width:16px;height:16px}.mypage-field-grid{gap:20px;display:grid}@media (min-width:768px){.mypage-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mypage-field-grid>label>span:first-child{color:var(--text-on-content);font-size:14px;font-weight:500;line-height:20px}.mypage-help-text{color:var(--color-primary);font-size:14px;font-weight:400;line-height:20px}.mypage-setting-group{gap:8px;display:grid}.mypage-setting-group>strong{color:var(--text-on-content);font-size:16px;font-weight:700;line-height:24px}@media (min-width:768px){.mypage-setting-group>strong{font-size:20px;line-height:32px}}.mypage-setting-group--card{border:1px solid var(--line-default);background:var(--surface-content-subtle,transparent);border-radius:12px;gap:16px;margin-top:8px;padding:20px}@media (min-width:768px){.mypage-setting-group--card{gap:20px;margin-top:16px;padding:28px 32px}}.mypage-setting-group--card .mypage-save-row{margin-top:0}.mypage-setting-group--card .mypage-otp-list{gap:12px}.mypage-setting-group--card .mypage-otp-row{border:1px solid var(--line-default);background:var(--surface-content,#fff)}.mypage-setting-group--card .mypage-otp-row:hover,.mypage-setting-group--card .mypage-otp-row:focus-visible,.mypage-setting-group--card .mypage-otp-row[aria-pressed=true]{border-color:var(--color-primary);background:var(--surface-selected-soft)}.mypage-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:1280px){.mypage-theme-options{gap:16px}}.mypage-theme-options button{border:1px solid var(--line-control,var(--border-color));background:var(--surface-control);min-width:0;min-height:104px;color:var(--text-on-content);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;font-size:14px;font-weight:700;line-height:24px;transition:border-color .15s,background-color .15s,color .15s;display:flex}@media (min-width:1280px){.mypage-theme-options button{padding:20px 40px;font-size:16px}}.mypage-theme-options button:hover,.mypage-theme-options button:focus-visible{border-color:var(--control-hover-border,var(--color-primary));outline:none}.mypage-theme-options button.is-active{border-color:var(--color-primary);background:var(--surface-selected-soft,#0064ff0f);color:var(--color-primary)}.mypage-theme-options button>span:last-child{white-space:nowrap}.mypage-theme-icon{color:currentColor;background:currentColor;flex:0 0 24px;width:24px;height:24px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width:1280px){.mypage-theme-icon{flex-basis:32px;width:32px;height:32px}}.mypage-theme-icon--light{-webkit-mask-image:var(--asset-icon-theme-light);-webkit-mask-image:var(--asset-icon-theme-light);mask-image:var(--asset-icon-theme-light)}.mypage-theme-icon--dark{-webkit-mask-image:var(--asset-icon-theme-dark);-webkit-mask-image:var(--asset-icon-theme-dark);mask-image:var(--asset-icon-theme-dark)}.mypage-theme-icon--system{-webkit-mask-image:var(--asset-icon-theme-system);-webkit-mask-image:var(--asset-icon-theme-system);mask-image:var(--asset-icon-theme-system)}.mypage-otp-list{gap:8px;display:grid}.mypage-otp-row{background:var(--surface-row-accent);width:100%;min-height:72px;color:var(--text-on-content);text-align:left;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;transition:background-color .15s;display:flex}@media (min-width:768px){.mypage-otp-row{min-height:80px;padding-inline:24px}}.mypage-otp-row:hover,.mypage-otp-row:focus-visible{background:var(--surface-selected-soft);outline:none}.mypage-otp-row>span:first-child{gap:2px;min-width:0;display:grid}.mypage-otp-row strong{font-size:16px;font-weight:500;line-height:24px}.mypage-otp-row small{color:var(--text-on-content-muted);font-size:14px;font-weight:400;line-height:24px}.mypage-checkbox{border:1px solid var(--line-checkbox,#ddd);background:var(--surface-control);color:#0000;border-radius:4px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .15s,background-color .15s,color .15s;display:flex}.mypage-checkbox svg{width:20px;height:20px}.mypage-otp-row[aria-pressed=true] .mypage-checkbox{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-base-000)}.mypage-save-row{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:12px;display:flex}.mypage-close-account-link{color:var(--button-danger-bg);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;margin-top:4px;padding:0;font-size:12px;font-weight:500;line-height:16px;text-decoration:underline;transition:opacity .15s;display:inline-flex}.mypage-close-account-link:hover,.mypage-close-account-link:focus-visible{opacity:.75;outline:none}.mypage-close-account-link:disabled{opacity:.5;cursor:not-allowed}.mypage-judge-auth-button{border:1px solid var(--color-primary);background:var(--surface-control);height:48px;color:var(--color-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;line-height:20px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.mypage-judge-auth-button svg{flex:0 0 16px;width:16px;height:16px}.mypage-judge-auth-button:hover,.mypage-judge-auth-button:focus-visible{background:var(--surface-selected-soft);outline:none}.mypage-judge-auth-button:disabled{opacity:.5;cursor:not-allowed}.mypage-judge-auth-badge{background:var(--surface-selected-soft);height:48px;color:var(--color-primary);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.mypage-judge-auth-badge svg{flex:0 0 16px;width:16px;height:16px}@media (max-width:480px){.mypage-save-row{flex-direction:column;gap:8px}.mypage-judge-auth-button,.mypage-judge-auth-badge,.mypage-save-button{width:100%}}.mypage-save-button{background:var(--color-primary);width:120px;height:48px;color:var(--color-base-000);border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:20px;transition:background-color .15s;display:inline-flex}.mypage-save-button:hover,.mypage-save-button:focus-visible{background:var(--color-primary-hover,var(--color-primary));outline:none}.mypage-save-button:disabled{opacity:.5;cursor:not-allowed}.mypage-applications-head{align-items:center;gap:8px;display:flex}.mypage-applications-head h2{color:var(--text-on-content);margin:0;font-size:20px;font-weight:700;line-height:32px}.mypage-applications-head>span{background:var(--text-on-content);min-width:28px;height:24px;color:var(--surface-content);border-radius:60px;justify-content:center;align-items:center;padding-inline:9px;font-size:14px;font-weight:700;line-height:24px;display:inline-flex}.mypage-applications-search{gap:20px;display:grid}@media (min-width:768px){.mypage-applications-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}}.mypage-applications-search>label>span:first-child{color:var(--text-on-content);font-size:14px;font-weight:500;line-height:20px}.mypage-applications-search>.mypage-search-button{width:100%}@media (min-width:768px){.mypage-applications-search>.mypage-search-button{width:auto}}.mypage-search-button{background:var(--color-primary);min-width:72px;height:48px;color:var(--color-base-000);border-radius:4px;justify-content:center;align-items:center;gap:4px;padding-inline:16px;font-size:14px;font-weight:700;line-height:20px;transition:background-color .15s;display:inline-flex}.mypage-search-button svg{flex:0 0 18px;width:18px;height:18px}.mypage-search-button:hover,.mypage-search-button:focus-visible{background:var(--color-primary-hover,var(--color-primary));outline:none}.mypage-application-card{background:var(--surface-row-accent);color:var(--text-on-content);cursor:pointer;border-radius:8px;flex-direction:column;gap:20px;padding:24px;transition:background-color .15s;display:flex}.mypage-application-card:hover{background:var(--surface-selected-soft)}.mypage-application-card__top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.mypage-application-card__info{gap:4px;min-width:0;display:grid}.mypage-application-card__name{color:var(--text-on-content);flex-wrap:wrap;gap:8px;font-size:18px;font-weight:500;line-height:28px;display:flex}.mypage-application-card p{color:var(--text-on-content-secondary);margin:0;font-size:14px;font-weight:400;line-height:24px}.mypage-delete-button{width:28px;height:28px;color:var(--text-on-content-muted);cursor:pointer;background:0 0;border:0;flex:0 0 28px;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.mypage-delete-button svg{width:28px;height:28px}.mypage-delete-button:hover,.mypage-delete-button:focus-visible{color:var(--color-primary);outline:none}.mypage-application-card__footer{border-top:1px solid var(--line-muted);justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.mypage-application-status{border:1px solid var(--line-default);background:var(--surface-control);min-height:28px;color:var(--text-on-content);border-radius:4px;align-items:center;padding:6px 12px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.mypage-application-link{color:var(--color-primary);font-size:12px;font-weight:400;line-height:16px}.mypage-application-link:hover{text-decoration:underline}.mypage-empty{text-align:center;color:var(--text-on-content-secondary);padding:48px 20px;font-size:14px;line-height:24px}.mypage-loading{justify-content:center;align-items:center;padding:48px 0;display:flex}