@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..800;1,9..40,400..800&family=Oswald:wght@500;700&family=Playfair+Display:ital,wght@0,400..800;1,400..800&display=swap";:root{--ink:#0a0b0a;--ink-soft:#171814;--paper:#f2eee5;--paper-dim:#d4cec2;--maroon:#6d1234;--maroon-dark:#43091f;--accent:#dcff91;--pink:#ee9ab6;--gold:#efc66e;--line:#f2eee526;--muted:#8f8b82;--font-ui:"DM Sans", system-ui, sans-serif;--font-display:"Oswald", sans-serif;--font-serif:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);scroll-behavior:smooth}html,body{min-height:100%;color:var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{background:var(--ink);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell:after{content:"";z-index:9999;pointer-events:none;opacity:.25;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,.display-text{font-family:var(--font-display);text-transform:uppercase;line-height:1}.editorial-italic{font-family:var(--font-serif);color:var(--pink);text-transform:lowercase;font-style:italic;font-weight:500}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:800}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0b0ad9;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-text strong{font-family:var(--font-display);letter-spacing:.05em;font-size:1.25rem;display:block}.brand-text small{color:var(--accent);letter-spacing:.15em;margin-top:2px;font-size:.6rem;font-weight:700;display:block}.brand-logo{object-fit:contain;border-radius:8px;width:44px;height:44px}.home-nav{gap:32px;display:flex}.home-nav a{color:var(--paper-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700;transition:color .2s}.home-nav a:hover{color:var(--accent)}.status-line{letter-spacing:.1em;align-items:center;font-size:.75rem;font-weight:700;display:flex}.pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:12px;animation:2s infinite pulse;box-shadow:0 0 0 4px #dcff9126}@keyframes pulse{0%{box-shadow:0 0 #dcff9166}70%{box-shadow:0 0 0 6px #dcff9100}to{box-shadow:0 0 #dcff9100}}.profile-chip{letter-spacing:.05em;cursor:pointer;border-radius:32px;align-items:center;gap:12px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:background .2s;display:flex}.profile-chip:hover{background:#f2eee50d}.profile-avatar-circle{background:var(--maroon);color:var(--paper);width:32px;height:32px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-weight:700;display:grid}img.profile-avatar-circle{object-fit:cover;padding:0}.reveal{opacity:0;transition:all .8s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-progress{z-index:99;height:2px;position:fixed;top:72px;left:0;right:0}.scroll-progress span{background:var(--accent);transform-origin:0;height:100%;transition:transform .1s linear;display:block;transform:scaleX(0)}.primary-action{background:var(--accent);color:var(--ink);font-family:var(--font-ui);letter-spacing:.1em;cursor:pointer;border:1px solid var(--accent);height:60px;box-shadow:6px 6px 0 var(--maroon);align-items:center;gap:32px;padding:0 24px;font-size:.875rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-action:hover{box-shadow:4px 4px 0 var(--maroon);background:var(--paper);transform:translate(2px,2px)}.primary-action span{font-size:1.25rem}@media (width<=768px){.home-nav,.status-line,.profile-chip b{display:none}.topbar{padding:0 20px}}.hero{border-bottom:1px solid var(--line);grid-template-columns:52% 48%;min-height:calc(100vh - 72px);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:3;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,120px) 4vw 80px 6vw;display:flex}.hero-title{letter-spacing:-.05em;margin:24px 0 48px;font-size:clamp(3.5rem,7vw,8.5rem)}.hero-animals{background:var(--maroon-dark);border-left:1px solid var(--line);perspective:1000px;position:relative;overflow:hidden}.hero-animals:before{content:"";aspect-ratio:1;border:1px solid #dcff914d;border-radius:50%;width:min(40vw,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-card{aspect-ratio:.78;background:var(--paper);border:2px solid var(--ink);width:clamp(220px,18vw,320px);padding:12px;transition:transform .2s ease-out;position:absolute;top:50%;left:50%;box-shadow:12px 16px #0006}.hero-card-one{background:var(--pink);transform:translate(calc(-105% + (var(--mx,0) * -14px)), calc(-51% + (var(--my,0) * -10px))) rotate(-11deg)}.hero-card-two{background:var(--gold);transform:translate(calc(-2% + (var(--mx,0) * 20px)), calc(-51% + (var(--my,0) * 14px))) rotate(10deg)}.hero-card-three{background:var(--accent);z-index:2;transform:translate(calc(-54% + (var(--mx,0) * 8px)), calc(-52% + (var(--my,0) * 8px))) rotate(1deg)}.hero-sticker{z-index:4;aspect-ratio:1;background:var(--ink);width:110px;color:var(--accent);border:2px solid var(--accent);text-align:center;font-family:var(--font-ui);letter-spacing:.1em;border-radius:50%;place-content:center;font-size:.6rem;font-weight:800;display:grid;position:absolute;top:15%;right:10%;transform:rotate(8deg)}.hero-sticker b{font-family:var(--font-display);margin-top:4px;font-size:1.8rem;display:block}.scroll-cue{color:var(--muted);letter-spacing:.15em;align-items:center;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:32px;left:6vw}.scroll-cue span{background:var(--accent);transform-origin:0;width:40px;height:1px;margin-right:12px;animation:1.5s ease-in-out infinite cue-pulse}@keyframes cue-pulse{50%{transform:scaleX(.5)}}.animal-avatar{background:var(--accent);border:1px solid var(--ink);place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.animal-avatar.animal-owl{background:var(--pink)}.animal-avatar.animal-cat{background:var(--gold)}.animal-avatar.animal-dog{background:var(--paper)}.animal-avatar.animal-raccoon{background:var(--accent)}.animal-halo{aspect-ratio:1;border:1px solid var(--ink);opacity:.4;border-radius:50%;width:78%;position:absolute}.animal-avatar img,.animal-avatar svg{z-index:2;object-fit:contain;width:85%;height:85%;position:relative}.animal-avatar figcaption{z-index:3;background:var(--ink);color:var(--paper);letter-spacing:.15em;text-transform:uppercase;padding:6px 10px;font-size:.5rem;font-weight:800;position:absolute;bottom:12px;left:12px}.animal-avatar.animal-compact{border:2px solid var(--paper);width:100px;height:100px}.animal-avatar.animal-compact figcaption{display:none}.kinetic-strip{background:var(--accent);color:var(--ink);border-bottom:2px solid var(--ink);padding:16px 0;overflow:hidden}.kinetic-track{will-change:transform;width:max-content;animation:30s linear infinite marquee;display:flex}.kinetic-track span{font-family:var(--font-display);letter-spacing:.1em;white-space:nowrap;padding-right:20px;font-size:1rem}@keyframes marquee{to{transform:translate(-50%)}}.content-section{border-bottom:1px solid var(--line);padding:120px 6vw}.section-kicker{color:var(--accent);letter-spacing:.15em;align-items:center;gap:16px;margin-bottom:60px;font-size:.75rem;font-weight:800;display:flex}.section-kicker span{border:1px solid var(--accent);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.engine-heading{grid-template-columns:2fr 1fr;align-items:end;gap:40px;margin-bottom:80px;display:grid}.engine-heading h2{letter-spacing:-.05em;font-size:clamp(3rem,6vw,6.5rem)}.engine-heading p{font-family:var(--font-serif);color:var(--paper-dim);border-left:2px solid var(--accent);max-width:400px;padding-left:24px;font-size:1.25rem}.skill-map{background:var(--paper);color:var(--ink);border:2px solid var(--paper);grid-template-columns:1fr 200px 1fr;min-height:480px;display:grid}.stack-side{flex-direction:column;justify-content:center;padding:clamp(30px,5vw,80px);display:flex}.stack-side small{color:var(--maroon);letter-spacing:.15em;margin-bottom:24px;font-size:.7rem;font-weight:800}.stack-side strong{font-family:var(--font-display);border:2px solid var(--ink);width:max-content;margin-bottom:12px;padding:12px 16px;font-size:clamp(1.8rem,3vw,3rem)}.stack-side em{font-family:var(--font-serif);color:var(--muted);margin-top:24px;font-size:1.1rem;font-style:italic}.partner-stack{background:var(--maroon);color:var(--paper)}.partner-stack small{color:var(--accent)}.partner-stack strong{border-color:var(--accent);color:var(--accent)}.partner-stack em{color:#e1c4cf}.signal{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.signal:before,.signal:after{content:"";background:var(--accent);width:400px;height:1px;position:absolute;transform:rotate(65deg)}.signal:after{transform:rotate(-65deg)}.signal b{z-index:2;aspect-ratio:1;background:var(--accent);width:120px;color:var(--ink);border:6px solid var(--ink);outline:1px solid var(--accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:2.2rem;display:grid;position:relative}.signal small{z-index:2;letter-spacing:.15em;text-align:center;margin-top:20px;font-size:.6rem;font-weight:800;position:relative}.process-section{background:var(--maroon-dark)}.process-row{border-top:1px solid #f2eee526;grid-template-columns:100px 1fr minmax(280px,35%);align-items:center;gap:40px;padding:30px 20px;transition:background .25s,padding .25s;display:grid}.process-row:last-child{border-bottom:1px solid #f2eee526}.process-row:hover{background:var(--accent);color:var(--ink);padding-left:40px}.process-row span{font-family:var(--font-serif);color:var(--pink);font-size:1.5rem;font-weight:700}.process-row h3{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem)}.process-row p{font-family:var(--font-serif);color:#d3bcc4;font-size:1.1rem;line-height:1.5}.process-row:hover span,.process-row:hover p{color:var(--maroon)}.rules-section{grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;display:grid}.rules-copy h2{margin-bottom:30px;font-size:clamp(3rem,5.5vw,6rem)}.rules-copy p{font-family:var(--font-serif);color:var(--paper-dim);max-width:500px;font-size:1.15rem;line-height:1.6}.rule-numbers{border-top:1px solid var(--line)}.rule-numbers>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;padding:40px 0;display:grid}.rule-numbers strong{font-family:var(--font-display);color:var(--accent);font-size:clamp(4rem,6vw,7rem);line-height:1}.rule-numbers p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.rule-numbers b{color:var(--paper);font-weight:700}.final-call{background:var(--maroon);grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr);align-items:center;gap:6vw;padding:100px 6vw;display:grid;position:relative;overflow:hidden}.final-call:before{content:"BUILD";font-family:var(--font-display);color:#0a0b0a26;font-size:24vw;line-height:.7;position:absolute;bottom:-4vw;left:-2vw}.final-art{z-index:2;filter:drop-shadow(20px 24px #0a0b0a40);width:min(45vw,600px);position:relative;transform:rotate(-3deg)}.final-copy{z-index:3;position:relative}.final-copy h2{margin:30px 0 50px;font-size:clamp(3rem,5vw,5.5rem)}.final-copy .primary-action{box-shadow:6px 6px 0 var(--ink)}@media (width<=1024px){.hero{flex-direction:column;display:flex}.hero-animals{border-left:none;border-top:1px solid var(--line);min-height:50vh}.rules-section{grid-template-columns:1fr}.final-call{text-align:center;grid-template-columns:1fr}.final-art{margin:0 auto}}@media (width<=768px){.engine-heading{grid-template-columns:1fr;gap:20px}.skill-map{grid-template-columns:1fr}.signal{min-height:180px}.process-row{grid-template-columns:50px 1fr}.process-row p{grid-column:2}}.setup-screen{grid-template-columns:minmax(320px,35%) 1fr;min-height:calc(100vh - 72px);display:grid}.setup-heading{background:var(--maroon-dark);border-right:1px solid var(--line);flex-direction:column;padding:60px 4vw;display:flex}.back-home{color:var(--paper-dim);letter-spacing:.15em;border-bottom:1px solid var(--paper-dim);cursor:pointer;align-self:flex-start;margin-bottom:60px;padding-bottom:6px;font-size:.65rem;font-weight:800;transition:color .2s,border-color .2s}.back-home:hover{color:var(--accent);border-color:var(--accent)}.setup-heading h1{margin-top:16px;font-size:clamp(2.5rem,4vw,5rem)}.setup-form{flex-direction:column;gap:40px;max-width:1000px;padding:60px clamp(30px,6vw,100px);display:flex}.field-row{grid-template-columns:1fr 1fr;gap:30px;display:grid}.setup-form label span,.setup-form legend{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;font-size:.7rem;font-weight:800;display:block}.setup-form input,.setup-form select{width:100%;font-family:var(--font-serif);color:var(--paper);border-bottom:2px solid #55524e;outline:none;padding:12px 4px 16px;font-size:1.2rem;transition:border-color .2s}.setup-form input:focus,.setup-form select:focus{border-color:var(--accent)}.setup-form fieldset{border:none}.setup-form legend small{color:var(--muted);text-transform:none;letter-spacing:0;margin-left:12px;font-weight:500}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.choice-grid button{cursor:pointer;background:#f2eee50d;border:1px solid #f2eee526;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.choice-grid button:hover{background:#f2eee51a;border-color:#f2eee54d}.choice-grid button.selected{background:var(--accent);color:var(--ink);border-color:var(--accent);box-shadow:4px 4px 0 var(--maroon);transform:translate(-2px,-2px)}.choice-grid button span{font-size:1.2rem;font-weight:400}.custom-skill-input-wrap{gap:10px;margin-top:12px;display:flex}.custom-skill-input{border:1px solid var(--accent);color:var(--paper);font-family:var(--font-sans);background:#f2eee50d;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:all .2s}.custom-skill-input:focus{background:#f2eee514;box-shadow:0 0 0 2px #f2eee51a}.add-custom-btn{background:var(--accent);color:var(--ink);border:1px solid var(--accent);letter-spacing:.05em;cursor:pointer;border-radius:8px;padding:12px 24px;font-size:.85rem;font-weight:800;transition:all .2s}.add-custom-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.field-error-msg{color:#ff6b6b;margin-top:-4px;margin-bottom:8px;font-size:.8rem;font-weight:700}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;margin-top:20px;padding-top:40px;display:flex}.form-footer p{color:var(--muted);max-width:400px;font-size:.85rem;line-height:1.6}.form-footer p b{color:var(--paper)}.discover-screen{flex-direction:column;height:calc(100vh - 72px);display:flex;overflow:hidden}.portal-toolbar{background:var(--ink-soft);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 32px;display:grid}.portal-modes{border:1px solid #4d4c47;border-radius:4px;display:flex;overflow:hidden}.portal-modes button{letter-spacing:.15em;color:var(--muted);cursor:pointer;padding:12px 24px;font-size:.7rem;font-weight:800;transition:background .2s,color .2s}.portal-modes button.active{background:var(--paper);color:var(--ink)}.portal-modes button b{background:var(--maroon);color:var(--paper);border-radius:12px;margin-left:8px;padding:2px 6px}.discover-layout{grid-template-columns:minmax(240px,25%) minmax(600px,1fr) minmax(200px,20%);gap:40px;height:calc(100% - 72px);padding:32px;display:grid}.match-rail{flex-direction:column;justify-content:center;padding:20px;display:flex}.match-rail h1{margin:16px 0 24px;font-size:clamp(2rem,3.5vw,4rem)}.pairing-note{font-family:var(--font-serif);color:var(--paper-dim);border-left:2px solid var(--accent);max-width:320px;padding-left:16px;font-size:1.1rem;line-height:1.5}.rail-score{align-items:flex-end;gap:16px;margin-top:auto;display:flex}.rail-score strong{font-family:var(--font-display);color:var(--pink);font-size:4rem;line-height:.8}.deck-wrap{width:100%;max-width:900px;height:min(700px,100vh - 160px);margin:0 auto;position:relative}.swipe-actions{flex-direction:column;justify-content:center;gap:16px;display:flex}.swipe-actions button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#f2eee505;grid-template-rows:1fr auto;grid-template-columns:50px 1fr;align-items:center;padding:20px;transition:all .2s;display:grid}.swipe-actions button span{grid-row:1/3;font-size:2rem}.swipe-actions button b{letter-spacing:.15em;font-size:.85rem;font-weight:800}.swipe-actions button small{color:var(--muted);margin-top:4px;font-size:.75rem}.swipe-actions .team-button{background:var(--accent);color:var(--ink);border-color:var(--accent)}.swipe-actions .team-button small{color:#0a0b0a99}.swipe-actions .team-button:hover:not(:disabled){background:var(--pink);border-color:var(--pink);transform:translate(-4px)}.swipe-actions .next-button:hover{background:var(--paper);color:var(--ink);transform:translate(4px)}.swipe-actions .team-button:disabled{color:#a3ab93;cursor:not-allowed;background:#4a5439;border-color:#4a5439}.swipe-actions .team-button:disabled small{color:#879175}.profile-card{background:var(--paper);color:var(--ink);border:1px solid #aaa39b;border-radius:4px;grid-template-columns:40% 60%;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:12px 16px #6d123440}.card-behind{opacity:.35;background:var(--maroon);pointer-events:none;transform:translate(12px,12px)rotate(1deg)}.active-card{cursor:grab;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}.active-card:active{cursor:grabbing}.profile-visual{background:var(--maroon);padding:24px;position:relative}.profile-visual .animal-avatar{border-radius:4px}.card-count{background:var(--ink);color:var(--paper);letter-spacing:.15em;z-index:5;padding:8px 12px;font-size:.65rem;font-weight:800;position:absolute;top:32px;right:32px}.profile-copy{flex-direction:column;padding:40px;display:flex;overflow-y:auto}.name-line{justify-content:space-between;align-items:flex-start;display:flex}.name-line h2{font-size:clamp(2rem,3vw,2.8rem)}.name-line p{color:#726c65;letter-spacing:.15em;text-transform:uppercase;margin-top:8px;font-size:.65rem;font-weight:800}.available{color:#4c6d17;letter-spacing:.15em;border:1px solid #708f39;border-radius:4px;padding:6px 10px;font-size:.55rem;font-weight:800}.profile-copy h3{color:var(--maroon);font-family:var(--font-serif);text-transform:none;margin:24px 0 12px;font-size:1.25rem;font-weight:700}.bio{color:#46413c;font-size:.95rem;line-height:1.6}.skill-columns{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.skill-columns>div{border:1px solid #b2aba2;border-radius:4px;padding:20px}.skill-columns>div:last-child{background:var(--maroon);border-color:var(--maroon)}.skill-columns small{letter-spacing:.15em;color:#665f57;margin-bottom:16px;font-size:.65rem;font-weight:800;display:block}.skill-columns>div:last-child small{color:var(--accent)}.skill-columns span{border:1px solid #79736c;border-radius:4px;margin:0 8px 8px 0;padding:8px 12px;font-size:.75rem;font-weight:800;display:inline-block}.skill-columns>div:last-child span{color:var(--paper);border-color:#d9b6c2}.why{background:var(--accent);border-radius:4px;margin-top:24px;padding:20px}.why b{letter-spacing:.15em;font-size:.65rem;font-weight:800}.why p{gap:12px;margin-top:12px;font-size:.85rem;line-height:1.4;display:flex}.why p span{color:var(--maroon);font-weight:900}.personality{border-top:1px solid #bdb6ad;border-bottom:1px solid #bdb6ad;grid-template-columns:1fr 1fr;margin-top:24px;display:grid}.personality p{font-family:var(--font-serif);padding:16px 0;font-size:.9rem;font-weight:700;line-height:1.4}.personality p+p{border-left:1px solid #bdb6ad;padding-left:20px}.personality small{font-family:var(--font-ui);color:#746d65;letter-spacing:.15em;margin-bottom:8px;font-size:.55rem;font-weight:800;display:block}.swipe-stamp{z-index:10;font-family:var(--font-display);text-transform:uppercase;pointer-events:none;opacity:0;border:4px solid;padding:12px 20px;font-size:2.5rem;position:absolute;top:15%}.stamp-next{color:var(--maroon);right:16%;transform:rotate(-8deg)}.stamp-team{color:#405e0e;border-color:#405e0e;left:16%;transform:rotate(8deg)}@media (width<=1024px){.setup-screen{grid-template-columns:1fr}.setup-heading{border-right:none;padding-bottom:40px}.discover-layout{grid-template-rows:auto 1fr;grid-template-columns:200px 1fr}.swipe-actions{flex-direction:row;grid-area:1/2;justify-content:flex-end;align-items:center}.swipe-actions button{min-height:70px;padding:12px 20px}}@media (width<=768px){.field-row{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.portal-toolbar{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:16px;height:auto;padding:16px}.portal-modes{grid-column:1/-1}.discover-layout{grid-template-columns:1fr;padding:16px}.swipe-actions{grid-area:3/1}.profile-card{grid-template-rows:250px 1fr;grid-template-columns:1fr}.personality{display:none}}.avatar-fieldset{border:none}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px;max-width:480px;margin-top:16px;display:grid}.avatar-option{cursor:pointer;aspect-ratio:1;background:#f2eee50d;border:1px solid #f2eee526;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.avatar-option img{border-radius:50%;width:100%;height:100%;display:block}.avatar-option:hover{border-color:#f2eee54d}.avatar-option.selected{border-color:var(--accent);box-shadow:4px 4px 0 var(--maroon);transform:translate(-2px,-2px)}.requests-layout{grid-template-columns:minmax(320px,35%) 1fr;height:calc(100vh - 72px);display:grid;overflow:hidden}.requests-intro{background:var(--maroon-dark);border-right:1px solid var(--line);padding:clamp(50px,6vw,100px) 4vw;position:relative;overflow:hidden}.requests-intro h1{margin:24px 0;font-size:clamp(2.5rem,4.5vw,5rem)}.requests-intro p{font-family:var(--font-serif);color:#d5c2ca;max-width:420px;font-size:1.1rem;line-height:1.5}.requests-intro span{border:1px solid var(--accent);color:var(--accent);letter-spacing:.15em;z-index:2;margin-top:40px;padding:12px 16px;font-size:.65rem;font-weight:800;display:inline-block;position:relative}.request-list{background:#10110f;padding:32px clamp(24px,4vw,48px);overflow-y:auto}.request-card{background:var(--paper);color:var(--ink);border:1px solid #aaa39b;border-radius:4px;grid-template-columns:200px 1fr minmax(200px,25%);gap:24px;margin-bottom:24px;padding:24px;display:grid;box-shadow:8px 8px #6d123466}.request-avatar .animal-avatar{border-radius:4px;width:100%;height:100%;min-height:220px}.request-details{align-self:center}.request-details>p:first-child{color:#6d665f;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:.65rem;font-weight:800}.request-details h2{font-size:clamp(1.8rem,2.5vw,2.5rem)}.request-details h3{font-family:var(--font-serif);color:var(--maroon);margin:12px 0 20px;font-size:1.1rem;font-weight:700}.request-skills{flex-wrap:wrap;gap:8px;display:flex}.request-skills span{border:1px solid #8d867e;border-radius:4px;padding:6px 10px;font-size:.7rem;font-weight:800}.request-reason{border-top:1px solid #c6bfb6;margin-top:24px;padding-top:16px}.request-reason b{letter-spacing:.15em;margin-bottom:8px;font-size:.65rem;font-weight:800;display:block}.request-reason span{font-family:var(--font-serif);font-size:.95rem;line-height:1.4;display:block}.request-actions{flex-direction:column;justify-content:center;gap:12px;display:flex}.request-actions>span{font-family:var(--font-display);color:var(--maroon);margin-bottom:auto;font-size:3.5rem;line-height:.8}.request-actions>span small{font-family:var(--font-ui);color:#706960;letter-spacing:.15em;margin-top:8px;font-size:.6rem;font-weight:800;display:block}.request-actions button{letter-spacing:.1em;cursor:pointer;border:1px solid var(--ink);text-align:center;padding:12px;font-size:.7rem;font-weight:800;transition:all .2s}.request-actions .accept-request{background:var(--accent);border-color:var(--accent);box-shadow:4px 4px 0 var(--maroon);justify-content:space-between;align-items:center;padding:16px;display:flex}.request-actions .accept-request:hover{background:var(--pink);border-color:var(--pink);box-shadow:6px 6px 0 var(--maroon);transform:translate(-2px,-2px)}.requests-empty{text-align:center;min-height:50vh;color:var(--paper-dim);place-content:center;display:grid}.requests-empty b{font-family:var(--font-display);color:var(--accent);margin-bottom:16px;font-size:2.5rem}.match-overlay{z-index:150;text-align:center;background:#43091ff2;flex-direction:column;justify-content:center;align-items:center;padding:32px;animation:.4s cubic-bezier(.2,.8,.2,1) overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0;transform:scale(.95)}}.close-match{cursor:pointer;font-size:3rem;font-weight:300;position:absolute;top:32px;right:40px}.match-burst{background:var(--accent);color:var(--ink);letter-spacing:.1em;box-shadow:6px 6px 0 var(--ink);padding:12px 20px;font-size:.8rem;font-weight:800;position:absolute;top:40%;left:15%;transform:rotate(-10deg)}.matched-avatars{align-items:center;margin-bottom:24px;display:flex}.matched-avatars>span{background:var(--ink);z-index:5;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 -12px;font-size:1.5rem;font-weight:800;display:grid}.match-overlay h2{margin:16px 0 24px;font-size:clamp(3rem,5vw,6rem)}.match-overlay p{font-family:var(--font-serif);color:#d9c4cc;max-width:480px;font-size:1.15rem;line-height:1.5}.chat-panel{background:var(--paper);width:min(480px,100vw);color:var(--ink);border-left:2px solid var(--ink);z-index:200;flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) chat-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 #0003}@keyframes chat-in{0%{transform:translate(100%)}}.chat-panel>header{border-bottom:1px solid #bdb6ad;grid-template-columns:70px 1fr auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.chat-panel>header .animal-avatar{border-radius:4px;width:64px;height:64px}.chat-panel>header small{color:var(--maroon);letter-spacing:.15em;font-size:.6rem;font-weight:800;display:block}.chat-panel>header strong{font-family:var(--font-display);margin:4px 0;font-size:1.25rem;display:block}.chat-panel>header span{color:#5b6e2f;letter-spacing:.1em;align-items:center;gap:6px;font-size:.6rem;font-weight:800;display:flex}.chat-panel>header span i{background:#78a728;border-radius:50%;width:8px;height:8px}.chat-panel>header button{cursor:pointer;font-size:2rem}.chat-context{background:var(--accent);padding:16px 20px}.chat-context b{letter-spacing:.15em;font-size:.65rem;font-weight:800;display:block}.chat-context span{font-family:var(--font-serif);margin-top:8px;font-size:.95rem;display:block}.messages{flex-direction:column;flex:1;gap:12px;padding:24px 20px;display:flex;overflow-y:auto}.system-message{color:#7b756d;letter-spacing:.1em;text-transform:uppercase;align-self:center;margin-bottom:16px;font-size:.6rem;font-weight:800}.message{border-radius:8px;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.5}.message.theirs{background:#ddd7ce;border-bottom-left-radius:0;align-self:flex-start}.message.mine{background:var(--maroon);color:var(--paper);border-bottom-right-radius:0;align-self:flex-end}.quick-replies{gap:8px;padding:0 20px 16px;display:flex}.quick-replies button{border:1px solid var(--maroon);color:var(--maroon);letter-spacing:.1em;cursor:pointer;border-radius:4px;flex:1;padding:10px;font-size:.65rem;font-weight:800;transition:background .2s}.quick-replies button:hover{background:#6d12340d}.chat-panel>form{border-top:1px solid #bdb6ad;grid-template-columns:1fr 60px;gap:12px;padding:16px 20px 24px;display:grid}.chat-panel>form input{background:#fff;border:1px solid #9e978e;border-radius:4px;padding:12px 16px;font-size:.95rem}.chat-panel>form input:focus{border-color:var(--maroon)}.chat-panel>form button{background:var(--maroon);color:var(--paper);cursor:pointer;border-radius:4px;font-size:1.5rem;transition:background .2s}.chat-panel>form button:hover{background:var(--maroon-dark)}.request-toast{background:var(--accent);color:var(--ink);letter-spacing:.1em;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--maroon);z-index:100;padding:16px 24px;font-size:.75rem;font-weight:800;animation:.3s cubic-bezier(.2,.8,.2,1) toast-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}}@media (width<=1024px){.requests-layout{grid-template-columns:1fr}.requests-intro{border-right:none;border-bottom:1px solid var(--line);min-height:auto;padding:40px 6vw}.request-card{grid-template-columns:160px 1fr}.request-actions{flex-direction:row;grid-column:2;align-items:center}.request-actions>span{margin:0 auto 0 0;font-size:2.5rem}}@media (width<=768px){.request-card{grid-template-columns:1fr;gap:16px}.request-avatar .animal-avatar{height:260px;min-height:auto}.request-actions{flex-direction:column;grid-column:1}.request-actions>span{margin-bottom:12px}.match-overlay{padding:20px}.match-overlay h2{font-size:3rem}.match-burst{top:30%;left:5%}}