/* Lucian UX/UI Prompt #079 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#079 */
/* Tokens map the source's surfaces to the existing white / soft green brand. */
.loading-region{--ux-surface:#fff;--ux-surface-2:#edf3ee;--ux-surface-3:#e2ece4;--ux-ink:#244e3d;--ux-line:#dce8de;--ux-shadow-strong:rgba(30,70,45,.12);--ux-ease:cubic-bezier(.2,.8,.2,1);--ux-spring:cubic-bezier(.34,1.45,.64,1);width:100%;min-width:0;color:var(--ux-ink)}
.loading-region .ux{box-sizing:border-box;font-family:inherit}
.loading-region .ux *{box-sizing:border-box}
.loading-region .u079{position:relative;width:100%;max-width:100%;padding:16px;border-radius:30px;background:var(--ux-surface);box-shadow:0 0 0 1px var(--ux-line),0 30px 60px -36px var(--ux-shadow-strong);overflow:hidden}
.loading-region .u079-s{position:relative}
.loading-region .u079-sk{position:absolute;inset:0;border-radius:inherit;animation:u079-shine 1.6s linear infinite;transition:opacity .45s var(--ux-ease);background:linear-gradient(100deg,transparent 28%,color-mix(in srgb,var(--ux-surface-3),var(--ux-ink) 7%) 45%,transparent 62%) var(--sx,0) 0/var(--sw,700px) 100% no-repeat,var(--ux-surface-2)}
@keyframes u079-shine{from{background-position:calc(var(--sx,0px) - 700px) 0,0 0}to{background-position:calc(var(--sx,0px) + 700px) 0,0 0}}
.loading-region .u079-head{display:flex;align-items:center;gap:10px}
.loading-region .u079-av{width:42px;height:42px;flex:none;border-radius:50%}
.loading-region .u079-nm{flex:1}
.loading-region .u079-nm .u079-s{height:13px;width:110px;border-radius:7px;margin-bottom:6px}
.loading-region .u079-nm .u079-s+.u079-s{width:70px;height:11px;margin:0}
.loading-region .u079-tx{margin-top:12px}
.loading-region .u079-tx .u079-s{height:12px;border-radius:6px;margin-bottom:9px}
.loading-region .u079-tx .u079-s:nth-child(2){width:86%}
.loading-region .u079-tx .u079-s:nth-child(3){width:58%}
.loading-region .u079-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:20px}
.loading-region .u079-day{height:48px;border-radius:15px}
.loading-region .u079-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.loading-region .u079-field{height:42px;border-radius:20px}
.loading-region .u079-row{padding:14px 0;border-bottom:1px solid var(--ux-line)}
.loading-region .u079-row:last-child{border:0}
.loading-status{font:inherit;font-size:14px;line-height:1.7;margin:0 0 14px;color:inherit}
.loading-initial{max-width:640px;margin:40px auto;padding:0 20px}
.loading-brand{font-size:20px;color:#2d5c42;margin:0 0 24px;font-weight:700}
.loading-slot{width:100%;min-width:0}
[data-theme=dark] .loading-region{--ux-surface:#16251d;--ux-surface-2:#23392c;--ux-surface-3:#35513f;--ux-ink:#d8eadd;--ux-line:#3b5445;--ux-shadow-strong:rgba(0,0,0,.3)}
@media(max-width:480px){.loading-initial{margin-top:24px}.loading-region .u079-calendar{gap:6px}.loading-region .u079-day{height:40px}.loading-region .u079-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.loading-region .u079-sk{animation:none;transition:none;background:var(--ux-surface-2)}}

.loading-active > [hidden]{display:none!important}
body:has(.loading-initial){background:#fff}
[data-theme=dark] body:has(.loading-initial){background:#111d16}
[data-theme=dark] .loading-brand{color:#d8eadd}
html:has(.loading-initial){background:#fff}
html[data-theme=dark]:has(.loading-initial){background:#111d16}