.lo-hero-wash{background:radial-gradient(120% 70% at 85% 0%, #e3e9f1 0%, #e3e9f199 45%, transparent 75%), linear-gradient(to bottom, var(--color-sky) 0%, var(--color-vellum) 100%)}.lo-card{--head:3.25rem;--line:1.85rem;background-color:var(--color-sheet);background-image:linear-gradient(to bottom, transparent calc(var(--head) - 1px), #c8401f8c calc(var(--head) - 1px), #c8401f8c calc(var(--head) + .5px), transparent calc(var(--head) + .5px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--line) - 1px), #2f33b812 calc(var(--line) - 1px) var(--line));background-repeat:no-repeat;background-size:100% 100%,100% 100%;background-position:0 0, 0 var(--head);box-shadow:inset 0 0 0 1px #14161b14, var(--shadow-soft);border-radius:.55rem;position:relative}.lo-card-tab{bottom:calc(100% - 1px);left:var(--tx,1.25rem);background:var(--color-sheet);white-space:nowrap;height:2.6rem;color:var(--color-ink);border-radius:.55rem .55rem 0 0;align-items:center;gap:.55rem;padding:0 .9rem;font-size:.86rem;font-weight:600;display:inline-flex;position:absolute;box-shadow:inset 1px 0 #14161b17,inset -1px 0 #14161b17,inset 0 1px #14161b17}.lo-letter{background:var(--color-sky);width:1.45rem;height:1.45rem;font-family:var(--font-mono);color:var(--color-vermilion-deep);border-radius:.3rem;flex:none;justify-content:center;align-items:center;font-size:.74rem;font-weight:500;display:inline-flex}.lo-drawer{--n:5;--tabh:2.75rem;--step:1.4rem;--inset:.45rem;display:flow-root;position:relative}@media (min-width:900px){.lo-drawer{--step:1.3rem;--inset:.7rem}}.lo-drawer-back{inset-inline:-.7rem;top:calc(var(--tabh) + 2.6 * var(--step));background:linear-gradient(to bottom, #c9d3e1 0%, #d7dfea 30%, var(--color-sky) 100%);border-radius:.9rem .9rem .4rem .4rem;position:absolute;bottom:2.5rem;box-shadow:inset 0 18px 26px -18px #0f132273,inset 0 0 0 1px #0f132214}@media (min-width:900px){.lo-drawer-back{inset-inline:-1.3rem}}.lo-stack{margin:0;padding:0;list-style:none}.lo-rear{top:calc(var(--tabh) + var(--i) * var(--step));left:calc((var(--n) - var(--i)) * var(--inset));right:calc((var(--n) - var(--i)) * var(--inset));background:var(--color-sheet);height:9rem;transition:transform .55s var(--ease-spring);animation:lo-rise .9s var(--ease-out-soft) backwards;animation-delay:calc(.12s + var(--i) * 70ms);border-radius:.5rem;position:absolute;box-shadow:inset 0 0 0 1px #14161b17,0 -1px #fff9,0 6px 14px -10px #0f132259}.lo-rear:nth-child(2n){background:#f6f4ee}:is(.lo-rear:has(.lo-rear-tab:hover),.lo-rear:has(.lo-rear-tab:focus-visible)){transform:translateY(-.5rem)}.lo-rear-tab{bottom:calc(100% - 1px);left:var(--xs);width:var(--ws);height:var(--tabh);background:inherit;color:var(--color-ink);white-space:nowrap;border-radius:.5rem .5rem 0 0;align-items:center;gap:.45rem;padding:0 .6rem;font-size:.8rem;font-weight:600;line-height:1.1;text-decoration:none;display:flex;position:absolute;overflow:hidden;box-shadow:inset 1px 0 #14161b1a,inset -1px 0 #14161b1a,inset 0 1px #14161b1a}.lo-rear-tab span:last-child{text-overflow:ellipsis;overflow:hidden}.lo-rear-tab:focus-visible{outline-offset:-3px}@media (min-width:900px){.lo-rear-tab{left:var(--xl);width:var(--wl);padding:0 .8rem;font-size:.86rem}}@media (max-width:359px){.lo-rear-tab{padding:0 .45rem;font-size:.72rem}.lo-rear-tab .lo-letter{display:none}}.lo-front{--head:3.25rem;margin-top:calc(var(--tabh) + var(--n) * var(--step));padding:0 1.25rem 5.25rem}@media (min-width:640px){.lo-front{--head:3.6rem;padding:0 2.25rem 6.5rem}}@media (min-width:1024px){.lo-front{padding:0 3.25rem 7.25rem}}.lo-drawer-front{margin-top:-3.4rem;background:linear-gradient(to bottom, #eef2f7 0%, var(--color-sky) 55%, #d3dce8 100%);border-radius:.6rem .6rem 1.1rem 1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;height:5.25rem;margin-inline:-.9rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffffd9,inset 0 -2px #0f13220f,0 1px #0f132214,0 24px 40px -26px #0f132273}@media (min-width:640px){.lo-drawer-front{margin-top:-4.25rem;height:6.6rem;margin-inline:-1.75rem}}.lo-label{background:var(--color-sheet);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);white-space:nowrap;border-radius:.3rem;align-items:center;gap:.6rem;padding:.4rem 1.6rem;font-size:.66rem;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #14161b1f,inset 0 2px 4px #0f132214,0 0 0 3px #c4cedc}.lo-label:before,.lo-label:after{content:"";background:#9aa6b8;border-radius:999px;width:.32rem;height:.32rem;margin-top:-.16rem;position:absolute;top:50%}.lo-label:before{left:.5rem}.lo-label:after{right:.5rem}@media (min-width:640px){.lo-label{padding:.5rem 2rem;font-size:.72rem}}.lo-handle{border:3px solid #9aa6b8;border-top:0;border-radius:0 0 999px 999px;width:5.5rem;height:1.1rem;box-shadow:0 3px 0 -1px #fff9}@keyframes lo-rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}.lo-hatched{background-color:var(--color-sheet);background-image:repeating-linear-gradient(135deg,#0000 0 11px,#14161b0a 11px 12px)}.lo-stamp{border:2px solid var(--color-vermilion-deep);color:var(--color-vermilion-deep);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:.35rem;padding:.35rem .8rem;font-size:.78rem;font-weight:500;display:inline-block;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #b5381b14}.lo-slip{background:var(--color-sheet);color:var(--color-ink);border-radius:.4rem;position:relative;box-shadow:0 40px 80px -40px #000000b3}.lo-slip:before{content:"";background:radial-gradient(circle at 8px 6px, var(--color-night) 0 4px, transparent 4.5px) 0 0 / 16px 12px repeat-x;height:12px;position:absolute;top:-6px;left:0;right:0}.lo-days{grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;display:grid}@media (min-width:640px){.lo-days{grid-template-columns:repeat(28,minmax(0,1fr))}}.lo-day{aspect-ratio:1/1.25;background:var(--color-indigo);border-radius:3px}.lo-day-rest{background:repeating-linear-gradient(90deg,#14161b1f 0 6px,#0000 6px 9px);border-radius:3px;height:.75rem}.lo-bar{background-color:var(--color-sky);transform-origin:0;background-image:repeating-linear-gradient(90deg,#2f33b847 0 1px,#0000 1px 6px);border-radius:.35rem;height:2.25rem;box-shadow:inset 0 0 0 1px #2f33b82e}.lo-row:hover>*{background:#e3e9f173}@media (prefers-reduced-motion:reduce){.lo-rear{animation:none}}
