/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.isolate{isolation:isolate}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--canvas:#f7f2ea;--surface:#fffdfc;--muted:#efe7dc;--ink:#241a18;--soft:#695b56;--border:#d8ccc0;--accent:#6f2032;--accent-hover:#581827;--gold:#a78345;--focus:#315f93;--shadow-soft:0 12px 38px #482d2512,0 2px 8px #482d2509;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-height:100vh;margin:0}button{font:inherit}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.experience{isolation:isolate;background:radial-gradient(ellipse at 8% 14%,#ffffffad,transparent 25rem),radial-gradient(ellipse at 90% 88%,#decdbb3d,transparent 31rem),repeating-linear-gradient(92deg,#664d4205 0,#664d4205 1px,transparent 1px,transparent 7px),var(--canvas);min-height:100vh;position:relative;overflow:hidden}.experience:before,.experience:after{content:"";z-index:-1;pointer-events:none;opacity:.42;filter:blur(.2px);background:radial-gradient(23% 10% at 44% 18%,#ffffffc7 0 65%,#0000 68%),radial-gradient(11% 23% at 60% 28%,#ffffffa3 0 66%,#0000 69%),radial-gradient(21% 10% at 68% 45%,#ffffffad 0 65%,#0000 68%),radial-gradient(10% 22% at 52% 57%,#ffffff94 0 65%,#0000 68%),linear-gradient(62deg,#0000 47%,#a783451c 48% 49%,#0000 50%);width:390px;height:520px;position:fixed}.experience:before{top:-120px;left:-130px;transform:rotate(-22deg)}.experience:after{bottom:-170px;right:-140px;transform:rotate(158deg)}.screen[hidden]{display:none!important}.screen{min-height:100vh}.screen.is-leaving{animation:.15s cubic-bezier(.4,0,1,1) both page-out}.screen.is-entering{animation:.35s cubic-bezier(.22,.61,.36,1) both page-in}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.eyebrow{color:var(--accent);letter-spacing:.23em;text-transform:uppercase;margin:0 0 20px;font-size:11px;font-weight:700}.button{letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:12px;min-height:52px;padding:0 30px;font-weight:650;transition:background .16s,transform .16s,color .16s,box-shadow .16s,border-color .16s;box-shadow:0 5px 15px #0000}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.primary{background:var(--accent);color:#fffaf6;box-shadow:0 8px 22px #6f203229}.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 11px 28px #58182738}.secondary{color:var(--ink);background:#fffdfc7a;border-color:#a783456b}.secondary:hover{background:var(--surface);border-color:#a78345bf;box-shadow:0 7px 20px #482d2512}.button:disabled{cursor:not-allowed;color:#7a706c;box-shadow:none;background:#d8cec7}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-screen{text-align:center;place-items:center;padding:72px 56px;display:grid;position:relative;overflow:hidden}.welcome-screen:before,.welcome-screen:after{content:"";background:linear-gradient(#0000,#a7834559,#0000);width:1px;position:absolute;top:64px;bottom:64px}.welcome-screen:before{left:56px}.welcome-screen:after{right:56px}.welcome-copy{z-index:1;max-width:900px;padding:52px 72px;position:relative}.welcome-copy h1,.question-heading h1,.reveal-heading h1{letter-spacing:-.038em;font-family:Cormorant Garamond,Georgia,serif;font-weight:500}.welcome-copy h1{text-wrap:balance;margin:0 0 32px;font-size:clamp(58px,6.2vw,90px);line-height:1.01}.welcome-copy h1 em{color:var(--accent);font-weight:500}.welcome-copy>p:not(.eyebrow){max-width:570px;color:var(--soft);margin:0 auto 40px;font-family:Georgia,serif;font-size:18px;line-height:1.75}.begin{align-items:center;gap:64px;padding-inline:32px;display:inline-flex}.welcome-ornament{aspect-ratio:1;border:1px solid #a783451f;border-radius:50%;width:min(72vw,900px);position:absolute;box-shadow:inset 0 0 100px #ffffff29}.welcome-ornament:before,.welcome-ornament span{content:"";border:1px solid #a783451b;border-radius:50%;position:absolute;inset:12%}.welcome-ornament span{inset:24%}.edition-mark{text-align:left;color:var(--soft);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:10px;line-height:1.7;position:absolute;bottom:60px;left:80px}.step-screen{padding:46px 48px 80px;position:relative}.step-wrap{max-width:1120px;margin:auto}.step-header{max-width:900px;margin:0 auto 64px}.progress-meta{color:var(--soft);letter-spacing:.17em;text-transform:uppercase;justify-content:space-between;margin-bottom:14px;font-size:10px;font-weight:650;display:flex}.progress-track{background:#d8ccc09e;border-radius:999px;height:5px;padding:1px;box-shadow:inset 0 1px 2px #482d250f}.progress-track span{background:linear-gradient(90deg,var(--accent),#8b4352);border-radius:999px;height:3px;transition:width .32s cubic-bezier(.22,.61,.36,1);display:block;box-shadow:0 1px 4px #6f203229}.question-heading{max-width:900px;margin:0 auto 42px}.question-heading h1{text-wrap:balance;max-width:740px;margin:0 0 18px;font-size:clamp(42px,4.2vw,59px);line-height:1.07}.question-heading>p:not(.eyebrow){max-width:660px;color:var(--soft);margin:0;font-size:15px;line-height:1.75}.question-heading .reference-note{font-family:Georgia,serif;font-style:italic;color:#7d6d66!important;margin-top:12px!important;font-size:13px!important}.ranking-list{gap:12px;max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.ranking-card{cursor:grab;background:linear-gradient(110deg,#fffdfcf0,#fcf8f3db);border:1px solid #bcaa999e;border-radius:15px;grid-template-columns:48px 128px minmax(0,1fr) auto 28px;align-items:center;gap:16px;min-height:112px;padding:10px 18px;transition:border-color .18s,box-shadow .18s,opacity .16s,transform .18s,background .18s;display:grid;box-shadow:0 3px 12px #482d2509}.ranking-card:hover{background:var(--surface);box-shadow:var(--shadow-soft);border-color:#a783459e;transform:translateY(-1px)}.ranking-card.dragging{opacity:.52;transform:rotate(.25deg);box-shadow:0 18px 44px #46282224}.rank{width:36px;height:36px;color:var(--gold);background:#f7f2ea94;border:1px solid #a7834545;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:13px;display:grid}.reference-image{background:#f5eee5;border:1px solid #bcaa9975;border-radius:10px;display:block;overflow:hidden}.reference-image svg{aspect-ratio:18/11;width:100%;height:auto;display:block}.option-copy{align-items:baseline;gap:18px;display:flex}.option-copy strong{font-family:Georgia,serif;font-size:19px;font-weight:500}.option-copy small{color:var(--soft);letter-spacing:.01em;font-size:12px}.drag-handle{color:#a5978f;font-size:21px}.move-controls{gap:5px;display:flex}.move-controls button{width:40px;height:40px;color:var(--soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;transition:background .15s,border-color .15s,color .15s}.move-controls button:hover:not(:disabled){color:var(--accent);background:#f6efe6;border-color:#a7834559}.move-controls button:disabled{opacity:.22;cursor:not-allowed}.confirmation{align-items:center;gap:20px;max-width:900px;margin:24px auto 0;display:flex}.confirm-button{min-height:46px;color:var(--ink);letter-spacing:.02em;cursor:pointer;background:#fffdfc6b;border:1px solid #a78345a8;border-radius:11px;padding:0 20px;font-size:12px;font-weight:700;transition:background .16s,box-shadow .16s,transform .16s}.confirm-button:hover{background:var(--surface);transform:translateY(-1px);box-shadow:0 7px 20px #482d2512}.confirmation p{color:var(--soft);margin:0;font-size:12px;line-height:1.55}.step-actions{border-top:1px solid #bcaa9973;justify-content:space-between;max-width:900px;margin:44px auto 0;padding-top:28px;display:flex}.results-screen{padding:96px 48px 112px}.results-wrap{max-width:1060px;margin:auto}.reveal-heading{text-align:center;max-width:740px;margin:0 auto 62px}.reveal-heading h1{text-wrap:balance;margin:0 0 20px;font-size:clamp(56px,6vw,78px)}.reveal-heading>p:last-child{color:var(--soft);margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.8}.recommendation-card{background:linear-gradient(145deg,#ffffffc2,#fffcf8eb);border:1px solid #bcaa99a3;border-radius:22px;padding:74px 68px;position:relative;box-shadow:0 26px 70px #46282214,0 3px 12px #46282209}.recommendation-card:before{content:"";pointer-events:none;border:1px solid #a7834540;border-radius:14px;position:absolute;inset:11px}.recommendation-intro{text-align:center;max-width:700px;margin:0 auto 58px;position:relative}.folio{color:var(--gold);letter-spacing:.21em;text-transform:uppercase;margin:0 0 30px;font-size:10px;font-weight:650}.recommendation-intro h2{letter-spacing:-.025em;margin:0 0 20px;font-family:Georgia,serif;font-size:47px;font-weight:500}.recommendation-intro>p:last-child{color:var(--soft);margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.82}.spec-grid{border-top:1px solid #bcaa9985;grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:relative}.spec-grid div{text-align:center;padding:30px 20px 10px}.spec-grid dt,.preference-summary dt{color:var(--soft);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:650}.spec-grid dd{margin:9px 0 0;font-family:Georgia,serif;font-size:17px}.why-section{border-bottom:1px solid #bcaa9980;grid-template-columns:.82fr 1.18fr;gap:92px;padding:96px 36px;display:grid}.why-section h2,.preference-summary h2{letter-spacing:-.02em;margin:0;font-family:Georgia,serif;font-size:36px;font-weight:500}.why-section>p{color:var(--soft);margin:30px 0 0;font-family:Georgia,serif;font-size:19px;line-height:1.9}.preference-summary{padding:82px 36px}.preference-summary>dl{grid-template-columns:repeat(3,1fr);gap:34px 54px;margin:42px 0 0;display:grid}.preference-summary dl div{border-top:1px solid #bcaa9985;padding-top:18px}.preference-summary dd{margin:9px 0 0;font-family:Georgia,serif;font-size:18px}.result-actions{justify-content:center;gap:14px;margin-top:34px;display:flex}.restart{margin:0}.download-status{text-align:center;min-height:20px;color:var(--soft);margin:14px 0 0;font-size:12px}.results-screen:not([hidden]) .recommendation-card{animation:.4s cubic-bezier(.22,.61,.36,1) 80ms both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=700px){.experience:before,.experience:after{opacity:.28;width:250px;height:350px}.welcome-screen,.step-screen,.results-screen{padding-left:20px;padding-right:20px}.welcome-screen:before,.welcome-screen:after{display:none}.welcome-copy{padding-inline:0}.edition-mark{bottom:24px;left:24px}.step-header{margin-bottom:44px}.ranking-card{border-radius:13px;grid-template-columns:40px 92px minmax(0,1fr) auto;gap:9px;padding:9px 10px}.reference-image{grid-column:2}.option-copy{display:block}.option-copy small{margin-top:4px;display:block}.drag-handle{display:none}.move-controls{flex-direction:column;grid-area:1/4}.move-controls button{width:34px;height:32px}.confirmation{flex-direction:column;align-items:flex-start}.step-actions,.result-actions{gap:12px}.step-actions .button{flex:1;padding-inline:16px}.result-actions{flex-direction:column}.recommendation-card{border-radius:18px;padding:50px 24px}.spec-grid,.preference-summary>dl{grid-template-columns:repeat(2,1fr)}.why-section{grid-template-columns:1fr;gap:14px;padding:68px 8px}.preference-summary{padding:68px 8px}.welcome-copy h1 br{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.carousel-viewport{overflow:hidden}.carousel-track{align-items:flex-start;transition:transform .42s cubic-bezier(.22,.61,.36,1);display:flex}.recommendation-slide{flex:0 0 100%;min-width:0}.carousel-controls{justify-content:center;align-items:center;gap:22px;margin-top:30px;display:flex}.carousel-arrow{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#fffdfcb3;border:1px solid #a783458c;border-radius:50%;place-items:center;font-size:20px;transition:background .16s,transform .16s;display:grid}.carousel-arrow:hover{background:var(--surface);transform:translateY(-1px)}.carousel-dots{gap:10px;display:flex}.carousel-dots button{border:1px solid var(--gold);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0}.carousel-dots button.is-active{background:var(--accent);border-color:var(--accent)}.carousel-position{text-align:center;color:var(--soft);letter-spacing:.12em;text-transform:uppercase;margin:10px 0 0;font-size:11px}.recommendation-slide .why-section{border-bottom:1px solid #bcaa9980}.reference-image{aspect-ratio:3/2;place-items:center;width:156px;display:grid;position:relative}.reference-image img,.reference-image svg{width:100%;height:100%;display:block}.reference-image img{object-fit:var(--image-fit,contain);object-position:var(--image-position,center)}.reference-image svg{object-fit:contain}.image-error-fallback{color:var(--soft);text-align:center;place-items:center;padding:12px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:grid;position:absolute;inset:0}.image-error-fallback[hidden]{display:none}@media (width<=700px){.ranking-card{grid-template-columns:40px 104px minmax(0,1fr) auto}.reference-image{width:104px}}.ranking-card{grid-template-columns:48px 216px minmax(0,1fr) auto 28px;min-height:156px}.reference-image{aspect-ratio:8/5;width:216px}.reference-image--angles img{object-position:center;width:200%;max-width:none;transition:transform .18s;position:absolute;inset:0 auto 0 0}.reference-image--angles img[data-angle-position=left]{transform:translate(0)}.reference-image--angles img[data-angle-position=right]{transform:translate(-50%)}.angle-toggle{z-index:2;width:44px;height:44px;color:var(--accent);cursor:pointer;background:#fffdfceb;border:1px solid #6f203252;border-radius:50%;place-items:center;padding:0;font-size:20px;transition:background .15s,border-color .15s,transform .15s;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%);box-shadow:0 3px 12px #482d251f}.angle-toggle:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-50%)scale(1.04)}.angle-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (width<=700px){.ranking-card{grid-template-columns:40px 120px minmax(0,1fr) auto;min-height:112px}.reference-image{width:120px}.angle-toggle{width:40px;height:40px;right:4px}}.ranking-card{column-gap:48px}.reference-image{background:0 0;border:0;overflow:visible}.image-viewport{background:#f5eee5;border:1px solid #bcaa9975;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.reference-image--contained .image-viewport{inset:5px}.angle-toggle{width:40px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;font-size:24px;right:-44px}.angle-toggle:hover{box-shadow:none;background:0 0;border:0}.zoom-preview{z-index:20;aspect-ratio:8/5;visibility:hidden;opacity:0;pointer-events:none;background-color:#f5eee5;background-image:var(--zoom-image);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #bcaa99b8;border-radius:10px;width:360px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:50%;left:calc(100% + 54px);transform:translateY(-50%)scale(.98);box-shadow:0 18px 48px #4628222e}.zoom-preview--angles{background-position:0;background-size:200%}.reference-image[data-current-angle=right] .zoom-preview--angles{background-position:100%}.reference-image:hover .zoom-preview,.reference-image:focus-within .zoom-preview{visibility:visible;opacity:1;transform:translateY(-50%)scale(1)}@media (width<=700px){.ranking-card{grid-template-columns:40px 104px minmax(0,1fr) auto;column-gap:28px}.reference-image{width:104px}.angle-toggle{width:28px;right:-30px}.zoom-preview{display:none}}.image-viewport>img{width:100%;height:100%;position:absolute;inset:0}.reference-image--angles .image-viewport>img{width:200%;max-width:none;right:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}