@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Jua&family=Patrick+Hand&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.navbar-container{z-index:1000;background:0 0;justify-content:center;padding:12px 20px;display:flex;position:sticky;top:0;left:0;right:0}.navbar-pill{background:#fff;border-radius:100px;justify-content:space-between;align-items:center;width:100%;max-width:1050px;height:56px;padding:0 8px 0 24px;display:flex;box-shadow:0 8px 20px #ff2d8514}.nav-left{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.nav-logo-img{-o-object-fit:contain;object-fit:contain;width:auto;height:38px;transition:transform .2s}.nav-logo-img:hover{transform:scale(1.05)}.nav-center{align-items:center;gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-item{color:#666;cursor:pointer;background:0 0;border:none;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:color .2s}.nav-item:hover{color:#ff2d85}.nav-item.active{color:#333;font-weight:700}.nav-right{align-items:center;gap:12px;display:flex}@media(max-width:850px){.nav-center{display:none}}.footer{text-align:center;background:0 0;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;display:flex}.footer-logo{justify-content:center;align-items:center;display:flex}.footer-logo-img{-o-object-fit:contain;object-fit:contain;opacity:.8;width:auto;height:28px;transition:opacity .2s}.footer-logo-img:hover{opacity:1}.footer-links{color:#888;gap:30px;font-size:14px;font-weight:800;display:flex}.footer-copy{color:#ccc;max-width:400px;margin-top:10px;font-size:12px;line-height:1.5}.home-container{background:0 0;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:100px;position:relative}.hero-carousel-wrapper{margin:16px 20px;position:relative}.hero-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;gap:16px;display:flex;overflow-x:auto}.hero-carousel::-webkit-scrollbar{display:none}.hero-slide{scroll-snap-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff80;border:2px solid #000;border-radius:2rem;flex-direction:column;flex:0 0 100%;justify-content:flex-end;min-width:100%;height:380px;transition:transform .2s;display:flex;position:relative;overflow:visible;box-shadow:4px 4px #000}.hero-slide:active{transform:scale(.98)}.hero-image-bg{z-index:-1;border-radius:1.9rem;margin:2px;position:absolute;inset:0;overflow:hidden}.hero-image-bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-overlay-gradient{z-index:1;background:linear-gradient(#0000,#fffffffa);border-radius:0 0 1.9rem 1.9rem;height:65%;position:absolute;bottom:0;left:0;right:0}.carousel-dots{justify-content:center;gap:10px;margin-top:16px;display:flex}.dot{cursor:pointer;background:#d1d5db;border:2px solid #000;border-radius:50%;width:10px;height:10px;transition:all .2s}.dot.active{background:#ff2d85;border-radius:10px;width:28px}.speech-bubble{color:#fff;background:#000;border-radius:20px 20px 20px 4px;align-items:center;margin-bottom:8px;padding:6px 14px;font-family:Jua,sans-serif;font-size:14px;display:inline-flex}.trending-badge{color:#fff;background:#09f;border:2px solid #000;border-radius:50px;padding:4px 10px;font-size:10px;font-weight:800}.hero-content{z-index:2;padding:20px;position:relative}.hero-title{color:#000;margin-bottom:8px;font-family:Jua,sans-serif;font-size:28px;line-height:1.15}.hero-desc{color:#555;-webkit-line-clamp:2;line-clamp:2;background:#fff9;border-radius:12px;-webkit-box-orient:vertical;margin-bottom:12px;padding:8px;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.hero-btn{color:#fff;background:#ff2d85;border:2px solid #000;border-radius:1.5rem;width:100%;padding:14px;font-family:Jua,sans-serif;font-size:18px;transition:all .1s;box-shadow:4px 4px #000}.hero-btn:active{box-shadow:none;transform:translate(2px,2px)}.simple-tape{z-index:20;background:#ffdee9;border:2px solid #000;width:50px;height:18px;position:absolute;top:-10px;right:24px;transform:rotate(45deg)}.category-tabs{gap:10px;padding:12px 20px 20px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:12px;display:block}.glass-tab{color:#000;white-space:nowrap;border:2px solid #000;border-radius:50px;flex-shrink:0;padding:10px 18px;font-family:Jua,sans-serif;font-size:14px;transition:all .1s;box-shadow:3px 3px #000}.glass-tab:active{box-shadow:none;transform:translate(2px,2px)}.glass-tab.active{color:#000;box-shadow:4px 4px #000;background:#4de8f4!important}.glass-section-title{color:#000;margin-bottom:12px;padding:0 20px;font-family:Jua,sans-serif;font-size:20px}.glass-list{flex-direction:column;gap:14px;padding:0 20px;display:flex}.glass-list.grid-cols-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.glass-card{cursor:pointer;background:#fff;border:2px solid #000;border-radius:1.5rem;align-items:center;gap:12px;margin-bottom:0;padding:12px;transition:all .1s;display:flex;position:relative;box-shadow:4px 4px #000}.glass-card.square-card{aspect-ratio:1;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.glass-card:active{box-shadow:none;transform:translate(2px,2px)}.glass-card-thumb{background:#f0f0f0;border:2px solid #000;border-radius:1rem;flex-shrink:0;width:64px;height:64px;overflow:hidden}.glass-card-thumb-large{background:#f0f0f0;border-bottom:2px solid #000;width:100%;height:65%;overflow:hidden}.glass-card-thumb img,.glass-card-thumb-large img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.glass-card-info{flex:1;min-width:0}.glass-card-info-bottom{background:#fff;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;padding:10px;display:flex}.info-title{color:#000;font-family:Jua,sans-serif;font-size:16px;line-height:1.2}.info-title-sm{color:#000;text-align:left;width:100%;margin-bottom:auto;font-family:Jua,sans-serif;font-size:14px;line-height:1.2}.info-category{color:#ff2d85;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700}.card-tape{z-index:5;background:#ffffffe6;border:2px solid #000;width:32px;height:10px;position:absolute;top:-6px;right:16px;transform:rotate(3deg)}.horizontal-scroll-list{scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:10px 20px;display:flex;overflow-x:auto}.horizontal-scroll-list::-webkit-scrollbar{display:none}.mini-card{cursor:pointer;background:#fff;border:2px solid #000;border-radius:1.5rem;flex-direction:column;flex:0 0 140px;gap:10px;padding:10px;transition:all .1s;display:flex;box-shadow:4px 4px #000}.mini-card:active{box-shadow:none;transform:translate(2px,2px)}.mini-card-thumb{background:#ffdee9;border:2px solid #000;border-radius:1rem;width:100%;height:100px;overflow:hidden}.mini-card-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mini-card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.mini-card-title{color:#000;height:36px;font-family:Jua,sans-serif;font-size:14px;line-height:1.3;overflow:hidden}.mini-play-btn{background:#4de8f4;border:2px solid #000;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;display:flex}.nav-item-col{cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:transform .1s;display:flex}.nav-item-col:active{transform:scale(.9)}.action-play-sm{background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:flex}.connecting-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connecting-box{text-align:center;background:#fff;border:3px solid #000;border-radius:24px;flex-direction:column;align-items:center;max-width:80%;padding:32px;display:flex;box-shadow:8px 8px #000}.spinner-pink{border:5px solid #ffe4e6;border-top-color:#ff2d85;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}:root{--primary-pink:#ff85a1;--success-green:#22c55e;--warning-orange:#f97316;--comic-charcoal:#1e293b;--bg-light:#f8f5f6;--yellow-badge:#facc15;--white:#fff}.result-page-container{width:95%;max-width:500px;min-height:100vh;color:var(--comic-charcoal);background:linear-gradient(135deg,#fce4ec,#e1f5fe,#f3e5f5);flex-direction:column;align-items:center;margin:0 auto;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-x:hidden;box-shadow:0 0 20px #0000001a}.result-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem .5rem;display:flex}.header-btn{cursor:pointer;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.glass-btn{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:2px solid var(--comic-charcoal);box-shadow:2px 2px 0 0 var(--comic-charcoal);background:#fff6;border-radius:12px;transition:all .1s}.glass-btn:active{box-shadow:none;transform:translate(2px,2px)}.glass-btn .material-symbols-outlined{color:var(--comic-charcoal);font-size:20px}.progress-bar-container{flex:1}.progress-bar-track{background:#ffffff4d;border:1px solid #ffffff80;border-radius:9999px;width:100%;height:12px;overflow:hidden}.progress-bar-fill{background:var(--success-green);border-radius:9999px;height:100%;transition:width .5s}.result-main{flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:1rem;display:flex}.result-unified-card{aspect-ratio:3/4;border:2px solid var(--comic-charcoal);width:95%;max-width:500px;box-shadow:8px 8px 0 0 var(--comic-charcoal);border-radius:24px;margin:0 auto;position:relative;overflow:hidden}.result-full-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.result-overlay-right{background:linear-gradient(90deg,#0000,#000000b3 30%,#000000d9);flex-direction:column;justify-content:center;gap:12px;width:45%;height:100%;padding:20px 16px;display:flex;position:absolute;top:0;right:0}.result-title-badge{background:var(--primary-pink);color:#fff;border:2px solid var(--comic-charcoal);text-align:center;box-shadow:2px 2px 0 0 var(--comic-charcoal);border-radius:12px;padding:8px 12px;font-size:18px;font-weight:900}.result-overlay-text{color:#fff;text-shadow:1px 1px 2px #00000080;margin:0;font-size:15px;font-weight:500;line-height:1.5}.result-traits{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.trait-tag{-webkit-backdrop-filter:blur(4px);color:#facc15;letter-spacing:.02em;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.recommended-section{width:95%;max-width:500px;margin-top:20px;padding-bottom:100px}.recommended-title{color:var(--comic-charcoal);text-align:center;margin:0 0 16px;font-size:18px;font-weight:900}.recommended-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.recommended-card{border:2px solid var(--comic-charcoal);box-shadow:4px 4px 0 0 var(--comic-charcoal);cursor:pointer;background:#fff;border-radius:16px;transition:all .1s;overflow:hidden}.recommended-card:active{box-shadow:2px 2px 0 0 var(--comic-charcoal);transform:translate(2px,2px)}.recommended-thumbnail{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%}.recommended-card-title{color:var(--comic-charcoal);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:12px;font-weight:700;display:block;overflow:hidden}.result-glass-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fff6;border:1px solid #ffffff80;border-radius:1.5rem;flex-direction:column;gap:1.25rem;width:100%;max-width:600px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.decorative-glow{filter:blur(48px);background:#22c55e26;border-radius:50%;width:128px;height:128px;animation:2s infinite pulse-glow;position:absolute;top:-40px;right:-40px}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.title-banner{flex-direction:column;gap:.5rem;display:flex}.banner-label{text-transform:uppercase;letter-spacing:.15em;color:#1e293b80;font-size:.75rem;font-weight:900}.banner-title-box{background:var(--primary-pink);border:3px solid var(--comic-charcoal);box-shadow:4px 4px 0 0 var(--comic-charcoal);border-radius:1rem;padding:1rem 1.25rem;transform:rotate(-1deg)}.banner-title{color:var(--white);text-transform:uppercase;text-align:center;text-shadow:1px 1px #0003;margin:0;font-size:1.25rem;font-weight:900}.content-split-container{flex-direction:column;gap:1.5rem;display:flex}@media(min-width:600px){.content-split-container{flex-direction:row}}.result-image-section{border:3px solid var(--comic-charcoal);width:100%;height:240px;box-shadow:4px 4px 0 0 var(--comic-charcoal);background:linear-gradient(135deg,#fde68a,#fed7aa);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}@media(min-width:600px){.result-image-section{align-items:center;width:250px;height:350px}}.analysis-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid var(--comic-charcoal);box-shadow:4px 4px 0 0 var(--comic-charcoal);background:#fff6;border-radius:1rem;flex:1;padding:1.25rem}.traits-list{border-top:2px dashed #1e293b33;margin-top:1rem;padding-top:1rem}.traits-header{text-transform:uppercase;letter-spacing:.15em;color:var(--primary-pink);margin-bottom:.5rem;font-size:.75rem;font-weight:900}.trait-badge{color:var(--comic-charcoal);border:1px solid var(--comic-charcoal);background:#e9d5ff;border-radius:.5rem;margin:.25rem;padding:.3rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.rarity-section{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.icon-lightbulb{color:var(--primary-pink);font-size:1.25rem}.analysis-label{text-transform:uppercase;letter-spacing:-.02em;color:var(--comic-charcoal);margin:0;font-size:.875rem;font-weight:900}.analysis-text{color:#1e293bcc;white-space:pre-wrap;margin:0;font-size:.875rem;font-weight:500;line-height:1.6}.highlighter-pink{color:var(--comic-charcoal);background:linear-gradient(#0000 50%,#ff85a166 50%);padding:0 2px;font-weight:700}.rarity-section{flex-direction:column;gap:.5rem;display:flex}.rarity-header{justify-content:space-between;align-items:flex-end;display:flex}.rarity-label{text-transform:uppercase;color:var(--comic-charcoal);font-size:.875rem;font-weight:900}.rarity-badge{background:var(--yellow-badge);color:var(--comic-charcoal);border:2px solid var(--comic-charcoal);box-shadow:2px 2px 0 0 var(--comic-charcoal);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;animation:2s infinite badge-bounce}@keyframes badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.rarity-bar-track{border:3px solid var(--comic-charcoal);background:#0000001a;border-radius:9999px;width:100%;height:28px;padding:4px;overflow:hidden}.rarity-bar-fill{background:linear-gradient(90deg,var(--success-green)0%,#4ade80 100%);border-radius:9999px;width:97%;height:100%;position:relative;overflow:hidden}.rarity-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:100%;height:100%;position:absolute;top:0;right:0}.stats-row{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.stat-item{align-items:center;gap:.5rem;display:flex}.stat-xp .material-symbols-outlined{color:var(--success-green)}.stat-xp .stat-value{color:var(--success-green);font-weight:900}.stat-time .material-symbols-outlined{color:var(--warning-orange)}.stat-time .stat-value{color:var(--comic-charcoal);font-weight:900}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.result-buttons{flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 2rem;display:flex}.btn-primary{text-transform:uppercase;letter-spacing:.02em;border:4px solid var(--comic-charcoal);width:100%;box-shadow:4px 4px 0 0 var(--comic-charcoal);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:1.125rem;font-weight:900;transition:all .1s;display:flex}.btn-primary:active{box-shadow:none;transform:translate(4px,4px)}.btn-save{background:var(--primary-pink);color:var(--white)}.btn-save:hover{filter:brightness(1.05)}.btn-share{background:var(--success-green);color:var(--white)}.btn-share:hover{filter:brightness(1.05)}.btn-secondary{text-transform:uppercase;background:var(--white);width:100%;color:var(--comic-charcoal);border:3px solid var(--comic-charcoal);box-shadow:3px 3px 0 0 var(--comic-charcoal);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:900;transition:all .1s;display:flex}.btn-secondary:active{box-shadow:none;transform:translate(3px,3px)}.btn-secondary:hover{background:#f1f5f9}.btn-text{color:#1e293b80;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.875rem;font-weight:700;text-decoration:underline;transition:color .2s}.btn-text:hover{color:var(--comic-charcoal)}.result-bottom-bar{border:2px solid var(--comic-charcoal);z-index:20;width:95%;max-width:500px;height:70px;box-shadow:6px 6px 0 0 var(--comic-charcoal);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin:0 auto;padding:0 16px;display:flex;position:fixed;bottom:20px;left:0;right:0}.restart-btn{border:2px solid var(--comic-charcoal);height:48px;box-shadow:2px 2px 0 0 var(--comic-charcoal);cursor:pointer;background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:all .1s;display:flex}.restart-btn:active{box-shadow:0 0 0 0 var(--comic-charcoal);transform:translate(2px,2px)}.restart-btn .btn-icon-circle{display:none}.share-btn{background:var(--primary-pink);border:2px solid var(--comic-charcoal);height:48px;box-shadow:2px 2px 0 0 var(--comic-charcoal);cursor:pointer;color:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex}.share-btn:active{box-shadow:0 0 0 0 var(--comic-charcoal);transform:translate(2px,2px)}.share-modal-content{border:2px solid var(--comic-charcoal);width:calc(100% - 40px);max-width:480px;box-shadow:8px 8px 0 0 var(--comic-charcoal);background:#fff;border-radius:24px;padding:24px}.share-options{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.share-option{border:2px solid var(--comic-charcoal);cursor:pointer;color:var(--comic-charcoal);background:#f8f5f6;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:11px;font-weight:700;transition:all .1s;display:flex}.share-modal-close{background:var(--comic-charcoal);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:700}.quiz-page-container{flex-direction:column;align-items:center;max-width:480px;min-height:100vh;margin:0 auto;padding:0 0 40px;display:flex;position:relative}.quiz-page-container .quiz-header,.quiz-page-container .question-glass-panel,.quiz-page-container .answers-grid,.quiz-page-container .quiz-intro-card,.quiz-page-container .intro-image-container,.quiz-page-container .question-anim-wrapper{width:auto;margin-left:20px;margin-right:20px}.quiz-header{width:100%;margin-bottom:24px;padding-top:10px}.progress-label{color:#1e293b;justify-content:space-between;margin-bottom:8px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:800;display:flex}.glass-progress-track{background:#fff6;border:2px solid #1e293b;border-radius:50px;width:100%;height:24px;padding:2px;position:relative;overflow:hidden;box-shadow:4px 4px #1e293b}.glass-progress-fill{background:linear-gradient(90deg,#ff9a9e,#fecfef 99% 100%);border-right:2px solid #1e293b;border-radius:50px;height:100%;transition:width .5s ease-out;position:relative}.glass-progress-fill:after{content:"";background:#fff6;border-radius:10px;height:4px;position:absolute;top:2px;left:5px;right:5px}.question-glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffff80;border:2px solid #1e293b;border-radius:32px;width:100%;margin-bottom:32px;padding:32px 24px;position:relative;box-shadow:8px 8px #1e293b}.question-badge{color:#fff;text-transform:uppercase;background:#ff2d85;border:2px solid #1e293b;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:900;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:2px 2px #1e293b}.question-text{color:#1e293b;margin-top:10px;font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:900;line-height:1.4}.answers-grid{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.glass-answer-btn{color:#1e293b;cursor:pointer;text-align:left;background:#fff6;border:2px solid #1e293b;border-radius:24px;justify-content:flex-start;align-items:center;width:100%;min-height:80px;padding:24px 24px 24px 70px;font-size:19px;font-weight:800;transition:all .1s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;box-shadow:6px 6px #1e293b}.glass-answer-btn:active{background:#ffffffb3;transform:translate(4px,4px);box-shadow:2px 2px #1e293b}.glass-answer-btn:hover{background:#fff9}.btn-text{border-bottom:none;text-decoration:none}.glass-answer-btn{text-decoration:none}.option-letter-circle{background:#ffdee9;border:2px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex;position:absolute;left:20px}.question-image-box{border:2px solid #1e293b;border-radius:16px;width:100%;margin-bottom:20px;overflow:hidden}.question-image-box img{width:100%;height:auto;display:block}.quiz-intro-card{background:#fff;border:2px solid #1e293b;border-radius:32px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:8px 8px #1e293b}.quiz-intro-card.full-screen-mode{box-shadow:none;background:0 0;border:none;border-radius:0}.intro-image-container.full-screen-bg{aspect-ratio:3/4;z-index:10;border:2px solid #1e293b;border-radius:24px;width:calc(100% - 40px);max-width:480px;height:auto;margin:20px auto;position:relative;top:auto;left:auto;overflow:hidden;transform:none;box-shadow:8px 8px #1e293b}.intro-cover-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.image-overlay-gradient-strong{display:none}.category-tag{color:#fff;z-index:10;background:#ff2d85;border:2px solid #1e293b;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:900;position:absolute;top:20px;left:20px;box-shadow:2px 2px #1e293b}.category-tag.top-safe-area{box-shadow:none;border:1.5px solid #1e293b;top:16px;left:16px}.intro-title-overlay{display:none}.intro-title-overlay h1{text-shadow:2px 2px #00000080;font-family:Be Vietnam Pro,sans-serif;font-size:28px;font-weight:900;line-height:1.2}.intro-bottom-sheet{z-index:20;background:#fff;border:2px solid #1e293b;border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:480px;height:70px;margin:0 auto;padding:0 16px;display:flex;position:fixed;bottom:20px;left:0;right:0;box-shadow:6px 6px #1e293b}.sheet-handle{display:none}.sheet-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.start-sheet-btn{cursor:pointer;background:#fff;border:2px solid #1e293b;border-radius:12px;flex:1;justify-content:center;align-items:center;height:48px;transition:all .1s;display:flex;box-shadow:2px 2px #1e293b}.start-sheet-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}.start-sheet-btn .btn-label{color:#1e293b;font-size:16px;font-weight:900}.btn-content{text-align:left}.btn-label{color:#fff;font-size:16px;font-weight:900;display:block}.btn-sub{display:none}.btn-icon-circle{color:#ff2d85;background:#fff;border:2px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.share-sheet-btn{cursor:pointer;color:#fff;background:#ff2d85;border:2px solid #1e293b;border-radius:12px;flex:1;justify-content:center;align-items:center;height:48px;display:flex;box-shadow:2px 2px #1e293b}.share-sheet-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}.share-sheet-btn .btn-label{color:#fff;font-size:16px;font-weight:900}.share-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;padding-bottom:20px;display:flex;position:fixed;inset:0}.share-modal-content{background:#fff;border:2px solid #1e293b;border-radius:24px;width:calc(100% - 40px);max-width:480px;padding:24px;box-shadow:8px 8px #1e293b}.intro-stats-overlay{display:none}.start-overlay-btn{color:#fff;cursor:pointer;z-index:20;white-space:nowrap;background:#ff2d85;border:2px solid #1e293b;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-size:20px;font-weight:900;transition:all .1s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:4px 4px #1e293b}.start-overlay-btn:active{transform:translate(-50%)translate(2px,2px);box-shadow:2px 2px #1e293b}.intro-actions-overlay{z-index:10;flex-direction:column;gap:10px;display:flex;position:absolute;top:60px;right:20px}.intro-icon-btn-overlay{cursor:pointer;color:#1e293b;background:#ffffffe6;border:2px solid #1e293b;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:2px 2px #1e293b}.intro-icon-btn-overlay:active{transform:translate(1px,1px);box-shadow:1px 1px #1e293b}.intro-actions-box{border-top:2px dashed #cbd5e1;gap:12px;padding:24px;display:flex}.start-main-btn{color:#fff;cursor:pointer;background:#ff2d85;border:2px solid #1e293b;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:10px;height:60px;font-size:18px;font-weight:900;transition:all .1s;display:flex;box-shadow:4px 4px #1e293b}.start-main-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.intro-secondary-btns{gap:8px;display:flex}.intro-icon-btn{cursor:pointer;background:#fff;border:2px solid #1e293b;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:4px 4px #1e293b}.home-indicator{justify-content:center;width:100%;margin-top:40px;display:flex}.indicator-bar{opacity:.2;background:#1e293b;border-radius:10px;width:40%;height:5px}.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#ff2d85;border-radius:50%;width:40px;height:40px}.question-anim-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.name-input-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffff80;border:2px solid #1e293b;border-radius:32px;width:calc(100% - 40px);max-width:480px;margin-top:40px;padding:40px 24px;box-shadow:8px 8px #1e293b}.name-input-title{color:#1e293b;margin:0 0 8px;font-family:Be Vietnam Pro,sans-serif;font-size:22px;font-weight:900}.name-input-desc{color:#64748b;margin:0 0 24px;font-size:14px;line-height:1.5}.name-input-wrapper{margin-bottom:20px}.name-input-field{text-align:center;color:#1e293b;background:#fff;border:2px solid #1e293b;border-radius:16px;outline:none;width:100%;padding:16px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:20px;font-weight:700;transition:all .2s;box-shadow:4px 4px #1e293b}.name-input-field:focus{border-color:#ff2d85;box-shadow:4px 4px #ff2d85}.name-input-field::-moz-placeholder{color:#cbd5e1;font-weight:500}.name-input-field::placeholder{color:#cbd5e1;font-weight:500}.name-submit-btn{color:#fff;cursor:pointer;background:#ff2d85;border:2px solid #1e293b;border-radius:16px;width:100%;padding:16px;font-size:18px;font-weight:900;transition:all .1s;box-shadow:4px 4px #1e293b}.name-submit-btn:active{box-shadow:none;transform:translate(4px,4px)}.name-submit-btn:disabled{cursor:not-allowed;background:#cbd5e1}.mbti-dimension-tag{color:#1e293b;background:#e9d5ff;border:1.5px solid #1e293b;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.answers-grid.multi-choice{grid-template-columns:1fr;gap:12px;display:grid}.answers-grid.multi-choice:has(>:nth-child(3)){grid-template-columns:1fr 1fr}.sponsor-logo-overlay{-o-object-fit:contain;object-fit:contain;z-index:10;background:#fff;border:2px solid #1e293b;border-radius:12px;width:48px;height:48px;position:absolute;top:16px;right:16px}.sponsor-banner{border:2px solid #1e293b;border-radius:12px;width:100%;max-width:480px;margin:0 auto 12px;overflow:hidden;box-shadow:2px 2px #1e293b}.sponsor-banner img{width:100%;height:auto;display:block}.editor-container{max-width:720px;min-height:100vh;margin:0 auto;padding:20px;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif}.editor-auth-card{text-align:center;background:#fff;border:2px solid #1e293b;border-radius:24px;margin-top:20vh;padding:40px;box-shadow:8px 8px #1e293b}.editor-auth-card h1{margin-bottom:20px;font-size:28px}.editor-auth-card form{justify-content:center;gap:12px;display:flex}.editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 20px;display:flex}.editor-logo{color:#1e293b;margin:0;font-size:22px;font-weight:900}.editor-steps{gap:8px;display:flex}.step-dot{cursor:pointer;opacity:.4;flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:flex}.step-dot.active{opacity:1}.step-dot.done{opacity:.7}.step-num{background:#e2e8f0;border:2px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:flex}.step-dot.active .step-num{color:#fff;background:#ff2d85}.step-dot.done .step-num{color:#fff;background:#22c55e}.step-label{color:#64748b;font-size:10px;font-weight:700}.editor-section{background:#fff;border:2px solid #1e293b;border-radius:24px;padding:28px;box-shadow:6px 6px #1e293b}.section-title{color:#1e293b;align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:900;display:flex}.badge{color:#1e293b;background:#e9d5ff;border:1.5px solid #1e293b;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.type-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.type-card{cursor:pointer;text-align:left;background:#f8f5f6;border:2px solid #1e293b;border-radius:16px;flex-direction:column;gap:4px;padding:16px;transition:all .1s;display:flex;box-shadow:3px 3px #1e293b}.type-card:hover{background:#fce4ec}.type-card.selected{color:#fff;background:#ff2d85;box-shadow:4px 4px #1e293b}.type-card:active{transform:translate(2px,2px);box-shadow:1px 1px #1e293b}.type-label{font-size:16px;font-weight:900}.type-desc{opacity:.7;font-size:12px}.type-meta{opacity:.5;font-size:11px;font-weight:700}.divider-or{text-align:center;color:#94a3b8;margin:20px 0;font-weight:700;position:relative}.divider-or:before,.divider-or:after{content:"";background:#e2e8f0;width:40%;height:1px;position:absolute;top:50%}.divider-or:before{left:0}.divider-or:after{right:0}.form-group{margin-bottom:16px}.form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.editor-input{color:#1e293b;box-sizing:border-box;background:#fff;border:2px solid #1e293b;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;box-shadow:2px 2px #1e293b}.editor-input:focus{border-color:#ff2d85;box-shadow:2px 2px #ff2d85}.editor-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:2px solid #1e293b;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;box-shadow:2px 2px #1e293b}.editor-textarea.small{min-height:50px}.category-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;background:#f1f5f9;border:2px solid #1e293b;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .1s}.chip.active{color:#fff;background:#ff2d85;box-shadow:2px 2px #1e293b}.thumbnail-upload{cursor:pointer;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;width:160px;height:160px;transition:border-color .2s;display:flex;overflow:hidden}.thumbnail-upload:hover{border-color:#ff2d85}.thumb-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumb-placeholder{color:#94a3b8;font-size:14px;font-weight:600}.editor-btn{cursor:pointer;border:2px solid #1e293b;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .1s;box-shadow:3px 3px #1e293b}.editor-btn:active{box-shadow:none;transform:translate(3px,3px)}.editor-btn.primary{color:#fff;background:#ff2d85}.editor-btn.secondary{color:#1e293b;background:#fff}.editor-btn:disabled{opacity:.5;cursor:not-allowed}.zip-btn{text-align:center;width:100%}.add-btn{text-align:center;border-style:dashed;width:100%;margin-bottom:16px}.save-btn{min-width:160px}.form-row{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.questions-list,.results-list{flex-direction:column;gap:12px;max-height:60vh;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.question-editor-card,.result-editor-card{background:#f8f5f6;border:2px solid #1e293b;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.q-header,.r-header{justify-content:space-between;align-items:center;display:flex}.q-num,.r-code{color:#ff2d85;background:#fff;border:1.5px solid #1e293b;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:900}.dim-select{background:#e9d5ff;border:1.5px solid #1e293b;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}.q-remove{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex}.option-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option-input{font-size:13px}.score-row{gap:16px;padding:4px 0;display:flex}.score-label{color:#94a3b8;font-size:11px;font-weight:700}.complete-section{text-align:center}.complete-card{padding:20px 0}.complete-emoji{margin-bottom:12px;font-size:64px;display:block}.complete-info{text-align:left;background:#f8f5f6;border:2px solid #1e293b;border-radius:12px;margin:16px 0;padding:16px}.complete-info p{margin:4px 0;font-size:14px}@media(max-width:480px){.editor-container{padding:12px}.editor-section{padding:20px}.type-grid{grid-template-columns:1fr}.editor-steps{gap:4px}.step-label{display:none}}.service-page-container{background:0 0;flex-direction:column;align-items:center;width:95%;max-width:500px;min-height:100vh;margin:0 auto;padding:0 0 100px;font-family:Be Vietnam Pro,sans-serif;display:flex;position:relative}.service-page-container .service-back-btn{margin-bottom:24px}.service-back-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.service-header{text-align:center;margin-bottom:32px}.service-title{color:#ff2d85;text-shadow:2px 2px #1e293b;margin-bottom:8px;font-size:28px;font-weight:900}.service-subtitle{color:#64748b;font-size:14px;font-weight:700}.service-form-card{background:#fff;border:2px solid #1e293b;border-radius:24px;flex-direction:column;gap:20px;width:100%;padding:24px;display:flex;box-shadow:8px 8px #1e293b}.input-group label{color:#1e293b;margin-bottom:8px;font-size:14px;font-weight:900;display:block}.name-input{color:#1e293b;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-size:15px;font-weight:700;transition:border-color .2s;display:block}.name-input:focus{border-color:#ff2d85;outline:none}.photo-upload-zone{aspect-ratio:1;cursor:pointer;border:3px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}.photo-upload-zone:hover{background:#fff5f7;border-color:#ff9a9e}.upload-placeholder{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.upload-placeholder p{font-size:12px;font-weight:700}.preview-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.change-photo-overlay{background:#ffffffe6;border:2px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:2px 2px #1e293b}.analyze-btn{color:#fff;cursor:pointer;background:#ff2d85;border:2px solid #1e293b;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:16px;font-size:18px;font-weight:900;transition:all .1s;display:flex;box-shadow:4px 4px #1e293b}.analyze-btn:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1;transform:none}.analyze-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1e293b}.result-card{width:100%;animation:.5s cubic-bezier(.19,1,.22,1) slideUp}.result-glass-pane{background:#fff;border:2px solid #1e293b;border-radius:32px;flex-direction:column;align-items:center;padding:32px 24px;display:flex;box-shadow:8px 8px #1e293b}.pretty-box-header{color:#fff;text-align:center;text-shadow:1px 1px #0003;background:linear-gradient(135deg,#ff2d85,#a855f7);border:3px solid #1e293b;border-radius:20px;width:100%;margin-bottom:24px;padding:16px 20px;font-size:18px;font-weight:900;position:relative;top:-10px;box-shadow:6px 6px #1e293b}.result-container-quiz-style{width:95%;max-width:500px;margin:0 auto;padding-bottom:100px;animation:.5s cubic-bezier(.19,1,.22,1) slideUp}.question-glass-panel{background:#fffffff2;border:3px solid #1e293b;border-radius:24px;margin-top:20px;padding:24px 20px;position:relative;box-shadow:8px 8px #1e293b}.result-inner-content{flex-direction:column;align-items:center;width:100%;display:flex}.classification-badge{color:#ec4899;text-transform:uppercase;letter-spacing:.05em;text-align:center;background:#fff;border:2px solid #fbcfe8;border-radius:9999px;margin-bottom:24px;padding:8px 24px;font-size:1.125rem;font-weight:900;box-shadow:0 1px 2px #0000000d}.traits-container{flex-direction:column;gap:12px;width:100%;display:flex}.trait-card{color:#334155;text-align:center;box-sizing:border-box;background:#fff;border:2px solid #1e293b;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:4px;padding:16px;font-size:14px;font-weight:700;transition:transform .1s;display:flex;box-shadow:4px 4px #1e293b}.description-card{text-align:center;margin-bottom:20px}.description-text{color:#1f2937;word-break:keep-all;margin:0;font-size:1.25rem;font-weight:700;line-height:1.625}.trait-card:active{transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.result-bottom-bar{z-index:50;background:#fff;border:2px solid #1e293b;border-radius:20px;justify-content:space-between;align-items:center;max-width:440px;height:70px;margin:0 auto;padding:0 16px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:6px 6px #1e293b}.bar-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.restart-btn{cursor:pointer;background:#fff;border:2px solid #1e293b;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 16px;transition:all .1s;display:flex;box-shadow:2px 2px #1e293b}.restart-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}.restart-btn .btn-label{color:#1e293b;font-size:16px;font-weight:900}.share-btn{cursor:pointer;background:#ff2d85;border:2px solid #1e293b;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 16px;transition:all .1s;display:flex;box-shadow:2px 2px #1e293b}.share-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}.share-btn .btn-label{color:#fff;font-size:16px;font-weight:900}.share-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;padding-bottom:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.share-modal-content{background:#fff;border:2px solid #1e293b;border-radius:24px;width:100%;max-width:440px;margin:0 auto;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;box-shadow:8px 8px #1e293b}.share-modal-title{text-align:center;color:#1e293b;margin:0 0 20px;font-size:18px;font-weight:900}.share-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.share-option{cursor:pointer;color:#1e293b;background:#f8f5f6;border:2px solid #1e293b;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:11px;font-weight:700;transition:all .1s;display:flex}.share-option:active{transform:scale(.95)}.share-icon{font-size:24px}.share-option.zalo{background:#e8f5e9}.share-option.instagram{background:#fce4ec}.share-option.facebook{background:#e3f2fd}.share-option.copy-link{background:#fff3e0}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-glass-pane,.result-desc-box{display:none}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring}.reset-btn{cursor:pointer;background:#fff;border:2px solid #1e293b;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px;font-size:16px;font-weight:800;transition:all .1s;display:flex;box-shadow:4px 4px #1e293b}.reset-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.service-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:40vh;display:flex}.spinner-xl{border:6px solid #fff0f6;border-top-color:#ff2d85;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-layout{background:#fff;width:100%;max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 20px #0000000d}.app-layout.wide-layout{max-width:1200px}.blob-bg{opacity:.2;filter:blur(50px);z-index:-1;border-radius:50%;width:300px;height:300px;position:absolute}.blob-1{background:#ff2d85;top:-100px;left:-100px}.blob-2{background:#4de8f4;bottom:0;right:-50px;transform:scale(.7)}.blob-3{background:gold;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.2)}.legal-page-container{color:#4a148c;box-sizing:border-box;justify-content:center;align-items:center;max-width:100%;min-height:100vh;padding:80px 20px;font-family:Be Vietnam Pro,sans-serif;display:flex}.legal-content{text-align:left;background:#ffffffe6;border:1px solid #fff9;border-radius:30px;width:100%;max-width:800px;max-height:80vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}.legal-content::-webkit-scrollbar{width:8px}.legal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.legal-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.legal-content h1{color:#880e4f;text-align:center;margin-bottom:5px;font-size:1.8rem;font-weight:800}.legal-content .last-updated{text-align:center;color:#888;margin-bottom:30px;font-size:.85rem;font-style:italic}.legal-content section{margin-bottom:25px}.legal-content h2{color:#c2185b;border-bottom:2px solid #fce4ec;margin-bottom:10px;padding-bottom:5px;font-size:1.2rem;font-weight:700}.legal-content p{color:#4a4a4a;margin-bottom:12px;font-size:.95rem;line-height:1.7}.legal-back-btn{color:#880e4f;text-align:center;cursor:pointer;background:#fce4ec;border:none;border-radius:12px;width:100%;margin-top:20px;padding:15px;font-weight:700;transition:all .2s;display:block}.legal-back-btn:hover{background:#f8bbd0;transform:translateY(-2px)}@media(max-width:600px){.legal-page-container{padding:70px 15px 20px}.legal-content{max-height:85vh;padding:25px}.legal-content h1{font-size:1.4rem}.legal-content h2{font-size:1.1rem}}.analysis-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 20px 40px;font-family:Be Vietnam Pro,sans-serif;display:flex;position:relative;overflow:hidden}.analysis-header{text-align:center;width:100%;max-width:600px;margin-top:60px;margin-bottom:30px}.analysis-title{color:#ff2d85;margin-bottom:20px;font-size:1.5rem;font-weight:800}.analysis-progress-track{background:#ffffff80;border:2px solid #ff2d85;border-radius:10px;width:100%;height:12px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 10px #0000000d}.analysis-progress-fill{background:#ff2d85;border-radius:8px;width:0%;height:100%;transition:width .1s linear}.analysis-subtitle{color:#666;font-size:.9rem;font-style:italic}.analysis-ad-container{background:#00000008;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:250px;margin-bottom:auto;display:flex}.pull-action-bar{cursor:pointer;z-index:100;background:#fff;border:2px solid #ff2d85;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 40px);max-width:480px;height:85px;padding:15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a}.pull-action-bar:active{background:#fff0f5;transform:translate(-50%)scale(.98)}.pull-action-bar.unlocked{cursor:default;background:#e8f5e9;border:2px solid #4caf50;height:85px}.pull-handle{display:none}.pull-content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.pull-instruction{color:#ff2d85;flex-direction:column;align-items:center;display:flex}.view-result-btn{color:#fff;cursor:pointer;background:#ff2d85;border:none;border-radius:16px;width:100%;max-width:300px;padding:16px;font-size:1.1rem;font-weight:700;animation:.3s ease-out popIn;box-shadow:0 4px #c2185b}.view-result-btn:active{box-shadow:none;transform:translateY(4px)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-\[50\%\]{left:50%}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.-mb-\[1\.5px\]{margin-bottom:-1.5px}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-\[80px\]{height:80px}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[480px\]{max-width:480px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-\[1\.5px\]{border-top-style:var(--tw-border-style);border-top-width:1.5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[1\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-\[\#FF2D85\]{border-color:#ff2d85}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#FF2D85\]{background-color:#ff2d85}.bg-\[\#FFF0F6\]{background-color:#fff0f6}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#FF2D85\]{--tw-gradient-from:#ff2d85;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[\#1E293B\]{color:#1e293b}.text-\[\#FF2D85\]{color:#ff2d85}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.\[program\:nginx\]{program:nginx}.\[program\:uvicorn\]{program:uvicorn}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-\[\#E01E70\]:hover{background-color:#e01e70}.hover\:text-\[\#FF2D85\]:hover{color:#ff2d85}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:border-\[\#FF2D85\]:focus{border-color:#ff2d85}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#FF2D85\]:focus{--tw-ring-color:#ff2d85}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--jelly-border:2px solid #000;--jelly-shadow:4px 4px 0px 0px #000;--jelly-radius:2rem}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;background:linear-gradient(to bottom right,#fff9fc,#fff,#eef2ff);margin:0;font-family:Be Vietnam Pro,Jua,sans-serif;overflow-x:hidden}.jelly-card{background:#fff;border:2px solid #000;border-radius:2rem;box-shadow:4px 4px #000}.jelly-btn{border:2px solid #000;border-radius:9999px;transition:all .1s;box-shadow:4px 4px #000}.jelly-btn:active{box-shadow:none;transform:translate(2px,2px)}.sticker-tile{border:2px solid #000;border-radius:1.5rem;transition:all .1s;box-shadow:4px 4px #000}.sticker-tile:hover{transform:translateY(-2px);box-shadow:6px 6px #000}.sticker-tile:active{box-shadow:none;transform:translate(2px,2px)}::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff2d85 padding-box padding-box;border:2px solid #000;border-radius:99px;box-shadow:inset 2px 2px #ffffff80}::-webkit-scrollbar-thumb:hover{background:#ff5c9d}::-webkit-scrollbar-corner{background:0 0}.tally-popup,.tally-iframe-container{border-radius:20px!important;overflow:hidden!important}.tally-popup iframe{border-radius:20px!important;font-family:Be Vietnam Pro,Jua,sans-serif!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}