/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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]){-webkit-text-decoration:underline dotted;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;-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{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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#2d2926;--paper:#f7f0df;--paper-deep:#eee2ca;--cream:#fffaf0;--purple:#70407f;--yellow:#f2c14e;--red:#b65757;--blue:#4d7887;--muted:#756d64}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, #f2c14e21, transparent 25rem), radial-gradient(circle at 92% 35%, #70407f14, transparent 28rem), var(--paper);color:var(--ink);min-height:100vh;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-shell{min-height:100vh;position:relative;overflow:hidden}.screen-quiz{color:var(--cream);background:radial-gradient(circle at 16% 12%,#f2c14e33,#0000 24rem),radial-gradient(circle at 92% 82%,#d9b4e42e,#0000 30rem),linear-gradient(155deg,#765087 0%,#5f3b72 55%,#4d2f61 100%)}.screen-quiz .paper-grain{opacity:.28}.screen-quiz .topbar,.screen-quiz footer{color:var(--cream)}.screen-quiz footer{border-top-color:#fffaf033}.screen-quiz .back-button{background:var(--yellow);border-color:var(--cream);color:var(--ink)}.screen-quiz .progress-copy span{color:#f5d778}.screen-quiz .progress-copy strong i{color:#fffaf08c}.screen-quiz .progress-track{background:#fffaf038}.screen-quiz .progress-track i{border-right-color:var(--cream)}.screen-quiz .question-card{color:var(--ink);box-shadow:10px 11px #f2c14e59}.screen-quiz .quiz-footer p{color:#fffaf0d1}.screen-quiz .next-button{background:var(--yellow);border-color:var(--cream);color:var(--ink);box-shadow:5px 5px #fffaf052}.paper-grain{opacity:.55;pointer-events:none;z-index:10;background-image:repeating-linear-gradient(0deg,#2d292606 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#0000 0 7px,#ffffff1f 7px 8px);position:fixed;inset:0}.topbar{z-index:20;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:26px 24px 12px;display:flex;position:relative}.brand{cursor:pointer;letter-spacing:.08em;background:0 0;border:0;align-items:baseline;gap:5px;padding:5px 0;display:inline-flex;position:relative}.brand span{font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700}.brand strong{letter-spacing:.03em;font-family:Georgia,Times New Roman,serif;font-size:22px}.dot{border-radius:50%;width:5px;height:5px;position:absolute;top:5px}.dot.red{background:var(--red);left:32px}.dot.blue{background:var(--blue);left:77px}.dot.yellow{background:var(--yellow);right:13px}.tiny-note{color:var(--muted);letter-spacing:.12em;border-bottom:2px solid #2d29267a;padding-bottom:3px;font-size:12px}.intro-page,.quiz-page,.result-page{z-index:11;max-width:1120px;margin:0 auto;padding:54px 24px 80px;position:relative}.access-shell{min-height:100vh}.access-page{z-index:11;grid-template-columns:.8fr 1.2fr;align-items:center;gap:46px;max-width:920px;min-height:calc(100vh - 96px);margin:0 auto;padding:40px 24px 90px;display:grid;position:relative}.access-portraits{grid-template-columns:repeat(2,1fr);gap:10px;display:grid;transform:rotate(-1deg)}.access-portraits span{aspect-ratio:1;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);border-radius:48% 52% 46% 54%}.access-portraits span:nth-child(2n){transform:rotate(3deg)}.access-card{border:2px solid var(--ink);background:#fffaf0eb;border-radius:10px 19px 9px 16px;padding:45px 40px 38px;position:relative;box-shadow:10px 11px #70407f24}.access-card .episode-label{margin-bottom:15px}.access-card h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(42px,7vw,66px);line-height:1.08}.access-card>p:not(.episode-label):not(.access-error){color:var(--muted);margin:21px 0;font-size:13px;line-height:1.8}.access-card form{flex-direction:column;align-items:stretch;gap:16px;display:flex}.access-card input{background:var(--paper);border:2px solid var(--ink);letter-spacing:.18em;text-align:center;text-transform:uppercase;border-radius:7px 13px 7px 11px;width:100%;min-height:60px;padding:0 16px;font-family:Courier New,monospace;font-size:26px;font-weight:800}.access-card input:focus{border-color:var(--purple);outline:3px solid #70407f24}.access-card .primary-button{justify-content:center;width:100%}.access-card .primary-button:disabled{cursor:not-allowed;opacity:.4}.access-card>small{color:#958b82;text-align:center;margin-top:22px;font-size:10px;display:block}.access-error{color:#8b3030;text-align:center;background:#f6dddd;border-radius:8px;margin:18px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.invite-generator{background:#f2c14e2b;border:2px dashed #2d292680;border-radius:8px 15px 8px 13px;gap:15px;margin:0 0 32px;padding:19px;display:grid}.invite-generator>div:first-child>span{color:var(--purple);letter-spacing:.12em;font-family:Courier New,monospace;font-size:10px;font-weight:800}.invite-generator h2{margin:6px 0;font-family:Georgia,Songti SC,serif;font-size:21px}.invite-generator>div:first-child p{color:var(--muted);margin:0;font-size:11px}.invite-generator .secondary-button{justify-self:start}.invite-generator .secondary-button:disabled{cursor:wait;opacity:.55}.invite-result{border-top:1.5px dashed #2d29264d;grid-template-columns:.72fr 1.28fr;gap:8px;padding-top:14px;display:grid}.invite-result button{background:var(--cream);cursor:pointer;text-align:left;border:1.5px solid #2d292673;border-radius:7px 10px;flex-direction:column;align-items:flex-start;min-width:0;padding:10px;display:flex;position:relative}.invite-result button small{color:var(--muted);font-size:9px}.invite-result button strong{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-family:Courier New,monospace;font-size:17px;overflow:hidden}.invite-result button:nth-child(2) strong{letter-spacing:0;font-size:10px}.invite-result button span{color:var(--purple);font-size:9px;position:absolute;top:8px;right:8px}.invite-result>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:10px}.intro-page{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);place-content:center;gap:40px 72px;min-height:calc(100vh - 160px);display:grid}.episode-label,.result-kicker{color:var(--purple);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;font-family:Courier New,monospace;font-size:12px;font-weight:800}.episode-label:before,.result-kicker:before{background:var(--yellow);content:"";width:36px;height:9px;margin-right:9px;display:inline-block;transform:rotate(-2deg)}.intro-copy h1{letter-spacing:-.055em;max-width:710px;margin:0;font-family:Georgia,Songti SC,STSong,serif;font-size:clamp(48px,6.6vw,82px);line-height:1.02}.intro-copy h1 em{color:var(--purple);white-space:nowrap;font-style:normal;position:relative}.intro-copy h1 em:after{background:var(--yellow);content:"";opacity:.72;z-index:-1;width:calc(100% + 10px);height:12px;position:absolute;bottom:3px;left:-5px;transform:rotate(-1deg)}.lead{color:#5b534d;max-width:620px;margin:30px 0 22px;font-size:17px;line-height:1.9}.meta-row{flex-wrap:wrap;gap:10px;margin:0 0 30px;display:flex}.meta-row span{background:#fffaf0b8;border:1.5px solid #2d292640;border-radius:999px;padding:8px 12px;font-size:12px}.intro-actions,.result-actions{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.primary-button,.next-button{background:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);color:var(--cream);cursor:pointer;border-radius:4px 12px 5px 10px;justify-content:space-between;align-items:center;gap:34px;min-height:54px;padding:0 22px;font-size:16px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex;transform:rotate(-.3deg)}.primary-button:hover,.next-button:hover:not(:disabled){box-shadow:3px 3px 0 var(--yellow);transform:translate(3px,3px)rotate(-.3deg)}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid;padding:2px 0;font-size:13px}.text-button.muted{color:var(--purple)}.privacy-note{color:#8a8179;margin-top:20px;font-size:11px}.hero-art{border:3px solid var(--ink);background:#e5d6bd;border-radius:35% 32% 8px 9px;height:455px;margin:18px 0 0;position:relative;overflow:hidden;transform:rotate(.9deg);box-shadow:13px 14px #70407f26}.hero-group img{object-fit:cover;object-position:center 42%;width:100%;height:100%;display:block}.hero-group .scribble{background:#fffaf0e0;border:1.5px solid #2d292673;border-radius:5px 9px;padding:5px 9px;bottom:12px;right:12px}.yellow-frame{border:12px double #d3a82a;justify-content:center;align-items:center;width:82px;height:105px;display:flex;position:absolute;top:70px;left:38px;transform:rotate(-4deg)}.yellow-frame span{color:var(--purple);font-family:Georgia,serif;font-size:34px}.window-scene{background:#6e7680;border:8px solid #f3ead8;width:210px;height:155px;position:absolute;top:48px;right:28px;overflow:hidden}.window-scene:before,.window-scene:after{content:"";z-index:3;background:#f3ead8;position:absolute}.window-scene:before{width:7px;height:100%;left:47%}.window-scene:after{width:100%;height:7px;top:45%;left:0}.moon{background:#f5d776;border-radius:50%;width:24px;height:24px;position:absolute;top:16px;right:22px}.skyline{align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:0;left:0}.skyline i{background:#28343b;width:26px;height:55px;display:block}.skyline i:nth-child(2){width:38px;height:83px}.skyline i:nth-child(3){width:31px;height:68px}.skyline i:nth-child(4){width:35px;height:98px}.skyline i:nth-child(5){width:27px;height:73px}.skyline i:nth-child(6){width:38px;height:90px}.couch{border:4px solid var(--ink);background:#7f4b92;border-radius:38px 38px 16px 16px;width:270px;height:135px;position:absolute;bottom:48px;left:52px}.couch:before,.couch:after{border:4px solid var(--ink);content:"";background:#6d3c7d;border-radius:20px 20px 9px 9px;width:105px;height:90px;position:absolute;top:-15px}.couch:before{left:14px;transform:rotate(-2deg)}.couch:after{right:14px;transform:rotate(2deg)}.couch i{border:3px solid var(--ink);z-index:2;background:#e1a746;border-radius:5px 12px 6px 10px;width:55px;height:53px;position:absolute;top:4px}.couch i:first-child{left:34px;transform:rotate(8deg)}.couch i:nth-child(2){background:#a7584e;right:36px;transform:rotate(-7deg)}.couch b{background:var(--ink);width:8px;height:24px;box-shadow:200px 0 var(--ink);position:absolute;bottom:-23px;left:30px}.lamp{position:absolute;bottom:49px;right:38px}.lamp i{background:var(--ink);width:5px;height:170px;margin:auto;display:block}.lamp b{border:4px solid var(--ink);background:#deae3e;border-radius:50% 50% 12px 12px;width:78px;height:77px;position:absolute;top:-15px;left:-36px;transform:rotate(4deg)}.coffee-table{border:3px solid var(--ink);z-index:4;background:#9b6348;border-radius:50%;justify-content:center;gap:13px;width:145px;height:47px;display:flex;position:absolute;bottom:31px;left:244px}.coffee-table span{margin-top:-18px;font-size:25px}.coffee-table i{background:var(--ink);width:6px;height:65px;position:absolute;top:38px;left:68px}.scribble{color:var(--ink);font-family:Kaiti SC,STKaiti,cursive;font-size:13px;position:absolute;bottom:4px;right:15px;transform:rotate(-3deg)}.character-strip{grid-column:1/-1;justify-content:center;align-items:center;gap:12px;margin-top:2px;display:flex}.mini-character{flex-direction:column;align-items:center;gap:4px;display:flex}.mini-character span{background:var(--character-color);align-items:center}@supports (color:color-mix(in lab, red, red)){.mini-character span{background:color-mix(in srgb, var(--character-color) 16%, white)}}.mini-character span{border:2px solid var(--character-color);height:52px;transform:rotate(var(--tilt,1deg));border-radius:50% 48% 46% 53%;justify-content:center;width:52px;display:flex}.mini-character:nth-child(2n) span{--tilt:-3deg}.mini-character small{color:var(--muted);font-size:11px}.character-portrait{background-color:#f4ead7;background-position:0 0;display:block;background-image:url(/friends-anime-sprite.png)!important;background-repeat:no-repeat!important;background-size:300%!important}.portrait-rachel{background-position:0 11%!important}.portrait-monica{background-position:50% 10%!important}.portrait-phoebe{background-position:100% 10%!important}.portrait-joey{background-position:100% 64%!important}.portrait-chandler{background-position:50% 64%!important}.portrait-ross{background-position:0 61%!important}.quiz-page{max-width:780px;min-height:calc(100vh - 110px);padding-top:34px}.quiz-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.back-button{background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.progress-copy{flex:1;justify-content:space-between;align-items:baseline;display:flex}.progress-copy span{color:var(--purple);letter-spacing:.12em;font-size:13px;font-weight:700}.progress-copy strong{font-family:Georgia,serif;font-size:20px}.progress-copy strong i{color:#aaa096;font-style:normal;font-weight:400}.progress-track{background:#2d29261f;border-radius:999px;height:8px;margin:16px 0 30px 62px;overflow:hidden}.progress-track i{background:var(--yellow);border-right:2px solid var(--ink);height:100%;transition:width .26s;display:block}.question-card{border:2px solid var(--ink);background:#fffaf0d9;border-radius:9px 17px 8px 14px;padding:36px;position:relative;box-shadow:9px 10px #70407f1c}.question-stamp{background:var(--yellow);padding:7px 11px;font-family:Courier New,monospace;font-size:11px;font-weight:800;position:absolute;top:-14px;left:25px;transform:rotate(-1.5deg)}.question-card h2{margin:11px 0 28px;font-family:Georgia,Songti SC,STSong,serif;font-size:clamp(24px,4vw,31px);line-height:1.5}.options-list{gap:12px;display:grid}.answer-option{background:var(--cream);cursor:pointer;text-align:left;border:1.5px solid #2d292680;border-radius:7px 13px 7px 11px;grid-template-columns:34px 1fr 24px;align-items:center;gap:13px;min-height:66px;padding:10px 14px;font-size:14px;line-height:1.55;transition:background .15s,border .15s,transform .15s;display:grid}.answer-option:hover{border-color:var(--purple);transform:translate(3px)}.answer-option.selected{border:2px solid var(--purple);background:#eee2f2;box-shadow:4px 4px #70407f29}.option-letter{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Georgia,serif;font-weight:700;display:flex}.answer-option.selected .option-letter{background:var(--purple);color:#fff}.answer-option i{color:var(--purple);font-size:18px;font-style:normal;font-weight:900}.quiz-footer{justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.quiz-footer p{color:var(--muted);margin:0;font-size:12px}.next-button{box-shadow:5px 5px 0 var(--yellow);min-width:150px}.next-button:disabled{cursor:not-allowed;opacity:.38}.result-page{text-align:center;max-width:920px;padding-top:38px}.result-kicker{margin-bottom:8px}.result-overline{color:var(--muted);letter-spacing:.16em;margin:20px 0 12px;font-size:13px}.result-hero{text-align:left;grid-template-columns:minmax(250px,310px) 1fr;align-items:stretch;gap:28px;max-width:820px;margin:0 auto;display:grid}.result-poster-shell{background:0 0;height:470px;position:relative;overflow:hidden}.result-poster-shell:before{background:radial-gradient(ellipse at center, var(--result-light) 0 58%, #f2c14e38 59% 67%, transparent 68%);content:"";opacity:.72;position:absolute;inset:8% 4% 2%;transform:rotate(-4deg)}.result-poster-shell:after{color:var(--result-color);content:"";letter-spacing:.12em;opacity:.2;pointer-events:none;z-index:0;font-family:Courier New,monospace;font-size:12px;font-weight:800;position:absolute}.result-rachel .result-poster-shell:before{background:linear-gradient(150deg,#9b4f6833,#70407f14),repeating-linear-gradient(90deg,#0000 0 40px,#70407f14 41px 43px);border-radius:46% 54% 12% 20%}.result-rachel .result-poster-shell:after{content:"✦   ✧   ✦";top:17%;left:10%;transform:rotate(-7deg)}.result-monica .result-poster-shell:before{background:repeating-linear-gradient(0deg,#7a4a9214 0 2px,#0000 2px 42px),repeating-linear-gradient(90deg,#7a4a9214 0 2px,#0000 2px 42px),#b657571c;border-radius:30% 30% 10% 10%}.result-monica .result-poster-shell:after{display:none}.result-phoebe .result-poster-shell:before{background:radial-gradient(circle at 25% 28%,#b27b2b29 0 7px,#0000 8px),radial-gradient(circle at 78% 66%,#70407f1f 0 9px,#0000 10px),#f7e8bfb8;border-radius:50% 46% 44% 52%}.result-phoebe .result-poster-shell:after{content:"♪   ♫   ♪";font-size:15px;top:15%;left:8%;transform:rotate(-5deg)}.result-joey .result-poster-shell:before{background:radial-gradient(circle at 22% 24%,#b657392e 0 12px,#0000 13px),radial-gradient(circle at 73% 38%,#b6573924 0 10px,#0000 11px),radial-gradient(circle at 33% 72%,#b657391f 0 8px,#0000 9px),#f7dfcfa8;border-radius:47% 53% 44% 56%}.result-joey .result-poster-shell:after{display:none}.result-chandler .result-poster-shell:before{background:#70407f21;border:6px solid #70407f21;border-radius:4px 6px;inset:7% 13% 3%;transform:rotate(1deg);box-shadow:inset 0 0 0 11px #70407f12}.result-chandler .result-poster-shell:after{content:"";background:#f2c14e9e;border:2px solid #2d292633;border-radius:50%;width:14px;height:14px;display:block;top:49%;right:19%}.result-ross .result-poster-shell:before{background:radial-gradient(at 25% 34%,#0000 0 13px,#52734d1c 14px 17px,#0000 18px),radial-gradient(at 70% 69%,#0000 0 18px,#52734d17 19px 22px,#0000 23px),#dfead9b8;border-radius:48% 52% 12% 16%}.result-ross .result-poster-shell:after{display:none}.result-poster{filter:saturate(1.04)contrast(1.01)drop-shadow(0 10px 7px #2d292621);z-index:1;background-color:#0000;border-radius:0;width:100%;height:100%;position:relative;overflow:hidden;background-position:bottom!important;background-repeat:no-repeat!important;background-size:contain!important}.result-poster.portrait-rachel{background-image:url(/characters/rachel.png)!important}.result-poster.portrait-monica{background-image:url(/characters/monica.png)!important}.result-poster.portrait-phoebe{background-image:url(/characters/phoebe.png)!important}.result-poster.portrait-joey{background-image:url(/characters/joey.png)!important}.result-poster.portrait-chandler{background-image:url(/characters/chandler-carrot.png)!important}.result-poster.portrait-ross{background-image:url(/characters/ross.png)!important}.result-poster-shell i{display:none}.result-copy{flex-direction:column;align-self:center;align-items:flex-start;display:flex}.result-cn{color:var(--muted);letter-spacing:.12em;margin:0 0 13px;font-size:12px}.result-title h1{color:var(--result-color);letter-spacing:-.055em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(54px,7vw,78px);line-height:.98}.match-badge{background:var(--result-light);border:2px solid var(--result-color);border-radius:7px 13px 7px 11px;align-items:center;gap:10px;margin-top:25px;padding:10px 15px;display:flex;transform:rotate(1deg)}.match-badge strong{color:var(--result-color);font-family:Georgia,serif;font-size:38px}.match-badge span{font-size:11px}.result-tagline{margin:26px 0 15px;font-family:Kaiti SC,STKaiti,serif;font-size:19px;line-height:1.7}.tag-row{flex-wrap:wrap;justify-content:flex-start;gap:9px;display:flex}.tag-row span{background:var(--result-light);color:var(--result-color);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.radar-card{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--result-light);text-align:left;background:linear-gradient(145deg,#fffaf0f5,#fffaf0b8);border-radius:12px 22px 11px 18px;grid-template-columns:minmax(190px,.75fr) minmax(360px,1.25fr);align-items:center;gap:16px 28px;margin:40px 0 32px;padding:28px;display:grid;position:relative}.radar-card:before{background:var(--yellow);content:"";opacity:.68;width:105px;height:28px;position:absolute;top:-15px;left:40%;transform:rotate(-2deg)}.radar-copy span{color:var(--result-color);letter-spacing:.13em;font-family:Courier New,monospace;font-size:10px;font-weight:800}.radar-copy h2{margin:10px 0 12px;font-family:Georgia,Songti SC,serif;font-size:24px;line-height:1.45}.radar-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.radar-chart{width:100%;max-width:430px;margin:-18px auto -10px;display:block;overflow:visible}.radar-ring{fill:none;stroke:#2d29262e;stroke-width:1.5px}.radar-axis{stroke:#2d292626;stroke-dasharray:4 5;stroke-width:1.3px}.radar-area{fill:var(--radar-color)}@supports (color:color-mix(in lab, red, red)){.radar-area{fill:color-mix(in srgb, var(--radar-color) 24%, transparent)}}.radar-area{stroke:none}.radar-line{fill:none;filter:drop-shadow(0 3px 2px #2d29261f);stroke:var(--radar-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.radar-dot{stroke:var(--cream);stroke-width:2px}.radar-label{fill:var(--ink);font-family:PingFang SC,system-ui,sans-serif;font-size:13px;font-weight:700}.radar-value{fill:var(--result-color);font-family:Georgia,serif;font-size:13px;font-weight:800}.radar-legend{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.radar-legend>div{background:#ffffff70;border:1px solid #2d29262e;border-radius:8px 11px;align-items:center;gap:7px;min-width:0;padding:6px;display:flex}.radar-legend>div.active{background:var(--result-light);border:1.5px solid var(--result-color)}.radar-legend>div>span{border:1px solid #2d29264d;border-radius:6px 9px;flex:0 0 34px;width:34px;height:42px}.radar-legend p{flex-direction:column;gap:1px;min-width:0;margin:0;display:flex}.radar-legend strong{white-space:nowrap;font-size:10px}.radar-legend b{color:var(--result-color);font-family:Georgia,serif;font-size:12px}.result-grid{text-align:left;grid-template-columns:1.18fr .82fr;gap:22px;margin:42px 0 32px;display:grid}.analysis-card,.traits-card{border:2px solid var(--ink);background:#fffaf0e0;border-radius:8px 15px 8px 13px;padding:29px;position:relative}.analysis-card{box-shadow:7px 7px 0 var(--result-light)}.analysis-feature{text-align:left;max-width:820px;margin:38px auto 36px}.result-grid.traits-only{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.tape{background:#f2c14e94;width:88px;height:29px;position:absolute;top:-15px;left:42%;transform:rotate(-2deg)}.analysis-card h2,.traits-card h2,.friends-ranking h2{margin:0 0 18px;font-family:Georgia,Songti SC,serif;font-size:21px}.analysis-card>p{color:#544d47;margin:0;font-size:14px;line-height:2}.analysis-card blockquote{border-left:4px solid var(--result-color);color:var(--result-color);margin:22px 0 0;padding-left:15px;font-family:Kaiti SC,serif;font-size:16px;line-height:1.7}.trait{margin-bottom:18px}.trait>div{justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.trait>div b{color:var(--result-color)}.trait>i{background:#e6ddd1;border-radius:999px;height:8px;display:block;overflow:hidden}.trait>i em{background:var(--result-color);border-radius:inherit;height:100%;display:block}.secondary-match{border-top:1.5px dashed #2d292666;flex-direction:column;margin-top:24px;padding-top:19px;display:flex}.secondary-match>span{color:var(--muted);font-size:11px}.secondary-match strong{margin:7px 0 4px;font-family:Georgia,Songti SC,serif;font-size:20px}.secondary-match small{color:var(--muted);font-size:11px}.result-actions{align-items:center}.result-actions .primary-button{background:var(--result-color);border-color:var(--result-color)}.secondary-button{background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:7px 12px 6px 10px;min-height:48px;padding:0 23px;font-size:14px;font-weight:700}.notice{background:var(--result-light);color:var(--result-color);border-radius:999px;margin:18px auto 0;padding:8px 14px;font-size:12px;display:inline-block}.save-card-panel{text-align:left;background:#70407f11;border:2px dashed #2d292673;border-radius:12px 20px 12px 18px;grid-template-columns:1fr minmax(250px,.64fr);align-items:center;gap:28px;margin-top:42px;padding:28px;display:grid}.save-card-heading>span{background:var(--yellow);letter-spacing:.1em;padding:5px 8px;font-family:Courier New,monospace;font-size:10px;font-weight:800;display:inline-block;transform:rotate(-1deg)}.save-card-heading h2{margin:14px 0 10px;font-family:Georgia,Songti SC,serif;font-size:22px;line-height:1.5}.save-card-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.result-card-image{-webkit-touch-callout:default;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 7px 0 var(--yellow);touch-action:manipulation;-webkit-user-select:auto;user-select:auto;border-radius:8px;width:100%;max-width:330px;height:auto;display:block}.card-loading{aspect-ratio:3/4;background:var(--cream);border:2px solid var(--ink);color:var(--muted);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:330px;font-size:11px;display:flex}.card-loading span{font-size:36px;animation:1s ease-in-out infinite alternate bob}.friends-ranking{border-top:2px dashed #2d292659;margin-top:45px;padding-top:30px}.friends-ranking>div{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.friends-ranking>div>span{background:#ffffff61;border:1.5px solid #2d292647;border-radius:7px 10px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 7px;font-size:11px;display:flex;position:relative}.friends-ranking>div>span.top{background:var(--result-light);border:2px solid var(--result-color)}.friends-ranking i{border:1px solid #2d292647;border-radius:6px 9px;width:38px;height:48px;display:block}.friends-ranking strong{color:var(--result-color);font-family:Georgia,serif;font-size:11px}.friends-ranking b{color:var(--muted);font-size:9px;position:absolute;top:4px;right:5px}.fan-note{color:#948a80;max-width:600px;margin:28px auto 0;font-size:10px;line-height:1.6}footer{color:var(--muted);z-index:11;border-top:1px solid #2d292626;justify-content:center;align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:24px;font-size:11px;display:flex;position:relative}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:13px;display:flex}.loading-page span{font-size:46px;animation:1s ease-in-out infinite alternate bob}.page-enter{animation:.38s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{to{transform:translateY(-8px)rotate(3deg)}}@media (width<=860px){.intro-page{grid-template-columns:1fr;gap:55px;padding-top:30px}.hero-art{width:100%;max-width:520px;margin:0 auto}.character-strip{grid-row:2}.result-hero{grid-template-columns:minmax(220px,290px) 1fr}.result-poster-shell{height:450px}.radar-card{grid-template-columns:1fr}.radar-copy{text-align:center}}@media (width<=640px){.topbar{padding:18px 18px 8px}.tiny-note{display:none}.access-page{flex-direction:column;gap:26px;padding:28px 18px 60px;display:flex}.access-portraits{order:2;grid-template-columns:repeat(6,1fr);gap:6px;width:100%}.access-card{order:1;width:100%;padding:38px 21px 30px}.access-card h1{font-size:46px}.access-card input{font-size:22px}.invite-result{grid-template-columns:1fr}.invite-result>p{grid-column:1}.intro-page,.quiz-page,.result-page{padding-left:18px;padding-right:18px}.intro-page{flex-direction:column;min-height:auto;padding-top:28px;padding-bottom:50px;display:flex}.intro-copy h1{font-size:clamp(48px,14.5vw,68px);line-height:1.08}.lead{margin-top:22px;font-size:15px;line-height:1.8}.meta-row{gap:7px}.meta-row span{padding:7px 10px;font-size:11px}.primary-button{width:min(100%,310px)}.hero-art{order:2;height:355px}.intro-copy{order:1}.character-strip{order:3;gap:5px}.mini-character{flex:1}.mini-character span{width:43px;height:43px}.mini-character small{font-size:9px}.window-scene{width:162px;height:120px;top:39px;right:18px}.yellow-frame{width:65px;height:82px;top:58px;left:23px}.couch{width:224px;height:102px;bottom:42px;left:27px}.couch:before,.couch:after{width:87px;height:67px}.couch b{box-shadow:160px 0 var(--ink)}.lamp{transform-origin:bottom;bottom:42px;right:20px;transform:scale(.8)}.coffee-table{bottom:24px;left:190px;transform:scale(.78)}.quiz-page{padding-top:24px}.progress-track{margin-left:0}.question-card{padding:30px 17px 19px}.question-card h2{margin-bottom:22px;font-size:23px;line-height:1.55}.answer-option{grid-template-columns:31px 1fr 18px;gap:10px;min-height:72px;padding:9px 11px;font-size:13px}.quiz-footer{flex-direction:column;align-items:stretch}.quiz-footer p{text-align:center}.next-button{justify-content:center;width:100%}.result-page{padding-top:27px}.result-kicker{font-size:9px}.result-hero{text-align:left;grid-template-columns:1fr;gap:34px}.result-poster-shell{height:490px;margin:0 0 -12px}.result-copy{text-align:center;align-items:center}.result-title h1{font-size:clamp(48px,15vw,64px)}.result-cn{font-size:10px}.match-badge{margin-top:20px;padding:8px 18px}.match-badge strong{font-size:32px}.result-tagline{font-size:17px;line-height:1.7}.tag-row{justify-content:center}.result-grid{grid-template-columns:1fr}.radar-card{gap:0;margin-top:32px;padding:24px 12px 16px}.radar-copy{padding:0 10px}.radar-copy h2{font-size:21px}.radar-chart{max-width:370px;margin:-5px auto -14px}.radar-legend{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 4px}.radar-legend>div>span{flex-basis:31px;width:31px;height:31px}.save-card-panel{text-align:center;grid-template-columns:1fr;padding:22px}.result-card-image,.card-loading{justify-self:center}.analysis-card,.traits-card{padding:25px 21px}.friends-ranking>div{grid-template-columns:repeat(3,1fr)}footer p{text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}