.ui-button{appearance:none;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;border:1.5px solid #0000;font-weight:600;transition:background-color .12s,color .12s,border-color .12s,filter .12s;display:inline-flex;position:relative}.ui-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-button[data-size=md]{height:var(--control-height-md);padding:0 var(--space-5);font-size:var(--text-md)}.ui-button[data-size=lg]{height:var(--control-height-lg);padding:0 var(--space-6);font-size:var(--text-lg)}.ui-button[data-full=true]{width:100%}.ui-button[data-variant=primary]{background:var(--color-primary);color:var(--color-on-primary)}.ui-button[data-variant=primary]:hover:not(:disabled){filter:brightness(1.1)}.ui-button[data-variant=secondary]{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.ui-button[data-variant=secondary]:hover:not(:disabled){background:var(--color-primary-soft)}.ui-button[data-variant=ghost]{color:var(--color-primary);background:0 0}.ui-button[data-variant=ghost]:hover:not(:disabled){background:var(--color-primary-soft)}.ui-button:disabled{cursor:not-allowed;opacity:.45}.ui-button[data-loading=true]{color:#0000}.ui-button[data-loading=true]:after{content:"";border:2px solid;border-color:var(--spinner-color) transparent var(--spinner-color) var(--spinner-color);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ui-spin;position:absolute}.ui-button[data-variant=primary]{--spinner-color:var(--color-on-primary)}.ui-button[data-variant=secondary],.ui-button[data-variant=ghost]{--spinner-color:var(--color-primary)}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.ui-card[data-padding=sm]{padding:var(--space-3)}.ui-card[data-padding=md]{padding:var(--space-4)}.ui-card[data-padding=lg]{padding:var(--space-5)}.ui-choice{align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height-lg);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .12s,background-color .12s;display:flex}.ui-choice:has(input:focus-visible){box-shadow:var(--focus-ring)}.ui-choice:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.ui-choice:has(input:disabled){opacity:.45;cursor:not-allowed}.ui-choice input{opacity:0;width:0;height:0;position:absolute}.ui-choice-indicator{border:1.5px solid var(--color-border);background:var(--color-surface);flex-shrink:0;place-items:center;width:22px;height:22px;transition:border-color .12s,background-color .12s;display:grid}.ui-choice[data-type=radio] .ui-choice-indicator{border-radius:50%}.ui-choice[data-type=checkbox] .ui-choice-indicator{border-radius:6px}.ui-choice-indicator:after{content:"";border-radius:inherit;background:var(--color-on-primary);width:10px;height:10px;transition:transform .12s;transform:scale(0)}.ui-choice[data-type=checkbox] .ui-choice-indicator:after{border-right:2px solid var(--color-on-primary);border-bottom:2px solid var(--color-on-primary);background:0 0;border-radius:0;width:6px;height:11px;margin-top:-3px}.ui-choice:has(input:checked) .ui-choice-indicator{border-color:var(--color-primary);background:var(--color-primary)}.ui-choice[data-type=radio]:has(input:checked) .ui-choice-indicator:after{transform:scale(1)}.ui-choice[data-type=checkbox]:has(input:checked) .ui-choice-indicator:after{transform:rotate(45deg)scale(1)}.ui-choice-text{gap:2px;display:grid}.ui-choice-label{font-size:var(--text-md);color:var(--color-text);font-weight:500}.ui-choice-description{font-size:var(--text-sm);color:var(--color-muted)}.ui-stack{flex-direction:column;display:flex}.ui-stack[data-direction=row]{flex-flow:wrap}.ui-stack[data-align=start]{align-items:flex-start}.ui-stack[data-align=center]{align-items:center}.ui-stack[data-align=stretch]{align-items:stretch}.ui-stack[data-gap="1"]{gap:var(--space-1)}.ui-stack[data-gap="2"]{gap:var(--space-2)}.ui-stack[data-gap="3"]{gap:var(--space-3)}.ui-stack[data-gap="4"]{gap:var(--space-4)}.ui-stack[data-gap="5"]{gap:var(--space-5)}.ui-stack[data-gap="6"]{gap:var(--space-6)}.ui-stack[data-gap="7"]{gap:var(--space-7)}.ui-stack[data-gap="8"]{gap:var(--space-8)}.ui-progress{gap:var(--space-2);display:grid}.ui-progress-track{border-radius:var(--radius-full);background:var(--color-border);height:4px;overflow:hidden}.ui-progress-fill{border-radius:inherit;background:var(--color-secondary);height:100%;transition:width .24s}.ui-progress-text{font-size:var(--text-xs);color:var(--color-muted);letter-spacing:.02em}.ui-step-heading{gap:var(--space-2);display:grid}.ui-step-heading-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--text-3xl);color:var(--color-primary);margin:0;line-height:1.1}.ui-step-heading-sub{font-size:var(--text-md);color:var(--color-muted);margin:0}.ui-field{gap:var(--space-2);width:100%;min-width:0;display:grid}.ui-field-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.ui-field-control{min-width:0;height:var(--control-height-lg);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-4);align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}.ui-field-control:focus-within{border-color:var(--color-secondary);box-shadow:var(--focus-ring)}.ui-field[data-error=true] .ui-field-control{border-color:var(--color-error)}.ui-field[data-error=true] .ui-field-control:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-error) 20%, transparent)}.ui-field-input{width:100%;min-width:0;height:100%;font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.ui-field-input::placeholder{color:var(--color-muted)}.ui-field-input:disabled{opacity:.45}.ui-field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-field-input[type=number]{-moz-appearance:textfield}.ui-field-unit{font-size:var(--text-md);color:var(--color-muted);padding-left:var(--space-2)}.ui-field-error{font-size:var(--text-sm);color:var(--color-error)}.ui-timeslot{appearance:none;height:var(--control-height-md);min-width:84px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);font-variant-numeric:tabular-nums;cursor:pointer;font-weight:500;transition:border-color .12s,background-color .12s,color .12s}.ui-timeslot:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-timeslot:hover:not(:disabled){border-color:var(--color-primary)}.ui-timeslot[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ui-timeslot:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.ui-slider{--slider-track-height:6px;--slider-thumb-size:32px;gap:var(--space-3);width:100%;display:grid}.ui-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.ui-slider-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.ui-slider-value{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-heading-weight);font-variant-numeric:tabular-nums;color:var(--color-primary)}.ui-slider-unit{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-muted);margin-left:var(--space-1);font-weight:400}.ui-slider-track{height:var(--slider-thumb-size);align-items:center;display:flex;position:relative}.ui-slider-input{appearance:none;width:100%;height:var(--slider-thumb-size);cursor:pointer;z-index:1;background:0 0;margin:0;position:relative}.ui-slider-input:focus{outline:none}.ui-slider-input::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:var(--radius-full);background:linear-gradient(to right, var(--color-primary) var(--slider-percent), var(--color-border) var(--slider-percent))}.ui-slider-input::-moz-range-track{height:var(--slider-track-height);border-radius:var(--radius-full);background:var(--color-border)}.ui-slider-input::-moz-range-progress{height:var(--slider-track-height);border-radius:var(--radius-full);background:var(--color-primary)}.ui-slider-input::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-size)) / 2);background:var(--color-surface);border:3px solid var(--color-primary);box-shadow:var(--shadow-md);border-radius:50%;transition:transform .12s,box-shadow .12s}.ui-slider-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-surface);border:3px solid var(--color-primary);box-shadow:var(--shadow-md);box-sizing:border-box;border-radius:50%;transition:transform .12s,box-shadow .12s}.ui-slider-input:active::-webkit-slider-thumb{box-shadow:var(--shadow-md), var(--focus-ring);transform:scale(1.1)}.ui-slider-input:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-md), var(--focus-ring);transform:scale(1.1)}.ui-slider-input:active::-moz-range-thumb{box-shadow:var(--shadow-md), var(--focus-ring);transform:scale(1.1)}.ui-slider-input:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-md), var(--focus-ring);transform:scale(1.1)}.ui-slider-input:disabled{opacity:.45;cursor:not-allowed}.ui-slider-ticks{left:calc(var(--slider-thumb-size) / 2);right:calc(var(--slider-thumb-size) / 2);pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-slider-tick{border-radius:var(--radius-full);background:var(--color-muted);opacity:.35;width:2px;height:12px}.ui-slider-tick[data-passed=true]{background:var(--color-on-primary);opacity:.8}.ui-slider datalist{display:none}.quiz{max-width:430px;min-height:100dvh;padding:0 var(--space-4) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.quiz-header{z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-4) 0 var(--space-3);background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:40px 1fr 40px;display:grid;position:sticky;top:0}.quiz-back{width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.quiz-back:focus-visible{box-shadow:var(--focus-ring);outline:none}.quiz-chapters{gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.quiz-chapter{gap:var(--space-1);justify-items:center;display:grid}.quiz-chapter-bar{border-radius:var(--radius-full);background:var(--color-border);width:100%;height:4px;transition:background-color .2s}.quiz-chapter[data-state=done] .quiz-chapter-bar{background:var(--color-secondary)}.quiz-chapter[data-state=current] .quiz-chapter-bar{background:var(--color-primary)}.quiz-chapter-label{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;font-weight:500}.quiz-chapter[data-state=current] .quiz-chapter-label{color:var(--color-primary)}.quiz-main{padding-top:var(--space-5);flex:1;animation:.32s both quiz-enter}.quiz-form{gap:var(--space-7);display:grid}.quiz-question{gap:var(--space-4);display:grid}.quiz-question-head{gap:var(--space-2);display:grid}.quiz-question-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--text-xl);color:var(--color-text);margin:0;line-height:1.2}.quiz-question-sub{font-size:var(--text-sm);color:var(--color-muted);margin:0}.quiz-reveal{animation:.32s both quiz-enter}@keyframes quiz-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-bullets{padding-left:var(--space-5);gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);margin:0;display:grid}.quiz-readout{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);display:flex}.quiz-readout[data-tone=secondary]{background:var(--color-secondary-soft);box-shadow:none}.quiz-readout-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-weight:600}.quiz-readout-value{font-family:var(--font-heading);font-size:44px;font-weight:var(--font-heading-weight);color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1}.quiz-readout[data-size=md] .quiz-readout-value{font-size:var(--text-2xl);white-space:nowrap}@media (width<=400px){.quiz-readout[data-size=md] .quiz-readout-value{font-size:var(--text-xl)}}.quiz-readout[data-tone=secondary] .quiz-readout-value{color:var(--color-secondary)}.quiz-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid;animation:.36s cubic-bezier(.2,.9,.3,1.2) both quiz-pop;display:flex}.quiz-banner[data-tone=ok]{background:var(--color-secondary-soft);border-color:var(--color-secondary);color:var(--color-text)}.quiz-banner[data-tone=stop]{background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-text)}.quiz-banner-icon{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.quiz-banner[data-tone=ok] .quiz-banner-icon{background:var(--color-primary);color:var(--color-on-primary)}.quiz-banner[data-tone=stop] .quiz-banner-icon{background:var(--color-surface);color:var(--color-primary)}.quiz-banner-eye{fill:currentColor}.quiz-banner-mouth{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:14;stroke-dashoffset:14px;animation:.36s ease-out .18s forwards quiz-draw}.quiz-banner-text{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--font-heading-weight);line-height:1.3}@keyframes quiz-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes quiz-draw{to{stroke-dashoffset:0}}.quiz-chart{width:100%;height:auto;display:block}.quiz-chart-line{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.quiz-chart-target{stroke:var(--color-secondary);stroke-width:1.5px;stroke-dasharray:4 5}.quiz-chart-dot{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:3px}.quiz-chart-dot[data-end]{stroke:var(--color-secondary)}.quiz-chart-label{font-family:var(--font-heading);fill:var(--color-text);font-size:13px;font-weight:500}.quiz-chart-axis{font-family:var(--font-body);fill:var(--color-muted);font-size:11px}.quiz-hero{gap:var(--space-6);display:grid}.quiz-testimonial{gap:var(--space-3);display:grid}.quiz-testimonial-quote{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:400;line-height:1.35}.quiz-testimonial-foot{font-size:var(--text-sm);color:var(--color-muted);justify-content:space-between;align-items:center;display:flex}.quiz-testimonial-result{color:var(--color-secondary);font-weight:600}.quiz-days-wrap{align-items:center;gap:var(--space-1);margin:0 calc(-1 * var(--space-2));grid-template-columns:32px 1fr 32px;display:grid}.quiz-days-arrow{width:32px;height:32px;color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.quiz-days-arrow:focus-visible{box-shadow:var(--focus-ring);outline:none}.quiz-days{gap:var(--space-2);padding:var(--space-1) 0;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.quiz-days::-webkit-scrollbar{display:none}.quiz-day{scroll-snap-align:start;padding:var(--space-3) 0;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);cursor:pointer;flex:0 0 64px;justify-items:center;gap:2px;transition:border-color .12s,background-color .12s,color .12s;display:grid}.quiz-day:focus-visible{box-shadow:var(--focus-ring);outline:none}.quiz-day:hover{border-color:var(--color-primary)}.quiz-day[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.quiz-day-weekday,.quiz-day-month{font-size:var(--text-xs);text-transform:capitalize;color:var(--color-muted);font-weight:500}.quiz-day[aria-checked=true] .quiz-day-weekday,.quiz-day[aria-checked=true] .quiz-day-month{color:color-mix(in srgb, var(--color-on-primary) 80%, transparent)}.quiz-day-number{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-heading-weight);font-variant-numeric:tabular-nums;line-height:1.1}.quiz-slots{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.quiz-summary{gap:var(--space-2);display:grid}.quiz-summary-row{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);display:flex}.quiz-summary-row dt{color:var(--color-muted)}.quiz-summary-row dd{text-align:right;white-space:nowrap;margin:0;font-weight:500}.quiz-body{color:var(--color-text);white-space:pre-line;margin:0}.quiz-trustpilot{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.quiz-trustpilot-stars{gap:2px;display:inline-flex}.quiz-trustpilot-stars svg rect{fill:var(--color-border)}.quiz-trustpilot-stars svg[data-filled=true] rect{fill:#00b67a}.quiz-trustpilot-stars svg path{fill:#fff}.quiz-trustpilot-mark{font-size:var(--text-xs);color:var(--color-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.quiz-trustpilot-mark svg path{fill:#00b67a}.quiz-tiles{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.quiz-tile{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.quiz-tile[data-accent]{background:var(--color-primary);grid-column:1/-1}.quiz-tile-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-heading-weight);color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1}.quiz-tile[data-accent] .quiz-tile-value{color:var(--color-on-primary);font-size:44px}.quiz-tile-label{font-size:var(--text-sm);color:var(--color-muted);line-height:1.35}.quiz-tile[data-accent] .quiz-tile-label{color:color-mix(in srgb, var(--color-on-primary) 80%, transparent)}.quiz-logo{justify-self:start;width:auto;height:28px}.quiz-reveal{scroll-margin-top:96px}.quiz-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.quiz-row>*{min-width:0}.quiz-note{font-size:var(--text-sm);color:var(--color-muted);padding-left:var(--space-3);border-left:2px solid var(--color-secondary);margin:0;line-height:1.4}.pres{max-width:1040px;padding:var(--space-5) var(--space-4) var(--space-8);gap:var(--space-8);margin:0 auto;display:grid}.pres-top{z-index:3;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;display:flex;position:sticky;top:0}.pres-logo{height:28px}.pres-nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.pres-nav a{column-gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;text-decoration:none;transition:border-color .12s,background-color .12s;display:grid}.pres-nav a[data-active=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.pres-nav-num{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-heading-weight);color:var(--color-primary);grid-row:1/span 2}.pres-nav-title{font-size:var(--text-sm);font-weight:600}.pres-nav-time{font-size:var(--text-xs);color:var(--color-muted)}.pres-section{gap:var(--space-6);scroll-margin-top:96px;display:grid}.pres-section-head{align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary);grid-template-columns:auto 1fr auto;display:grid}.pres-num{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-heading-weight);color:var(--color-secondary)}.pres-section-head h1{font-size:clamp(var(--text-2xl), 5vw, 48px);color:var(--color-primary)}.pres-time{font-size:var(--text-sm);color:var(--color-muted);font-weight:600}.pres-section h2{font-size:var(--text-xl);color:var(--color-text)}.pres-summary{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.pres-summary p{font-size:var(--text-lg);max-width:70ch;margin:0;line-height:1.5}.pres-lead{font-size:var(--text-lg);margin:0}.pres-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.pres-button{height:var(--control-height-md);padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.pres-button[data-variant=secondary]{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.pres-link{color:var(--color-primary);font-weight:600}.pres-pairs{gap:var(--space-3);display:grid}.pres-pairs-head{gap:var(--space-3);grid-template-columns:1fr 40px 1fr;display:grid}.pres-pairs-head h2:last-child{grid-column:3}.pres-pair{gap:var(--space-3);grid-template-columns:1fr 40px 1fr;align-items:stretch;display:grid}.pres-pair-arrow{color:var(--color-secondary);place-items:center;display:grid}.pres-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.pres-tile{appearance:none;gap:var(--space-2);text-align:left;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-heading-weight);color:var(--color-text);cursor:pointer;border-left-width:6px;align-content:start;line-height:1.3;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid}.pres-tile:hover,.pres-tile:focus-visible{box-shadow:var(--shadow-md);outline:none;transform:translateY(-2px)}.pres-tile[data-side=problem]{border-left-color:var(--color-primary)}.pres-tile[data-side=solution]{border-left-color:var(--color-secondary);background:var(--color-secondary-soft)}.pres-tile[data-side=step]{border-left-color:var(--color-secondary)}.pres-tile[data-side=prompt]{border-left-color:var(--color-primary);background:var(--color-primary-soft)}.pres-tile[data-side=wrong]{border-left-color:var(--color-primary)}.pres-tile[data-side=override]{border-left-color:var(--color-secondary)}.pres-tile[data-side=steered]{border-left-color:var(--color-border)}.pres-tile-num{background:var(--color-secondary);width:28px;height:28px;color:var(--color-on-primary);font-size:var(--text-sm);border-radius:50%;place-items:center;display:grid}.pres-tile-kind{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-weight:600}.pres-questions{padding-left:var(--space-5);gap:var(--space-4);font-size:var(--text-lg);margin:0;line-height:1.45;display:grid}.pres-overlay{z-index:10;padding:var(--space-4);background:#2b1a2473;place-items:center;animation:.16s both pres-fade;display:grid;position:fixed;inset:0}.pres-modal{border-radius:var(--radius-lg);background:var(--color-surface);width:min(680px,100%);max-height:85vh;box-shadow:var(--shadow-md);grid-template-rows:auto 1fr;animation:.22s both pres-pop;display:grid;overflow:hidden}.pres-modal-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.pres-modal-head h3{font-size:var(--text-xl);color:var(--color-primary)}.pres-modal-close{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.pres-modal-body{padding:var(--space-5);gap:var(--space-4);display:grid;overflow:auto}.pres-modal-body p{font-size:var(--text-md);margin:0;line-height:1.55}.pres-modal-body pre{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);white-space:pre-wrap;font-family:var(--font-body);font-size:var(--text-sm);margin:0;line-height:1.5}@keyframes pres-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}@keyframes pres-fade{0%{opacity:0}to{opacity:1}}@media (width<=640px){.pres-pairs-head,.pres-pair{grid-template-columns:1fr}.pres-pairs-head h2:last-child{display:none}.pres-pair-arrow svg{transform:rotate(90deg)}}.log{max-width:880px;padding:var(--space-5) var(--space-4) var(--space-8);gap:var(--space-6);margin:0 auto;display:grid}.log-top{justify-content:space-between;align-items:center;display:flex}.log-logo{height:28px}.log-back{color:var(--color-primary);font-weight:600;text-decoration:none}.log-head{gap:var(--space-2);display:grid}.log-head h1{font-size:var(--text-3xl);color:var(--color-primary)}.log-head p{color:var(--color-muted);margin:0}.log-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.log-entry{gap:var(--space-3);grid-template-columns:36px 1fr;display:grid}.log-num{background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);font-family:var(--font-heading);border-radius:50%;place-items:center;font-weight:500;display:grid}.log-body{gap:var(--space-2);min-width:0;display:grid}.log-prompt{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);font-size:var(--text-sm);margin:0;line-height:1.55}.log-result{padding-left:var(--space-3);border-left:2px solid var(--color-secondary);font-size:var(--text-sm);color:var(--color-muted);margin:0}.compare-bar{z-index:2;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.compare-back{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;text-decoration:none}.compare-back:last-child{justify-self:end}.compare-toggle{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);padding:3px;display:inline-flex}.compare-toggle button{appearance:none;height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;background:0 0;border:none;font-weight:600}.compare-toggle button[aria-selected=true]{background:var(--color-primary);color:var(--color-on-primary)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif}:root{--color-primary:#711144;--color-primary-soft:#f5e9ef;--color-on-primary:#fff;--color-secondary:#7d9b86;--color-secondary-soft:#e7efe9;--color-bg:#faf6f0;--color-surface:#fff;--color-text:#2b1a24;--color-muted:#6f6168;--color-border:#e6ded6;--color-error:#b3261e;--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--font-heading-weight:500;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 1px 2px #2b1a240f;--shadow-md:0 8px 24px #2b1a2414;--focus-ring:0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);--control-height-md:48px;--control-height-lg:56px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:1.5}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0;line-height:1.15}
