.qtt{--surface:#ffffff;--card:#faf8f3;--muted:#f4f1ea;--border:#ece6da;--border2:#e2dccf;--ink:#1f1d1a;--ink2:#6f6a60;--ink3:#9a9488;--ink4:#5a564e;--tint:#fff6e8;--tint-b:#f0e2c8;--head:#8a5712;--amber:#f2a93b;--amber-deep:#cf8f24;--coral:#f0654a;--coral-tint:#fff3ef;--coral-head:#8a3322;--green:#1f9d6b;--green-tint:#ecf8f1;--green-head:#125a3d;--blue:#2a6fdb;--blue-tint:#eef4ff;--blue-head:#143a7a;--violet:#7a5cf0;--scrim:rgba(28,22,8,0.55);--bronze:#c98a5e;font-family:var(--font-h3-body),"Space Grotesk",sans-serif;color:var(--ink);background:var(--card)}html[data-h3theme=dark] .qtt{--surface:#1b1f26;--card:#13161b;--muted:#15181d;--border:#2b2f37;--border2:#2b2f37;--ink:#ece9e2;--ink2:#a59f95;--ink3:#8d877c;--ink4:#9b958b;--tint:#241c0d;--tint-b:#3d2f13;--head:#e0b56a;--coral-tint:#251612;--coral-head:#f0a48d;--green-tint:#0f2019;--green-head:#6fcfa3;--blue-tint:#161f2c;--blue-head:#7aa6e6;--scrim:rgba(4,5,7,0.66);--bronze:#b07a52}.qtt-bric{font-family:var(--font-h3-display),"Bricolage Grotesque",sans-serif}.qtt a{color:var(--amber-deep);text-decoration:none}.qtt a:hover{color:var(--head)}.qtt-page{animation:qttPage .42s cubic-bezier(.22,1,.36,1) backwards;max-width:1600px;margin-inline:auto}.qtt-pad{padding:54px 40px}.qtt-pad-s{padding:34px 40px 54px}@media (max-width:860px){.qtt-pad{padding:26px 16px}.qtt-pad-s{padding:18px 16px 34px}}.qtt-backline{padding:16px 40px 0}@media (max-width:860px){.qtt-backline{padding:12px 16px 0}}.qtt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:720px){.qtt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media (max-width:640px){.qtt-step-label{display:none}}.qtt-preview{max-height:52vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#eec06a transparent}.qtt-preview::-webkit-scrollbar{width:8px}.qtt-preview::-webkit-scrollbar-thumb{border-radius:8px;background:#eec06a}.qtt-board-pad{padding-bottom:96px}@media (min-width:1024px){.qtt-board-pad{padding-bottom:68px}}.qtt-duell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;justify-content:center}@media (max-width:860px){.qtt-duell{gap:10px}}.qtt-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width:1100px){.qtt-specs{grid-template-columns:minmax(0,1fr)}}.qtt .qtt-ico{width:17px;height:17px;flex-shrink:0;color:var(--amber-deep)}.qtt-lift{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.qtt-lift:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(207,143,36,.4)}.qtt-status{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 16px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -14px 34px -22px rgba(0,0,0,.5);font-size:12.5px;color:var(--ink2)}@media (max-width:860px){.qtt-status{bottom:calc(74px + env(safe-area-inset-bottom));font-size:11px;padding:7px 12px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.qtt-status-more{display:none}}.qtt-pill{border-radius:999px;padding:2px 10px;font-weight:700;background:var(--tint);color:var(--head);border:1px solid var(--tint-b);white-space:nowrap}.qtt-pill-blue{background:var(--blue-tint);color:var(--blue-head);border-color:var(--blue-tint)}.qtt-pill-coral{background:var(--coral-tint);color:var(--coral-head);border-color:var(--coral-tint)}.qtt-pill-mute{background:var(--muted);color:var(--ink4);border-color:var(--border)}.qtt-chat{position:fixed;left:50%;bottom:46px;transform:translateX(-50%);z-index:50;width:min(94vw,420px);border-radius:18px 18px 0 0;background:var(--surface);border:1px solid var(--border);border-bottom:none;padding:14px 16px 12px;box-shadow:0 -22px 50px -26px rgba(0,0,0,.5)}@media (max-width:860px){.qtt-chat{bottom:calc(74px + env(safe-area-inset-bottom) + 42px)}}.qtt-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:60;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qtt-overlay--clear{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.qtt-overlay--clear .qtt-overlay-word{text-shadow:0 2px 10px rgba(0,0,0,.35),0 0 26px rgba(255,255,255,.55)}html[data-h3theme=dark] .qtt-overlay--clear .qtt-overlay-word{text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 30px rgba(0,0,0,.6)}.qtt-overlay-word{font-family:var(--font-h3-display),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(2.4rem,11vw,6.5rem);line-height:1;letter-spacing:-1.5px;color:#f2a93b;text-shadow:0 2px 24px rgba(0,0,0,.55);animation:qttZoom 1.1s cubic-bezier(.34,1.56,.64,1) both;text-align:center;padding:0 20px}.qtt-result-overlay{position:fixed;inset:0;z-index:61;display:flex;padding:20px;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto;overscroll-behavior:contain}.qtt-result-panel{margin:auto;width:min(100%,620px);border-radius:20px;border:1px solid var(--border);padding:26px 22px;text-align:center;box-shadow:0 40px 90px -40px rgba(0,0,0,.65);animation:qttZoom .5s cubic-bezier(.34,1.56,.64,1) both}.qtt-result-actions{display:flex;flex-direction:column;gap:8px}@media (min-width:640px){.qtt-result-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}}.qtt-tick{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:55}.qtt-tick-number{font-family:var(--font-h3-display),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(2.5rem,12vw,6rem);color:#f2a93b;text-shadow:0 2px 22px rgba(0,0,0,.5);animation:qttTick .6s cubic-bezier(.22,1,.36,1) both}.qtt-bubble{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 210px);z-index:62;width:min(88vw,380px);transform:translateX(-50%);border-radius:18px;background:var(--surface);box-shadow:0 26px 60px -26px rgba(0,0,0,.55);animation:qttBubble .25s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden}.qtt-bubble-bar{height:3px;animation-name:qttShrink;animation-timing-function:linear;animation-fill-mode:both}.qtt-only-mobile{display:none}@media (max-width:859px){.qtt-only-mobile{display:block}.qtt-only-desktop{display:none!important}}.qtt-mboard{display:flex;flex-direction:column;gap:12px}.qtt-mtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(62px,auto);gap:8px}.qtt-cta{position:fixed;left:0;right:0;bottom:calc(74px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:10px;padding:12px 16px 14px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -16px 34px -26px rgba(0,0,0,.5)}@media (min-width:860px){.qtt-cta{display:none}}.qtt-sheet-scrim{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qtt-sheet{width:100%;max-height:min(560px,84vh);display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:var(--surface);border:1px solid var(--border);border-bottom:none;box-shadow:0 -26px 60px -30px rgba(0,0,0,.6);animation:qttSheet .26s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.qtt-sheet-grip{flex-shrink:0;width:40px;height:4px;margin:8px auto 4px;border-radius:999px;background:var(--border2)}@media (min-width:860px){.qtt-sheet-scrim{align-items:center;padding:24px}.qtt-sheet{max-width:520px;border-radius:20px;border-bottom:1px solid var(--border)}.qtt-sheet-grip{display:none}}.qtt-chat-input:focus{outline:none;border:1.5px solid var(--amber);box-shadow:0 0 0 3px rgba(242,169,59,.18)}.qtt-range{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.qtt-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--amber) 0 var(--qtt-range-fill,0),var(--muted) var(--qtt-range-fill,0) 100%)}.qtt-range::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--amber) 0 var(--qtt-range-fill,0),var(--muted) var(--qtt-range-fill,0) 100%)}.qtt-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#ffffff;border:2px solid var(--amber-deep);box-shadow:0 6px 14px -6px rgba(207,143,36,.9)}.qtt-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#ffffff;border:2px solid var(--amber-deep);box-shadow:0 6px 14px -6px rgba(207,143,36,.9)}.qtt-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(242,169,59,.35)}.qtt-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.qtt-chips::-webkit-scrollbar{display:none}.qtt-xscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.qtt-invite{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width:860px){.qtt-invite{gap:12px}}.qtt-room{display:grid;gap:16px;align-items:start}@media (min-width:1100px){.qtt-room{grid-template-columns:340px minmax(0,1fr) 380px;gap:24px}}.qtt-board-split{display:grid;gap:20px;align-items:start}@media (min-width:1100px){.qtt-board-split{grid-template-columns:minmax(0,1fr) 348px;gap:24px}}.qtt-choice-split{display:grid;gap:16px;align-items:start}@media (min-width:1024px){.qtt-choice-split{grid-template-columns:minmax(0,1fr) 360px;gap:24px}}@keyframes qttSheet{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes qttPage{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes qttZoom{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes qttTick{0%{opacity:.35;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes qttBubble{0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes qttShrink{0%{width:100%}to{width:0}}@keyframes qttReveal{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}.qtt-reveal{animation:qttReveal .32s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.qtt-bubble,.qtt-bubble-bar,.qtt-overlay-word,.qtt-page,.qtt-result-panel,.qtt-reveal,.qtt-sheet,.qtt-tick-number{animation:none}.qtt-lift:hover:not(:disabled){transform:none}}