.oc-hero-grid{display:grid;gap:6px;grid-template-columns:repeat(7,1fr);width:min(280px,100%)}.oc-hero-cell{animation:oc-hero-wave 4.2s ease-in-out infinite;animation-delay:calc(var(--i)*45ms);aspect-ratio:1;background:#ffffff14;border-radius:5px}.oc-hero-cell.is-busy{background:#2dd4bf8c}@keyframes oc-hero-wave{0%,to{opacity:.35;transform:scale(.82)}18%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}}.oc-fx-formula.is-typing{animation:oc-type .7s steps(28) both}@keyframes oc-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.oc-helper{align-items:center;border:1px solid transparent;border-radius:.75rem;-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:2.25rem 1fr;grid-template-rows:auto auto;padding:.5rem .6rem;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.oc-ref{color:#a8a29e;font-family:ui-monospace,monospace;font-size:.75rem;grid-row:span 2}.oc-helper-label{color:#78716c;font-size:.75rem}.oc-input{background:transparent;border:1px solid #e7e5e4;border-radius:.5rem;color:inherit;font-size:.875rem;padding:.35rem .5rem;width:100%}.dark .oc-input{border-color:#44403c}.dark .oc-input option{background:#1c1917}.oc-input:focus{border-color:#2dd4bf;box-shadow:0 0 0 2px #2dd4bf66;outline:none}.oc-value{display:block;font-size:.875rem;font-weight:600;min-height:1.25rem}.oc-cell.is-error,.oc-value.is-error{color:#ef4444;font-family:ui-monospace,monospace}.oc-value.is-new{animation:oc-pop .45s ease-out}[data-cell].is-active{background-color:#14b8a612;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a62e}.oc-body,.oc-cal,.oc-head,.oc-heading-cell{border:1px solid transparent;border-radius:.75rem;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.oc-heading-cell{display:inline-block;padding:.15rem .5rem}.oc-row{display:grid;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr));padding:4px}.oc-hcell{color:#78716c;font-size:.75rem;font-weight:600;letter-spacing:.04em;line-height:1.5rem;min-height:1.5rem;text-align:center;text-transform:uppercase}.oc-hcell.is-new{animation:oc-drop .4s ease-out both;animation-delay:var(--d, 0s)}.oc-cell{align-items:center;aspect-ratio:1.25;background:#f5f5f4;border-radius:.5rem;color:#1c1917;display:flex;font-size:.95rem;font-weight:600;justify-content:center;position:relative;transition:color .4s ease,background-color .4s ease,opacity .4s ease}.dark .oc-cell{background:#292524;color:#f5f5f4}.oc-cell.is-fill{animation:oc-pop .35s ease-out both;animation-delay:var(--d, 0s)}.oc-cell.is-out{background:#fafaf9;color:#c4c0bd}.dark .oc-cell.is-out{background:#1c1917;color:#57534e}.oc-cell.is-first{background:#0f766e;color:#fff}.oc-cell.is-walk{animation:oc-walk .5s ease-out both;animation-delay:var(--d, 0s)}.oc-cell.is-start{background:#ccfbf1;box-shadow:inset 0 0 0 2px #14b8a6;color:#134e4a}.dark .oc-cell.is-start{background:#134e4a;color:#ccfbf1}.oc-cell .oc-tag{bottom:2px;font-size:.55rem;font-weight:500;letter-spacing:.02em;opacity:.85;position:absolute}@keyframes oc-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes oc-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes oc-walk{0%{background-color:#5eead4;transform:scale(1.08)}to{transform:scale(1)}}.oc-btn,.oc-btn-dark{background:#fff;border:1px solid #e7e5e4;border-radius:.75rem;color:#1c1917;font-size:.9rem;font-weight:600;padding:.5rem .9rem;transition:background-color .15s ease,transform .1s ease}.dark .oc-btn{background:#292524;border-color:#44403c;color:#f5f5f4}.oc-btn-dark:active,.oc-btn:active,.oc-chip:active,.oc-copy:active{transform:scale(.97)}.oc-btn:hover{background:#f5f5f4}.dark .oc-btn-primary,.oc-btn-primary{background:#0f766e;border-color:#0f766e;color:#fff}.oc-btn-primary:hover{background:#0d9488}.oc-btn-dark{background:#ffffff14;border-color:#ffffff26;color:#fff}.oc-btn-dark:hover{background:#ffffff29}.oc-btn-dark:focus-visible,.oc-btn:focus-visible,.oc-chip:focus-visible,.oc-copy:focus-visible,.oc-dot:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px}.oc-dot{background:#d6d3d1;border-radius:999px;flex:1;height:6px;transition:background-color .25s ease}.dark .oc-dot{background:#44403c}.oc-dot.is-done{background:#5eead4}.oc-dot.is-current{background:#0d9488}.oc-chip{border:1px solid #e7e5e4;border-radius:999px;color:#57534e;font-family:ui-monospace,monospace;font-size:.85rem;padding:.45rem 1rem;transition:background-color .2s ease,color .2s ease}.dark .oc-chip{border-color:#44403c;color:#d6d3d1}.oc-chip[aria-pressed=true]{background:#0f766e;border-color:#0f766e;color:#fff}.oc-copy{border:1px solid #e7e5e4;border-radius:.5rem;color:#0f766e;font-size:.75rem;font-weight:600;justify-self:start;padding:.35rem .75rem;transition:background-color .15s ease}.dark .oc-copy{border-color:#44403c;color:#5eead4}.oc-copy:hover{background:#14b8a614}.oc-copy.is-copied{background:#0f766e;border-color:#0f766e;color:#fff}.oc-wd-chip{align-items:center;background:#fafaf9;border:1px solid #e7e5e4;border-radius:.9rem;display:flex;flex-direction:column;gap:.4rem;padding:.75rem .25rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dark .oc-wd-chip{background:#292524;border-color:#44403c}.oc-wd-name{color:#78716c;font-size:.8rem;font-weight:600}.oc-wd-num{font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700}.oc-wd-num.is-new{animation:oc-drop .35s ease-out both}.oc-wd-chip.is-start{background:#ccfbf1;border-color:#14b8a6}.dark .oc-wd-chip.is-start{background:#134e4a}.oc-wd-chip.is-first{background:#0f766e;border-color:#0f766e;color:#fff}.oc-wd-chip.is-first .oc-wd-name{color:#ccfbf1}.oc-wd-chip.is-walk{animation:oc-walk .5s ease-out both;animation-delay:var(--d, 0s)}.oc-dark .oc-hcell{color:#a8a29e}.oc-dark .oc-cell{background:#ffffff0d;border:0;color:#e7e5e4;cursor:default;flex-direction:column;gap:2px}.oc-dark button.oc-cell{cursor:pointer}.oc-dark button.oc-cell:hover{background:#ffffff1f}.oc-dark .oc-cell.is-out{background:transparent;color:#57534e}.oc-dark .oc-cell.oc-heat-1,.oc-key.oc-heat-1{background:#2dd4bf47}.oc-dark .oc-cell.oc-heat-2,.oc-key.oc-heat-2{background:#0d9488;color:#fff}.oc-dark .oc-cell.is-today:after{background:#fbbf24;border-radius:50%;content:"";height:5px;position:absolute;right:5px;top:5px;width:5px}.oc-dark .oc-cell.is-selected{box-shadow:0 0 0 2px #1c1917,0 0 0 4px #5eead4}.oc-dark .oc-cell:focus-visible{outline:2px solid #5eead4;outline-offset:2px}.oc-count{font-size:.6rem;font-weight:600;opacity:.85}.oc-key{border-radius:4px;display:inline-block;height:14px;width:14px}.oc-lead{animation:oc-slide .35s ease-out both;animation-delay:var(--d, 0s);background:#ffffff0f;border-radius:.75rem;display:flex;font-size:.85rem;gap:.75rem;justify-content:space-between;padding:.6rem .8rem}@keyframes oc-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.oc-cell.is-fill,.oc-cell.is-walk,.oc-fx-formula.is-typing,.oc-hcell.is-new,.oc-hero-cell,.oc-lead,.oc-value.is-new,.oc-wd-chip.is-walk,.oc-wd-num.is-new{animation:none!important}.oc-cell,.oc-wd-chip,[data-cell]{transition:none!important}}