@layer components{.countdown_wrap{width:100%}.countdown_list{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.countdown_unit{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);flex-direction:column;display:flex}.countdown_value{font-family:var(--secondary-family);font-size:var(--h3);line-height:var(--line-height-small);font-variant-numeric:tabular-nums}.countdown_label{color:var(--text-2)}.countdown_text{color:var(--text-2);font-variant-numeric:tabular-nums}.countdown_wrap.done .countdown_value{color:var(--heading-accent)}.capsule-view_wrap{gap:var(--section-space-small);flex-direction:column;display:flex}.capsule-view_wrap [hidden]{display:none}.capsule-view_wrap:not(.loading) .capsule-view_loading{display:none}.capsule-view_missing{gap:var(--space-4);flex-direction:column;max-width:40rem;display:flex}.capsule-view_manage{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background-color:var(--background-2);border:var(--border-width) solid var(--heading-accent);border-radius:var(--radius-main);flex-direction:column;display:flex}.capsule-view_manage .text,.capsule-view_manage .heading{margin:0}.capsule-view_facts{gap:var(--space-2) var(--space-5);width:100%;display:grid}.capsule-view_fact{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-1);border-bottom:var(--border-width) solid var(--border);display:flex}.capsule-view_fact dt{color:var(--text-2)}.capsule-view_fact dd{text-align:right}.capsule-view_stage{gap:var(--space-8);align-items:center;display:grid}.capsule-view_art{width:100%;max-width:34rem;margin-inline:auto}.capsule-view_intro,.capsule-view_locked,.capsule-view_open{gap:var(--space-4);flex-direction:column;align-items:flex-start;width:100%;display:flex}.capsule-view_title{margin:0}.capsule-view_countdown{max-width:34rem}.capsule-view_meter{background-color:var(--background-2);border-radius:var(--radius-round);width:100%;max-width:34rem;height:.375rem;display:block;overflow:clip}.capsule-view_bar{background:linear-gradient(90deg, var(--seal-500), var(--brand-500));width:0;height:100%;display:block}.capsule-view_teaser{font-family:var(--secondary-family);font-style:italic}.capsule-view_note{padding:var(--space-2) var(--space-3);border-left:.1875rem solid var(--seal-500);background-color:var(--background-2);border-radius:0 var(--radius-small) var(--radius-small) 0}.capsule-view_riddle{gap:var(--space-4);width:100%;max-width:34rem;padding:var(--space-5);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);flex-direction:column;display:flex}.capsule-view_riddle.wrong{animation:.4s capsule-view-shake}.capsule-view_riddle.solved{border-color:var(--heading-accent)}.capsule-view_question{font-family:var(--secondary-family)}.capsule-view_hints{gap:var(--space-2);flex-direction:column;display:flex}.capsule-view_hint{gap:0 var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) dashed var(--border);border-radius:var(--radius-small);color:var(--text-2);flex-wrap:wrap;display:flex}.capsule-view_hint.shown{color:var(--text);background-color:var(--background);border-style:solid}.capsule-view_try{align-items:end;gap:var(--space-3);display:flex}.capsule-view_try>:first-child{flex:1}.capsule-view_content{gap:var(--space-8);align-items:start;display:grid}.capsule-view_wrap.revealed .capsule-view_content{animation:.9s cubic-bezier(.2,.7,.2,1) both capsule-view-rise}.capsule-view_letter{gap:var(--space-4);padding:var(--space-8) var(--space-6);background-color:var(--light-100);color:var(--dark-900);border-radius:var(--radius-small);font-family:var(--secondary-family);flex-direction:column;display:flex;box-shadow:0 1.5rem 3rem #0000004d}.capsule-view_body{gap:var(--space-4);flex-direction:column;display:flex}.capsule-view_para{white-space:pre-line;font-family:inherit}.capsule-view_dateline{color:color-mix(in srgb, var(--dark-900) 55%, transparent)}.capsule-view_signature{text-align:right;font-style:italic}.capsule-view_side{gap:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}.capsule-view_song{border:var(--border-width) solid var(--border);border-radius:var(--radius-round);transition:border-color var(--hover-duration) var(--hover-ease);padding:.75em 1.25em}@media (hover:hover){.capsule-view_song:hover{border-color:var(--heading-accent)}}.capsule-view_files{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.capsule-view_files .heading{margin:0}.capsule-view_list{gap:var(--space-2);flex-direction:column;display:flex}.capsule-view_file{align-items:center;gap:var(--space-3);padding:var(--space-2);background-color:var(--background-2);border-radius:var(--radius-small);display:flex}.capsule-view_thumb{aspect-ratio:1;border-radius:calc(var(--radius-small) * .75);background:var(--background-3);flex:none;width:3.5rem;overflow:clip}.capsule-view_image{object-fit:cover;width:100%;height:100%}.capsule-view_meta{flex-direction:column;flex:1;min-width:0;display:flex}.capsule-view_name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capsule-view_download{border:var(--border-width) solid var(--border);border-radius:var(--radius-round);padding:.4em .9em}@media (hover:hover){.capsule-view_download:hover{border-color:var(--heading-accent)}}.capsule-view_rain{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.capsule-view_rain>span{top:-3rem;left:var(--_x);font-size:var(--_size);animation:capsule-view-fall 3.2s ease-in var(--_delay) forwards;position:absolute}@media (min-width:48rem){.capsule-view_facts{grid-template-columns:1fr 1fr}}@media (min-width:64rem){.capsule-view_stage{grid-template-columns:1fr 1fr}.capsule-view_content{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@keyframes capsule-view-rise{0%{opacity:0;translate:0 2rem}}@keyframes capsule-view-fall{to{translate:0 110vh;rotate:40deg}}@keyframes capsule-view-shake{20%,60%{translate:-.5rem}40%,80%{translate:.5rem}}}