.yml-card,.yml-intro,.yml-note{--yml-bg:var(--day-bg,#fffffd);--yml-ink:var(--day-text,#2a2a28);--yml-muted:#858580;--yml-line:#dcdcd7;--yml-ease:cubic-bezier(.22,1,.36,1);color:inherit;font-family:inherit}.theme-dark :is(.yml-card,.yml-intro,.yml-note){--yml-bg:var(--night-bg,#0e0e0c);--yml-ink:var(--night-text,#dddddb);--yml-muted:#96968e;--yml-line:#393934}.yml-card *{box-sizing:border-box}.yml-card button,.yml-note button{font:inherit;color:inherit;cursor:pointer}.yml-card button:focus-visible,.yml-note button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.yml-locked{display:flex;align-items:center;gap:19px;padding:25px 14px;min-height:146px}.yml-emblem{width:44px;height:48px;display:grid;place-items:center;flex-shrink:0;color:var(--yml-muted)}.yml-emblem svg{width:32px;height:32px;transition:transform 160ms var(--yml-ease),color 160ms}.yml-copy{flex:1;min-width:0}.yml-card .yml-lock-title{font-size:16px;font-weight:500;margin:0 0 7px;line-height:1.6}.yml-card .yml-copy p{font-size:12px;color:var(--yml-muted);margin:0;line-height:1.8}.yml-group{display:inline-flex;font-size:10px;color:var(--yml-muted);border:1px solid var(--yml-line);padding:0 5px;margin-top:12px;line-height:1.8}.yml-open{display:inline-flex;gap:12px;align-items:center;font-size:12px!important;font-weight:600!important;border:0;background:transparent;padding:9px 0 9px 12px;white-space:nowrap}.yml-open span{font-size:20px;transition:transform 160ms var(--yml-ease)}.yml-question{padding:13px 14px 10px;animation:yml-enter 220ms var(--yml-ease) both}.yml-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--yml-muted);font-size:11px}.yml-close{background:none;border:0;font-size:22px!important;padding:0;width:28px;height:28px;line-height:1}.yml-card .yml-title{display:block;font-size:19px;line-height:1.6;margin:0 0 7px;font-weight:500}.yml-card .yml-hint{font-size:12px;color:var(--yml-muted);margin:0 0 20px}.yml-answer-row{display:flex;gap:10px}.yml-answer{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--yml-line);border-radius:2px;background:var(--yml-bg);color:var(--yml-ink);font:inherit;font-size:14px;outline:none}.yml-answer:focus{border-color:var(--yml-ink)}.yml-answer[aria-invalid=true]{border-color:#a44d45}.yml-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 16px;min-height:44px;border:1px solid var(--yml-ink);border-radius:2px;font-size:13px!important;white-space:nowrap;transition:transform 120ms var(--yml-ease),opacity 140ms;background:var(--yml-ink);color:var(--yml-bg)!important}.yml-submit:active{transform:scale(.97)}.yml-submit:disabled{opacity:.55;cursor:wait}.yml-card .yml-footnote{color:var(--yml-muted);font-size:11px;margin:14px 0 0;line-height:1.8}.yml-card .yml-error{font-size:12px;color:#a44d45;margin:10px 0 0;line-height:1.8}.yml-intro{margin:20px 0 24px}.yml-intro p{margin:0 0 7px;font-size:19px;letter-spacing:.02em}.yml-intro>span{display:flex;align-items:center;gap:7px;color:var(--yml-muted);font-size:12px}.yml-intro svg{width:13px;height:13px}.yml-note{margin-top:28px;padding-top:18px;border-top:1px solid var(--yml-line);color:var(--yml-muted)}.yml-note>svg{width:18px;height:18px;margin-bottom:7px}.yml-note p{font-size:11px;line-height:1.9;margin:0}.yml-note small{font-size:10px}.yml-note button{border:0;border-bottom:1px solid var(--yml-line);background:none;padding:0;margin-top:13px;font-size:11px}.yml-shake .yml-emblem svg{animation:yml-shake 280ms ease}.yml-success{min-height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.yml-success p{margin:0;font-size:14px}.yml-success .yml-check{animation:yml-enter 220ms var(--yml-ease) both}.yml-reveal{animation:yml-enter 280ms var(--yml-ease) both}.yml-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;background:#2a2a28;color:#fffffd;font:12px/1.8 sans-serif;padding:10px 18px;border-radius:3px;max-width:calc(100vw - 32px)}
.yml-card [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.yml-locked:hover .yml-emblem svg{transform:translateY(-2px);color:var(--yml-ink)}.yml-open:hover span{transform:translateX(3px)}}
@media(max-width:760px){.yml-locked{display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:12px;row-gap:14px;padding:21px 7px}.yml-emblem{width:31px}.yml-emblem svg{width:27px;height:27px}.yml-open{grid-column:2;margin-left:0;padding:0;justify-self:start}.yml-question{padding:12px 7px}.yml-answer-row{flex-direction:column}.yml-answer{font-size:16px}.yml-card .yml-title{font-size:17px}.yml-intro p{font-size:17px}}
@keyframes yml-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes yml-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-5deg)}65%{transform:translateX(3px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.yml-card *,.yml-reveal{animation-duration:.01ms!important;transition-duration:.01ms!important}.yml-locked:hover .yml-emblem svg{transform:none}}

.yml-filters{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:25px}.yml-filters button{border:1px solid #ddd;background:transparent;padding:5px 10px;font:inherit;font-size:12px;line-height:1.6;color:inherit;cursor:pointer}.yml-filters button[aria-pressed=true]{background:var(--day-text,#2a2a28);color:var(--day-bg,#fffffd)}.theme-dark .yml-filters button[aria-pressed=true]{background:var(--night-text,#dddddb);color:var(--night-bg,#0e0e0c)}.yml-filters small{font-size:10px;margin-left:7px;opacity:.6}.yml-filtered{display:none!important}.yml-groups{border-top:1px solid #ddd;margin-top:26px;padding-top:20px}.yml-groups h3{font-size:15px;font-weight:600;margin:0 0 12px}.yml-groups button{display:flex;align-items:center;gap:9px;border:0;background:none;color:inherit;font:inherit;font-size:13px;line-height:1.8;width:100%;padding:9px 0;cursor:pointer;text-align:left}.yml-groups svg{width:15px;height:15px;color:#858580}.yml-groups small{margin-left:auto;font-size:10px;color:#858580}.yml-top>span{display:flex;align-items:center;gap:7px}.yml-top .yml-emblem{width:14px;height:16px}.yml-top .yml-emblem svg{width:13px;height:13px}.yml-card .yml-success small{font-size:11px;color:var(--yml-muted)}
.yml-summary{display:inline-flex;align-items:center;gap:7px;max-width:100%;font-family:inherit;font-size:13px;line-height:1.7;vertical-align:middle;color:inherit}.yml-summary>svg{display:block;width:14px;height:14px;flex:0 0 14px;opacity:.65}.yml-summary>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}