body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Nunito,system-ui,sans-serif}.welcome-logo{filter:drop-shadow(0 4px 16px #00000059);width:min(100%,320px);height:auto;margin:0 auto clamp(12px,2vh,20px);animation:.7s both logoIn;display:block}@keyframes logoIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.welcome-logo{width:min(58vw,260px)}}@media (width<=640px){.welcome-logo{width:min(64vw,220px);margin-bottom:12px}}@media (height<=700px){.welcome-logo{width:min(40vw,220px);margin-bottom:8px}}.magic-loader-large{width:200px;height:200px;margin:0 auto 50px;position:relative}.magic-orb-large{width:100%;height:100%;position:relative}.orb-core-large{background:radial-gradient(circle at 30% 30%,#ffd54f,#e91e63);border-radius:50%;width:80px;height:80px;margin:-40px 0 0 -40px;animation:2s ease-in-out infinite pulse-core-large;position:absolute;top:50%;left:50%;box-shadow:0 0 30px #e91e63e6,0 0 60px #ffd54f8c,0 0 90px #e91e634d,inset 0 0 30px #fff6}.orb-ring-large{opacity:0;border:3px solid;border-radius:50%;position:absolute;top:50%;left:50%}.orb-ring-large-1{border-color:#ffd54fbf;width:120px;height:120px;margin:-60px 0 0 -60px;animation:2s ease-out infinite ripple-large}.orb-ring-large-2{border-color:#81d4faa6;width:160px;height:160px;margin:-80px 0 0 -80px;animation:2s ease-out .4s infinite ripple-large}.orb-ring-large-3{border-color:#e91e638c;width:200px;height:200px;margin:-100px 0 0 -100px;animation:2s ease-out .8s infinite ripple-large}@keyframes pulse-core-large{0%,to{transform:scale(1);box-shadow:0 0 30px #e91e63e6,0 0 60px #ffd54f8c,0 0 90px #e91e634d,inset 0 0 30px #fff6}50%{transform:scale(1.15);box-shadow:0 0 40px #e91e63,0 0 80px #ffd54fbf,0 0 120px #e91e6373,inset 0 0 40px #fff9}}@keyframes ripple-large{0%{opacity:0;transform:scale(.7)}50%{opacity:1}to{opacity:0;transform:scale(1.3)}}.loading-text{justify-content:center;align-items:center;min-height:60px;animation:.5s ease-in-out fadeInText;display:flex}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.magic-loader-large{width:150px;height:150px;margin:0 auto 40px}.orb-core-large{width:60px;height:60px;margin:-30px 0 0 -30px}.orb-ring-large-1{width:90px;height:90px;margin:-45px 0 0 -45px}.orb-ring-large-2{width:120px;height:120px;margin:-60px 0 0 -60px}.orb-ring-large-3{width:150px;height:150px;margin:-75px 0 0 -75px}}.result-screen{flex:1;min-height:0;overflow-y:auto;justify-content:center!important;align-items:flex-start!important}.result-layout{z-index:2;align-items:flex-start;width:100%;max-width:min(440px,38vw);margin:0 auto 0 clamp(20px,4vw,48px);padding:clamp(20px,6vh,56px) 0 clamp(20px,3vh,36px);display:flex;position:relative}.result-verdict{text-align:left;background:linear-gradient(155deg,#ea4a9c 0%,#df1784 38%,#cf1479 68%,#b81269 100%);border:1px solid #ffffff38;border-radius:clamp(20px,3vw,30px);flex:1;width:100%;min-width:0;padding:clamp(22px,3.4vw,44px);animation:.55s both verdictIn;box-shadow:0 18px 48px #9a0f5959,inset 0 1px #ffffff47}@keyframes verdictIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-brand-logo{filter:drop-shadow(0 2px 10px #00000040);width:min(190px,38vw);height:auto;margin-bottom:18px;display:block}.result-friend-label{letter-spacing:.02em;color:#fffffff2;margin-bottom:8px;font-size:clamp(15px,1.6vw,19px);font-weight:700}.result-character-name{color:#ffe082;text-shadow:0 2px 12px #00000047;margin-bottom:6px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1}.result-character-name:after{content:"";background:linear-gradient(90deg,#ffe082,#ffe08200);border-radius:4px;width:64px;height:4px;margin-top:18px;margin-bottom:22px;display:block}.result-explanation-label{color:#fffffff2;margin-bottom:12px;font-size:clamp(15px,1.5vw,18px);font-weight:700}.result-explanation{color:#fffffff5;white-space:pre-line;max-width:46ch;margin-bottom:28px;font-size:clamp(16px,1.6vw,21px);line-height:1.7}.result-actions{margin-top:4px}@media (width>=1100px){.result-layout{max-width:min(520px,38vw);margin-left:clamp(36px,6vw,88px)}}@media (width>=1500px){.result-layout{max-width:min(560px,36vw)}}@media (width<=900px){.result-screen{justify-content:flex-start!important;align-items:center!important}.result-layout{max-width:min(100%,540px);margin-inline:auto;padding-top:min(44vh,360px)}.result-verdict{text-align:center}.result-brand-logo,.result-friend-label,.result-character-name,.result-explanation-label,.result-explanation{text-align:center;margin-left:auto;margin-right:auto}.result-character-name:after{background:linear-gradient(90deg,#ffe08200,#ffe082 50%,#ffe08200);width:96px;margin-inline:auto}.result-actions{align-items:stretch}.result-actions .btn{width:100%;max-width:none}}@media (width<=640px){.result-layout{padding-top:min(40vh,300px)}.result-verdict{border-radius:20px;padding:16px}.result-brand-logo{width:min(150px,46vw)}.result-character-name{margin-bottom:12px;font-size:clamp(30px,9vw,40px)}.result-explanation{text-align:left;margin-bottom:18px;font-size:15px}}@media (height<=700px) and (width<=900px){.result-layout{padding-top:min(34vh,250px)}}.magic-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-image{background-color:#c2185b;background-image:url(/img/bg.webp);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (width<=640px){.bg-image{background-position:bottom;background-size:auto 112%}}.princesses-strip{z-index:1;object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 20px #00000038);width:100vw;height:auto;max-height:92vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.princesses-strip-split{--img-w:173.85vw;--vis-h:calc(min(calc(var(--img-w) / 2.0084), 46vh, 380px) + var(--footer-h,44px));z-index:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 20px #00000038);justify-content:center;align-items:flex-end;display:none;position:absolute;bottom:0;left:0;right:0}.princesses-strip-half{height:var(--vis-h);background-image:url(/img/princesses-strip.webp);background-repeat:no-repeat;background-size:var(--img-w) auto;display:block}.princesses-strip-half--left{width:calc(var(--img-w) * .3464);background-position:0 0}.princesses-strip-half--right{width:calc(var(--img-w) * .3583);margin-left:calc(var(--img-w) * -.1295);background-position:100% 0}@media (height<=460px){.princesses-strip,.princesses-strip-split{display:none}}.result-princesses-scene{--featured-body-h:80vh;z-index:1;position:absolute;inset:0}.result-princesses-group{position:absolute;inset:0}.result-princess-blur{object-fit:contain;object-position:bottom center;opacity:1;transform-origin:bottom;will-change:transform;width:auto;max-width:none;position:absolute}.result-princess-blur[data-depth="0"]{filter:blur(1.8px)drop-shadow(0 3px 8px #00000024)}.result-princess-blur[data-depth="1"]{filter:blur(1.1px)drop-shadow(0 5px 12px #0000002e)}.result-princess-blur[data-depth="2"]{filter:blur(.6px)drop-shadow(0 7px 16px #00000038)}.result-princess-featured-wrap{left:var(--featured-x,70%);z-index:20;transform-origin:bottom;width:max-content;animation:.75s both featuredIn;position:absolute;bottom:0;transform:translate(-50%)}.result-princess-featured{height:calc(var(--featured-body-h) * var(--featured-scale,1.1));width:auto;max-width:none;transform:translateY(var(--featured-ground-shift,0%));filter:drop-shadow(0 18px 40px #00000073);display:block}@keyframes featuredIn{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width>=1280px){.princesses-strip{max-height:96vh}}@media (width<=1100px){.princesses-strip{max-height:90vh}}@media (width<=900px){.princesses-strip{width:125vw;max-height:calc(min(58vh, 520px) + var(--footer-h,52px))}.result-princesses-group{height:calc(2% + var(--featured-body-h) * 1.3);top:0;bottom:auto}.result-princesses-scene{--featured-body-h:min(34vh, 300px)}.result-princess-featured-wrap{animation-name:featuredInMobile;top:7%;bottom:auto;left:50%}.result-princess-featured{transform:translateY(var(--featured-head-shift,0%))}@keyframes featuredInMobile{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}}@media (width<=640px){.princesses-strip{display:none}.magic-background--welcome .princesses-strip-split{display:flex}.result-princesses-scene{--featured-body-h:min(30vh, 250px)}}@media (height<=700px){.princesses-strip{max-height:calc(min(55vh, 360px) + var(--footer-h,52px))}}@media (width<=640px) and (height<=700px){.magic-background--welcome .princesses-strip-split{--vis-h:calc(min(calc(var(--img-w) / 2.0084), 40vh, 250px) + var(--footer-h,44px))}}@media (height<=460px){.magic-background--welcome .princesses-strip-split{display:none}}@media (height<=700px) and (width<=900px){.result-princesses-scene{--featured-body-h:min(26vh, 210px)}}.cursor-trail{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}:root{--pink:#e91e63;--pink-dark:#c2185b;--pink-deep:#9c1048;--magenta:#d81b60;--sky:#81d4fa;--sky-deep:#4fc3f7;--gold:#ffd54f;--gold-deep:#ffc107;--text:#fff;--text-soft:#ffffffeb;--text-muted:#ffffffb3;--surface:#6b0a339c;--surface-strong:#6b0a33b8;--border:#ffffff8c;--glow:0 0 14px #ffd54f59, inset 0 0 14px #ffffff1a;--glow-strong:0 0 22px #ffd54f99, inset 0 0 18px #ffffff29;--footer-h:52px;--content-safe-inline:clamp(16px, 10vw, 140px);--sky-h:calc(max(100vh, 52.3vw) * .16)}*{box-sizing:border-box;margin:0;padding:0}.app{background:var(--pink-dark);min-height:100dvh;color:var(--text);flex-direction:column;font-family:Nunito,system-ui,sans-serif;display:flex;position:relative;overflow-x:hidden}.screen{width:100%;padding:16px var(--content-safe-inline) calc(var(--footer-h) + 12px);z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.brand-logo-bar{z-index:2;padding:max(8px, calc(var(--sky-h) + 10px)) 16px 0;flex-shrink:0;justify-content:center;display:flex;position:relative}.brand-logo-bar img{filter:drop-shadow(0 2px 10px #0000004d);width:min(234px,52vw);height:auto}.error-banner{color:#fff;text-align:center;z-index:1000;background:#ff4757;padding:15px;animation:.3s slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.btn{cursor:pointer;border:none;border-radius:14px;min-height:48px;padding:14px 28px;font-family:inherit;font-size:clamp(16px,2.4vw,18px);font-weight:700;transition:transform .25s,box-shadow .25s;animation:.3s preventTouchBleed;box-shadow:0 4px 16px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000047}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);color:#5c2d0e}.btn-secondary{background:linear-gradient(135deg, var(--sky) 0%, var(--sky-deep) 100%);color:#0d47a1}.btn:disabled{opacity:.5;cursor:not-allowed}.welcome-screen{text-align:center;padding-top:max(16px, calc(var(--sky-h) + 14px));justify-content:center}.welcome-content{width:min(100%,560px);max-width:100%;padding-block:8px;animation:.8s fadeIn}.welcome-title{text-shadow:0 2px 12px #00000059;margin-bottom:clamp(14px,2.5vh,22px);font-size:clamp(20px,4.2vw,34px);font-weight:800;line-height:1.25}.welcome-subtitle{color:var(--text-soft);text-shadow:0 1px 8px #00000040;margin-bottom:clamp(22px,4vh,36px);font-size:clamp(15px,2.4vw,19px);line-height:1.55}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-screen{padding-top:max(12px, calc(clamp(20px, 5vh, 56px) - var(--sky-h)));justify-content:flex-start;padding-bottom:32px}.progress-bar{z-index:11;background:#ffffff26;width:100%;height:6px;position:fixed;bottom:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--gold) 0%, var(--pink) 100%);height:100%;transition:width .3s}.question-content{width:min(100%,640px);margin-top:clamp(8px,2vh,20px);animation:.5s fadeIn}.question-number{color:var(--gold);margin-bottom:14px;font-size:14px;font-weight:700}.question-text{text-shadow:0 1px 10px #00000047;margin-bottom:clamp(20px,3vh,32px);font-size:clamp(20px,3.6vw,28px);font-weight:700;line-height:1.35}.options{flex-direction:column;gap:12px;display:flex}.option-btn{background:var(--surface);border:2px solid var(--border);box-shadow:var(--glow);color:#fff;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(6px);border-radius:14px;min-height:48px;padding:clamp(14px,2.2vw,18px) clamp(14px,2.2vw,20px);font-family:inherit;font-size:clamp(15px,2.2vw,17px);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;animation:.3s preventTouchBleed}.option-btn:hover{background:var(--surface-strong);border-color:var(--gold);box-shadow:var(--glow-strong);transform:translate(4px)}@keyframes preventTouchBleed{0%,99%{pointer-events:none}to{pointer-events:auto}}.open-answer{flex-direction:column;gap:12px;display:flex}.answer-textarea,.answer-input{border:2px solid var(--border);width:100%;box-shadow:var(--glow);background:var(--surface);color:#fff;-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:14px;font-family:inherit;font-size:16px}.answer-textarea{resize:none;min-height:120px}.answer-textarea:focus,.answer-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #ffe08238}.answer-textarea::placeholder,.answer-input::placeholder{color:#ffffff80}.char-counter{text-align:right;color:var(--text-muted);font-size:13px}.loading-screen{text-align:center}.loading-content{width:min(100%,420px);padding:16px;animation:.5s fadeIn}.loading-text{color:var(--text-soft);text-shadow:0 1px 8px #0000004d;font-size:clamp(16px,3vw,22px)}.result-actions{flex-direction:column;gap:12px;display:flex}.app-footer{--footer-h:52px;color:#fff;width:100%;min-height:var(--footer-h);z-index:5;background-color:#000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;padding:10px 20px;display:flex;position:relative}.footer-text{color:#bbb;text-align:center;font-size:11px;line-height:1.45}.footer-text p{margin:2px 0}@media (width>=901px){:root{--content-safe-inline:clamp(24px, 12vw, 160px);--footer-h:56px}.welcome-content,.question-content{width:min(100%,52vw,560px)}.question-screen{padding-top:max(12px, calc(clamp(48px, 11vh, 120px) - var(--sky-h)))}.result-actions{flex-direction:row;justify-content:flex-start}.result-actions .btn{flex:1;max-width:240px}}@media (width<=900px){:root{--content-safe-inline:clamp(16px, 5vw, 40px);--footer-h:48px}.welcome-screen{padding-top:max(clamp(20px, 6vh, 48px), calc(var(--sky-h) + 14px));justify-content:flex-start}.welcome-content{width:min(100%,520px)}.brand-logo-bar img{width:min(200px,48vw)}}@media (width<=640px){:root{--content-safe-inline:14px;--footer-h:44px;--sky-h:5.5vh}.screen{padding-top:12px;padding-bottom:calc(var(--footer-h) + 16px)}.welcome-screen{padding-top:max(44px, calc(var(--sky-h) + 12px))}.welcome-title{font-size:clamp(18px,5.6vw,24px)}.welcome-subtitle{margin-bottom:22px;font-size:14px}.question-screen{padding-top:12px}.question-text{margin-bottom:16px}.option-btn{padding:14px;font-size:15px}.option-btn:hover{transform:none}.brand-logo-bar{padding-top:max(34px, calc(var(--sky-h) + 10px))}.brand-logo-bar img{width:min(180px,56vw)}.app-footer{padding:8px 12px}.footer-text{font-size:9px}.btn{width:100%;max-width:320px}.welcome-content .btn{margin-inline:auto}}@media (height<=700px){.welcome-title{margin-bottom:10px;font-size:clamp(18px,3.5vh,28px)}.welcome-subtitle{margin-bottom:16px;font-size:14px}.question-screen{padding-top:12px}}@media (height<=560px){:root{--sky-h:0px}}.wynik-mock-nav{z-index:999;-webkit-backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.wynik-mock-nav__item,.wynik-mock-nav__arrow{color:#fff;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 4px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:flex}.wynik-mock-nav__item:hover,.wynik-mock-nav__arrow:hover{background:#ffffff47;transform:translateY(-1px)}.wynik-mock-nav__item.is-active{color:#5c2d0e;background:#ffd54f}.wynik-mock-nav__arrow{font-size:16px}