.home-skeleton,.photo-skeleton{--skeleton-base:color-mix(in oklch, var(--foreground) 7%, var(--background));--skeleton-shine:color-mix(in oklch, var(--background) 78%, transparent)}.home-skeleton-fill{border-radius:var(--radius-lg);background:var(--skeleton-base);width:100%;height:14px;display:block;position:relative;overflow:hidden}.home-skeleton-fill:after{content:"";background:linear-gradient(100deg, transparent 15%, var(--skeleton-shine) 50%, transparent 85%);animation:1.8s ease-in-out infinite home-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.hero.home-skeleton-hero{background:var(--card);color:var(--foreground)}.home-skeleton:not(.home-skeleton-student) .home-skeleton-hero{margin-bottom:24px}.home-skeleton-greeting{flex-direction:column;flex:1;justify-content:center;gap:14px;min-width:0;display:flex}.home-skeleton-greeting .skeleton-name{width:55%;height:38px}.home-skeleton .home-skeleton-greeting .skeleton-heading{width:92%;height:38px}.home-skeleton .skeleton-description{width:76%}.home-skeleton .skeleton-search{height:42px;margin-top:10px}.home-skeleton-hero.home-hero .home-skeleton-greeting{gap:0}.home-skeleton-heading-lines{flex-direction:column;gap:.35em;margin-bottom:11px;padding:.175em 0;font-size:clamp(28px,3vw,40px);display:flex}.home-skeleton .home-skeleton-heading-lines>.home-skeleton-fill{height:1em}.home-skeleton .home-skeleton-heading-lines>.skeleton-name{width:55%}.home-skeleton .home-skeleton-heading-lines>.skeleton-heading{width:92%}.home-skeleton .home-skeleton-heading-lines>.skeleton-heading-more{width:30%;display:none}@media (max-width:760px){.home-skeleton-heading-lines{font-size:27px}}@media (max-width:359px){.home-skeleton .home-skeleton-heading-lines>.skeleton-heading-more{display:block}}.home-skeleton .home-skeleton-stage-bar{justify-content:flex-start;width:auto;min-height:0;margin-top:9px;padding:16px 24px;container-type:inline-size}.home-skeleton-stage-steps{grid-template-columns:repeat(var(--stage-count,8), minmax(0, 1fr));gap:12px 4px;display:grid}.home-skeleton-stage-steps>div{flex-direction:column;gap:7px;min-width:0;display:flex}.home-skeleton .skeleton-stage-mark{border-radius:2px;height:4px}.home-skeleton .skeleton-stage-name{width:64%;height:14px}@container (max-width:384px){.home-skeleton-stage-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-skeleton-hero.home-hero .hero-widgets>.home-skeleton-deadline{min-height:210.4px}.home-skeleton-student .home-skeleton-hero.home-hero .hero-widgets>.home-skeleton-deadline{min-height:188.9px}.home-skeleton .home-skeleton-deadline{background:var(--muted);border-radius:var(--radius-4xl)}@media (max-width:760px){.home-skeleton .home-skeleton-heading-lines{gap:.32em;margin-bottom:14px;padding:.16em 0;font-size:22px}.home-skeleton .home-skeleton-hero .home-skeleton-stage-bar{margin-top:0;padding:12px 14px}.home-skeleton-hero .home-skeleton-stage-steps>div{gap:6px}.home-skeleton-hero .home-skeleton-stage-steps .skeleton-stage-name{height:13.75px}@container (min-width:268px){.home-skeleton-hero:lang(ja) .home-skeleton-stage-steps{grid-template-columns:repeat(var(--stage-count,8), minmax(0, 1fr));column-gap:6px}}@container (min-width:218px){.home-skeleton-hero:lang(ja) .home-skeleton-stage-steps:not(:has(>div:nth-child(7))){grid-template-columns:repeat(var(--stage-count,8), minmax(0, 1fr));column-gap:6px}}.home-skeleton .hero.home-skeleton-hero.home-hero .hero-widgets>.home-skeleton-deadline{min-height:0}.home-skeleton.home-skeleton-faculty .hero.home-skeleton-hero.home-hero .hero-widgets>.home-skeleton-deadline{min-height:141.89px}.home-skeleton-hero .hero-widgets>.home-skeleton-deadline>.skeleton-label{width:60%;height:16px}.home-skeleton-hero .hero-widgets>.home-skeleton-deadline>.skeleton-date{width:82%;height:24px;margin-top:10px}.home-skeleton-hero:lang(ja) .hero-widgets>.home-skeleton-deadline>.skeleton-date{height:calc(1.2*min(20px,14.5cqi))}.home-skeleton-hero .hero-widgets>.home-skeleton-deadline>.skeleton-description{width:64%;height:13px;margin:4px 0 22.1px}.home-skeleton-hero .hero-widgets>.home-skeleton-deadline>.skeleton-button{display:none}}.home-skeleton .skeleton-label{width:52%}.home-skeleton .skeleton-date{height:32px}.home-skeleton .skeleton-button{border-radius:var(--radius-3xl);width:150px;height:40px}.home-skeleton-deadline .skeleton-button{width:100%}.home-skeleton .skeleton-section-title{width:145px;height:20px}.home-skeleton-card{flex-direction:column;gap:20px;padding:28px;display:flex}.home-skeleton .home-grid .home-skeleton-card{min-height:290px}.home-skeleton .skeleton-symbol{width:32px;height:32px}.home-skeleton .skeleton-heading{max-width:80%;height:24px}.home-skeleton .skeleton-preview-title{margin:30px 0 20px}.home-skeleton-metric{flex-direction:column;gap:16px;padding:24px;display:flex}.home-skeleton .skeleton-number{width:60px;height:36px}.home-skeleton-table{padding:28px}.home-skeleton-table>.skeleton-section-title{margin-bottom:24px}.home-skeleton-row{border-top:1px solid var(--border);grid-template-columns:1.2fr 2fr .6fr;gap:24px;padding:22px 0;display:grid}@keyframes home-skeleton-shimmer{to{transform:translate(100%)}}@media (max-width:760px){.home-skeleton-greeting .skeleton-name{height:30px}.home-skeleton-row{gap:14px}}.home-skeleton-fill.photo-skeleton{border-radius:inherit;pointer-events:none;width:auto;height:auto;animation:.2s .1s backwards photo-skeleton-appear;position:absolute;inset:0}@keyframes photo-skeleton-appear{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.home-skeleton-fill:after{animation:none;display:none}.home-skeleton-fill.photo-skeleton{animation-duration:1ms}}:root[data-dark-mode] :where(.home-skeleton),:root[data-dark-mode] :where(.photo-skeleton){--skeleton-base:rgb(var(--ink) / 8%);--skeleton-shine:rgb(var(--ink) / 8%)}
