.octo-panel{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;width:100%;align-items:center}.octo-panel--compact{grid-template-columns:1fr;gap:16px;width:min(340px,100%)}.octo-panel--compact .octo-tank{max-width:180px}.octo-panel--compact .octo-stages{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.octo-panel{grid-template-columns:1fr}}.octo-tank{position:relative;justify-self:center;width:100%;max-width:270px;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--palette-sky) 24%,var(--surface-elevated)),color-mix(in srgb,var(--palette-sky) 7%,var(--surface-elevated)) 72%);border:1px solid color-mix(in srgb,var(--palette-sky) 28%,var(--border-default));box-shadow:inset 0 -20px 40px color-mix(in srgb,var(--palette-sky) 12%,transparent)}.octo-tank:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 60%);opacity:0;pointer-events:none}.octo-tank.is-evolving:after{animation:octo-flash .8s ease-out}.octo-tank__hero{width:76%}.octo-tank__hero .octo{width:100%;height:auto;display:block}.octo-tank.is-evolving .octo-tank__hero{animation:octo-evolve .9s var(--ease-spring)}.octo-tank__name{position:absolute;bottom:16px;font-size:12.5px;font-weight:600;padding:3px 12px;border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);box-shadow:var(--shadow-1)}.octo-tank__tag{position:absolute;inset-block-start:var(--space-16);padding-block:var(--space-2);padding-inline:var(--space-8);border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-on-accent);font-size:var(--text-micro);font-weight:var(--font-weight-semibold)}.octo-tank__bub{position:absolute;bottom:-12px;width:10px;height:10px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--palette-sky) 55%,transparent);animation:octo-bubble 5s linear infinite}.octo-tank__bub:first-child{inset-inline-start:22%}.octo-tank__bub:nth-child(2){inset-inline-start:70%;width:7px;height:7px;animation-delay:-1.6s;animation-duration:4.2s}.octo-tank__bub:nth-child(3){inset-inline-start:40%;width:12px;height:12px;animation-delay:-3s;animation-duration:6s}.octo-tank__bub:nth-child(4){inset-inline-start:82%;width:6px;height:6px;animation-delay:-4s}.octo-panel__side{display:grid;gap:18px;min-width:0}.octo-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.octo-stage{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:14px;border:1px solid var(--border-default);background:var(--surface-elevated);font-size:11px;color:var(--text-muted);text-align:center;transition:transform .35s var(--ease-spring),border-color .2s,box-shadow .2s}.octo-stage:hover{transform:translateY(-2px)}.octo-stage .octo{width:100%;max-width:64px;height:auto}.octo-stage.is-current{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 16%,transparent);color:var(--text-primary)}.octo-stage.is-locked .octo{filter:grayscale(1);opacity:.4}@keyframes octo-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes octo-evolve{0%{transform:scale(.4);filter:brightness(2.4) saturate(0)}45%{filter:brightness(1.6) saturate(.4)}70%{transform:scale(1.12)}to{transform:scale(1);filter:none}}@keyframes octo-bubble{0%{transform:translate(0);opacity:0}10%{opacity:1}50%{transform:translate(8px,-140px)}to{transform:translate(-4px,-290px);opacity:0}}.thryve-btn.octo-entry{position:relative;overflow:visible;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 3px;border-radius:999px;border:1px solid var(--border-default);background:var(--surface-elevated);color:var(--text-primary);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .3s var(--ease-spring),border-color .2s}.thryve-btn.octo-entry:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--palette-sky) 40%,var(--border-default))}.octo-entry:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.octo-entry .thryve-lr-host__in{background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--palette-sky) 24%,var(--surface-elevated)),color-mix(in srgb,var(--palette-sky) 7%,var(--surface-elevated)) 72%)}.octo-entry__art{display:grid;place-items:center;width:100%;height:100%}.octo-entry__art .octo{width:24px;height:24px}.octo-entry .octo,.octo-entry .octo *{animation:none!important}.octo-entry__new{position:absolute;inset-block-start:var(--space-2);inset-inline-start:calc(var(--space-24) + var(--space-4));inline-size:var(--space-8);block-size:var(--space-8);border-radius:var(--radius-pill);background:var(--accent-primary);box-shadow:0 0 0 2px var(--surface-elevated)}.octo-entry__meter{display:grid;gap:3px;text-align:start}.octo-entry__lv{display:inline-flex;gap:3px;font-size:10.5px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;line-height:1.2}.octo-entry__xp{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.octo-popover{padding:16px}.octo-popover--room{padding:0;inline-size:min(28rem,calc(100vw - var(--space-24)));max-block-size:min(40rem,calc(100vh - var(--space-48) * 2));overflow-y:auto}@media (prefers-reduced-motion:reduce){.octo-entry,.octo-entry *,.octo-panel *,.octo-panel :after,.octo-panel :before{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}}.octo-gates{display:grid;gap:10px;padding:14px;border-radius:16px;background:var(--surface-sunken)}.octo-gates .thryve-gates__h{margin:0;font-size:13px;color:var(--text-secondary)}.octo-gates .thryve-gates__h b{color:var(--text-primary)}.octo-gates .thryve-gate{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:12.5px;color:var(--text-secondary)}.octo-gates .thryve-gate__ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface-elevated);box-shadow:inset 0 0 0 1.5px var(--border-default);transition:background-color .3s ease}.octo-gates .thryve-gate.is-met .thryve-gate__ok{background:var(--qs-status-mastered);box-shadow:none}.octo-gates .thryve-gate b{color:var(--text-primary);font-variant-numeric:tabular-nums}.octo-gates .thryve-gate__bar{grid-column:2/4}.oroom{container:oroom/inline-size;display:grid;gap:var(--space-24);padding:var(--space-20);font-family:var(--font-sans);color:var(--text-primary)}.oroom-hero{display:grid;gap:var(--space-20);align-items:center}.oroom-tank.octo-tank{max-inline-size:15rem}.oroom-tank-skeleton{justify-self:center;inline-size:min(100%,15rem);aspect-ratio:1;border-radius:var(--radius-pill)}.oroom-skel-line{block-size:var(--space-20);border-radius:var(--radius-sm)}.oroom-skel-line--short{inline-size:60%}.oroom-hero__side{display:grid;gap:var(--space-16);min-inline-size:0}.oroom-name{margin:0;font-size:var(--text-title-lg);font-weight:var(--font-weight-semibold);text-align:center}.oroom-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin:0;padding:0;list-style:none}.oroom-form{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);border-radius:var(--radius-card);border:1px solid var(--border-default);background:var(--surface-elevated);font-size:var(--text-micro);color:var(--text-muted);text-align:center}.oroom-form__art{inline-size:100%;max-inline-size:var(--space-56)}.oroom-form__art .octo{display:block;inline-size:100%;block-size:auto}.oroom-form[data-state=now]{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.oroom-form[data-state=ahead] .oroom-form__art{opacity:.45;filter:grayscale(.6)}.oroom-grow{margin:0;font-size:var(--text-caption);color:var(--text-secondary);text-align:center}.oroom-h{margin:0;font-size:var(--text-body-medium);font-weight:var(--font-weight-semibold)}.oroom-slots,.oroom-wearing{display:grid;gap:var(--space-8)}.oroom-slots{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));margin:0}.oroom-slot{display:grid;gap:var(--space-2);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background:var(--surface-sunken)}.oroom-slot dt{font-size:var(--text-micro);color:var(--text-muted)}.oroom-slot dd{margin:0;font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--text-primary)}.oroom-wardrobe{display:grid;gap:var(--space-12)}.oroom-wardrobe__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12)}.oroom-count,.oroom-hint{margin:0;font-size:var(--text-caption);color:var(--text-muted)}.oroom-filter{justify-self:start;max-inline-size:100%;overflow-x:auto}.oroom-detail{display:grid;gap:var(--space-8);padding:var(--space-card-padding);border-radius:var(--radius-card);border:1px solid var(--border-default);background:var(--surface-elevated);box-shadow:var(--shadow-1)}.oroom-detail__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.oroom-detail__name{margin:0;font-size:var(--text-title);font-weight:var(--font-weight-semibold)}.oroom-detail__slot{margin-inline-start:auto;font-size:var(--text-micro);color:var(--text-muted)}.oroom-detail__how{margin:0;font-size:var(--text-body);color:var(--text-secondary)}.oroom-detail__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.oroom-detail__locked{font-size:var(--text-caption);color:var(--text-muted)}.oroom-tiles.thryve-choice-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--space-12)}.oroom-tiles .thryve-radio.thryve-choice-tile,[dir=rtl] .oroom-tiles .thryve-radio.thryve-choice-tile{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;gap:var(--space-4);padding:var(--space-8) var(--space-8) var(--space-12);text-align:center}.oroom-tiles .thryve-choice-tile__icon{grid-row:auto;inline-size:100%;block-size:auto;aspect-ratio:1;background:color-mix(in srgb,var(--palette-sky) 12%,var(--surface-elevated))}.oroom-tiles .thryve-choice-tile__icon .octo{inline-size:84%;block-size:auto}.oroom-tiles .thryve-choice-tile__label{font-size:var(--text-caption)}.oroom-tiles .thryve-choice-tile__desc{grid-column:auto}.oroom-art--locked{opacity:.5;filter:grayscale(.85)}.oroom-tile__state{font-size:var(--text-micro);color:var(--text-muted)}.oroom-tile__state[data-state=wearing]{color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.oroom-tile__state[data-state=new]{padding-inline:var(--space-6);border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-semibold)}.oroom-more{display:grid;gap:var(--space-16);padding-block-start:var(--space-16);border-block-start:1px solid var(--border-default)}.oroom-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin:0}.oroom-stat{display:grid;gap:var(--space-2);text-align:center}.oroom-stat dt{font-size:var(--text-micro);color:var(--text-muted)}.oroom-stat dd{margin:0;font-size:var(--text-title);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}@container oroom (min-width: 34rem){.oroom{padding:var(--space-24)}.oroom-hero{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);gap:var(--space-24)}.oroom-grow,.oroom-name{text-align:start}}.artifacts-panel{display:flex;flex-direction:column;inline-size:100%;block-size:100%;background:var(--content-bg);font-family:var(--font-sans);overflow:hidden}.artifacts-panel--embedded{min-block-size:0}.artifacts-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12) var(--space-16);border-block-end:1px solid var(--border-subtle);flex-shrink:0}.artifacts-panel__title{font-size:var(--text-caption);font-weight:600;color:var(--text-primary);margin:0}.artifacts-panel__close{display:flex;align-items:center;justify-content:center;inline-size:var(--space-24);block-size:var(--space-24);background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-body);border-radius:var(--radius-sm);padding:0;transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.artifacts-panel__close:hover{color:var(--text-primary);background:var(--surface-hover)}.artifacts-panel__close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.artifacts-panel__empty,.artifacts-panel__error,.artifacts-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-32) var(--space-16);flex:1 1 auto}.artifacts-panel__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.artifacts-panel__section{padding-block:var(--space-8)}.artifacts-panel__section-title{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-4) var(--space-16);margin:0}.artifacts-panel__list{list-style:none;margin:0;padding:0}.artifacts-panel__row{margin:0}.artifacts-panel__row-btn{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;-moz-column-gap:var(--space-8);column-gap:var(--space-8);align-items:start;inline-size:100%;padding:var(--space-8) var(--space-16);background:transparent;border:none;cursor:pointer;text-align:start;color:var(--text-primary);border-radius:0;transition:background var(--duration-fast) ease}.artifacts-panel__row-btn:hover{background:var(--surface-hover)}.artifacts-panel__row-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.artifacts-panel__row-kind{grid-column:1;color:var(--text-muted)}.artifacts-panel__row-kind,.artifacts-panel__row-title{grid-row:1;font-size:var(--text-caption);font-weight:500;white-space:nowrap}.artifacts-panel__row-title{grid-column:2;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.artifacts-panel__row-time{grid-column:3;grid-row:1;font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap}.artifacts-panel__load-more,.artifacts-panel__load-more-loading{display:flex;justify-content:center;padding:var(--space-12) var(--space-16)}.artifacts-global{display:flex;flex-direction:column;padding:var(--space-24) var(--space-32);font-family:var(--font-sans);min-block-size:100%}.artifacts-global__header{margin-block-end:var(--space-24)}.artifacts-global__title{font-size:var(--text-title-lg);font-weight:700;color:var(--text-primary);margin:0}.artifacts-global__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding-block:var(--space-32)}.artifacts-global__skeleton-list{list-style:none;margin:0;padding:0;inline-size:100%;display:flex;flex-direction:column;gap:var(--space-12)}.artifacts-global__skeleton-row{display:flex;flex-direction:column;gap:var(--space-4)}.artifacts-global__empty,.artifacts-global__error{display:flex;align-items:center;justify-content:center;padding-block:var(--space-48)}.artifacts-global__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.artifacts-global__row{margin:0}.artifacts-global__row-btn{display:grid;grid-template-columns:auto 1fr auto auto;-moz-column-gap:var(--space-12);column-gap:var(--space-12);align-items:center;inline-size:100%;padding:var(--space-40) var(--space-12);background:transparent;border:none;cursor:pointer;text-align:start;color:var(--text-primary);border-radius:var(--radius-sm);transition:background var(--duration-fast) ease}.artifacts-global__row-btn:hover{background:var(--surface-hover)}.artifacts-global__row-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.artifacts-global__row-kind{font-size:var(--text-caption);font-weight:500;color:var(--text-muted);min-inline-size:var(--space-48)}.artifacts-global__row-title{font-size:var(--text-caption);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifacts-global__row-time{font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap}.artifacts-global__row-section{font-size:var(--text-micro);color:var(--text-on-accent);background:var(--accent-primary);font-weight:500;white-space:nowrap;padding:2px var(--space-8);border-radius:var(--radius-pill)}.artifacts-global__load-more,.artifacts-global__load-more-loading{display:flex;justify-content:center;padding-block:var(--space-16)}.para-panel{display:flex;flex-direction:column;gap:var(--space-16);min-block-size:100%;padding-block:var(--space-4)}.para-hint{margin:0;color:var(--text-muted);font-size:var(--text-body);text-align:center}.para-modes{flex-direction:column}.para-modes,.para-modes__row{display:flex;gap:var(--space-12)}.para-chip{flex:1;min-block-size:var(--space-40);padding-block:var(--space-8);padding-inline:var(--space-12);border:none;border-radius:var(--radius-pill);background:var(--surface-info);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.para-chip:hover{background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-info))}.para-chip[data-selected=true]{background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-info));color:var(--accent-primary);font-weight:var(--font-weight-medium)}.para-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.para-paste{display:flex;flex-direction:column;gap:var(--space-6)}.para-paste__label{color:var(--text-secondary);font-size:var(--text-caption)}.para-paste__input{padding:var(--space-12);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--content-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);resize:vertical}.para-paste__input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.para-rule{margin:0;border:none;border-block-start:1px solid var(--border-subtle)}.para-body{flex:1;min-block-size:0}.para-explainer{display:flex;flex-direction:column;gap:var(--space-12)}.para-explainer__title{margin:0;color:var(--text-primary);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.para-explainer__body{margin:0;color:var(--text-muted);font-size:var(--text-body);line-height:1.45}.para-example{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:var(--space-16);column-gap:var(--space-16);row-gap:var(--space-4);align-items:start}.para-example__arrow{grid-row:1;grid-column:1/-1;justify-self:center;width:var(--space-24);height:var(--space-24);overflow:visible;opacity:.55}.mk-icon.mk-g.para-example__arrow{color:var(--text-muted)}.para-example__after,.para-example__before{grid-row:2;margin:0;color:var(--text-muted);font-size:var(--text-body);line-height:1.45}.para-example__before{grid-column:1}.para-example__after{grid-column:2}.para-sr{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.para-drop{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-block:var(--space-24);padding-inline:var(--space-16);border:1px dashed var(--border-default);border-radius:var(--radius-card);background:transparent;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.para-drop:hover,.para-drop[data-dragging=true]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 6%,transparent)}.para-drop:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.para-drop__icon{inline-size:var(--space-32);block-size:var(--space-32)}.mk-icon.mk-g.para-drop__icon{color:var(--accent-primary)}.para-drop__label{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.para-drop__formats{color:var(--text-muted);font-size:var(--text-caption)}.para-drop__input{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.para-sample{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-control);background:var(--surface-info)}.para-sample__icon{color:var(--text-secondary);flex:none}.para-sample .thryve-spinner{flex:none;color:var(--accent-primary)}.para-sample__meta{display:flex;flex-direction:column;flex:1;min-inline-size:0}.para-sample__name{color:var(--text-primary);font-size:var(--text-body);overflow-wrap:anywhere}.para-sample__detail{color:var(--text-muted);font-size:var(--text-caption)}.para-sample__error{margin:0;color:var(--text-error);font-size:var(--text-caption)}.para-result{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--text-body);line-height:1.5;overflow-wrap:anywhere}.para-result__block{margin:0}.para-result__block[data-type=heading]{font-weight:var(--font-weight-semibold)}.para-result__block[data-type=list_item],.para-result__block[data-type=task_item]{padding-inline-start:var(--space-16)}.para-result__block[data-type=blockquote],.para-result__block[data-type=quote]{border-inline-start:1px solid var(--border-subtle);padding-inline-start:var(--space-12);color:var(--text-muted)}.para-result__meta,.para-result__note{margin:0;color:var(--text-muted);font-size:var(--text-caption)}.para-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.para-error__icon{color:var(--text-warning)}.para-footer{position:sticky;inset-block-end:0;padding-block-start:var(--space-8);background:linear-gradient(to top,var(--shell-bg) 60%,transparent)}.para-cta{inline-size:100%;border-radius:var(--radius-pill)}.para-footer__row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-8);inline-size:100%}.para-footer__row .thryve-icon-btn{flex:none;overflow:visible}.para-footer__row .thryve-icon{overflow:visible}.para-footer__row .thryve-icon :is(path,circle,rect,line,polyline,polygon){stroke-width:1.5}.para-footer__apply{flex:1 1 auto;min-inline-size:0}@media (prefers-reduced-motion:reduce){.para-chip,.para-drop{transition:none}}.ref-tool-panel{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16);background:var(--content-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);inline-size:100%;max-inline-size:520px;block-size:100%;box-sizing:border-box}.shell-right-panel__body .ref-tool-panel{padding:0;background:transparent;max-inline-size:none}.ref-tool-panel__form{display:flex;flex-direction:column}.ref-tool-panel__input-row{display:flex;align-items:center;gap:var(--space-8)}.ref-tool-panel__input{flex:1}.ref-tool-panel__input-row--inline{position:relative}.ref-tool-panel__input-row--inline .thryve-search-input__field{padding-inline-end:calc(var(--space-56) + var(--space-24))}.ref-tool-panel__input-row--inline>.thryve-btn{position:absolute;inset-block:var(--space-4);inset-inline-end:var(--space-4);block-size:auto}.ref-tool-panel__history{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.ref-tool-panel__history-label{color:var(--text-secondary);font-size:var(--text-caption);margin-inline-end:var(--space-4)}.ref-tool-panel__live{display:flex;flex-direction:column;gap:var(--space-16);overflow-y:auto;flex:1}.ref-tool-panel__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding-block:var(--space-40);text-align:center}.ref-tool-panel__unsupported{display:flex;justify-content:center;padding-block:var(--space-16)}.ref-tool-panel__suggestion-chips{display:flex;flex-wrap:wrap;gap:var(--space-8)}.ref-tool-panel__results{display:flex;flex-direction:column;gap:var(--space-16)}.ref-tool-panel__skeleton{padding:var(--space-16)}.ref-tool-entry,.ref-tool-panel__skeleton{display:flex;flex-direction:column;gap:var(--space-8)}.ref-tool-entry{padding-block-end:var(--space-16);border-block-end:1px solid var(--border-default)}.ref-tool-entry:last-child{border-block-end:none;padding-block-end:0}.ref-tool-entry__header{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.ref-tool-entry__word{font-size:var(--text-title);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ref-tool-entry__phonetics{display:flex;align-items:center;gap:var(--space-8)}.ref-tool-entry__ipa{color:var(--text-secondary);font-size:var(--text-caption);unicode-bidi:isolate}.ref-tool-entry__audio-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-32);block-size:var(--space-32);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-elevated);cursor:pointer}.ref-tool-entry__audio-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ref-tool-entry__senses{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}.ref-tool-entry__sense{display:flex;flex-direction:column;gap:var(--space-4)}.ref-tool-entry__sense-block{display:flex;flex-direction:column;gap:var(--space-8)}.ref-tool-entry__definition{color:var(--text-primary);margin:0}.ref-tool-entry__examples{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding-inline-start:var(--space-16);color:var(--text-secondary);font-size:var(--text-caption)}.ref-tool-entry__etymology-label{color:var(--text-secondary);font-size:var(--text-caption);cursor:pointer}.ref-tool-entry__etymology-text{color:var(--text-secondary);font-size:var(--text-caption);margin:0}.ref-tool-entry__word-group{display:flex;flex-direction:column;gap:var(--space-4)}.ref-tool-entry__group-label{color:var(--text-secondary);font-size:var(--text-caption);font-weight:var(--font-weight-medium)}.ref-tool-entry__chips{display:flex;flex-wrap:wrap;gap:var(--space-8)}.ref-tool-entry__chip{display:inline-flex;align-items:center;padding-inline:var(--space-12);padding-block:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--text-caption)}button.ref-tool-entry__chip{cursor:pointer}button.ref-tool-entry__chip:hover{background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-elevated))}button.ref-tool-entry__chip:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ref-tool-entry__chip--static{cursor:default;opacity:.9}