.ohmy-lc{border:1px solid var(--sl-color-hairline);border-radius:var(--ohmy-radius-panel,.75rem);background:var(--sl-color-bg-nav);margin:1.5rem 0;padding:1.25rem;font-size:.875rem}.ohmy-lc [hidden]{display:none!important}.ohmy-lc-head{grid-template-columns:1fr auto;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:grid}.ohmy-lc-title{color:var(--sl-color-white);margin:0;font-size:1rem;font-weight:700}.ohmy-lc-count{color:var(--sl-color-gray-2);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.ohmy-lc-bar{background:var(--sl-color-gray-6);border-radius:999px;grid-column:1/-1;height:.5rem;overflow:hidden}.ohmy-lc-bar span{border-radius:inherit;background:var(--ohmy-aurora);width:0;height:100%;transition:width .35s;display:block}.ohmy-lc-ready{color:var(--sl-color-white);grid-column:1/-1;margin:0;font-weight:600}.ohmy-lc-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.ohmy-lc-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ohmy-lc-item{border:1px solid var(--sl-color-hairline);border-radius:var(--ohmy-radius-field,.5rem);background:var(--sl-color-bg);margin:0}.ohmy-lc-row{width:100%;color:var(--sl-color-white);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.7rem .8rem;font-weight:600;display:flex}.ohmy-lc-row:focus-visible{outline:2px solid var(--ohmy-ring,var(--sl-color-accent));outline-offset:-2px;border-radius:inherit}.ohmy-lc-tick{border:2px solid var(--sl-color-gray-4);width:1.25rem;height:1.25rem;color:var(--ohmy-accent-contrast,#fff);border-radius:50%;flex:none;place-items:center;font-size:.75rem;line-height:1;display:grid}.ohmy-lc-item.is-done .ohmy-lc-tick{background:var(--ohmy-accent,var(--sl-color-accent));border-color:#0000}.ohmy-lc-item.is-done .ohmy-lc-tick:before{content:"✓"}.ohmy-lc-label{flex:1;min-width:0}.ohmy-lc-item.is-done .ohmy-lc-label{color:var(--sl-color-gray-3);text-decoration:line-through}.ohmy-lc-state{color:var(--sl-color-gray-3);flex:none;font-size:.75rem;font-weight:600}.ohmy-lc-item.is-done .ohmy-lc-state{color:var(--ohmy-accent,var(--sl-color-accent))}.ohmy-lc-body{flex-direction:column;gap:.7rem;padding:0 .8rem .8rem;display:flex}.ohmy-lc-field{color:var(--sl-color-gray-2);border:0;flex-direction:column;gap:.35rem;margin:0;padding:0;font-weight:600;display:flex}.ohmy-lc-field input[type=text],.ohmy-lc-field textarea,.ohmy-lc-price{border:1px solid var(--sl-color-hairline-light);border-radius:var(--ohmy-radius-field,.5rem);background:var(--sl-color-bg-nav);width:100%;color:var(--sl-color-white);font:inherit;resize:vertical;padding:.5rem .65rem;font-weight:400}.ohmy-lc-field input:focus-visible,.ohmy-lc-field textarea:focus-visible,.ohmy-lc-price:focus-within{outline:2px solid var(--ohmy-ring,var(--sl-color-accent));outline-offset:1px}.ohmy-lc-price{align-items:center;gap:.5rem;display:flex}.ohmy-lc-price input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;font-weight:600}.ohmy-lc-price span{color:var(--sl-color-gray-3)}.ohmy-lc-layouts{flex-flow:wrap;gap:.4rem;display:flex}.ohmy-lc-layouts legend{margin-bottom:.35rem}.ohmy-lc-layouts label{position:relative}.ohmy-lc-layouts input{opacity:0;position:absolute}.ohmy-lc-layouts label span{border:1px solid var(--sl-color-hairline-light);color:var(--sl-color-gray-2);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-weight:600;display:inline-flex}.ohmy-lc-layouts input:checked+span{border-color:var(--ohmy-accent,var(--sl-color-accent));background:color-mix(in oklch, var(--ohmy-accent,var(--sl-color-accent)) 18%, transparent);color:var(--sl-color-white)}.ohmy-lc-layouts input:focus-visible+span{outline:2px solid var(--ohmy-ring,var(--sl-color-accent));outline-offset:1px}.ohmy-lc-layouts em{background:var(--sl-color-gray-6);letter-spacing:.05em;border-radius:.25rem;padding:0 .3rem;font-size:.625rem;font-style:normal}.ohmy-lc-rule{color:var(--sl-color-gray-3);margin:0;font-size:.8125rem;line-height:1.45}.ohmy-lc-rule strong{color:var(--sl-color-white)}.ohmy-lc-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:0;font-size:.8125rem;display:flex}.ohmy-lc-example{border:1px solid var(--ohmy-accent,var(--sl-color-accent));color:var(--sl-color-white);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .75rem;font-weight:600}.ohmy-lc-example:focus-visible{outline:2px solid var(--ohmy-ring,var(--sl-color-accent));outline-offset:2px}.ohmy-lc-preview-label{color:var(--sl-color-gray-3);letter-spacing:.05em;text-align:center;text-transform:uppercase;margin:0 0 .6rem;font-size:.75rem;font-weight:700}.ohmy-lc .ohmy-phone{height:27rem}.ohmy-lc-screen{flex-direction:column;flex:1;min-height:0;display:flex}.ohmy-lc-card{flex-direction:column;gap:.35rem;display:flex;position:relative}.ohmy-lc-card p,.ohmy-lc-bubble p,.ohmy-lc-join p{overflow-wrap:anywhere;white-space:pre-line;margin:0}.ohmy-lc-generic,.ohmy-lc-tag{color:oklch(62% .14 70);background:oklch(78% .14 75/.22);border-radius:999px;align-self:flex-start;padding:.05rem .4rem;font-size:.625rem;font-weight:700}.ohmy-lc-tag{background:color-mix(in oklch, var(--phone-accent) 20%, transparent);color:var(--phone-accent);align-self:center}.ohmy-lc-join{text-align:center;justify-content:center;align-items:center}.ohmy-lc-avatar{background:var(--phone-surface);width:3.25rem;height:3.25rem;box-shadow:0 0 0 1px var(--phone-line);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.ohmy-lc-join-name{font-size:.9375rem;font-weight:700}.ohmy-lc-join .ohmy-phone-card{justify-content:space-between;gap:1rem;width:100%;display:flex}.ohmy-lc-skeleton{flex-direction:column;gap:.45rem;display:flex}.ohmy-lc-skeleton i{background:var(--phone-surface);height:2.6rem;box-shadow:0 0 0 1px var(--phone-line);border-radius:.55rem;display:block}.ohmy-lc-bubble{background:var(--phone-surface);max-width:88%;box-shadow:0 0 0 1px var(--phone-line);border-radius:.2rem .75rem .75rem;flex-direction:column;gap:.35rem;padding:.55rem .65rem;display:flex}.ohmy-lc-link{color:var(--phone-accent);font-size:.6875rem}@media (width<=50rem){.ohmy-lc-grid{grid-template-columns:minmax(0,1fr)}.ohmy-lc .ohmy-phone{height:21rem}}@media (width<=40rem){.ohmy-lc{padding:1rem}}@media (prefers-reduced-motion:reduce){.ohmy-lc-bar span{transition:none}}
