html[data-font-state="pending"] body{visibility:hidden}
html[data-font-state="fallback"]{--font-Pretendard:'Malgun Gothic';--font-Space:Arial;--font-Newsreader:Georgia}
.header-login,.account-menu button{border:0;background:transparent;color:inherit;font:inherit;min-height:44px}
.account-menu button{display:block;width:100%;text-align:left;padding:12px;border-radius:6px}
.account-menu button:hover{background:#f2f3ed}
.header-login:disabled{opacity:.55;cursor:wait}
body[data-auth-state="pending"] #login,body[data-auth-state="pending"] #register,body[data-auth-state="pending"] .login-link{visibility:hidden}
.signin-gate[hidden]{display:none}
.connection-panel{max-width:1220px;margin:0 auto;padding:8px 24px;font-size:13px;overflow-wrap:anywhere}
.connection-panel:has(#status:empty):not(:has(button:not([hidden]))){display:none}
.connection-panel>div{display:flex;gap:12px;flex-wrap:wrap}
.connection-panel .button{margin-top:12px}
.auth-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.auth-form .connection-panel{padding:8px 0}
.signin-gate{padding-top:90px;padding-bottom:120px;min-height:55vh}
.signin-gate p{margin:24px 0}
body[data-authenticated="true"] .signin-gate{display:none}
.projects>p{margin-top:18px;max-width:70ch}
.availability{font-size:13px}
.account-layout>*{min-width:0}
.account-identity h2,.account-block dd,#welcome-name{overflow-wrap:anywhere;word-break:break-word}
.account-block dl>div{gap:24px;align-items:flex-start}
.account-block dt{flex-shrink:0}
.account-block dd{min-width:0;margin:0;text-align:right}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.section-heading .button{flex-shrink:0}
.folder-table-wrap{overflow-x:auto;margin-top:24px}
#folders-table{width:100%;min-width:460px;border-collapse:collapse;text-align:left}
#folders-table th,#folders-table td{padding:16px 12px;border-bottom:1px solid #d3d7ca;overflow-wrap:anywhere;max-width:40ch}
#folders-table caption{text-align:left;padding-bottom:12px;font-size:13px;color:#565b50}
.usage-section{padding-top:32px;padding-bottom:48px;border-bottom:1px solid #d3d7ca}
.usage-plan{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}
.usage-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0}
.usage-values dt{font-size:13px;color:#565b50}
.usage-values dd{margin:8px 0 0;font-size:28px;overflow-wrap:anywhere}
.usage-note,.activity-summary,[data-dashboard-status]{font-size:13px;margin-top:16px}
#plan [data-plan-name]{display:block;margin-top:24px}
#plan [data-dashboard-refresh]{display:block;margin-top:20px}
@media(max-width:680px){.usage-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.usage-values dd{font-size:22px}}

.plan-usage{margin:20px 0;overflow-wrap:anywhere}
.plan-usage h3{font-size:24px;margin:0 0 12px}
.plan-usage dl>div{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-bottom:1px solid #d9dcd2}
.plan-usage dd{margin:0;text-align:right}
.plan-usage [hidden]{display:none}
@media(max-width:680px){.header-actions{gap:12px}.header-login{font-size:12px}.signin-gate{padding-top:55px;padding-bottom:70px}.signin-gate h1{font-size:32px}.connection-panel{font-size:12px}.account-block dl>div{flex-wrap:wrap}.account-block dd{text-align:left}}