.loading-page,.loading-startup{--loading-ink:#243349;--loading-muted:#637185;--loading-fill:#edf1f5;--loading-line:#e2e7ed;--loading-accent:#087af4;color:var(--loading-ink);font-family:Noto Sans KR,Arial,sans-serif}.loading-page{background:#fff;min-height:calc(100svh - 76px);padding:30px 0 80px}.loading-page-shell{width:min(1040px,100% - 48px);margin:auto}.loading-page--profile .loading-page-shell{max-width:780px}.loading-page--detail .loading-page-shell{max-width:1120px}.loading-page--form .loading-page-shell{max-width:1080px}.loading-page-heading{border-bottom:1px solid var(--loading-line);padding-bottom:18px}.loading-page-heading h1{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:700;line-height:1.35}.loading-content{--loading-fill:#edf1f5;--loading-line:#e2e7ed;--loading-muted:#637185;--loading-accent:#087af4}.loading-status{color:var(--loading-muted);align-items:center;gap:9px;margin:20px 0;font-size:13px;line-height:1.6;display:flex}.loading-status-dot{background:var(--loading-accent);border-radius:50%;flex:none;width:6px;height:6px;animation:1.8s ease-in-out infinite loading-breathe}.loading-shapes{animation:.2s ease-out both loading-appear}.loading-block{background:var(--loading-fill);border-radius:3px;width:100%;max-width:100%;height:12px;display:block}.loading-block--title{height:19px}.loading-block--heading{height:30px}.loading-block--avatar{border-radius:50%;flex:none;width:80px;height:80px}.loading-block--input{border:1px solid var(--loading-line);background:#f8fafc;border-radius:6px;height:48px}.loading-block--textarea{border:1px solid var(--loading-line);background:#f8fafc;border-radius:6px;height:120px}.loading-row{border-bottom:1px solid var(--loading-line);gap:18px;padding:28px 0;display:grid}.loading-row:first-child{padding-top:8px}.loading-row-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.loading-meta{gap:14px;margin-top:3px;display:flex}.loading-profile-heading{align-items:center;gap:16px;margin:28px 0 24px;display:flex}.loading-profile-heading>div{gap:14px;display:grid}.loading-tabs{border-bottom:1px solid var(--loading-line);gap:30px;margin:35px 0 20px;padding-bottom:17px;display:flex}.loading-form-layout{grid-template-columns:220px minmax(0,1fr);gap:30px;padding-top:12px;display:grid}.loading-form-steps{border-left:2px solid var(--loading-line);align-content:start;gap:26px;padding:22px 20px;display:grid}.loading-fields{gap:28px;display:grid}.loading-field{gap:12px;display:grid}.loading-detail-heading{border-bottom:1px solid var(--loading-line);gap:20px;padding:8px 0 28px;display:grid}.loading-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-top:32px;display:grid}.loading-detail-aside{border-left:1px solid var(--loading-line);align-content:start;gap:20px;padding-left:24px;display:grid}.loading-startup{background:#fff;place-items:center;min-height:100svh;padding:32px 24px;display:grid}.loading-startup-content{flex-direction:column;align-items:center;width:220px;animation:.2s ease-out .15s both loading-appear;display:flex}.loading-startup-content img{width:144px;height:auto;display:block}.loading-startup-track{background:var(--loading-line);width:160px;height:2px;margin-top:28px;overflow:hidden}.loading-startup-track>span{background:var(--loading-accent);width:40%;height:100%;animation:1.5s ease-in-out infinite loading-travel;display:block}.loading-startup-content p{color:var(--loading-muted);text-align:center;margin:15px 0 0;font-size:13px;line-height:1.7}@keyframes loading-breathe{50%{opacity:.4}}@keyframes loading-appear{0%{opacity:0}to{opacity:1}}@keyframes loading-travel{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width:640px){.loading-page{padding:24px 0 56px}.loading-page-shell{width:calc(100% - 32px)}.loading-form-layout,.loading-detail-layout{grid-template-columns:1fr;gap:24px}.loading-form-steps{border-left:0;border-bottom:1px solid var(--loading-line);gap:16px;padding:0 0 18px;display:flex}.loading-form-steps>.loading-block{height:12px;width:20%!important}.loading-detail-aside{border-left:0;padding-left:0}.loading-block--heading{height:24px}.loading-row{padding:24px 0}}@media (prefers-reduced-motion:reduce){.loading-status-dot,.loading-shapes,.loading-startup-content,.loading-startup-track>span{animation:none}}
