@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap");.tt-quiz{--c-primary:#3858D8;--c-text-on-dark:#FFFFFF;--c-bg:#F6F9FF;--c-bg-yellow:#EAF1FF;--c-bg-lilac:#EAE6FB;--c-bg-mint:#E3F2FB;--c-surface:#FFFFFF;--c-surface-alt:#F3F6FC;--c-text:#1B2340;--c-text-muted:#55618A;--c-text-subtle:#8892B0;--c-border:#D7E1F5;--c-error:#9C2832;--c-error-bg:#F7DDDF;--c-focus:#3858D8;--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--fs-body:16px;--fs-small:14px;--fs-micro:12px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--r-1:6px;--r-2:10px;--r-3:14px;--r-4:20px;--r-pill:9999px;--shadow-xs:0 1px 2px rgba(31,27,22,0.06);--shadow-sm:0 2px 6px rgba(31,27,22,0.08),0 1px 2px rgba(31,27,22,0.04);--shadow-md:0 6px 18px rgba(31,27,22,0.10),0 2px 4px rgba(31,27,22,0.05);--t-fast:150ms;--t-base:250ms;--ease-out:cubic-bezier(0.22,1,0.36,1);background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);min-height:100dvh;padding-block:var(--s-5)}@media (min-width:768px){.tt-quiz{padding-block:var(--s-7)}}@media (prefers-color-scheme:dark){.tt-quiz:not([data-theme=light]){--c-bg:#12172B;--c-bg-yellow:#1A2140;--c-bg-lilac:#201C38;--c-bg-mint:#17253A;--c-surface:#1A2038;--c-surface-alt:#171C33;--c-text:#EAEFFC;--c-text-muted:#AFBADC;--c-text-subtle:#7C87AC;--c-border:#2E3760;--c-primary:#6E8AF5}}.tt-quiz h1,.tt-quiz h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--c-text)}.tt-quiz .muted{color:var(--c-text-muted)}.tt-quiz .subtle{color:var(--c-text-subtle)}.tt-quiz .eyebrow{font-size:var(--fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}.tt-quiz .btn{--btn-bg:var(--c-primary);--btn-fg:var(--c-text-on-dark);--btn-bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:10px 20px;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);border-radius:var(--r-2);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-body);letter-spacing:.01em;text-decoration:none;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);white-space:nowrap}.tt-quiz .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.tt-quiz .btn:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.tt-quiz .btn-ghost{--btn-bg:transparent;--btn-fg:var(--c-text);--btn-bd:transparent;box-shadow:none}.tt-quiz .btn-ghost:hover{background:var(--c-surface-alt);box-shadow:none;transform:none;text-decoration:underline}.tt-quiz .btn-secondary{--btn-bg:var(--c-surface);--btn-bd:var(--c-border);--btn-fg:var(--c-text);box-shadow:none}.tt-quiz .btn-secondary:hover{background:var(--c-surface-alt)}.tt-quiz .btn-lg{min-height:52px;padding:14px 28px;font-size:17px}.tt-quiz .btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.tt-quiz .divider{border:none;border-top:1px solid var(--c-border)}.tt-quiz .tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:var(--r-pill);text-transform:uppercase;background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text)}.tt-quiz .tag.tag-new{background:var(--c-primary);border-color:transparent;color:var(--c-text-on-dark)}.tt-quiz .tag.tag-success{background:#DCF3E6;border-color:transparent;color:#1E6B44}.tt-quiz .tag.tag-free,.tt-quiz .tag.tag-locked{background:var(--c-bg-lilac);border-color:transparent;color:var(--c-text)}.tt-quiz .tag.tag-ongoing{background:var(--c-bg-yellow);border-color:transparent;color:var(--c-text)}.tt-quiz .card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-4);padding:var(--s-5);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}@media (min-width:768px){.tt-quiz .card{padding:var(--s-6)}}.tt-quiz .card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.tt-quiz .card-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tt-quiz .field{display:flex;flex-direction:column;gap:var(--s-2)}.tt-quiz .field-label{font-size:var(--fs-small);font-weight:600;color:var(--c-text)}.tt-quiz .field-help{font-size:var(--fs-small);color:var(--c-text-muted)}.tt-quiz .input,.tt-quiz select.input,.tt-quiz textarea.input{font:inherit;width:100%;min-height:48px;padding:12px 14px;background:var(--c-surface);color:var(--c-text);border:1.5px solid var(--c-border);border-radius:var(--r-3);transition:border-color var(--t-fast) var(--ease-out)}.tt-quiz .input::placeholder{color:var(--c-text-subtle)}.tt-quiz .input:hover{border-color:var(--c-text-subtle)}.tt-quiz .input:focus,.tt-quiz .input:focus-visible{outline:none;border-color:var(--c-text);box-shadow:0 0 0 3px var(--c-focus)}.tt-quiz textarea.input{min-height:120px;resize:vertical}.tt-quiz .option-group{display:grid;grid-gap:var(--s-3);gap:var(--s-3);grid-template-columns:1fr}@media (min-width:640px){.tt-quiz .option-group-2{grid-template-columns:1fr 1fr}}.tt-quiz .option-card{display:flex;align-items:center;gap:var(--s-3);padding:14px 16px;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-3);cursor:pointer;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.tt-quiz .option-card:hover{border-color:var(--c-text-subtle)}.tt-quiz .option-card input{accent-color:var(--c-text);width:20px;height:20px;flex:none;margin:0}.tt-quiz .option-card[data-checked=true]{border-color:var(--c-text);background:var(--c-bg-yellow)}.tt-quiz .dia-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-3);gap:var(--s-3)}.tt-quiz .pick{justify-content:center}.tt-quiz .pick.is-compact{padding:8px 14px;display:inline-flex}.tt-quiz .pick-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:none;margin-right:6px}.tt-quiz .tab-dot{width:8px;height:8px;border-radius:50%;background:var(--c-primary);display:inline-block;margin-left:6px}.tt-quiz .swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}@media (min-width:480px){.tt-quiz .swatch-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.tt-quiz .swatch{aspect-ratio:1;border-radius:var(--r-3);border:3px solid transparent;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font-size:12px;color:#3a2c08;font-weight:600}.tt-quiz .swatch[data-checked=true]{border-color:var(--c-text)}.tt-quiz .alert-warning{background:var(--c-error-bg);border-left-color:var(--c-error);color:var(--c-error)}.tt-quiz .dia-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--s-5);gap:var(--s-5);align-items:start}@media (min-width:900px){.tt-quiz .dia-grid{grid-template-columns:1fr 1fr}}.tt-quiz .wq-cbox{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--c-border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;color:var(--c-text)}.tt-quiz .wq-cbox[data-checked=true]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-text-on-dark)}.tt-quiz .wq-lock{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--c-text-subtle)}.tt-quiz .wq-channels{margin:10px 0 0 34px;padding:12px 14px;border:1px solid var(--c-border);border-radius:var(--r-3)}.tt-quiz .wq-chan{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px;border-top:1px solid var(--c-border)}.tt-quiz .wq-chan:first-child{border-top:none}.tt-quiz .wq-chan .grow{flex:1 1;min-width:0}.tt-quiz .wq-chan input.wq-native-cbox[type=checkbox]{width:20px;height:20px;border-radius:6px;accent-color:var(--c-primary);flex:none;cursor:pointer}.tt-quiz .progress{height:8px;background:var(--c-border);border-radius:var(--r-pill);overflow:hidden}.tt-quiz .progress>.progress-bar{display:block;height:100%;background:var(--c-primary);border-radius:var(--r-pill);transition:width var(--t-base) var(--ease-out)}.tt-quiz .alert{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-bg-yellow);border-left:3px solid var(--c-text);border-radius:var(--r-3);color:var(--c-text);font-size:var(--fs-body)}.tt-quiz .quiz-shell{max-width:720px;margin-inline:auto;padding-inline:var(--s-5)}.tt-quiz .quiz-progress-row{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-5)}.tt-quiz .quiz-progress-row .progress{flex:1 1}.tt-quiz .quiz-progress-row .btn-ghost{flex-shrink:0;padding:10px 14px}.tt-quiz .quiz-card{position:relative;padding:var(--s-6)}@media (min-width:768px){.tt-quiz .quiz-card{padding:var(--s-7)}}.tt-quiz .quiz-question{font-family:var(--font-display);font-size:clamp(24px,1.8vw + 18px,32px);line-height:1.2;letter-spacing:-.01em}.tt-quiz .quiz-actions{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-5)}.tt-quiz .quiz-fade-in{animation:tt-quiz-fade-in var(--t-base) var(--ease-out)}@keyframes tt-quiz-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.tt-quiz .quiz-actions{flex-wrap:wrap}.tt-quiz .quiz-actions .btn{width:100%;white-space:normal;text-align:center}}.tt-quiz .db-shell{max-width:1040px;margin-inline:auto;padding-inline:var(--s-5);padding-block:var(--s-5);display:flex;flex-direction:column;gap:var(--s-5)}@media (min-width:768px){.tt-quiz .db-shell{padding-block:var(--s-7)}}.tt-quiz .db-hero{position:relative;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3);padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.tt-quiz .db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.tt-quiz .db-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding-top:30px}.tt-quiz .db-tile h3{margin:6px 0 0;font-family:var(--font-display);font-weight:500;font-size:18px}.tt-quiz .db-tile-locked{opacity:.75}.tt-quiz .db-step{position:absolute;top:var(--s-5);left:var(--s-5);width:22px;height:22px;border-radius:50%;background:var(--c-text);color:var(--c-bg);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.tt-quiz .db-tile{padding-top:34px}.tt-quiz .db-step{top:var(--s-6)}}.tt-quiz .db-tile .tag{align-self:flex-end}.tt-quiz .db-tile.card-link{display:flex;flex-direction:column}@keyframes tt-quiz-db-pulse{0%,to{box-shadow:0 0 0 0 rgba(56,88,216,0)}50%{box-shadow:0 0 0 6px rgba(56,88,216,.55)}}.tt-quiz .db-tile.is-current{border-color:var(--c-primary);animation:tt-quiz-db-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.tt-quiz .db-tile.is-current{animation:none}}.tt-quiz .db-tile.no-step{padding-top:var(--s-5)}@media (min-width:768px){.tt-quiz .db-tile.no-step{padding-top:var(--s-5)}}.tt-quiz .db-diary-row{display:grid;grid-template-columns:1fr;grid-gap:var(--s-4);gap:var(--s-4);align-items:stretch}@media (min-width:640px){.tt-quiz .db-diary-row{grid-template-columns:1fr 1fr}}.tt-quiz .db-shell>.db-hero{order:0}.tt-quiz .db-shell>.db-diary-row{order:1}.tt-quiz .db-shell>.db-messages-card{order:2}.tt-quiz .db-shell>.db-working-card{order:3}.tt-quiz .step-row-list{display:flex;flex-direction:column;gap:10px}.tt-quiz .step-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1.5px solid var(--c-border);border-radius:var(--r-3);text-decoration:none;color:inherit;background:var(--c-surface);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.tt-quiz a.step-row:hover{border-color:var(--c-text-subtle)}.tt-quiz .step-row[data-locked=true]{opacity:.55}.tt-quiz .step-row[data-current=true]{border-color:var(--c-primary)}.tt-quiz .step-row-icon{flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--c-surface-alt);border:1.5px solid var(--c-border);color:var(--c-text-subtle)}.tt-quiz .step-row[data-done=true] .step-row-icon{background:#1E6B44;border-color:transparent;color:var(--c-text-on-dark)}.tt-quiz .step-row[data-current=true] .step-row-icon{background:var(--c-primary);border-color:transparent;color:var(--c-text-on-dark)}.tt-quiz .step-row-body{flex:1 1;min-width:0}.tt-quiz .step-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:15px}.tt-quiz .step-row-desc{margin-top:2px;font-size:13px;color:var(--c-text-muted)}.tt-quiz .step-row-content{margin-top:12px;padding-top:12px;border-top:1px solid var(--c-border)}.tt-quiz .cv-box{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1.5px solid var(--c-border);border-radius:var(--r-3);background:var(--c-surface)}.tt-quiz .cv-box input,.tt-quiz .cv-other input{flex:1 1;min-width:140px;border:none;outline:none;background:transparent;font-size:15px;padding:6px 2px;color:var(--c-text);font-family:inherit}.tt-quiz .cv-chip{display:inline-flex;align-items:center;gap:6px;background:var(--c-bg-yellow);border:1px solid var(--c-border);border-radius:999px;padding:5px 8px 5px 12px;font-size:14px}.tt-quiz .cv-chip button,.tt-quiz .cv-ochip button{border:none;background:none;cursor:pointer;color:var(--c-text-muted);font-size:16px;line-height:1;padding:0}.tt-quiz .cv-sug{margin-top:6px;border:1px solid var(--c-border);border-radius:var(--r-3);max-height:210px;overflow-y:auto;background:var(--c-surface)}.tt-quiz .cv-sug button{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:15px;color:var(--c-text)}.tt-quiz .cv-sug button:focus,.tt-quiz .cv-sug button:hover{background:var(--c-surface-alt)}.tt-quiz .cv-other{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1px dashed var(--c-border);border-radius:var(--r-3);background:var(--c-surface-alt)}.tt-quiz .cv-ochip{display:inline-flex;align-items:center;gap:6px;background:var(--c-surface);border:1px dashed var(--c-border);border-radius:999px;padding:5px 8px 5px 12px;font-size:14px;color:var(--c-text-muted)}.tt-quiz .legal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.tt-quiz .legal-modal{max-width:560px;width:100%;max-height:85vh;display:flex;flex-direction:column;padding:0}.tt-quiz .legal-header{padding:18px 20px;border-bottom:1px solid var(--c-border)}.tt-quiz .legal-scroll{overflow-y:auto;padding:18px 20px;flex:1 1}.tt-quiz .legal-footer{padding:14px 20px;border-top:1px solid var(--c-border);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.tt-quiz .q-info{position:relative;display:inline-block}.tt-quiz .q-infobtn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:none;color:var(--c-text-subtle);cursor:pointer;vertical-align:middle;margin-left:4px}.tt-quiz .q-infobtn:focus-visible,.tt-quiz .q-infobtn:hover{color:var(--c-text)}.tt-quiz .q-pop{position:absolute;left:0;top:140%;width:min(320px,78vw);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3);padding:12px 14px;font-family:var(--font-sans);font-size:13px;line-height:1.5;letter-spacing:normal;color:var(--c-text-muted);box-shadow:var(--shadow-md);z-index:10;display:none;font-weight:400}.tt-quiz .q-info:hover .q-pop,.tt-quiz .q-pop.show{display:block}.tt-quiz .sa-table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--r-3)}.tt-quiz .sa-table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}.tt-quiz .sa-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--c-text-muted);padding:10px 14px;background:var(--c-surface-alt);white-space:nowrap}.tt-quiz .sa-table td{padding:12px 14px;border-top:1px solid var(--c-border);vertical-align:top}.tt-quiz .sa-table tr:first-child td{border-top:none}.tt-quiz .sa-table td.sa-price{font-weight:600;white-space:nowrap}.tt-quiz .sa-step-list{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--c-text-muted)}.tt-quiz .sa-legal-block{font-size:14px;line-height:1.6;color:var(--c-text-muted)}.tt-quiz .sa-legal-block+.sa-legal-block{margin-top:14px}.tt-quiz .mascot-perch{position:absolute;bottom:2px;right:14px;z-index:2;filter:drop-shadow(0 6px 8px rgba(27,35,64,.22))}@keyframes tt-mascot-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}.tt-quiz .mascot-bob{animation:tt-mascot-bob 3.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.tt-quiz .mascot-bob{animation:none}}