.oc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);position:relative;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-card--active{border-color:var(--color-primary)}.oc-card--active:before{content:"";position:absolute;top:12px;bottom:12px;left:-1px;width:3px;border-radius:3px;background:var(--color-primary)}.oc-input{display:inline-flex;align-items:center;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);padding:0 12px;transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-input--md{height:40px}.oc-input--lg{height:48px}.oc-input::placeholder{color:var(--color-text-subtle)}.oc-input:hover:not(:disabled):not(:focus-visible){border-color:var(--color-border-strong)}.oc-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-input:disabled{background:var(--color-surface-sunken);color:var(--color-text-subtle);cursor:not-allowed}.oc-input.oc-input--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:var(--font-size-mono-input);font-weight:var(--font-weight-medium)}.oc-input.oc-input--result{background:var(--color-primary-soft)}.oc-input.oc-input--result-size{font-size:var(--font-size-mono-result);font-weight:var(--font-weight-semibold);height:56px}.oc-input[aria-invalid=true]{border-color:var(--color-error)}.oc-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px #ef44443d}.oc-select-wrap{position:relative;display:inline-flex;width:100%}.oc-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);padding:0 36px 0 12px;transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-select--md{height:40px}.oc-select--lg{height:48px}.oc-select:hover:not(:disabled):not(:focus-visible){border-color:var(--color-border-strong)}.oc-select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-select:disabled{background:var(--color-surface-sunken);color:var(--color-text-subtle);cursor:not-allowed}.oc-select-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}[data-theme=dark] .oc-select option{background:var(--color-surface-raised);color:var(--color-text)}.oc-prefix{position:relative;display:inline-flex;width:100%}.oc-prefix-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:40px;padding:0 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-prefix-btn:hover:not(:disabled):not(:focus-visible){border-color:var(--color-border-strong)}.oc-prefix-btn:focus-visible,.oc-prefix--open .oc-prefix-btn{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-prefix-btn:disabled{background:var(--color-surface-sunken);color:var(--color-text-subtle);cursor:not-allowed;border-color:var(--color-border);box-shadow:none}.oc-prefix-btn__face{display:inline-flex;align-items:baseline;gap:var(--space-2);min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oc-prefix-btn__symbol{font-family:var(--font-mono);font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.005em}.oc-prefix-btn__power{font-family:var(--font-mono);font-size:var(--font-size-mono-sm);color:var(--color-text-muted);letter-spacing:-.005em}.oc-prefix-btn__power sup{font-size:.75em;vertical-align:super;line-height:0}.oc-prefix-btn__none{color:var(--color-text-muted);font-style:normal}.oc-prefix-btn__chev{flex-shrink:0;color:var(--color-text-muted)}.oc-prefix-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:160px;max-height:360px;overflow-y:auto;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0;padding:var(--space-1) 0;list-style:none;z-index:var(--z-dropdown);outline:none}.oc-prefix-opt{position:relative;display:grid;grid-template-columns:40px 1fr 16px;align-items:center;gap:var(--space-2);height:36px;padding:0 12px;cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none;transition:background-color var(--motion-fast) var(--ease-out)}.oc-prefix-opt__symbol{font-family:var(--font-mono);font-size:16px;font-weight:var(--font-weight-semibold);letter-spacing:-.005em;text-align:left}.oc-prefix-opt__power{font-family:var(--font-mono);font-size:var(--font-size-mono-sm);color:var(--color-text-muted);letter-spacing:-.005em}.oc-prefix-opt__power sup{font-size:.75em;vertical-align:super;line-height:0}.oc-prefix-opt__check{color:var(--color-primary);justify-self:end}.oc-prefix-opt.is-highlighted,.oc-prefix-opt:hover{background:var(--color-primary-soft);color:var(--color-primary)}.oc-prefix-opt.is-highlighted .oc-prefix-opt__power,.oc-prefix-opt:hover .oc-prefix-opt__power{color:var(--color-primary)}.oc-prefix-opt.is-selected{font-weight:var(--font-weight-semibold)}.oc-prefix-opt.is-selected:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:2px;border-radius:2px;background:var(--color-primary)}.oc-prefix-opt--none{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--font-size-caption);letter-spacing:.04em;text-transform:uppercase}.oc-prefix-opt--none .oc-prefix-opt__symbol{font-family:var(--font-mono);color:var(--color-text-subtle);font-size:14px;font-weight:var(--font-weight-regular)}.oc-prefix-opt--none .oc-prefix-opt__power{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;font-size:var(--font-size-caption)}.oc-prefix-opt--none:before,.oc-prefix-opt--none:after{content:"";position:absolute;left:12px;right:12px;height:1px;background:var(--color-border);pointer-events:none}.oc-prefix-opt--none:before{top:0}.oc-prefix-opt--none:after{bottom:0}.oc-prefix-opt--none.is-selected:before{background:var(--color-primary);top:6px;bottom:6px;left:0;right:auto;width:2px;height:auto;border-radius:2px}[data-theme=dark] .oc-prefix-opt:hover,[data-theme=dark] .oc-prefix-opt.is-highlighted{color:var(--color-primary)}.oc-capsule{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);min-width:0}.oc-capsule__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.oc-capsule__row{display:flex;align-items:end;gap:var(--space-3);min-width:0}.oc-capsule__row--num{align-items:center}.oc-capsule__field{display:flex;flex-direction:column;gap:4px;min-width:0}.oc-capsule__field--mantissa{flex:1 1 0;min-width:80px}.oc-capsule__field--prefix{flex:0 0 156px}.oc-capsule__field--unit{flex:1 1 0;min-width:0}.oc-capsule__sublabel{font-size:var(--font-size-caption);color:var(--color-text-muted);font-weight:var(--font-weight-medium);display:inline-block}@media (max-width: 640px){.oc-capsule{padding:var(--space-4);gap:var(--space-3)}.oc-capsule__field--prefix{flex:1 1 0;min-width:120px}.oc-capsule__row{flex-wrap:wrap}.oc-capsule__row--unit{flex-wrap:nowrap}}@media (max-width: 380px){.oc-capsule{padding:var(--space-3);gap:var(--space-3)}.oc-capsule__row,.oc-capsule__row--unit{flex-wrap:wrap}.oc-capsule__field--mantissa,.oc-capsule__field--prefix,.oc-capsule__field--unit{flex:1 1 100%;min-width:0}}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.oc-btn:disabled,.oc-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.oc-btn--sm{height:32px;padding:0 12px;font-size:13px}.oc-btn--md{height:40px;padding:0 16px;font-size:14px}.oc-btn--lg{height:48px;padding:0 20px;font-size:15px}.oc-btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.oc-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.oc-btn--primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active)}.oc-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.oc-btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.oc-btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.oc-btn--ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.oc-btn--destructive{background:var(--color-error);color:#fff;border-color:var(--color-error)}.oc-btn--icon{border-radius:var(--radius-pill);padding:0;width:40px;height:40px;background:transparent;color:var(--color-text-muted);border-color:transparent}.oc-btn--icon.oc-btn--sm{width:32px;height:32px}.oc-btn--icon.oc-btn--lg{width:48px;height:48px}.oc-btn--icon:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.oc-swap{display:flex;align-items:center;justify-content:center}.oc-swap__btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);box-shadow:var(--shadow-sm);width:48px;height:48px;transition:transform var(--motion-base) var(--ease-spring),background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-swap__btn:hover{background:var(--color-primary-soft);color:var(--color-primary)}.oc-swap__btn:active,.oc-swap.is-vertical .oc-swap__btn:active{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.oc-swap__btn:active{transform:none}}.oc-converter{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:stretch;width:100%}.oc-converter>.oc-capsule{min-width:0}@media (max-width: 768px){.oc-converter{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--space-3)}}@media (max-width: 380px){.oc-converter{gap:var(--space-2)}}.oc-cnav{font-family:var(--font-sans);color:var(--color-text)}.oc-cnav--sidebar{width:240px;flex:0 0 240px;align-self:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);max-height:calc(100vh - 96px);position:sticky;top:80px;overflow-y:auto;scrollbar-width:thin}.oc-cnav--sidebar::-webkit-scrollbar{width:6px}.oc-cnav--sidebar::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.oc-cnav--sidebar::-webkit-scrollbar-track{background:transparent}.oc-cnav__list{display:flex;flex-direction:column;gap:var(--space-2)}.oc-cnav__section{display:flex;flex-direction:column;gap:2px}.oc-cnav__section+.oc-cnav__section{margin-top:4px;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.oc-cnav__sectionlabel{padding:var(--space-1) var(--space-2);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);-webkit-user-select:none;user-select:none}.oc-cnav__row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);text-align:left;font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;cursor:pointer;position:relative;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-cnav__row:hover:not(.is-active){background:var(--color-surface-sunken);color:var(--color-text)}.oc-cnav__row.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:inset 3px 0 0 0 var(--color-primary)}.oc-cnav__row:focus-visible{outline:none;box-shadow:inset 3px 0 0 0 var(--color-primary),var(--shadow-focus)}.oc-cnav__rowicon{display:inline-flex;align-items:center;justify-content:center;color:inherit;flex:0 0 auto;opacity:.85}.oc-cnav__rowname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.oc-cnav__rowcount{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 6px;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-subtle);background:var(--color-surface-sunken);border-radius:var(--radius-pill);border:1px solid var(--color-border)}.oc-cnav__row.is-active .oc-cnav__rowcount{color:var(--color-primary);background:var(--color-surface);border-color:transparent}.oc-cnav--pills{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding-inline:var(--space-4);mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}.oc-cnav--pills::-webkit-scrollbar{height:6px}.oc-cnav--pills::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.oc-cnav__pills{display:inline-flex;flex-wrap:nowrap;align-items:stretch;gap:var(--space-3);padding:4px 0;min-width:max-content}.oc-cnav__pillgroup{display:inline-flex;flex-direction:column;gap:4px;flex:0 0 auto}.oc-cnav__pillgrouplabel{display:inline-block;padding:0 8px;font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.oc-cnav__pillset{display:inline-flex;flex-wrap:nowrap;gap:var(--space-1);padding:4px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.oc-cnav__pill{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 12px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background:transparent;border:none;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-cnav__pill:hover:not(.is-active){background:var(--color-surface);color:var(--color-text)}.oc-cnav__pill.is-active{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.oc-cnav__pill:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-cnav__pillcount{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-subtle);background:var(--color-surface-sunken);border-radius:var(--radius-pill);border:1px solid var(--color-border)}.oc-cnav__pill.is-active .oc-cnav__pillcount{color:var(--color-primary);background:var(--color-primary-soft);border-color:transparent}.oc-cnav--mobile{position:relative;width:100%}.oc-cnav__mtop{display:flex;align-items:center;gap:var(--space-2);width:100%}.oc-cnav__mtrigger{flex:1 1 auto;display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;height:44px;padding:0 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text);text-align:left;cursor:pointer}.oc-cnav__mtrigger:hover{border-color:var(--color-border-strong)}.oc-cnav__mtrigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-cnav__mname{font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-cnav__mcount{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 6px;font-family:var(--font-mono);font-size:11px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill)}.oc-cnav__mchev{font-size:14px;color:var(--color-text-muted);transition:transform var(--motion-fast) var(--ease-out)}.oc-cnav__mchev.is-open{transform:rotate(180deg)}.oc-cnav__mnav{display:inline-flex;gap:4px}.oc-cnav__mnavbtn{width:44px;height:44px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:18px;color:var(--color-text-muted);cursor:pointer}.oc-cnav__mnavbtn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.oc-cnav__mnavbtn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-cnav__msheet{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:60vh;overflow-y:auto;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);scrollbar-width:thin}.oc-cnav__msheet::-webkit-scrollbar{width:8px}.oc-cnav__msheet::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.oc-cnav__msection{display:flex;flex-direction:column;gap:2px}.oc-cnav__msection+.oc-cnav__msection{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.oc-theme-toggle{display:inline-flex;background:var(--color-surface-sunken);border-radius:var(--radius-pill);padding:3px;gap:2px;border:1px solid var(--color-border)}.oc-theme-toggle__seg{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-medium);background:transparent;border:1px solid transparent;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-theme-toggle__seg:hover:not(.is-active){color:var(--color-text)}.oc-theme-toggle__seg.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.oc-theme-toggle__seg:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-theme-toggle__icon{display:inline-flex;align-items:center;line-height:0}@media (max-width: 640px){.oc-theme-toggle__label{display:none}.oc-theme-toggle__seg{padding:0 10px}}.oc-header{position:sticky;top:0;z-index:var(--z-sticky);height:64px;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:saturate(150%) blur(8px);backdrop-filter:saturate(150%) blur(8px)}.oc-header__inner{max-width:1280px;margin:0 auto;height:100%;padding:0 var(--space-6);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4)}.oc-header__brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);position:relative}.oc-header__brand:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-focus)}.oc-header__logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-on-primary);font-family:var(--font-mono);font-size:18px;font-weight:var(--font-weight-bold);line-height:1}.oc-header__name{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.oc-header__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);margin-left:2px;box-shadow:0 0 0 2px var(--color-accent-soft)}.oc-header__center{min-width:0}.oc-header__right{display:inline-flex;align-items:center;gap:var(--space-3)}@media (max-width: 640px){.oc-header__inner{padding:0 var(--space-4);gap:var(--space-2)}.oc-header__name{display:none}}@media (max-width: 380px){.oc-header__inner{padding:0 var(--space-3);gap:6px}.oc-header__dot{display:none}}.oc-search{position:relative;width:100%;max-width:480px;margin:0 auto}.oc-search__shell{display:flex;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-2) 0 var(--space-3);background:var(--color-surface-sunken);border:1px solid transparent;border-radius:var(--radius-pill);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.oc-search__shell:hover{border-color:var(--color-border)}.oc-search__shell:focus-within{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-search__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex:0 0 auto}.oc-search__shell:focus-within .oc-search__icon{color:var(--color-primary)}.oc-search__input{flex:1 1 auto;min-width:0;height:100%;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text)}.oc-search__input::placeholder{color:var(--color-text-subtle)}.oc-search__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><path d='M5 5l14 14M19 5L5 19'/></svg>") center / 100% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><path d='M5 5l14 14M19 5L5 19'/></svg>") center / 100% no-repeat;cursor:pointer;color:var(--color-text-muted)}.oc-search__kbd{flex:0 0 auto;padding:2px 6px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-subtle);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none}@media (max-width: 640px){.oc-search__kbd{display:none}}.oc-search__scope{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.oc-search__scopeopt{height:28px;padding:0 10px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-search__scopeopt:hover:not(.is-active){color:var(--color-text)}.oc-search__scopeopt.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.oc-search__scopeopt:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media (max-width: 480px){.oc-search__scopeopt{padding:0 6px;font-size:10px}}@media (max-width: 380px){.oc-search__shell{height:40px;padding:0 6px 0 8px;gap:4px}.oc-search__icon svg{width:16px;height:16px}.oc-search__scope{padding:1px}.oc-search__scopeopt{height:26px;padding:0 5px;font-size:10px}}.oc-search__pop{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:480px;overflow-y:auto;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-2) 0;scrollbar-width:thin}.oc-search__pop::-webkit-scrollbar{width:8px}.oc-search__pop::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.oc-search__pop::-webkit-scrollbar-track{background:transparent}.oc-search__group+.oc-search__group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.oc-search__grouplabel{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-4);font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.oc-search__groupcount{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:14px;padding:0 4px;font-family:var(--font-mono);font-size:9px;color:var(--color-text-subtle);background:var(--color-surface-sunken);border-radius:var(--radius-pill)}.oc-search__opt{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:6px var(--space-4);text-align:left;border:none;background:transparent;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out)}.oc-search__opt:hover,.oc-search__opt.is-active{background:var(--color-primary-soft)}.oc-search__opt.is-active{box-shadow:inset 3px 0 0 0 var(--color-primary)}.oc-search__optsym{font-family:var(--font-mono);font-size:var(--font-size-mono-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.oc-search__opt.is-active .oc-search__optsym{color:var(--color-primary)}.oc-search__optname{font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.oc-search__optaliases{font-family:var(--font-sans);font-size:var(--font-size-caption);color:var(--color-text-subtle);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.oc-search__hit{background:transparent;color:var(--color-primary);font-weight:var(--font-weight-bold)}.oc-search__empty{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);font-size:var(--font-size-body);color:var(--color-text)}.oc-search__emptyhint{font-size:var(--font-size-caption);color:var(--color-text-subtle)}@media (max-width: 640px){.oc-search{max-width:none}.oc-search__opt{grid-template-columns:56px 1fr}.oc-search__optaliases{display:none}}.oc-shortcuts{position:relative}.oc-shortcuts__btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-shortcuts__btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.oc-shortcuts__btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-shortcuts__pop{position:absolute;top:calc(100% + 8px);right:0;width:320px;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.oc-shortcuts__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.oc-shortcuts__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.oc-shortcuts__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.oc-shortcuts__keys{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap}.oc-shortcuts__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-xs)}.oc-shortcuts__plus{margin:0 2px;font-size:10px;color:var(--color-text-subtle)}.oc-shortcuts__desc{font-size:var(--font-size-caption);color:var(--color-text-muted);text-align:right}.oc-shortcuts__note{margin:var(--space-3) 0 0;padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-subtle);line-height:1.4}@media (max-width: 480px){.oc-shortcuts__pop{width:280px;right:-8px}}.oc-format{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs)}.oc-format__header{display:flex;flex-direction:column;gap:2px}.oc-format__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.005em}.oc-format__hint{margin:0;font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-normal)}.oc-format__rows{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5)}.oc-format__group{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px}.oc-format__label{font-size:var(--font-size-caption);color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:.02em;white-space:nowrap;cursor:help}.oc-format__seg{display:inline-flex;background:var(--color-surface-sunken);border-radius:var(--radius-pill);padding:3px;gap:2px;border:1px solid var(--color-border)}.oc-format__opt{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 10px;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;background:transparent;border:1px solid transparent;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);cursor:pointer}.oc-format__opt:hover:not(.is-active){color:var(--color-text)}.oc-format__opt.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.oc-format__opt:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-format__reset{margin-left:auto;display:inline-flex;align-items:center}.oc-format__reset-btn{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.oc-format__reset-btn:hover{background:var(--color-surface-sunken);color:var(--color-text);border-color:var(--color-border-strong)}.oc-format__reset-btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}@media (max-width: 640px){.oc-format{padding:var(--space-3) var(--space-4)}.oc-format__rows{gap:var(--space-2) var(--space-3)}.oc-format__group{flex-basis:100%;justify-content:space-between}.oc-format__seg{flex-shrink:0}.oc-format__reset{margin-left:0}.oc-format__reset-btn{width:100%;text-align:center}}@media (max-width: 380px){.oc-format{padding:var(--space-3)}.oc-format__group{flex-direction:column;align-items:flex-start;gap:4px}.oc-format__seg{flex-wrap:wrap;width:100%;justify-content:space-between}.oc-format__opt{flex:1 1 auto;min-width:36px}}@media (prefers-reduced-motion: reduce){.oc-format__opt,.oc-format__reset-btn{transition:none}}.oc-share{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs);position:relative;transition:border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.oc-share__header{display:flex;flex-direction:column;gap:2px}.oc-share__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.005em}.oc-share__hint{margin:0;font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-normal)}.oc-share__row{display:flex;align-items:center;gap:var(--space-2);min-height:40px}.oc-share__url{flex:1 1 auto;min-width:0;height:40px;padding:0 var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:text;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-share__url:hover{border-color:var(--color-border-strong)}.oc-share__url:focus-visible,.oc-share__url:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-share__btn{flex:0 0 auto;height:40px;padding:0 var(--space-4);background:var(--color-primary);color:var(--color-text-on-primary);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:0;cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-share__btn:hover{background:var(--color-primary-hover)}.oc-share__btn:active{background:var(--color-primary-active)}.oc-share__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-share--pulse{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.oc-share--pulse .oc-share__btn{background:var(--color-success)}.oc-share--error{border-color:var(--color-error)}.oc-share--error .oc-share__btn{background:var(--color-error)}.oc-share__sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oc-share__fallback{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0}@media (max-width: 640px){.oc-share{padding:var(--space-3) var(--space-4)}.oc-share__row{flex-direction:column;align-items:stretch}.oc-share__btn{width:100%}}@media (prefers-reduced-motion: reduce){.oc-share,.oc-share__url,.oc-share__btn{transition:none}}.oc-copy{position:relative;display:inline-flex;align-items:stretch;height:32px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);overflow:visible;box-shadow:var(--shadow-xs);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-copy:hover{border-color:var(--color-border-strong)}.oc-copy--open{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-copy--copied{border-color:var(--color-success)}.oc-copy--copied .oc-copy__main{color:var(--color-success)}.oc-copy--error{border-color:var(--color-error)}.oc-copy--error .oc-copy__main{color:var(--color-error)}.oc-copy__main,.oc-copy__chevron{background:transparent;border:0;color:var(--color-text);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;padding:0 var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);height:100%;font-family:var(--font-sans)}.oc-copy__main{border-right:1px solid var(--color-border);padding-right:var(--space-3)}.oc-copy__main:hover{background:var(--color-surface-sunken)}.oc-copy__main:focus-visible,.oc-copy__chevron:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-md)}.oc-copy__chevron{padding:0 var(--space-2);color:var(--color-text-muted)}.oc-copy__chevron:hover{background:var(--color-surface-sunken);color:var(--color-text)}.oc-copy__icon{font-size:14px;font-family:var(--font-mono);display:inline-block;width:12px;text-align:center}.oc-copy__label{white-space:nowrap}.oc-copy__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:280px;margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.oc-copy__item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-body);text-align:left}.oc-copy__item:hover,.oc-copy__item:focus-visible{background:var(--color-primary-soft);color:var(--color-primary);outline:none}.oc-copy__item--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.oc-copy__item-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.oc-copy__item-preview{font-family:var(--font-mono);font-size:var(--font-size-mono-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-copy__item--active .oc-copy__item-preview{color:var(--color-primary)}@media (max-width: 640px){.oc-copy__menu{min-width:240px;right:auto;left:0}}.oc-actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.oc-actions__spacer{flex:1 1 auto}.oc-actions__fav{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:4px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.oc-actions__fav:hover{color:var(--color-text);background:var(--color-surface-sunken)}.oc-actions__fav.is-on{color:var(--color-secondary);background:var(--color-primary-soft)}.oc-actions__fav.is-on:hover{background:var(--color-primary-soft);color:var(--color-secondary)}.oc-actions__fav:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-actions__fav-icon{font-size:14px;line-height:1}@media (max-width: 640px){.oc-actions{flex-wrap:wrap;gap:var(--space-2)}.oc-actions__fav-label{display:none}.oc-actions__fav{padding:6px var(--space-2)}}.oc-side{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:320px;overflow:hidden}.oc-side__tabs{display:flex;align-items:center;background:var(--color-surface-sunken);padding:var(--space-1);margin:var(--space-2);border-radius:var(--radius-pill);gap:2px}.oc-side__tab{flex:1 1 0;min-width:0;background:transparent;border:0;border-radius:var(--radius-pill);padding:6px var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-side__tab:hover{color:var(--color-text)}.oc-side__tab.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.oc-side__tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-side__tab-icon{font-size:12px}.oc-side__tab-badge{font-size:10px;font-weight:var(--font-weight-semibold);background:var(--color-primary);color:var(--color-text-on-primary);padding:1px 6px;border-radius:var(--radius-pill);min-width:18px;text-align:center}.oc-side__tab:not(.is-active) .oc-side__tab-badge{background:var(--color-text-subtle);color:var(--color-text-on-primary)}.oc-side__panel{padding:var(--space-3) var(--space-4) var(--space-4);flex:1 1 auto;min-height:0}.oc-side__panel--detail{max-height:calc(100vh - 200px);overflow-y:auto}@media (max-width: 1023px){.oc-side__panel--detail{max-height:60vh}}.oc-side__panel[hidden]{display:none}@media (max-width: 1023px){.oc-side{min-height:240px}.oc-side__panel{padding:var(--space-3)}}@media (max-width: 640px){.oc-side__tab{padding:6px var(--space-2);font-size:11px}}@media (max-width: 380px){.oc-side__tabs{flex-wrap:wrap;gap:4px}.oc-side__tab{min-height:36px;padding:4px 8px;font-size:10px;flex:1 1 30%}.oc-side__tab-badge{display:none}}.oc-fav{display:flex;flex-direction:column;gap:var(--space-3);min-height:200px}.oc-fav__head{display:flex;flex-direction:column;gap:var(--space-2)}.oc-fav__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.005em}.oc-fav__sort{display:inline-flex;align-self:flex-start;border-radius:var(--radius-pill);background:var(--color-surface-sunken);padding:2px;gap:2px}.oc-fav__sort-opt{background:transparent;border:0;border-radius:var(--radius-pill);padding:4px var(--space-3);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-fav__sort-opt:hover{color:var(--color-text)}.oc-fav__sort-opt.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.oc-fav__sort-opt:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-fav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.oc-fav__row{position:relative;display:flex;align-items:stretch;border-radius:var(--radius-md);transition:background var(--motion-fast) var(--ease-out);min-height:56px}.oc-fav__row:hover,.oc-fav__row:focus-within{background:var(--color-surface-sunken)}.oc-fav__row-main{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-2);background:transparent;border:0;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--color-text);min-width:0}.oc-fav__row-main:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-fav__star{color:var(--color-secondary);font-size:14px;flex:0 0 auto}.oc-fav__cat{flex:0 0 auto;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.oc-fav__expr{display:flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-mono-sm);font-variant-numeric:tabular-nums;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-fav__arrow{color:var(--color-text-muted)}.oc-fav__expr-from,.oc-fav__expr-to{white-space:nowrap}.oc-fav__actions{display:flex;align-items:center;gap:2px;padding-right:var(--space-2);opacity:0;transition:opacity var(--motion-fast) var(--ease-out)}.oc-fav__row:hover .oc-fav__actions,.oc-fav__row:focus-within .oc-fav__actions{opacity:1}.oc-fav__icon-btn{background:transparent;border:0;width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;font-size:12px;font-family:var(--font-sans)}.oc-fav__icon-btn:hover{background:var(--color-surface);color:var(--color-text)}.oc-fav__icon-btn:disabled{opacity:.35;cursor:not-allowed}.oc-fav__icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-fav__icon-btn--remove:hover{background:var(--color-error);color:var(--color-text-on-primary)}.oc-fav__empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.oc-fav__empty-msg{margin:0;font-size:var(--font-size-caption);line-height:var(--line-height-relaxed)}.oc-fav__footer{margin-top:var(--space-2);display:flex;justify-content:flex-end}.oc-fav__clear{background:transparent;border:0;color:var(--color-text-muted);font-size:var(--font-size-caption);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-sans)}.oc-fav__clear:hover{color:var(--color-error);background:var(--color-surface-sunken)}.oc-fav__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-hist{display:flex;flex-direction:column;gap:var(--space-3);min-height:200px}.oc-hist__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.oc-hist__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.005em}.oc-hist__clear{background:transparent;border:0;color:var(--color-text-muted);font-size:var(--font-size-caption);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-sans)}.oc-hist__clear:hover:not(:disabled){color:var(--color-error);background:var(--color-surface-sunken)}.oc-hist__clear:disabled{opacity:.4;cursor:not-allowed}.oc-hist__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-hist__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.oc-hist__row{position:relative;display:flex;align-items:stretch;border-radius:var(--radius-md);transition:background var(--motion-fast) var(--ease-out);min-height:56px}.oc-hist__row:hover,.oc-hist__row:focus-within{background:var(--color-surface-sunken)}.oc-hist__row-main{flex:1 1 auto;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-2);background:transparent;border:0;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--color-text);min-width:0}.oc-hist__row-main:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-hist__time{flex:0 0 auto;font-size:var(--font-size-caption);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:56px}.oc-hist__cat{flex:0 0 auto;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.oc-hist__expr{display:flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-mono-sm);font-variant-numeric:tabular-nums;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-hist__arrow{color:var(--color-text-muted)}.oc-hist__icon-btn{background:transparent;border:0;width:28px;height:28px;border-radius:var(--radius-sm);margin:auto var(--space-2);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;font-size:12px;font-family:var(--font-sans);opacity:0;transition:opacity var(--motion-fast) var(--ease-out)}.oc-hist__row:hover .oc-hist__icon-btn,.oc-hist__row:focus-within .oc-hist__icon-btn{opacity:1}.oc-hist__icon-btn:hover{background:var(--color-error);color:var(--color-text-on-primary)}.oc-hist__icon-btn:focus-visible{opacity:1;outline:none;box-shadow:var(--shadow-focus)}.oc-hist__empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.oc-hist__empty-msg{margin:0;font-size:var(--font-size-caption);line-height:var(--line-height-relaxed)}.oc-prose{margin:0}.oc-prose__fallback{display:inline-block;margin-inline-start:.4em;padding:.05em .42em;border:1px solid var(--oc-border-subtle, rgba(120, 120, 120, .35));border-radius:999px;font-size:.7em;line-height:1.4;color:var(--oc-text-muted, #6b7280);background:var(--oc-surface-sunken, rgba(120, 120, 120, .06));vertical-align:.1em;-webkit-user-select:none;user-select:none;cursor:help;font-feature-settings:"tnum" 1}.oc-prose__fallback[data-lang=ja]{border-color:#dc3c3c73;color:#b13a3a}.oc-prose__fallback[data-lang=en]{border-color:#3c78dc73;color:#2c5ab8}@media (prefers-color-scheme: dark){.oc-prose__fallback[data-lang=ja]{color:#f1a4a4}.oc-prose__fallback[data-lang=en]{color:#9bb8f1}}@media (prefers-reduced-motion: reduce){.oc-prose__fallback{transition:none}}.oc-detail{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text)}.oc-detail--empty{color:var(--color-text-muted);font-size:var(--font-size-caption);padding:var(--space-4);text-align:center}.oc-detail__sideswitch{display:inline-flex;align-self:flex-start;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px;gap:2px}.oc-detail__sideswitch-btn{background:transparent;border:0;border-radius:var(--radius-pill);padding:4px 12px;font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-detail__sideswitch-btn:hover{color:var(--color-text)}.oc-detail__sideswitch-btn.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.oc-detail__sideswitch-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-detail__header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.oc-detail__symbol{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:2.5em;text-align:center;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.oc-detail__title{display:flex;flex-direction:column;gap:2px;min-width:0}.oc-detail__name{margin:0;font-size:var(--font-size-h2);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);word-break:break-word}.oc-detail__aliases{margin:0;font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-normal);font-family:var(--font-mono);letter-spacing:-.005em}.oc-detail__badge{align-self:flex-start;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}.oc-detail__badge--curated{background:var(--color-primary-soft);color:var(--color-primary)}.oc-detail__badge--synth{background:var(--color-surface-sunken);color:var(--color-text-muted)}.oc-detail__pagelink{align-self:flex-start;font-size:var(--font-size-caption);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);padding:4px 0;border-bottom:1px solid transparent;transition:border-color var(--motion-fast) var(--ease-out)}.oc-detail__pagelink:hover{border-bottom-color:var(--color-primary)}.oc-detail__section{border:1px solid transparent;border-radius:var(--radius-md);padding:0}.oc-detail__section[open]>.oc-detail__section-head .oc-detail__section-chevron{transform:rotate(180deg)}.oc-detail__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:color var(--motion-fast) var(--ease-out)}.oc-detail__section-head::-webkit-details-marker{display:none}.oc-detail__section-head:hover{color:var(--color-primary)}.oc-detail__section-head:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-focus)}.oc-detail__section-title{flex:1 1 auto;min-width:0}.oc-detail__section-chevron{font-size:14px;color:var(--color-text-muted);transition:transform var(--motion-base) var(--ease-out);flex:0 0 auto}@media (prefers-reduced-motion: reduce){.oc-detail__section-chevron{transition:none}}.oc-detail__section-body{padding-bottom:var(--space-3)}.oc-detail__text{margin:0;font-size:var(--font-size-body);line-height:1.65;color:var(--color-text);word-break:break-word}.oc-detail__text--muted{color:var(--color-text-muted);font-size:var(--font-size-caption)}.oc-detail__text--note{color:var(--color-text-muted);border-left:3px solid var(--color-warning);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-sm);font-size:14px}.oc-detail__formula{margin:0;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--color-text);letter-spacing:-.005em;font-variant-numeric:tabular-nums}@media (max-width: 1023px){.oc-detail__symbol{font-size:24px}.oc-detail__name{font-size:18px}}@media (max-width: 640px){.oc-detail{font-size:var(--font-size-caption)}.oc-detail__symbol{font-size:22px}.oc-detail__formula{font-size:13px}}.oc-toast-region{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.oc-toast{pointer-events:auto;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border-left:3px solid transparent;max-width:360px;animation:oc-toast-in var(--motion-base) var(--ease-out);letter-spacing:0}.oc-toast--success{border-left-color:var(--color-success)}.oc-toast--error{border-left-color:var(--color-error)}.oc-toast--info{border-left-color:var(--color-info)}@keyframes oc-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.oc-toast{animation:oc-toast-fade-in var(--motion-fast) ease-out}}@keyframes oc-toast-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.oc-toast-region{right:var(--space-4);left:var(--space-4);bottom:var(--space-4);align-items:center}.oc-toast{max-width:none;width:100%;text-align:center}}.oc-lang-toggle{position:relative;display:inline-flex}.oc-lang-toggle__trigger{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.02em;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-lang-toggle__trigger:hover{border-color:var(--color-border-strong)}.oc-lang-toggle__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-lang-toggle__trigger[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.oc-lang-toggle__triggerlabel{min-width:18px;text-align:center}.oc-lang-toggle__chev{font-size:10px;color:var(--color-text-muted);line-height:1}.oc-lang-toggle__pop{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown);min-width:180px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px;display:flex;flex-direction:column;gap:1px}.oc-lang-toggle__opt{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:14px;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.oc-lang-toggle__opt:hover{background:var(--color-primary-soft);color:var(--color-primary)}.oc-lang-toggle__opt:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.oc-lang-toggle__opt.is-active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.oc-lang-toggle__optshort{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);min-width:28px;letter-spacing:.02em}.oc-lang-toggle__opt.is-active .oc-lang-toggle__optshort{color:var(--color-primary)}.oc-lang-toggle__optname{flex:1 1 auto}.oc-lang-toggle__check{color:var(--color-primary);font-size:12px;font-weight:var(--font-weight-semibold)}@media (max-width: 380px){.oc-lang-toggle__trigger{padding:0 8px;height:28px}.oc-lang-toggle__pop{min-width:160px;right:-4px}}.oc-formula{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.oc-formula__head{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.oc-formula__title{margin:0;font-family:var(--font-sans);font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em}.oc-formula__subtitle{margin:0;font-family:var(--font-sans);font-size:13px;color:var(--color-text-muted);line-height:1.5}.oc-formula__sect{display:flex;flex-direction:column;gap:var(--space-2)}.oc-formula__sect-title{margin:0;font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.oc-formula__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.oc-formula__list--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:13.5px;line-height:1.55}.oc-formula__list:not(.oc-formula__list--mono){font-family:var(--font-sans);font-size:13.5px;line-height:1.55}.oc-formula__line{color:var(--color-text);word-break:break-word;white-space:pre-wrap}.oc-formula__list--mono .oc-formula__line{color:var(--color-text)}@media (max-width: 640px){.oc-formula{padding:var(--space-4);gap:var(--space-3)}.oc-formula__list{padding:var(--space-2) var(--space-3);gap:4px}.oc-formula__list--mono,.oc-formula__list:not(.oc-formula__list--mono){font-size:12.5px}.oc-formula__title{font-size:17px}}.oc-error-boundary{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.oc-error-boundary__inner{max-width:560px;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.oc-error-boundary__title{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.3}.oc-error-boundary__body{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.oc-error-boundary__msg{margin:0;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:13px;color:var(--color-text-muted);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}.oc-error-boundary__reload{align-self:flex-start;height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-on-primary);border:1px solid transparent;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.oc-error-boundary__reload:hover{background:var(--color-primary-hover)}.oc-error-boundary__reload:active{background:var(--color-primary-active)}.oc-error-boundary__reload:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-app{min-height:100vh;display:flex;flex-direction:column}.oc-shell{flex:1 1 auto;width:100%;max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-12);display:grid;grid-template-columns:240px 1fr 320px;gap:var(--space-6);align-items:flex-start}.oc-shell__nav{position:relative}.oc-shell__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.oc-shell__side{position:sticky;top:80px;align-self:start;min-width:0}html.gl-embed .oc-header,html.gl-embed .oc-shell__nav,html.gl-embed .oc-shell__side,html.gl-embed .oc-footer,html.gl-embed .oc-skiplink,html.gl-embed .oc-main__hint{display:none!important}html.gl-embed .oc-shell{grid-template-columns:1fr}html.gl-embed .oc-app{min-height:100vh}.gl-embed-bar{position:sticky;bottom:0;text-align:right;padding:8px 14px;border-top:1px solid var(--color-border);background:var(--color-surface);font-size:.8rem}.gl-embed-bar__link{color:var(--color-text-muted);text-decoration:none;font-weight:var(--font-weight-semibold, 600)}.gl-embed-bar__link:hover{text-decoration:underline}.gl-embed-section{margin:18px auto 4px;max-width:720px;border:1px solid var(--color-border);border-radius:var(--radius-md, 11px);background:var(--color-surface-sunken);padding:9px 14px}.gl-embed-section>summary{cursor:pointer;font-weight:var(--font-weight-semibold, 600)}.gl-embed-section__body{padding-top:10px}.gl-embed-section__desc{margin:0 0 8px;color:var(--color-text-muted);font-size:.9rem}.gl-embed-code{width:100%;font-family:var(--font-mono, ui-monospace, monospace);font-size:.82rem;resize:vertical}.gl-embed-copy{margin-top:8px}@media (max-width: 1279px){.oc-shell{grid-template-columns:240px 1fr}.oc-shell__side{grid-column:1 / -1;position:static}}@media (max-width: 1023px){.oc-shell{grid-template-columns:1fr;gap:var(--space-4)}.oc-shell__nav{width:100%}.oc-shell__side{grid-column:auto}}@media (max-width: 640px){.oc-shell{padding:var(--space-4) var(--space-4) var(--space-10);gap:var(--space-3)}}@media (max-width: 380px){.oc-shell{padding:var(--space-3) var(--space-3) var(--space-8)}.oc-main__title{font-size:22px}.oc-main__intro{gap:var(--space-2)}}.oc-main__intro{display:flex;flex-direction:column;gap:var(--space-3);max-width:720px}.oc-main__title{font-size:var(--font-size-display);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.01em}.oc-main__lead{margin:0;font-size:var(--font-size-body);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.oc-main__lead strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.oc-main__hint{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0;border-left:3px solid var(--color-border);padding:var(--space-2) var(--space-3);line-height:1.7}.oc-main__kbd{display:inline-flex;align-items:center;padding:1px 6px;margin:0 2px;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-xs)}.oc-main__notice{margin:0;font-size:var(--font-size-body);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);line-height:var(--line-height-normal)}.oc-footer{padding:var(--space-6);text-align:center;font-size:var(--font-size-caption);color:var(--color-text-subtle);border-top:1px solid var(--color-border)}@media (max-width: 640px){.oc-main__title{font-size:26px}}.oc-unitpage{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.oc-unitpage--missing{align-items:stretch}.oc-unitpage__chrome{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5);background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--color-border)}.oc-unitpage__home{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--font-size-h3);color:var(--color-primary);text-decoration:none;letter-spacing:-.01em}.oc-unitpage__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--color-text-muted)}.oc-unitpage__breadcrumb a{color:var(--color-text-muted);text-decoration:none}.oc-unitpage__breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.oc-unitpage__breadcrumb strong{color:var(--color-text)}.oc-unitpage__bcsep{color:var(--color-text-subtle, var(--color-text-muted))}.oc-unitpage__chromeRight{display:inline-flex;align-items:center;gap:var(--space-2)}.oc-unitpage__main{width:100%;max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-7);display:flex;flex-direction:column;gap:var(--space-5)}.oc-unitpage__hero{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.oc-unitpage__symbol{font-size:64px;font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:1;padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);border-radius:var(--radius-md);min-width:1.6em;text-align:center}.oc-unitpage__heroBody{display:flex;flex-direction:column;gap:4px;min-width:0}.oc-unitpage__category{font-size:var(--font-size-caption);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.oc-unitpage__name{margin:0;font-size:var(--font-size-h1, 32px);line-height:var(--line-height-tight, 1.2);font-weight:var(--font-weight-semibold);color:var(--color-text);word-break:break-word}.oc-unitpage__aliases{margin:4px 0 0;color:var(--color-text-muted);font-size:var(--font-size-caption)}.oc-unitpage__badge{align-self:flex-start;display:inline-flex;align-items:center;margin-top:6px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}.oc-unitpage__badge--curated{background:var(--color-primary-soft);color:var(--color-primary)}.oc-unitpage__badge--synth{background:var(--color-surface-sunken);color:var(--color-text-muted)}.oc-unitpage__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-on-primary, #fff);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);white-space:nowrap;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.oc-unitpage__cta:hover{background:var(--color-primary-hover, var(--color-primary));transform:translateY(-1px)}.oc-unitpage__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.oc-unitpage__card--warn{border-left:3px solid var(--color-warning)}.oc-unitpage__card h2{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight, 1.2)}.oc-unitpage__card p{margin:0;line-height:1.7;color:var(--color-text)}.oc-unitpage__muted{color:var(--color-text-muted);font-size:var(--font-size-caption)}.oc-unitpage__formula{margin:0;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--color-text);letter-spacing:-.005em;font-variant-numeric:tabular-nums}.oc-unitpage__langlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.oc-unitpage__langlist li{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-sm)}.oc-unitpage__langcode{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.oc-unitpage__langname{font-size:var(--font-size-body);color:var(--color-text)}.oc-unitpage__sampleRow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-body)}.oc-unitpage__sampleRow label{color:var(--color-text-muted);font-size:var(--font-size-caption)}.oc-unitpage__sampleInput{width:11rem;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text);font-size:var(--font-size-body)}.oc-unitpage__tableWrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.oc-unitpage__table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.oc-unitpage__table th,.oc-unitpage__table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.oc-unitpage__table thead th{background:var(--color-surface-sunken);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase}.oc-unitpage__table tbody tr:last-child td{border-bottom:0}.oc-unitpage__table tbody tr:hover{background:var(--color-surface-sunken)}.oc-unitpage__table a{color:var(--color-primary);text-decoration:none}.oc-unitpage__table a:hover{text-decoration:underline}.oc-unitpage__resultCell{text-align:right;white-space:nowrap}.oc-unitpage__siblings,.oc-unitpage__catgrid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.oc-unitpage__siblings li a,.oc-unitpage__catgrid li a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;font-size:var(--font-size-caption);transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.oc-unitpage__siblings li a:hover,.oc-unitpage__catgrid li a:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.oc-unitpage__siblings li.is-current a,.oc-unitpage__catgrid li.is-current a{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.oc-unitpage__siblingSymbol{font-weight:var(--font-weight-semibold)}.oc-unitpage__footer{margin-top:auto;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-caption);text-align:center}@media (max-width: 720px){.oc-unitpage__chrome{grid-template-columns:auto auto;grid-template-rows:auto auto;padding:var(--space-2) var(--space-3)}.oc-unitpage__breadcrumb{grid-column:1 / -1;order:2}.oc-unitpage__chromeRight{justify-self:end}.oc-unitpage__main{padding:var(--space-4) var(--space-3) var(--space-6)}.oc-unitpage__hero{grid-template-columns:1fr;text-align:left}.oc-unitpage__symbol{font-size:44px;justify-self:start}.oc-unitpage__cta{justify-self:start}.oc-unitpage__name{font-size:24px}}.oc-catpage{min-height:100vh;display:flex;flex-direction:column;background:var(--oc-bg);color:var(--oc-text)}.oc-catpage__chrome{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--oc-surface);border-bottom:1px solid var(--oc-border);flex-wrap:wrap}.oc-catpage__home{font-weight:600;font-size:1.125rem;color:var(--oc-accent);text-decoration:none}.oc-catpage__home:hover{text-decoration:underline}.oc-catpage__breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--oc-text-muted);flex-wrap:wrap}.oc-catpage__breadcrumb a{color:var(--oc-accent);text-decoration:none}.oc-catpage__breadcrumb a:hover{text-decoration:underline}.oc-catpage__bcsep{color:var(--oc-text-muted)}.oc-catpage__chromeRight{margin-left:auto;display:flex;align-items:center;gap:.5rem}.oc-catpage__main{flex:1;max-width:64rem;margin:0 auto;padding:2rem 1.5rem;width:100%}.oc-catpage__hero{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--oc-border)}.oc-catpage__category{font-size:.875rem;color:var(--oc-text-muted);margin-bottom:.5rem}.oc-catpage__name{font-size:2rem;font-weight:700;margin:0 0 .5rem}.oc-catpage__count{color:var(--oc-text-muted);margin:0}.oc-catpage__card{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.oc-catpage__card h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.oc-catpage__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.oc-catpage__unitCard{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--oc-bg);border:1px solid var(--oc-border);border-radius:.5rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.oc-catpage__unitCard:hover{border-color:var(--oc-accent);box-shadow:0 2px 8px #0000001a}.oc-catpage__unitSymbol{font-size:1.5rem;font-weight:600;color:var(--oc-accent);margin-bottom:.5rem}.oc-catpage__unitName{font-size:.875rem;text-align:center;color:var(--oc-text)}.oc-catpage__catList{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;margin:0}.oc-catpage__catList a{color:var(--oc-accent);text-decoration:none}.oc-catpage__catList a:hover{text-decoration:underline}.oc-catpage__footer{text-align:center;padding:1.5rem;font-size:.75rem;color:var(--oc-text-muted);border-top:1px solid var(--oc-border)}.oc-catpage--missing .oc-catpage__main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.oc-catpage--missing h1{color:var(--oc-text-muted)}@media (max-width: 640px){.oc-catpage__chrome{padding:.5rem 1rem}.oc-catpage__main{padding:1rem}.oc-catpage__name{font-size:1.5rem}.oc-catpage__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.oc-convpage{min-height:100vh;display:flex;flex-direction:column;background:var(--oc-bg);color:var(--oc-text)}.oc-convpage__chrome{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--oc-surface);border-bottom:1px solid var(--oc-border);flex-wrap:wrap}.oc-convpage__home{font-weight:600;font-size:1.125rem;color:var(--oc-accent);text-decoration:none}.oc-convpage__home:hover{text-decoration:underline}.oc-convpage__breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--oc-text-muted);flex-wrap:wrap}.oc-convpage__breadcrumb a{color:var(--oc-accent);text-decoration:none}.oc-convpage__breadcrumb a:hover{text-decoration:underline}.oc-convpage__bcsep{color:var(--oc-text-muted)}.oc-convpage__chromeRight{margin-left:auto;display:flex;align-items:center;gap:.5rem}.oc-convpage__main{flex:1;max-width:64rem;margin:0 auto;padding:2rem 1.5rem;width:100%}.oc-convpage__hero{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--oc-border)}.oc-convpage__title{font-size:2rem;font-weight:700;margin:0 0 .5rem}.oc-convpage__subtitle{color:var(--oc-text-muted);margin:0}.oc-convpage__card{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.oc-convpage__card h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.oc-convpage__converter{display:flex;flex-direction:column;align-items:center;gap:1rem}.oc-convpage__inputRow,.oc-convpage__resultRow{display:flex;align-items:center;gap:.75rem;width:100%;max-width:400px}.oc-convpage__inputRow label,.oc-convpage__resultLabel{min-width:100px;font-weight:500}.oc-convpage__input{flex:1;padding:.5rem .75rem;font-size:1.25rem;border:1px solid var(--oc-border);border-radius:.375rem;background:var(--oc-bg);color:var(--oc-text);text-align:right}.oc-convpage__input:focus{outline:2px solid var(--oc-accent);outline-offset:1px}.oc-convpage__symbol{min-width:50px;color:var(--oc-text-muted)}.oc-convpage__swapBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--oc-border);border-radius:50%;background:var(--oc-bg);color:var(--oc-text);font-size:1.25rem;cursor:pointer;transition:background .15s,border-color .15s}.oc-convpage__swapBtn:hover{background:var(--oc-surface);border-color:var(--oc-accent)}.oc-convpage__result{flex:1;font-size:1.5rem;font-weight:600;text-align:right;color:var(--oc-accent)}.oc-convpage__formula{font-size:1.125rem;padding:1rem;background:var(--oc-bg);border-radius:.5rem;text-align:center}.oc-convpage__tableWrap{overflow-x:auto}.oc-convpage__table{width:100%;border-collapse:collapse}.oc-convpage__table th,.oc-convpage__table td{padding:.5rem 1rem;text-align:right;border-bottom:1px solid var(--oc-border)}.oc-convpage__table th{font-weight:600;background:var(--oc-bg)}.oc-convpage__table th:first-child,.oc-convpage__table td:first-child{text-align:left}.oc-convpage__unitCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.oc-convpage__unitCard{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--oc-bg);border:1px solid var(--oc-border);border-radius:.5rem;text-align:center}.oc-convpage__unitSymbol{font-size:1.5rem;font-weight:600;color:var(--oc-accent);margin-bottom:.5rem}.oc-convpage__unitName{font-size:.875rem;margin-bottom:.5rem}.oc-convpage__unitLink{font-size:.75rem;color:var(--oc-accent);text-decoration:none}.oc-convpage__unitLink:hover{text-decoration:underline}.oc-convpage__relatedGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem 1rem;list-style:none;padding:0;margin:0}.oc-convpage__relatedGrid a{display:block;padding:.5rem;color:var(--oc-accent);text-decoration:none;border-radius:.25rem;transition:background .15s}.oc-convpage__relatedGrid a:hover{background:var(--oc-bg);text-decoration:underline}.oc-convpage__footer{text-align:center;padding:1.5rem;font-size:.75rem;color:var(--oc-text-muted);border-top:1px solid var(--oc-border)}.oc-convpage--missing .oc-convpage__main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.oc-convpage--missing h1{color:var(--oc-text-muted)}html.gl-embed .oc-convpage__chrome,html.gl-embed .oc-convpage__breadcrumb,html.gl-embed .oc-convpage__footer,html.gl-embed .oc-convpage__card:not(.oc-convpage__converter),html.gl-embed .gl-embed-section{display:none!important}html.gl-embed .oc-convpage__main{padding:1rem 1.25rem}html.gl-embed .oc-convpage__hero{margin-bottom:1.25rem;padding-bottom:1.25rem}.gl-embed-bar{position:sticky;bottom:0;text-align:right;padding:.5rem .875rem;border-top:1px solid var(--oc-border);background:var(--oc-surface);font-size:.8rem}.gl-embed-bar__link{color:var(--oc-text-muted);text-decoration:none;font-weight:600}.gl-embed-bar__link:hover{color:var(--oc-accent);text-decoration:underline}.gl-embed-section{margin:0 0 1.5rem;border:1px solid var(--oc-border);border-radius:.75rem;background:var(--oc-surface);padding:.625rem 1rem}.gl-embed-section>summary{cursor:pointer;font-weight:600;color:var(--oc-text)}.gl-embed-section>summary svg{vertical-align:-2px;margin-right:2px}.gl-embed-section__body{padding-top:.75rem;display:flex;flex-direction:column;gap:.625rem;align-items:flex-start}.gl-embed-section__desc{margin:0;color:var(--oc-text-muted);font-size:.9rem}.gl-embed-code{width:100%;resize:vertical;padding:.625rem .75rem;border:1px solid var(--oc-border);border-radius:.5rem;background:var(--oc-bg);color:var(--oc-text);font-size:.8rem;line-height:1.5}.gl-embed-code:focus{outline:2px solid var(--oc-accent);outline-offset:1px}.gl-embed-copy{padding:.4rem .9rem;border:1px solid var(--oc-border);border-radius:.375rem;background:var(--oc-bg);color:var(--oc-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.gl-embed-copy:hover{border-color:var(--oc-accent)}@media (max-width: 640px){.oc-convpage__chrome{padding:.5rem 1rem}.oc-convpage__main{padding:1rem}.oc-convpage__title{font-size:1.5rem}.oc-convpage__inputRow,.oc-convpage__resultRow{flex-wrap:wrap}.oc-convpage__inputRow label,.oc-convpage__resultLabel{width:100%;min-width:unset;margin-bottom:.25rem}.oc-convpage__relatedGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}:root{--color-primary: #4f5bd5;--color-primary-hover: #3f4bc2;--color-primary-active: #333da8;--color-primary-soft: #eef0fe;--color-accent: #06b6d4;--color-accent-soft: #e0f7fb;--color-secondary: #7c5cff;--color-bg: #f7f8fb;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #eff2f7;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-text-on-primary: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-focus-ring: #4f5bd5;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--font-sans: "Inter", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", "SF Mono", "Menlo", "Consolas", monospace;--font-size-display: 32px;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 16px;--font-size-body: 15px;--font-size-caption: 12px;--font-size-mono-result: 28px;--font-size-mono-input: 20px;--font-size-mono-sm: 13px;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-focus: 0 0 0 3px rgba(79, 91, 213, .35);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-slower: .48s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}[data-theme=dark]{--color-primary: #7c8aff;--color-primary-hover: #94a0ff;--color-primary-active: #a8b2ff;--color-primary-soft: #1e2240;--color-accent: #22d3ee;--color-accent-soft: #0e2a33;--color-secondary: #a78bfa;--color-bg: #0b1020;--color-surface: #121829;--color-surface-raised: #1a2236;--color-surface-sunken: #0e1424;--color-text: #e5e9f2;--color-text-muted: #9aa4b8;--color-text-subtle: #5e6a82;--color-text-on-primary: #0b1020;--color-border: #243049;--color-border-strong: #34425e;--color-focus-ring: #94a0ff;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #22d3ee;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .65);--shadow-focus: 0 0 0 3px rgba(124, 138, 255, .45)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms;--motion-slower: 0ms}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:where(button,input,select,textarea,a,summary,[role=button],[role=tab],[role=option],[role=menuitem],[role=menuitemradio],[role=radio],[role=checkbox],[tabindex="0"]):focus-visible{outline:2px solid transparent;outline-offset:2px;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}@media (forced-colors: active){:where(button,input,select,textarea,a,summary,[role=button],[role=tab],[role=option],[role=menuitem],[role=menuitemradio],[role=radio],[role=checkbox],[tabindex="0"]):focus-visible{outline:2px solid Highlight;outline-offset:2px}}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.005em}::selection{background:var(--color-primary-soft);color:var(--color-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oc-skiplink{position:absolute;top:8px;left:8px;z-index:var(--z-toast);padding:8px 16px;background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-decoration:none;box-shadow:var(--shadow-md);transform:translateY(-200%);transition:transform var(--motion-fast) var(--ease-out)}.oc-skiplink:focus,.oc-skiplink:focus-visible{transform:translateY(0);outline:none;box-shadow:var(--shadow-focus),var(--shadow-md)}@media (prefers-reduced-motion: reduce){.oc-skiplink{transition:none;transform:translateY(0);clip-path:inset(50%)}.oc-skiplink:focus,.oc-skiplink:focus-visible{clip-path:none}}.oc-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}