.ai-fc-stack{isolation:isolate;padding-bottom:.9rem;animation:.3s ease-out ai-rise;position:relative}.ai-fc-stack:before,.ai-fc-stack:after{content:"";z-index:-1;border:1px solid var(--border-strong);background:color-mix(in oklab, var(--primary) 12%, var(--surface-muted));border-radius:1.25rem;position:absolute}.ai-fc-stack:before{inset:1rem .7rem .45rem}.ai-fc-stack:after{opacity:.55;inset:2rem 1.4rem 0}.ai-fc-stack[data-left="0"]:before,.ai-fc-stack[data-left="0"]:after,.ai-fc-stack[data-left="1"]:after{display:none}.ai-fc-card{cursor:pointer;perspective:1200px;display:grid}.ai-fc-face{border:1px solid var(--border);background:radial-gradient(120% 110% at 0% 0%, var(--primary-soft) 0%, transparent 55%), var(--surface);min-height:13rem;box-shadow:var(--shadow-card);backface-visibility:hidden;border-radius:1.25rem;flex-direction:column;grid-area:1/1;gap:.75rem;padding:1.25rem 1.4rem;transition:transform .5s cubic-bezier(.3,.7,.3,1);display:flex}.ai-fc-back{border-color:color-mix(in oklab, var(--primary) 35%, transparent);background:radial-gradient(120% 110% at 100% 0%, var(--info-soft) 0%, transparent 60%), var(--primary-soft);transform:rotateY(180deg)}.ai-fc-card[data-flipped] .ai-fc-front{transform:rotateY(-180deg)}.ai-fc-card[data-flipped] .ai-fc-back{transform:rotateY(0)}.ai-fc-text{text-align:center;text-wrap:balance;margin-block:auto;font-size:1.2rem;font-weight:600;line-height:1.45}.ai-fc-back .ai-fc-text{font-size:1.1rem;font-weight:500}.ai-fc-back .ai-source{margin-top:0}.ai-fc-tag{background:var(--surface);color:var(--primary);border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.ai-fc-hint{color:var(--muted-foreground);align-self:flex-end}@media (width>=640px){.ai-fc-face{min-height:15rem;padding:1.5rem 1.75rem}.ai-fc-text{font-size:1.35rem}.ai-fc-back .ai-fc-text{font-size:1.2rem}}.ai-fc-again{border:1.5px solid color-mix(in oklab, var(--warning) 55%, var(--border));background:var(--surface);color:var(--foreground)}.ai-fc-again:hover{background:var(--warning-soft)}.ai-kbd{display:none}@media (hover:hover) and (pointer:fine){.ai-kbd{background:color-mix(in oklab, currentColor 14%, transparent);border-radius:.4rem;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;font-family:inherit;font-size:.7rem;font-weight:600;display:inline-grid}}@media (prefers-reduced-motion:reduce){.ai-fc-face{transition:none}.ai-fc-stack{animation:none}}.rito-bob{animation:3s ease-in-out infinite rito-bob;display:inline-block}.rito-read{animation:1.2s ease-in-out infinite rito-read;display:inline-block}@keyframes rito-bob{50%{transform:translateY(-6px)}}@keyframes rito-read{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)translateY(-3px)}}.ai-hero{background:radial-gradient(120% 140% at 0% 0%, var(--primary-soft) 0%, transparent 60%), radial-gradient(100% 120% at 100% 100%, var(--info-soft) 0%, transparent 60%), var(--surface)}.ai-bubble{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:1.25rem;padding:.75rem 1rem;font-size:1.05rem;font-weight:600;position:relative}.ai-bubble:before{content:"";border-bottom:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);width:14px;height:14px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)rotate(45deg)}.ai-pill{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.4rem;min-height:2.5rem;padding:.4rem .9rem;font-weight:500;display:inline-flex}.ai-segment{background:var(--surface-muted);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.ai-segment>button{min-height:2.5rem;color:var(--muted-foreground);border-radius:999px;padding:0 1rem;font-size:.9rem;font-weight:600}.ai-segment>button[aria-selected=true],.ai-segment>button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.ai-segment>button:disabled{opacity:.5}.ai-set{--tint:var(--primary);--tint-bg:var(--primary-soft);isolation:isolate;border:1px solid color-mix(in oklab, var(--tint) 28%, transparent);background:radial-gradient(130% 120% at 0% 0%, var(--tint-bg) 0%, transparent 70%), var(--surface);box-shadow:var(--shadow-card);border-radius:1.25rem;flex-direction:column;padding:1rem 1.1rem 1.1rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.ai-set:hover{border-color:color-mix(in oklab, var(--tint) 50%, transparent);box-shadow:0 12px 28px -18px color-mix(in oklab, var(--tint) 70%, transparent);transform:translateY(-2px)}.ai-set[data-tint="1"]{--tint:var(--info);--tint-bg:var(--info-soft)}.ai-set[data-tint="2"]{--tint:var(--success);--tint-bg:var(--success-soft)}.ai-set[data-tint="3"]{--tint:var(--warning);--tint-bg:var(--warning-soft)}.ai-set-icon{border:1px solid color-mix(in oklab, var(--tint) 35%, transparent);background:var(--tint-bg);width:2.75rem;height:2.75rem;color:var(--tint);border-radius:.9rem;flex-shrink:0;place-items:center;display:grid;position:relative}.ai-set-icon:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in oklab, var(--tint) 30%, var(--surface));position:absolute;inset:-1px;transform:rotate(-10deg)translate(-3px,2px)}.ai-set-remove{width:2.25rem;height:2.25rem;color:var(--muted-foreground);border-radius:.75rem;flex-shrink:0;place-items:center;margin:-.35rem -.4rem 0 0;transition:background .15s,color .15s;display:grid}.ai-set-remove:hover{background:var(--danger-soft);color:var(--danger)}.ai-chip{background:var(--surface-muted);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.ai-chip>svg{color:var(--tint)}.ai-chip[data-shared]{background:var(--tint-bg)}.ai-dots{gap:.45rem;display:inline-flex}.ai-dots span{background:var(--primary);border-radius:999px;width:.65rem;height:.65rem;animation:1s ease-in-out infinite ai-dot}.ai-dots span:nth-child(2){animation-delay:.15s}.ai-dots span:nth-child(3){animation-delay:.3s}@keyframes ai-dot{0%,80%,to{opacity:.45;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-sketch{border:1px solid var(--border);background:var(--surface-muted);border-radius:1rem;gap:.6rem;padding:1rem 1.25rem;animation:1.6s ease-in-out infinite both ai-sketch;display:grid}.ai-sketch span{background:color-mix(in oklab, var(--primary) 30%, var(--surface-sunken));border-radius:999px;height:.7rem}.ai-sketch span:first-child{width:70%}.ai-sketch span:last-child{width:45%}@keyframes ai-sketch{50%{opacity:.45}}.ai-dialog{width:min(26rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--foreground);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.ai-dialog::backdrop{backdrop-filter:blur(4px);background:#05080d8c}.ai-dialog-panel{border:1px solid var(--border);background:var(--surface);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-raised);border-radius:1.5rem;padding:1.75rem 1.25rem 1.25rem;position:relative;overflow-y:auto}.ai-dialog[open] .ai-dialog-panel{animation:.25s cubic-bezier(.3,.7,.3,1) ai-dialog-in}@keyframes ai-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.ai-dialog-close{width:2.5rem;height:2.5rem;color:var(--muted-foreground);border-radius:999px;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.ai-dialog-close:hover{background:var(--surface-muted)}.ai-divider{align-items:center;gap:.75rem;display:flex}.ai-divider:before,.ai-divider:after{content:"";background:var(--border);flex:1;height:1px}.ai-code-input{z-index:1;cursor:text;opacity:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.ai-code-box{border:1.5px solid var(--border-strong);background:var(--surface-muted);font-variant-numeric:tabular-nums;border-radius:.9rem;place-items:center;height:3.25rem;font-size:1.5rem;font-weight:700;transition:border-color .15s,box-shadow .15s;display:grid}.ai-code-box[data-filled]{border-color:var(--primary);background:var(--primary-soft)}.ai-code-box[data-active]{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 35%, transparent)}.ai-code-box[data-invalid]{border-color:var(--danger);animation:.3s ai-shake}.ai-code-caret{background:var(--primary);width:2px;height:1.6rem;animation:1s step-end infinite ai-blink}@keyframes ai-blink{50%{opacity:0}}@keyframes ai-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.rito-bob,.rito-read,.ai-dots span,.ai-sketch,.ai-dialog[open] .ai-dialog-panel,.ai-code-box,.ai-code-caret{animation:none}.ai-set{transition:none}}.ai-quiz-progress{gap:.3rem;display:flex}.ai-quiz-progress span{background:var(--border-strong);border-radius:999px;flex:1;height:.45rem;transition:background .3s}.ai-quiz-progress span[data-state=current]{background:color-mix(in oklab, var(--primary) 55%, var(--border-strong))}.ai-quiz-progress span[data-state=right]{background:var(--success)}.ai-quiz-progress span[data-state=wrong]{background:var(--danger)}.ai-quiz-progress span[data-state=again]{background:var(--warning)}.ai-quiz-card{margin-top:.6rem;animation:.3s ease-out ai-rise}@keyframes ai-rise{0%{opacity:0;transform:translateY(8px)}}.ai-option{border:1.5px solid var(--border);background:var(--surface);text-align:left;border-radius:1rem;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.65rem .9rem;font-size:.95rem;transition:border-color .15s,background .15s,transform .15s,opacity .15s;display:flex}.ai-option[data-state=idle]:hover{border-color:color-mix(in oklab, var(--primary) 55%, var(--border));background:var(--primary-soft);transform:translateY(-1px)}.ai-option[data-state=right]{border-color:var(--success);background:var(--success-soft)}.ai-option[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft);animation:.3s ai-shake}.ai-option[data-state=dim]{opacity:.55}.ai-option:disabled{cursor:default}.ai-option-key{background:var(--surface-muted);border-radius:.7rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:grid}.ai-option[data-state=right] .ai-option-key{background:var(--success);color:var(--surface)}.ai-option[data-state=wrong] .ai-option-key{background:var(--danger);color:var(--surface)}.ai-feedback{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent);background:var(--danger-soft);border-radius:1rem;margin-top:1rem;padding:1rem 1.1rem;animation:.25s ease-out ai-rise}.ai-feedback[data-ok]{border-color:color-mix(in oklab, var(--success) 35%, transparent);background:var(--success-soft)}.ai-source{border-left:3px solid var(--border-strong);color:var(--muted-foreground);margin-top:.6rem;padding-left:.7rem;font-size:.8rem}.ai-ring{width:7.5rem;height:7.5rem;position:relative}.ai-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ai-ring circle{fill:none;stroke-width:9px}.ai-ring-track{stroke:var(--surface-muted)}.ai-ring-fill{stroke:var(--primary);stroke-linecap:round}.ai-ring-fill[data-tone=right]{stroke:var(--success)}.ai-ring-fill[data-tone=low]{stroke:var(--warning)}.ai-ring-label{place-items:center;font-size:1.6rem;font-weight:800;display:grid;position:absolute;inset:0}.ai-review{border:1px solid var(--border);border-radius:.9rem;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;display:flex}.ai-review-mark{background:var(--danger-soft);width:1.5rem;height:1.5rem;color:var(--danger);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.ai-review[data-ok] .ai-review-mark{background:var(--success-soft);color:var(--success)}.ai-review[data-tone=again] .ai-review-mark{background:var(--warning-soft);color:var(--warning)}@media (prefers-reduced-motion:reduce){.ai-quiz-card,.ai-feedback,.ai-option[data-state=wrong]{animation:none}.ai-option,.ai-quiz-progress span{transition:none}}.ai-drop{border:2px dashed var(--primary);background:color-mix(in oklab, var(--primary-soft) 92%, transparent);color:var(--primary);pointer-events:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:flex;position:absolute;inset:.75rem 0 0}.ai-sum{background:radial-gradient(90% 60% at 100% 0%, var(--primary-soft) 0%, transparent 70%), var(--surface)}.ai-sum-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.ai-sum-overview{border:1px solid color-mix(in oklab, var(--primary) 25%, transparent);background:var(--primary-soft);border-radius:1rem;padding:.9rem 1rem}.ai-sum-label{color:var(--primary);font-size:.8rem;font-weight:600}.ai-sum-points{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.ai-sum-points>li{align-items:flex-start;gap:.75rem;line-height:1.6;display:flex}.ai-sum-n{border:1px solid color-mix(in oklab, var(--primary) 30%, var(--border));background:var(--primary-soft);width:1.75rem;height:1.75rem;color:var(--primary);border-radius:999px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.ai-recall-cover{border:1px dashed var(--border-strong);background:repeating-linear-gradient(135deg, var(--surface-muted) 0 10px, transparent 10px 20px), var(--surface);color:var(--muted-foreground);border-radius:1rem;align-items:center;gap:.6rem;padding:.9rem 1rem;font-size:.9rem;display:flex}.ai-review[data-tone=todo] .ai-review-mark{background:var(--surface-muted);color:var(--muted-foreground)}.ai-quote-action{min-height:2rem;color:var(--primary);border-radius:999px;align-items:center;gap:.3rem;margin-left:.4rem;padding:0 .5rem;font-weight:600;display:inline-flex}.ai-quote-action:hover{background:var(--primary-soft)}.ai-meter{border:1px solid var(--border);background:var(--surface-muted);border-radius:.9rem;padding:.55rem .8rem}.ai-meter[data-empty]{border-color:color-mix(in oklab, var(--warning) 45%, var(--border));background:var(--warning-soft)}.ai-meter-dots{gap:.3rem;margin-left:auto;display:inline-flex}.ai-meter-dots span{background:color-mix(in oklab, var(--muted-foreground) 30%, transparent);border-radius:999px;width:.6rem;height:.6rem}.ai-meter-dots span[data-on]{background:var(--primary)}.rr-lives{gap:.2rem;display:inline-flex}.rr-lives svg{color:var(--border-strong)}.rr-lives svg[data-on]{color:var(--danger);fill:currentColor}.rr-lives svg:not([data-on]){animation:.5s ease-out rr-heart}@keyframes rr-heart{30%{color:var(--danger);transform:scale(1.35)rotate(-12deg)}60%{transform:scale(.9)rotate(8deg)}}.rr-question{text-wrap:balance;margin-top:.9rem;font-size:1.1rem;font-weight:600;line-height:1.45}.rr-answers{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.8rem;display:grid}.rr-answer{border:2px solid var(--border-strong);background:var(--surface);text-align:left;overflow-wrap:anywhere;min-height:3.5rem;color:var(--foreground);box-shadow:var(--shadow-card);border-radius:1rem;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.9rem;font-weight:600;line-height:1.35;transition:border-color .15s,background .15s,opacity .15s,transform .15s;display:flex}.rr-answer[data-side="1"]{text-align:right}.rr-answer-arrow{width:1.1rem;height:1.1rem;color:var(--muted-foreground);flex-shrink:0}.rr-answer:disabled{cursor:default}.rr-answer:not(:disabled):hover{border-color:color-mix(in oklab, var(--primary) 55%, var(--border-strong));transform:translateY(-1px)}.rr-answer[data-state=chosen]{border-color:var(--primary);background:var(--primary-soft)}.rr-answer[data-state=chosen] .rr-answer-arrow{color:var(--primary)}.rr-answer[data-state=right]{border-color:var(--success);background:var(--success-soft)}.rr-answer[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft);animation:.3s ai-shake}.rr-answer[data-state=dim]{opacity:.5}.rr-stage{margin-top:.8rem;position:relative}.rr-scene{--u:.5;--rr-sky-top:#a9def0;--rr-sky-low:#e4f6f3;--rr-hill-far:#b3e0d3;--rr-hill-near:#8fd0bd;--rr-grass-a:#bfe7c5;--rr-grass-b:#afdfb7;--rr-road:#f2f5f8;--rr-line:#fff;--rr-curb-a:#ff8a65;--rr-curb-b:#fff;--rr-gate:#fff;--rr-gate-edge:#c4ced9;--rr-tree-a:#6cc79a;--rr-tree-b:#4fae80;--rr-trunk:#a0714f;border:1px solid var(--border);background:linear-gradient(to bottom, var(--rr-sky-top), var(--rr-sky-low) 36%, var(--rr-grass-a) 36%);height:clamp(14rem,42vh,23rem);perspective:calc(700px * var(--u));perspective-origin:50% 28%;cursor:pointer;touch-action:manipulation;user-select:none;border-radius:1.25rem;position:relative;overflow:hidden}:root[data-theme=dark] .rr-scene{--rr-sky-top:#050c16;--rr-sky-low:#143149;--rr-hill-far:#12303f;--rr-hill-near:#0d2733;--rr-grass-a:#0f2b28;--rr-grass-b:#0c2421;--rr-road:#1a2533;--rr-line:#4a6880;--rr-curb-a:#d9603f;--rr-curb-b:#2c3a4a;--rr-gate:#151c27;--rr-gate-edge:#05080d;--rr-tree-a:#1f5c4b;--rr-tree-b:#184c3e;--rr-trunk:#4a3426}.rr-scene:before{content:"";width:calc(64px * var(--u));height:calc(64px * var(--u));background:radial-gradient(circle,#fff6c9 0 45%,#ffeea073 46% 62%,#0000 64%);border-radius:999px;position:absolute;top:7%;right:12%}:root[data-theme=dark] .rr-scene:before{background:radial-gradient(circle at 40% 40%,#f4f1e6 0 40%,#f4f1e626 42% 60%,#0000 62%)}:root[data-theme=dark] .rr-scene:after{content:"";opacity:.8;background:radial-gradient(1.5px 1.5px at 12% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 27% 62%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 41% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 58% 44%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 66% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 92% 58%,#fff 50%,#0000 51%);position:absolute;inset:0 0 72%}.rr-hills{width:100%;height:20%;position:absolute;top:17%;left:0}.rr-hills path:first-child{fill:var(--rr-hill-far)}.rr-hills path:last-child{fill:var(--rr-hill-near)}.rr-world{width:0;height:0;transform-style:preserve-3d;position:absolute;top:96%;left:50%}.rr-ground{top:0;left:calc(-1500px * var(--u));width:calc(3000px * var(--u));height:calc(5600px * var(--u));background-image:linear-gradient(to bottom, var(--rr-line) 50%, transparent 50%), linear-gradient(to bottom, var(--rr-curb-a) 50%, var(--rr-curb-b) 50%), linear-gradient(to bottom, var(--rr-curb-a) 50%, var(--rr-curb-b) 50%), linear-gradient(var(--rr-road), var(--rr-road)), linear-gradient(to bottom, var(--rr-grass-a) 50%, var(--rr-grass-b) 50%);background-position-x:50%, calc(50% - 311px * var(--u)), calc(50% + 311px * var(--u)), 50%, 0;background-repeat:repeat-y;background-size:calc(8px * var(--u)) calc(240px * var(--u)), calc(22px * var(--u)) calc(120px * var(--u)), calc(22px * var(--u)) calc(120px * var(--u)), calc(600px * var(--u)) 100%, 100% calc(240px * var(--u));transform:translateZ(calc(150px * var(--u))) rotateX(-90deg);transform-origin:50% 0;will-change:transform;position:absolute}.rr-ground:after{content:"";background:linear-gradient(to bottom, transparent 25%, var(--rr-sky-low) 75%);position:absolute;inset:0}.rr-tree{bottom:0;left:calc(-60px * var(--u));width:calc(120px * var(--u));height:calc(200px * var(--u));background:radial-gradient(circle at 50% 34%, var(--rr-tree-a) 0 calc(46px * var(--u)), transparent calc(47px * var(--u))), radial-gradient(circle at 30% 50%, var(--rr-tree-b) 0 calc(34px * var(--u)), transparent calc(35px * var(--u))), radial-gradient(circle at 70% 50%, var(--rr-tree-b) 0 calc(34px * var(--u)), transparent calc(35px * var(--u))), radial-gradient(ellipse 45% 5% at 50% 97%, #05080d2e 0 98%, transparent 100%), linear-gradient(var(--rr-trunk), var(--rr-trunk)) 50% 96% / calc(16px * var(--u)) calc(80px * var(--u)) no-repeat;opacity:0;will-change:transform, opacity;position:absolute}.rr-tree[data-kind="1"]{height:calc(250px * var(--u));background:radial-gradient(circle at 50% 26%, var(--rr-tree-b) 0 calc(42px * var(--u)), transparent calc(43px * var(--u))), radial-gradient(circle at 50% 46%, var(--rr-tree-a) 0 calc(50px * var(--u)), transparent calc(51px * var(--u))), radial-gradient(ellipse 45% 4% at 50% 98%, #05080d2e 0 98%, transparent 100%), linear-gradient(var(--rr-trunk), var(--rr-trunk)) 50% 97% / calc(16px * var(--u)) calc(90px * var(--u)) no-repeat}.rr-tree[data-kind="2"]{height:calc(90px * var(--u));background:radial-gradient(circle at 50% 45%, var(--rr-tree-a) 0 calc(36px * var(--u)), transparent calc(37px * var(--u))), radial-gradient(circle at 26% 66%, var(--rr-tree-b) 0 calc(26px * var(--u)), transparent calc(27px * var(--u))), radial-gradient(circle at 74% 66%, var(--rr-tree-b) 0 calc(26px * var(--u)), transparent calc(27px * var(--u))), radial-gradient(ellipse 48% 8% at 50% 94%, #05080d29 0 98%, transparent 100%)}.rr-gate{bottom:0;left:calc(-135px * var(--u));width:calc(270px * var(--u));height:calc(150px * var(--u));border:calc(5px * var(--u)) solid var(--border-strong);border-radius:calc(22px * var(--u));background:var(--rr-gate);padding:calc(12px * var(--u)) calc(16px * var(--u));text-align:center;font-size:calc(24px * var(--u));color:var(--foreground);box-shadow:0 calc(10px * var(--u)) 0 var(--rr-gate-edge);opacity:0;will-change:transform, opacity;place-items:center;font-weight:700;line-height:1.25;transition:border-color .15s,background .2s,box-shadow .2s;display:grid;position:absolute}.rr-gate-text{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:opacity .15s;display:-webkit-box;overflow:hidden}.rr-gate[data-state=chosen]{border-color:var(--primary);box-shadow:0 0 0 calc(7px * var(--u)) color-mix(in oklab, var(--primary) 35%, transparent), 0 calc(10px * var(--u)) 0 var(--rr-gate-edge)}.rr-gate[data-state=open]{border-color:var(--success);background:color-mix(in oklab, var(--success) 14%, transparent);box-shadow:0 0 calc(28px * var(--u)) calc(6px * var(--u)) color-mix(in oklab, var(--success) 55%, transparent), inset 0 0 calc(24px * var(--u)) color-mix(in oklab, var(--success) 45%, transparent)}.rr-gate[data-state=open] .rr-gate-text{opacity:0}.rr-gate[data-state=open],.rr-gate[data-state=open] .rr-gate-text{transition:none}.rr-gate[data-state=right]{border-color:var(--success);background:var(--success-soft)}.rr-gate[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft);animation:.35s rr-shake}@keyframes rr-shake{25%{translate:calc(-8px * var(--u)) 0}75%{translate:calc(8px * var(--u)) 0}}.rr-scene[data-leaving] .rr-gate{transition:opacity .35s;opacity:0!important}.rr-rito{--lane:0;bottom:0;left:calc(-60px * var(--u));width:calc(120px * var(--u));height:calc(124px * var(--u));transform:translate3d(calc(var(--lane) * 150px * var(--u)), 0, calc(-120px * var(--u)));transition:transform .22s ease-out;position:absolute}.rr-rito-shadow{right:16%;bottom:calc(-5px * var(--u));height:calc(16px * var(--u));background:#05080d38;border-radius:50%;position:absolute;left:16%}.rr-rito-body{display:block;position:absolute;inset:0}.rr-rito-body svg{width:100%;height:100%;display:block;overflow:visible}.rr-foot,.rr-wing{transform-box:fill-box}.rr-foot{transform-origin:50%}.rr-wing-l{transform-origin:100% 0}.rr-wing-r{transform-origin:0 0}:is(.rr-scene,.rr-flat)[data-moving]:not([data-waiting]) .rr-rito-body{animation:.36s ease-in-out infinite rr-bounce}.rr-scene[data-moving]:not([data-waiting]) .rr-foot-l{animation:.36s ease-in-out infinite rr-step}.rr-scene[data-moving]:not([data-waiting]) .rr-foot-r{animation:.36s ease-in-out -.18s infinite rr-step}.rr-scene[data-moving]:not([data-waiting]) .rr-wing-l{animation:.36s ease-in-out infinite rr-flap-l}.rr-scene[data-moving]:not([data-waiting]) .rr-wing-r{animation:.36s ease-in-out infinite rr-flap-r}@keyframes rr-bounce{50%{transform:translateY(calc(-8px * var(--u)))}}@keyframes rr-step{50%{transform:translateY(-5px)scaleX(.85)}}@keyframes rr-flap-l{50%{transform:rotate(14deg)}}@keyframes rr-flap-r{50%{transform:rotate(-14deg)}}.rr-rito[data-result=wrong] .rr-rito-body,.rr-rito[data-result=none] .rr-rito-body{animation:.6s ease-out rr-bump}@keyframes rr-bump{20%{transform:translateY(calc(6px * var(--u))) scale(1.06, .9)}45%{transform:translateY(calc(-10px * var(--u))) rotate(-8deg)}70%{transform:rotate(6deg)}}.rr-plus{font-size:calc(34px * var(--u));color:var(--success);text-shadow:0 1px 0 var(--surface);font-weight:800;animation:.65s ease-out forwards rr-plus;position:absolute;top:-12%;left:50%;translate:-50%}@keyframes rr-plus{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(calc(-60px * var(--u))) scale(1.15)}}.rr-flat{--u:.55;--rr-gate:var(--surface);--rr-gate-edge:var(--border-strong);border:1px solid var(--border);background:radial-gradient(90% 55% at 50% 0%, var(--primary-soft) 0%, transparent 70%), var(--surface-muted);cursor:pointer;touch-action:manipulation;user-select:none;border-radius:1.25rem;height:clamp(17rem,48vh,23rem);position:relative;overflow:hidden}.rr-flat:before{content:"";background:repeating-linear-gradient(to bottom, var(--border-strong) 0 1.1rem, transparent 1.1rem 2.2rem);width:3px;position:absolute;top:-2.2rem;bottom:0;left:50%;translate:-50%}.rr-flat[data-moving]:not([data-waiting]):before{animation:.7s linear infinite rr-dash}@keyframes rr-dash{to{transform:translateY(2.2rem)}}.rr-flat-blocks{opacity:0;will-change:transform, opacity;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:absolute;inset:.75rem .75rem auto}.rr-flat[data-leaving] .rr-flat-blocks{transition:opacity .35s;opacity:0!important}.rr-flat .rr-gate{width:auto;height:auto;min-height:4.5rem;box-shadow:var(--shadow-card);opacity:1;will-change:auto;border-width:2px;border-radius:1rem;padding:.6rem .7rem;font-size:.9rem;font-weight:600;line-height:1.35;position:relative;bottom:auto;left:auto}.rr-flat .rr-rito{bottom:.4rem;left:calc(50% + var(--lane) * 25%);width:62px;height:64px;transition:left .22s ease-out;transform:none}.rr-overlay{z-index:1;background:color-mix(in oklab, var(--surface) 82%, transparent);backdrop-filter:blur(3px);text-align:center;border-radius:1.25rem;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.rr-feedback{min-height:1.5rem;margin-top:.75rem;font-size:.95rem}@media (width>=640px){.rr-question{font-size:1.25rem}.rr-answer{min-height:4rem;padding:.7rem .9rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.rr-lives svg,.rr-answer,.rr-gate,.rr-rito-body,.rr-foot,.rr-wing,.rr-plus,.rr-flat:before{animation:none!important}.rr-answer,.rr-rito,.rr-flat .rr-rito{transition:none}}