@layer components{.clat-badge,.clat-meter,.clat-ring{--clat-on:var(--pc-primary,var(--hm-accent,#087b76));--clat-off:var(--pc-line,var(--hm-line,#dadde2));--clat-surface:var(--pc-surface,var(--hm-card,#ffffff));--clat-on-ink:var(--pc-on-primary,#ffffff)}.clat-ring .on{stroke:var(--clat-on)}.clat-ring .off{stroke:var(--clat-off)}.clat-meter{display:flex;gap:3px}.clat-meter>i{display:block;height:4px;flex:1;border-radius:999px;background:var(--clat-off)}.clat-meter>i.on{background:var(--clat-on)}.clat-badge{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--clat-on);color:var(--clat-on-ink);border:2px solid var(--clat-surface)}.clat-ring-label{font-size:11px;line-height:13px;font-weight:500;color:#5f6672}.dark .clat-ring-label{color:#a1a7b0}.clat-next{background:var(--next-tint);color:var(--next-ink);-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out}.clat-next .clat-next-title{color:#15171a}.clat-next .clat-play{background:var(--next-ink);color:#ffffff;border:2px solid var(--next-tint)}@media (hover:hover){.clat-next:hover{background:color-mix(in srgb,var(--next-tint) 88%,var(--next-ink))}}.clat-next:active{background:color-mix(in srgb,var(--next-tint) 80%,var(--next-ink))}.dark .clat-next{background:color-mix(in srgb,var(--next-ink) 22%,transparent);color:color-mix(in srgb,var(--next-ink) 45%,#ffffff)}.dark .clat-next .clat-next-title{color:#f3f4f6}.dark .clat-next .clat-play{border-color:transparent}.pc-results .clat-search{display:block;width:100%;height:44px;padding:0 12px 0 40px;border-radius:var(--pc-radius-control);border:1px solid var(--pc-line);background:var(--pc-surface);color:var(--pc-ink);font:inherit;font-size:14px;box-shadow:var(--pc-shadow-control)}.pc-results .clat-search::placeholder{color:var(--pc-muted)}.pc-results .clat-search:focus-visible{outline:2px solid var(--pc-primary);outline-offset:2px}.pc-results .clat-bone{display:block;border-radius:var(--pc-radius-small);background:var(--pc-unknown);animation:clat-pulse 1.6s ease-in-out infinite}.hm-root .clat-card{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}.hm-root .clat-card::-webkit-scrollbar{display:none}.hm-root .clat-scrim{position:absolute;left:0;right:0;z-index:6;pointer-events:none;background:color-mix(in srgb,var(--hm-card) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hm-root .clat-scrim.top{top:0;height:calc(72px + env(safe-area-inset-top, 0px));-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent)}.hm-root .clat-scrim.bottom{bottom:0;height:calc(44px + env(safe-area-inset-bottom, 0px));-webkit-mask-image:linear-gradient(0deg,#000 55%,transparent);mask-image:linear-gradient(0deg,#000 55%,transparent)}.hm-root .clat-term{display:inline;margin:0 1px;padding:1px 4px;border-radius:4px;background:var(--clat-term-tint);color:var(--clat-term-ink);font-weight:500;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;transition:filter .15s ease-out}@media (hover:hover){.hm-root .clat-term:hover{filter:brightness(.95)}}.hm-root .clat-cell{width:14px}.hm-root .clat-beat{margin:0;font-size:clamp(22px,5.8vw,26px);line-height:1.35;font-weight:500;letter-spacing:-.015em;color:var(--hm-ink);text-wrap:pretty}.hm-root .clat-mark{padding:.06em .14em;margin:0 -.08em;border-radius:4px;color:var(--clat-mark-ink);background-color:transparent;background-image:linear-gradient(var(--clat-mark-tint),var(--clat-mark-tint));background-repeat:no-repeat;background-position:0 50%;background-size:100% 100%;-webkit-box-decoration-break:slice;box-decoration-break:slice}.hm-root .clat-recall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hm-root .clat-recall>:nth-child(5):last-child{grid-column:span 2}.hm-root .clat-tile{display:grid;width:100%;padding:0;border:0;border-radius:16px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent}.hm-root .clat-tile-inner{display:grid;width:100%;min-height:108px;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,0,0,1)}.hm-root .clat-tile[aria-pressed=true] .clat-tile-inner{transform:rotateY(180deg)}.hm-root .clat-tile-face{grid-area:1/1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:background-color .15s ease-out}.hm-root .clat-tile-face.front{background:var(--hm-card);box-shadow:var(--hm-shadow-raised)}.hm-root .clat-tile-face.back{background:var(--clat-tile-tint);color:var(--clat-tile-ink);transform:rotateY(180deg)}.hm-root .clat-tile-prompt{font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.02em;color:var(--hm-ink)}.hm-root .clat-tile-small{font-size:12px;font-weight:500;line-height:1.3;opacity:.8}.hm-root .clat-tile-answer{font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.01em;text-wrap:pretty}.hm-root .clat-tile-foot{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;line-height:1;color:var(--hm-ink-3)}.hm-root .clat-tile-face.back .clat-tile-foot{color:inherit;opacity:.85}@media (hover:hover){.hm-root .clat-tile:not([aria-pressed=true]):hover .clat-tile-face.front{background:var(--hm-muted)}}@media (prefers-reduced-motion:reduce){.hm-root .clat-tile-inner{transition:none}.hm-root .clat-tile[aria-pressed=true] .clat-tile-inner{transform:none}.hm-root .clat-tile-face,.hm-root .clat-tile-face.back{transform:none;-webkit-backface-visibility:visible;backface-visibility:visible;transition:background-color .15s ease-out,opacity .3s ease-out}.hm-root .clat-tile-face.back,.hm-root .clat-tile[aria-pressed=true] .clat-tile-face.front{opacity:0}.hm-root .clat-tile[aria-pressed=true] .clat-tile-face.back{opacity:1}}.hm-root .clat-busy>b{width:100%;opacity:.35}@media (prefers-reduced-motion:no-preference){.hm-root .clat-busy>b{width:40%;opacity:.9;animation:clat-busy 1.6s ease-in-out infinite}}}@keyframes clat-busy{0%{translate:-100% 0}to{translate:250% 0}}@keyframes clat-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.pc-results .clat-bone{animation:none}}.pc-results .clat-row{transition:background-color var(--pc-duration) ease-out,scale var(--pc-duration) ease-out}@media (hover:hover){.pc-results .clat-row:hover{background:color-mix(in srgb,var(--pc-surface) 55%,var(--pc-unknown))}}@media (prefers-reduced-motion:no-preference){.pc-results .clat-row:active{scale:.99}}@media (hover:hover){.hm-root .clat-option:not(:disabled):hover{background:color-mix(in srgb,var(--hm-muted) 55%,var(--hm-line))}}.hm-root .clat-option:disabled{cursor:default}.hm-root .clat-stamp{position:relative;right:auto;top:auto;display:inline-block;max-width:100%;margin-top:2px;padding:4px 9px;font-size:15px;letter-spacing:.01em;text-wrap:balance;transform:rotate(-3deg);transform-origin:left center;animation:hm-fade .15s ease-out both}@media (prefers-reduced-motion:no-preference){.hm-root .clat-stamp{animation:clat-stamp .45s cubic-bezier(.2,.9,.3,1.3) both}}@keyframes clat-stamp{0%{transform:rotate(-3deg) scale(2.2);opacity:0}60%{transform:rotate(-3deg) scale(.96);opacity:1}to{transform:rotate(-3deg) scale(1);opacity:.92}}