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