:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}@font-face{font-family:OffBit;src:url(/assets/OffBitTrial-Regular-CPt47ho5.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OffBit;src:url(/assets/OffBitTrial-Bold-BD3QkllM.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OffBit;src:url(/assets/OffBitTrial-Bold-BD3QkllM.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}.cursor-trail{position:fixed;width:6px;height:6px;background:#44f;border-radius:0;pointer-events:none;z-index:9999;animation:fadeOut .8s ease-out forwards}@keyframes fadeOut{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)}}html{font-size:16px}body{font-family:OffBit,monospace;font-weight:700;word-spacing:.2em}.App{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative}.start-screen{max-width:700px;width:100%;position:relative;z-index:1}.start-screen:before{content:"";position:fixed;inset:0;background-image:url(/assets/default-bg-pr36qFx4.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(1.05);z-index:-1}.start-content{padding:30px 50px 60px;text-align:center;position:relative}.start-persona-image{margin:0 0 40px;display:flex;justify-content:center;align-items:center;position:relative}.start-persona-image .persona-shadow{position:absolute;width:322px;height:322px;object-fit:contain;z-index:0;opacity:.8}.start-persona-image .persona-img{width:250px;height:250px;object-fit:contain;animation:bounce 2s ease-in-out infinite;z-index:1;position:relative}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.title{font-size:4rem;color:#000;margin-bottom:32px;font-weight:900;letter-spacing:1px;line-height:1}.subtitle{font-size:1.75rem;color:#000;margin-bottom:40px;font-weight:700;letter-spacing:1px}.description{margin:30px 0 40px;color:#333;line-height:1.4;font-size:1.75rem;font-weight:700;letter-spacing:1px}.description p{margin-bottom:12px}.start-button{background:#666;color:#fff;border:none;padding:18px 50px;font-size:1.35rem;font-weight:900;letter-spacing:1px;cursor:pointer;transition:all .2s;font-family:OffBit,Courier New,monospace;border-radius:12px;margin-bottom:60px}.start-button:hover{background:#555;transform:translateY(-2px)}.start-button:active{background:#666;transform:translateY(0)}.credit{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:400;color:#666;letter-spacing:1px;margin:0}.credit-link{color:#666;text-decoration:underline;transition:opacity .2s}.credit-link:hover{opacity:.7}.question-screen{width:100%;min-height:100vh;position:relative;display:flex;align-items:flex-start;justify-content:center}.progress-bar{background:#0003;height:6px;border:none;position:absolute;top:24px;left:50%;transform:translate(-50%);max-width:660px;width:calc(100% - 90px);overflow:hidden;border-radius:6px;z-index:2}.progress-fill{height:100%;background:#ffffffe6;transition:width .3s ease;border-radius:6px}.question-content{padding:54px 45px 24px;position:relative;z-index:1;max-width:750px;width:100%;pointer-events:none}.question-number{background:#666;color:#fff;padding:8px 20px;font-weight:900;margin-bottom:22px;font-size:1.1rem;letter-spacing:1px;display:inline-block;font-family:OffBit,Courier New,monospace;border-radius:12px;pointer-events:auto}.scenario{font-size:2.2rem;color:#000;margin-bottom:280px;line-height:1.1;font-weight:900;letter-spacing:1px;background:#fffffffa;padding:20px 30px;border-radius:12px;text-align:center;position:relative;z-index:10;pointer-events:none}.question-image{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}.question-image img{max-width:225px;width:100%;height:auto;object-fit:contain}.animated-scene{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto}[data-question="1"] .animated-scene g:nth-of-type(7) image{max-width:645px;max-height:484px;transform:translateY(60px)}[data-question="2"] .animated-scene g:nth-of-type(6) image{max-width:600px;max-height:450px}[data-question="2"] .animated-scene g:nth-of-type(7) image{max-width:380px;max-height:285px}[data-question="2"] .animated-scene g:nth-of-type(8) image{max-width:460px;max-height:345px}[data-question="9"] .animated-scene g:nth-of-type(6) image{transform:translate(100px)!important}.choices{display:flex;flex-direction:column;gap:14px;position:relative;z-index:10;pointer-events:none}.choice-button{background:#f5f5f5fa;border:none;padding:16px 20px 14px;font-size:1.35rem;cursor:pointer;transition:all .2s;text-align:left;color:#000;line-height:1.3;font-weight:700;font-family:OffBit,Courier New,monospace;border-radius:12px;letter-spacing:1px;position:relative;z-index:10;pointer-events:auto}.choice-button:hover{background:#e0e0e0}.choice-button:active{transform:scale(.98)}.results-screen{max-width:600px;width:100%;padding-top:32px;position:relative;z-index:1}.results-screen:before{content:"";position:fixed;inset:0;background-image:url(/assets/default-bg-pr36qFx4.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(1.05);z-index:-1}.results-screen:has(.all-personas-view){max-width:1100px}.persona-card{margin-bottom:10px;padding:30px 25px;text-align:center;position:relative;border:none;border-radius:16px}.persona-name{font-size:2.5rem;color:#000;margin-bottom:8px;font-weight:900;letter-spacing:1px;line-height:1}.persona-emoji-large{margin:0 0 20px;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.persona-emoji-large .persona-shadow{position:absolute;width:288px;height:288px;object-fit:contain;z-index:0;opacity:.8}.persona-emoji-large .persona-img{width:220px;height:220px;object-fit:contain;z-index:1;position:relative}.traits-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.trait-badge{background:#888;color:#fff;padding:6px 12px 4px;font-size:1.2rem;font-weight:900;letter-spacing:1px;font-family:OffBit,Courier New,monospace;border-radius:8px}.compatibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;padding-top:10px}.compatibility-column{text-align:center}.compat-label{font-size:1.05rem;color:#000;font-weight:900;letter-spacing:1px;margin-bottom:4px}.compat-persona-name{font-size:1.35rem;color:#000;font-weight:900;letter-spacing:1px;margin-bottom:10px;line-height:1.1}.compat-emoji-container{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto}.compat-shadow{position:absolute;width:140px;height:140px;object-fit:contain;z-index:0;opacity:.8}.compat-emoji-small{width:120px;height:120px;object-fit:contain;z-index:1;position:relative}.results-content{animation:fadeIn .4s ease-in;display:flex;flex-direction:column;align-items:center}.restart-button{background:#444;color:#fff;border:none;padding:18px 50px;font-size:1.35rem;font-weight:900;letter-spacing:1px;cursor:pointer;transition:all .2s;font-family:OffBit,Courier New,monospace;width:100%;max-width:400px;border-radius:12px}.restart-button:hover{background:#333;transform:translateY(-2px)}.restart-button:active{background:#444;transform:translateY(0)}.view-all-link{background:none;border:none;color:#000;font-size:1.35rem;font-weight:700;cursor:pointer;text-decoration:underline;margin-top:10px;padding:10px;transition:opacity .2s;font-family:OffBit,Courier New,monospace;letter-spacing:1px}.view-all-link:hover{opacity:.7}.all-personas-view{width:100%;max-width:1000px;margin:0 auto}.back-button{background:none;border:none;padding:0;cursor:pointer;transition:all .2s;display:block;position:absolute;left:12px}.back-button:hover{opacity:.7}.back-arrow-text{font-size:3rem;line-height:1;display:block;font-family:OffBit,monospace;font-weight:400;color:#000}.all-personas-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;position:relative;padding:0 60px}.all-personas-title{font-size:2rem;color:#000;margin:0;font-weight:900;letter-spacing:1px;text-align:center;flex:1}.personas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}.persona-mini-card{background:#f5f5f5;border:none;padding:30px 25px;text-align:center;position:relative;transition:all .2s;border-radius:16px}.persona-mini-card.highlighted{background:#fff0f5;box-shadow:0 4px 12px #ffb6d94d}.you-badge{position:absolute;top:10px;right:10px;background:#ffb6d9;color:#000;padding:6px 14px 2px;font-size:.75rem;font-weight:900;letter-spacing:1px;font-family:OffBit,Courier New,monospace;border:none;z-index:10;border-radius:8px}.persona-mini-emoji{width:160px;height:160px;object-fit:contain;margin:0 auto 8px}.persona-mini-name{font-size:1.5rem;color:#000;font-weight:900;letter-spacing:1px;margin-bottom:12px;line-height:1.1}.persona-mini-vibe{font-size:1rem;color:#333;line-height:1.2;margin-bottom:15px;font-weight:600;letter-spacing:1px}.persona-mini-traits{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mini-trait{background:#888;color:#fff;padding:7px 13px;font-size:.9rem;font-weight:700;letter-spacing:1px;font-family:OffBit,Courier New,monospace;border-radius:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1400px){html{font-size:17px}.title{font-size:4.2rem}.subtitle,.description{font-size:1.85rem}.start-button{font-size:1.05rem}.scenario{font-size:2rem}.choice-button{font-size:1.05rem;padding:16px 20px 14px}.trait-badge,.compat-persona-name,.restart-button,.view-all-link{font-size:1.05rem}.persona-name{font-size:2.6rem}}@media(max-width:768px){html{font-size:15px}.App{padding:40px 15px 15px}.question-screen{height:100vh;overflow:hidden}.title{font-size:3rem}.subtitle{font-size:1.5rem}.description{font-size:1.4rem}.start-button{font-size:1.2rem;padding:16px 40px}.start-persona-image .persona-img{width:200px;height:200px}.start-persona-image .persona-shadow{width:265px;height:265px}.start-content{padding:40px 25px}.credit{font-size:.85rem}.scenario{font-size:1.8rem;padding:16px 20px;margin-bottom:220px}.choice-button{font-size:1.2rem;padding:14px 18px 12px}.question-content{padding:44px 20px 24px}.persona-name{font-size:2.2rem}.trait-badge{font-size:1.05rem;padding:5px 10px 3px}.compat-label{font-size:.95rem}.compat-persona-name{font-size:1.2rem}.restart-button{font-size:1.05rem;padding:16px 40px}.view-all-link{font-size:1.05rem}.results-screen{padding-top:0}.persona-card{padding:25px 15px}.persona-emoji-large .persona-img{width:180px;height:180px}.persona-emoji-large .persona-shadow{width:242px;height:242px;transform:translateY(4px)}.compatibility-grid{gap:15px;margin-top:20px;padding-top:15px}.compat-emoji-small{width:100px;height:100px}.compat-shadow{width:120px;height:120px}.progress-bar{height:5px;top:24px;width:calc(100% - 40px)}.all-personas-title{font-size:1.75rem}.persona-mini-name{font-size:1.35rem}.persona-mini-vibe{font-size:.95rem}.mini-trait{font-size:.85rem;padding:6px 11px}.back-arrow-text{font-size:1.8rem}.all-personas-header{gap:15px;padding:0 50px}.personas-grid{grid-template-columns:1fr;gap:15px}.persona-mini-card{padding:20px 15px}.persona-mini-card.highlighted{box-shadow:0 3px 10px #ffb6d94d}.you-badge{font-size:.7rem;padding:5px 11px;border-radius:6px}.persona-mini-emoji{width:140px;height:140px}[data-question="1"] .animated-scene g:nth-of-type(7) image{transform:translate(30px,40px)!important}[data-question="2"] .animated-scene g:nth-of-type(6) image{width:70%!important;height:70%!important;transform:translate(150px,66px)!important}[data-question="2"] .animated-scene g:nth-of-type(8) image{width:65%!important;height:65%!important;transform:translate(60px,-4px)!important}[data-question="3"] .animated-scene g:nth-of-type(2) image{width:80%!important;height:80%!important;transform:translate(20px,8px)!important}[data-question="3"] .animated-scene g:nth-of-type(3) image{width:80%!important;height:80%!important;transform:translate(20px,8px)!important}[data-question="4"] .animated-scene g:nth-of-type(2) image{transform:translateY(-44px)!important}[data-question="4"] .animated-scene g:nth-of-type(3) image{transform:translateY(-44px)!important}[data-question="4"] .animated-scene g:nth-of-type(4) image{transform:translateY(-44px)!important}[data-question="4"] .animated-scene g:nth-of-type(5) image{transform:translateY(-44px)!important}[data-question="7"] .animated-scene g:nth-of-type(2) image{width:85%!important;height:85%!important;transform:translate(100px)!important}[data-question="7"] .animated-scene g:nth-of-type(3) image{width:85%!important;height:85%!important;transform:translate(100px)!important}[data-question="7"] .animated-scene g:nth-of-type(4) image{width:85%!important;height:85%!important;transform:translate(100px)!important}[data-question="9"] .animated-scene g:nth-of-type(2) image{transform:translate(8px,-40px)!important}[data-question="9"] .animated-scene g:nth-of-type(3) image{transform:translate(8px,-40px)!important}[data-question="9"] .animated-scene g:nth-of-type(4) image{transform:translate(8px,-40px)!important}[data-question="9"] .animated-scene g:nth-of-type(6) image{transform:translate(36px)!important}}@media(max-width:480px){html{font-size:14px}.App{padding:30px 10px 10px}.question-screen{height:100vh;overflow:hidden}.title{font-size:2.5rem}.subtitle{font-size:1.25rem}.description{font-size:1.2rem}.start-button{font-size:1.05rem;padding:14px 35px}.start-persona-image .persona-img{width:160px;height:160px}.start-persona-image .persona-shadow{width:219px;height:219px}.start-content{padding:30px 20px}.credit{font-size:.8rem}.scenario{font-size:1.5rem;padding:14px 18px;margin-bottom:180px}.choice-button{font-size:1.05rem;padding:12px 16px 10px;border-radius:10px}.question-image img{max-width:150px}.persona-name{font-size:1.9rem}.trait-badge{font-size:1.05rem;padding:4px 9px}.compat-label{font-size:.85rem}.compat-persona-name{font-size:1.05rem}.restart-button{font-size:1.05rem;padding:14px 15px;width:calc(100% - 40px);max-width:none}.view-all-link{font-size:1.05rem}.results-screen{padding-top:0;padding-bottom:40px}.persona-emoji-large .persona-img{width:150px;height:150px}.persona-emoji-large .persona-shadow{width:207px;height:207px}.compat-emoji-small{width:85px;height:85px}.compat-shadow{width:105px;height:105px}.all-personas-title{font-size:1.5rem}.persona-mini-name{font-size:1.2rem}.persona-mini-vibe{font-size:.9rem}.mini-trait{font-size:.8rem;padding:5px 10px}.persona-mini-emoji{width:120px;height:120px}.you-badge{font-size:.65rem;padding:4px 10px}.back-arrow-text{font-size:1.8rem}.all-personas-header{gap:12px;padding:0 45px}[data-question="1"] .animated-scene g:nth-of-type(7) image{width:549px!important;height:411px!important;transform:translate(40px,48px)!important}[data-question="2"] .animated-scene g:nth-of-type(6) image{width:65%!important;height:65%!important;transform:translate(170px,76px)!important}[data-question="2"] .animated-scene g:nth-of-type(8) image{width:60%!important;height:60%!important;transform:translate(80px,16px)!important}[data-question="3"] .animated-scene g:nth-of-type(2) image{width:70%!important;height:70%!important;transform:translate(32px,-8px)!important}[data-question="3"] .animated-scene g:nth-of-type(3) image{width:70%!important;height:70%!important;transform:translate(32px,-8px)!important}[data-question="4"] .animated-scene g:nth-of-type(2) image{width:70%!important;height:70%!important;transform:translate(82px,-12px)!important}[data-question="4"] .animated-scene g:nth-of-type(3) image{width:70%!important;height:70%!important;transform:translate(82px,-12px)!important}[data-question="4"] .animated-scene g:nth-of-type(4) image{width:70%!important;height:70%!important;transform:translate(82px,-12px)!important}[data-question="4"] .animated-scene g:nth-of-type(5) image{width:70%!important;height:70%!important;transform:translate(82px,-12px)!important}[data-question="5"] .animated-scene g:nth-of-type(2) image{width:60%!important;height:60%!important;transform:translate(50px,-24px)!important}[data-question="5"] .animated-scene g:nth-of-type(3) image{width:60%!important;height:60%!important;transform:translate(54px,-24px)!important}[data-question="5"] .animated-scene g:nth-of-type(4) image{width:60%!important;height:60%!important;transform:translate(54px,-24px)!important}[data-question="5"] .animated-scene g:nth-of-type(5) image{width:60%!important;height:60%!important;transform:translate(54px,-24px)!important}[data-question="5"] .animated-scene g:nth-of-type(6) image{width:60%!important;height:60%!important;transform:translate(70px,-24px)!important}[data-question="5"] .animated-scene g:nth-of-type(7) image{width:60%!important;height:60%!important;transform:translate(70px,-24px)!important}[data-question="6"] .animated-scene g:nth-of-type(2) image{width:85%!important;height:85%!important;transform:translate(-40px,-44px)!important}[data-question="6"] .animated-scene g:nth-of-type(3) image{width:85%!important;height:85%!important;transform:translate(-40px,-44px)!important}[data-question="6"] .animated-scene g:nth-of-type(5) image{transform:translateY(-24px)!important}[data-question="7"] .animated-scene g:nth-of-type(2) image{width:75%!important;height:75%!important}[data-question="7"] .animated-scene g:nth-of-type(3) image{width:75%!important;height:75%!important}[data-question="7"] .animated-scene g:nth-of-type(4) image{width:75%!important;height:75%!important}[data-question="7"] .animated-scene g:nth-of-type(5) image{transform:translateY(-32px)!important}[data-question="7"] .animated-scene g:nth-of-type(6) image{transform:translateY(-32px)!important}[data-question="7"] .animated-scene g:nth-of-type(7) image{transform:translateY(-32px)!important}[data-question="7"] .animated-scene g:nth-of-type(8) image{transform:translateY(-32px)!important}[data-question="7"] .animated-scene g:nth-of-type(9) image{transform:translateY(-32px)!important}[data-question="8"] .animated-scene g:nth-of-type(5) image{width:70%!important;height:70%!important;transform:translate(70px,12px)!important}[data-question="8"] .animated-scene g:nth-of-type(6) image{width:70%!important;height:70%!important;transform:translate(70px,12px)!important}[data-question="8"] .animated-scene g:nth-of-type(7) image{width:70%!important;height:70%!important;transform:translate(70px,12px)!important}[data-question="9"] .animated-scene g:nth-of-type(2) image{width:60%!important;height:60%!important;transform:translate(138px,18px)!important}[data-question="9"] .animated-scene g:nth-of-type(3) image{width:60%!important;height:60%!important;transform:translate(58px,-30px)!important}[data-question="9"] .animated-scene g:nth-of-type(4) image{width:60%!important;height:60%!important;transform:translate(58px,-30px)!important}[data-question="9"] .animated-scene g:nth-of-type(5) image{width:60%!important;height:60%!important;transform:translate(58px,-30px)!important}[data-question="9"] .animated-scene g:nth-of-type(6) image{width:60%!important;height:60%!important;transform:translate(164px)!important}[data-question="10"] .animated-scene g:nth-of-type(2) image{width:60%!important;height:60%!important;transform:translate(48px,-28px)!important}[data-question="10"] .animated-scene g:nth-of-type(3) image{width:60%!important;height:60%!important;transform:translate(48px,-28px)!important}[data-question="10"] .animated-scene g:nth-of-type(4) image{width:70%!important;height:70%!important;transform:translate(100px,20px)!important}[data-question="10"] .animated-scene g:nth-of-type(5) image{width:70%!important;height:70%!important;transform:translate(100px,20px)!important}[data-question="10"] .animated-scene g:nth-of-type(6) image{width:70%!important;height:70%!important;transform:translate(100px,20px)!important}}