@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";.navbar-container{position:sticky;top:0;left:0;right:0;display:flex;justify-content:center;padding:12px 20px;z-index:1000;background:transparent}.navbar-pill{background:#fff;width:100%;max-width:1050px;height:56px;border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 24px;box-shadow:0 8px 20px #ff2d8514}.nav-left{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.nav-logo-img{height:38px;width:auto;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease}.nav-logo-img:hover{transform:scale(1.05)}.nav-center{display:flex;align-items:center;gap:32px;position:absolute;left:50%;transform:translate(-50%)}.nav-item{background:none;border:none;font-weight:600;color:#666;font-family:Outfit,sans-serif;font-size:14px;cursor:pointer;transition:color .2s}.nav-item:hover{color:#ff2d85}.nav-item.active{color:#333;font-weight:700}.nav-right{display:flex;align-items:center;gap:12px}@media(max-width:400px){.navbar-container{padding:12px 10px}.navbar-pill{padding:0 8px 0 16px}.nav-logo-img{height:32px}}@media(max-width:850px){.nav-center{display:none}}.footer{padding:60px 20px;text-align:center;background:transparent;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo{display:flex;align-items:center;justify-content:center}.footer-logo-img{height:28px;width:auto;-o-object-fit:contain;object-fit:contain;opacity:.8;transition:opacity .2s}.footer-logo-img:hover{opacity:1}.footer-links{display:flex;gap:30px;font-weight:800;color:#888;font-size:14px}.footer-copy{font-size:12px;color:#ccc;max-width:400px;line-height:1.5;margin-top:10px}.home-container{width:100%;max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:100px;position:relative;background:transparent}.hero-carousel-wrapper{position:relative;margin:16px 20px}@media(max-width:400px){.hero-carousel-wrapper{margin:16px 12px}}.hero-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x}.hero-carousel::-webkit-scrollbar{display:none}.hero-slide{flex:0 0 100%;scroll-snap-align:start;min-width:100%;height:380px;border-radius:2rem;border:2px solid #000;background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:4px 4px #000;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:transform .2s}.hero-slide:active{transform:scale(.98)}.hero-image-bg{position:absolute;inset:0;z-index:-1;border-radius:1.9rem;overflow:hidden;margin:2px}.hero-image-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-overlay-gradient{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,rgba(255,255,255,.98),transparent);z-index:1;border-radius:0 0 1.9rem 1.9rem}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:16px}.dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;border:2px solid #000;cursor:pointer;transition:all .2s}.dot.active{background:#ff2d85;width:28px;border-radius:10px}.speech-bubble{display:inline-flex;align-items:center;background:#000;color:#fff;font-family:Jua,sans-serif;font-size:14px;padding:6px 14px;border-radius:20px 20px 20px 4px;margin-bottom:8px}.trending-badge{background:#09f;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:50px;border:2px solid #000}.hero-content{padding:20px;position:relative;z-index:2}.hero-title{font-family:Jua,sans-serif;font-size:28px;color:#000;margin-bottom:8px;line-height:1.15}.hero-desc{font-size:13px;color:#555;font-weight:700;margin-bottom:12px;line-height:1.4;background:#fff9;padding:8px;border-radius:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-btn{width:100%;padding:14px;background:#ff2d85;color:#fff;border:2px solid #000;border-radius:1.5rem;font-family:Jua,sans-serif;font-size:18px;box-shadow:4px 4px #000;transition:all .1s}.hero-btn:active{transform:translate(2px,2px);box-shadow:none}.simple-tape{position:absolute;top:-10px;right:24px;width:50px;height:18px;background:#ffdee9;border:2px solid #000;transform:rotate(45deg);z-index:20}.category-tabs{display:flex;gap:10px;padding:12px 20px 20px;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:12px;display:block}.glass-tab{padding:10px 18px;border-radius:50px;border:2px solid #000;font-family:Jua,sans-serif;font-size:14px;color:#000;white-space:nowrap;box-shadow:3px 3px #000;transition:all .1s;flex-shrink:0}.glass-tab:active{transform:translate(2px,2px);box-shadow:none}.glass-tab.active{background:#4de8f4!important;color:#000;box-shadow:4px 4px #000}.glass-section-title{padding:0 20px;font-family:Jua,sans-serif;font-size:20px;color:#000;margin-bottom:12px}.glass-list{padding:0 20px;display:flex;flex-direction:column;gap:14px}.glass-list.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:440px){.glass-list.grid-cols-2{grid-template-columns:1fr;gap:12px}}.glass-card{background:#fff;border:2px solid #000;border-radius:1.5rem;padding:12px;box-shadow:4px 4px #000;display:flex;align-items:center;gap:12px;margin-bottom:0;transition:all .1s;position:relative;cursor:pointer}.glass-card.square-card{aspect-ratio:1 / 1;flex-direction:column;padding:0;gap:0;overflow:hidden;align-items:stretch}.glass-card:active{transform:translate(2px,2px);box-shadow:none}.glass-card-thumb{width:64px;height:64px;border-radius:1rem;border:2px solid #000;overflow:hidden;flex-shrink:0;background:#f0f0f0}.glass-card-thumb-large{width:100%;height:65%;border-bottom:2px solid #000;background:#f0f0f0;overflow:hidden}.glass-card-thumb img,.glass-card-thumb-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.glass-card-info{flex:1;min-width:0}.glass-card-info-bottom{flex:1;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#fff}.info-title{font-family:Jua,sans-serif;font-size:16px;color:#000;line-height:1.2}.info-title-sm{font-family:Jua,sans-serif;font-size:14px;color:#000;line-height:1.2;margin-bottom:auto;width:100%;text-align:left}.info-category{font-size:11px;font-weight:700;color:#ff2d85;margin-bottom:2px;text-transform:uppercase}.card-tape{position:absolute;top:-6px;right:16px;width:32px;height:10px;background:#ffffffe6;border:2px solid #000;transform:rotate(3deg);z-index:5}.horizontal-scroll-list{display:flex;overflow-x:auto;gap:16px;padding:10px 20px;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-list::-webkit-scrollbar{display:none}.mini-card{flex:0 0 140px;background:#fff;border:2px solid #000;border-radius:1.5rem;padding:10px;box-shadow:4px 4px #000;display:flex;flex-direction:column;gap:10px;transition:all .1s;cursor:pointer}.mini-card:active{transform:translate(2px,2px);box-shadow:none}.mini-card-thumb{width:100%;height:100px;border-radius:1rem;border:2px solid #000;overflow:hidden;background:#ffdee9}.mini-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mini-card-content{display:flex;flex-direction:column;justify-content:space-between;flex:1}.mini-card-title{font-family:Jua,sans-serif;font-size:14px;line-height:1.3;color:#000;height:36px;overflow:hidden}.mini-play-btn{width:24px;height:24px;background:#4de8f4;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;align-self:flex-end}.nav-item-col{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .1s}.nav-item-col:active{transform:scale(.9)}.action-play-sm{width:32px;height:32px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.connecting-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center}.connecting-box{background:#fff;border:3px solid #000;border-radius:24px;padding:32px;text-align:center;box-shadow:8px 8px #000;display:flex;flex-direction:column;align-items:center;max-width:80%}.spinner-pink{width:48px;height:48px;border:5px solid #FFE4E6;border-top:5px solid #FF2D85;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-page-container{min-height:100vh;padding:0 0 40px;display:flex;flex-direction:column;align-items:center;position:relative;max-width:480px;margin:0 auto}.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{margin-left:20px;margin-right:20px;width:auto}.quiz-header{width:100%;margin-bottom:24px;padding-top:10px}.progress-label{display:flex;justify-content:space-between;font-size:14px;font-weight:800;color:#1e293b;margin-bottom:8px;font-family:Be Vietnam Pro,sans-serif}.glass-progress-track{width:100%;height:24px;background:#fff6;border:2px solid #1E293B;border-radius:50px;padding:2px;box-shadow:4px 4px #1e293b;position:relative;overflow:hidden}.glass-progress-fill{height:100%;background:linear-gradient(90deg,#ff9a9e,#fecfef 99% 100%);border-radius:50px;border-right:2px solid #1E293B;transition:width .5s ease-out;position:relative}.glass-progress-fill:after{content:"";position:absolute;top:2px;left:5px;right:5px;height:4px;background:#fff6;border-radius:10px}.question-glass-panel{width:100%;background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid #1E293B;border-radius:32px;padding:32px 24px;text-align:center;margin-bottom:32px;box-shadow:8px 8px #1e293b;position:relative}.question-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:#ff2d85;color:#fff;padding:6px 16px;border-radius:20px;border:2px solid #1E293B;font-size:12px;font-weight:900;text-transform:uppercase;box-shadow:2px 2px #1e293b}.question-text{font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:900;color:#1e293b;line-height:1.4;margin-top:10px}.answers-grid{width:100%;display:flex;flex-direction:column;gap:16px;flex:1}.glass-answer-btn{width:100%;padding:24px 24px 24px 70px;min-height:80px;background:#fff6;border:2px solid #1E293B;border-radius:24px;font-size:19px;font-weight:800;color:#1e293b;cursor:pointer;box-shadow:6px 6px #1e293b;transition:all .1s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:flex-start;text-align:left;position:relative}.glass-answer-btn:active{transform:translate(4px,4px);box-shadow:2px 2px #1e293b;background:#ffffffb3}.glass-answer-btn:hover{background:#fff9}.btn-text{text-decoration:none;border-bottom:none}.glass-answer-btn{text-decoration:none}.option-letter-circle{position:absolute;left:20px;width:32px;height:32px;border:2px solid #1E293B;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;background:#ffdee9}.question-image-box{width:100%;margin-bottom:20px;border-radius:16px;overflow:hidden;border:2px solid #1E293B}.question-image-box img{width:100%;height:auto;display:block}.quiz-intro-card{width:100%;background:#fff;border:2px solid #1E293B;border-radius:32px;overflow:hidden;box-shadow:8px 8px #1e293b;display:flex;flex-direction:column}.quiz-intro-card.full-screen-mode{background:transparent;border:none;box-shadow:none;border-radius:0}.intro-image-container.full-screen-bg{position:relative;width:calc(100% - 40px);max-width:480px;aspect-ratio:3/4;height:auto;margin:20px auto;border-radius:24px;box-shadow:8px 8px #1e293b;border:2px solid #1E293B;overflow:hidden;z-index:10;top:auto;left:auto;transform:none}.intro-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay-gradient-strong{display:none}.category-tag{position:absolute;top:20px;left:20px;background:#ff2d85;color:#fff;padding:6px 12px;border-radius:12px;border:2px solid #1E293B;font-size:12px;font-weight:900;box-shadow:2px 2px #1e293b;z-index:10}.category-tag.top-safe-area{top:16px;left:16px;box-shadow:none;border:1.5px solid #1E293B}.intro-title-overlay{display:none}.intro-title-overlay h1{font-family:Be Vietnam Pro,sans-serif;font-size:28px;font-weight:900;line-height:1.2;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.intro-bottom-sheet{position:fixed;bottom:20px;left:0;right:0;margin:0 auto;width:calc(100% - 40px);max-width:480px;height:70px;background:#fff;border:2px solid #1E293B;border-radius:20px;z-index:20;padding:0 16px;box-shadow:6px 6px #1e293b;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sheet-handle{display:none}.sheet-actions{width:100%;display:flex;gap:12px;align-items:center;justify-content:space-between}.start-sheet-btn{flex:1;height:48px;background:#fff;border:2px solid #1E293B;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #1e293b;cursor:pointer;transition:all .1s}.start-sheet-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}.start-sheet-btn .btn-label{font-size:16px;font-weight:900;color:#1e293b}.btn-content{text-align:left}.btn-label{display:block;font-size:16px;font-weight:900;color:#fff}.btn-sub{display:none}.btn-icon-circle{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ff2d85;border:2px solid #1E293B}.share-sheet-btn{flex:1;height:48px;background:#ff2d85;border:2px solid #1E293B;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #1e293b;cursor:pointer;color:#fff}.share-sheet-btn:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}.share-sheet-btn .btn-label{font-size:16px;font-weight:900;color:#fff}.share-modal-content{width:calc(100% - 40px);max-width:480px;background:#fff;border:2px solid #1E293B;border-radius:24px;padding:24px;box-shadow:8px 8px #1e293b}.share-modal-title{font-size:18px;font-weight:900;text-align:center;margin:0 0 20px;color:#1e293b}.share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.share-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f8f5f6;border:2px solid #1E293B;border-radius:12px;cursor:pointer;transition:all .1s;font-size:11px;font-weight:700;color:#1e293b}.intro-stats-overlay{display:none}.start-overlay-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#ff2d85;color:#fff;border:2px solid #1E293B;border-radius:30px;padding:16px 40px;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:4px 4px #1e293b;cursor:pointer;transition:all .1s;z-index:20;white-space:nowrap}.start-overlay-btn:active{transform:translate(-50%) translate(2px,2px);box-shadow:2px 2px #1e293b}.intro-actions-overlay{position:absolute;top:60px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:10}.intro-icon-btn-overlay{width:40px;height:40px;background:#ffffffe6;border:2px solid #1E293B;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #1e293b;cursor:pointer;color:#1e293b}.intro-icon-btn-overlay:active{transform:translate(1px,1px);box-shadow:1px 1px #1e293b}.intro-actions-box{padding:24px;display:flex;gap:12px;border-top:2px dashed #CBD5E1}.start-main-btn{flex:1;background:#ff2d85;color:#fff;border:2px solid #1E293B;border-radius:20px;height:60px;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:4px 4px #1e293b;cursor:pointer;transition:all .1s}.start-main-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.intro-secondary-btns{display:flex;gap:8px}.intro-icon-btn{width:60px;height:60px;background:#fff;border:2px solid #1E293B;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #1e293b;cursor:pointer}.home-indicator{width:100%;display:flex;justify-content:center;margin-top:40px}.indicator-bar{width:40%;height:5px;background:#1e293b;border-radius:10px;opacity:.2}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #F1F5F9;border-top:4px solid #FF2D85;border-radius:50%}.question-anim-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.name-input-card{width:calc(100% - 40px);max-width:480px;background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid #1E293B;border-radius:32px;padding:40px 24px;text-align:center;box-shadow:8px 8px #1e293b;margin-top:40px}.name-input-title{font-family:Be Vietnam Pro,sans-serif;font-size:22px;font-weight:900;color:#1e293b;margin:0 0 8px}.name-input-desc{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.name-input-wrapper{margin-bottom:20px}.name-input-field{width:100%;padding:16px 20px;font-size:20px;font-weight:700;text-align:center;border:2px solid #1E293B;border-radius:16px;background:#fff;color:#1e293b;box-shadow:4px 4px #1e293b;outline:none;font-family:Be Vietnam Pro,sans-serif;transition:all .2s}.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{width:100%;padding:16px;background:#ff2d85;color:#fff;border:2px solid #1E293B;border-radius:16px;font-size:18px;font-weight:900;cursor:pointer;box-shadow:4px 4px #1e293b;transition:all .1s}.name-submit-btn:active{transform:translate(4px,4px);box-shadow:none}.name-submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.mbti-dimension-tag{background:#e9d5ff;color:#1e293b;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700;border:1.5px solid #1E293B}.answers-grid.multi-choice{display:grid;grid-template-columns:1fr;gap:12px}.answers-grid.multi-choice:has(>:nth-child(3)){grid-template-columns:1fr 1fr}.sponsor-logo-overlay{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:12px;border:2px solid #1E293B;-o-object-fit:contain;object-fit:contain;background:#fff;z-index:10}.sponsor-banner{width:100%;max-width:480px;margin:0 auto 12px;border-radius:12px;overflow:hidden;border:2px solid #1E293B;box-shadow:2px 2px #1e293b}.sponsor-banner img{width:100%;height:auto;display:block}.editor-container{min-height:100vh;max-width:800px;margin:0 auto;padding:40px 20px;font-family:Plus Jakarta Sans,sans-serif;background:#fff9fc}.editor-container.embedded{min-height:auto;max-width:none;padding:0;background:transparent}.editor-auth-card{margin-top:15vh;background:#fff;border:2px solid black;border-radius:32px;padding:60px 40px;text-align:center;box-shadow:8px 8px #000}.editor-auth-card h1{font-size:32px;font-weight:900;margin-bottom:30px;color:#ff2d85}.editor-header{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:40px}.editor-logo{font-size:36px;font-weight:900;color:#ff2d85;letter-spacing:-.05em}.editor-steps{display:flex;gap:12px;background:#fff;padding:8px 16px;border:2px solid black;border-radius:50px;box-shadow:4px 4px #000}.step-dot{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;border-radius:30px;transition:all .2s;opacity:.3}.step-dot.active{opacity:1;background:#ff2d85;color:#fff}.step-dot.done{opacity:.7}.step-num{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid black;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#000}.step-dot.active .step-num{border-color:#fff;background:#fff;color:#ff2d85}.step-label{font-size:13px;font-weight:900}.editor-section{background:#fff;border:2px solid black;border-radius:32px;padding:40px;box-shadow:8px 8px #000}.section-title{font-size:24px;font-weight:900;color:#000;margin-bottom:30px;display:flex;align-items:center;gap:12px}.badge{background:#ff2d85;color:#fff;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:900;border:2px solid black;text-transform:uppercase}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:30px}.type-card{background:#fff;border:2px solid black;border-radius:20px;padding:20px;cursor:pointer;transition:all .1s;display:flex;flex-direction:column;gap:6px;text-align:left;box-shadow:4px 4px #000}.type-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background:#fff9fc}.type-card.selected{background:#000;color:#fff}.type-card.selected .type-meta{color:#ff2d85}.type-label{font-size:16px;font-weight:900}.type-desc{font-size:12px;opacity:.7;font-weight:500}.type-meta{font-size:11px;color:#ff2d85;font-weight:900;text-transform:uppercase}.divider-or{text-align:center;margin:30px 0;font-weight:900;color:gray;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:12px;font-weight:900;color:gray;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}.editor-input{width:100%;padding:16px 20px;border:2px solid black;border-radius:16px;font-size:15px;font-weight:700;background:#fff;transition:all .2s;box-sizing:border-box}.editor-input:focus{border-color:#ff2d85;box-shadow:4px 4px #ff2d851a;outline:none}.editor-textarea{width:100%;padding:16px 20px;border:2px solid black;border-radius:16px;font-size:14px;font-weight:600;min-height:100px;box-sizing:border-box}.category-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 20px;border:2px solid black;border-radius:50px;background:#fff;font-size:13px;font-weight:900;cursor:pointer;transition:all .2s}.chip.active{background:#ff2d85;color:#fff;box-shadow:3px 3px #000}.thumbnail-upload{width:200px;height:200px;border:2px dashed #ddd;border-radius:24px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.thumbnail-upload:hover{border-color:#ff2d85}.editor-btn{padding:16px 32px;border:2px solid black;border-radius:16px;font-size:15px;font-weight:900;cursor:pointer;transition:all .1s;box-shadow:4px 4px #000;display:flex;align-items:center;justify-content:center;gap:8px}.editor-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.editor-btn.primary{background:#ff2d85;color:#fff}.editor-btn.secondary{background:#fff;color:#000}.ai-gen-wrapper{background:#fff;border:2px solid black;border-radius:24px;padding:30px;box-shadow:4px 4px #ff2d85}.questions-list,.results-list{max-height:500px;overflow-y:auto;padding-right:10px;margin-bottom:20px}.question-editor-card,.result-editor-card{background:#fafafa;border:2px solid black;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:4px 4px #0000000d}.q-num,.r-code{background:#000;color:#fff;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:900}.complete-card{padding:40px 0}.complete-emoji{font-size:80px;margin-bottom:20px}.complete-info{background:#fff;border:2px solid black;border-radius:20px;padding:30px;text-align:left}@media(max-width:600px){.editor-steps{overflow-x:auto;justify-content:flex-start;width:100%}.step-label{display:none}}.app-layout{position:relative;min-height:100vh;width:100%;max-width:480px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 0 20px #0000000d}.app-layout.wide-layout{max-width:1200px}.blob-bg{position:absolute;width:300px;height:300px;border-radius:50%;opacity:.2;filter:blur(50px);z-index:-1}.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{padding:80px 20px;max-width:100%;min-height:100vh;font-family:Be Vietnam Pro,sans-serif;color:#4a148c;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.legal-content{background:#ffffffe6;padding:40px;border-radius:30px;text-align:left;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;border:1px solid rgba(255,255,255,.6);position:relative}.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{font-size:1.8rem;color:#880e4f;margin-bottom:5px;text-align:center;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{font-size:1.2rem;color:#c2185b;margin-bottom:10px;border-bottom:2px solid #fce4ec;padding-bottom:5px;font-weight:700}.legal-content p{margin-bottom:12px;line-height:1.7;color:#4a4a4a;font-size:.95rem}.legal-back-btn{display:block;width:100%;padding:15px;background:#fce4ec;color:#880e4f;text-align:center;border:none;border-radius:12px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .2s}.legal-back-btn:hover{background:#f8bbd0;transform:translateY(-2px)}@media(max-width:600px){.legal-page-container{padding:70px 15px 20px}.legal-content{padding:25px;max-height:85vh}.legal-content h1{font-size:1.4rem}.legal-content h2{font-size:1.1rem}}.analysis-container{width:100%;max-width:480px;margin:0 auto;padding:20px 20px 40px;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-family:Be Vietnam Pro,sans-serif;overflow:hidden;position:relative;box-sizing:border-box}.analysis-header{width:100%;max-width:600px;text-align:center;margin-bottom:30px;margin-top:60px}.analysis-title{font-size:1.5rem;font-weight:800;color:#ff2d85;margin-bottom:20px}.analysis-progress-track{width:100%;height:12px;background:#ffffff80;border-radius:10px;border:2px solid #FF2D85;overflow:hidden;margin-bottom:10px;box-shadow:0 4px 10px #0000000d}.analysis-progress-fill{height:100%;background:#ff2d85;width:0%;transition:width .1s linear;border-radius:8px}.analysis-subtitle{font-size:.9rem;color:#666;font-style:italic}.analysis-ad-container{width:100%;max-width:600px;min-height:250px;background:#00000008;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:auto}.pull-action-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:480px;height:85px;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:20px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;border:2px solid #FF2D85}.pull-action-bar:active{transform:translate(-50%) scale(.98);background:#fff0f5}.pull-action-bar.unlocked{height:85px;background:#e8f5e9;border:2px solid #4CAF50;cursor:default}.pull-handle{display:none}.pull-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pull-instruction{display:flex;flex-direction:column;align-items:center;color:#ff2d85}.view-result-btn{width:100%;max-width:300px;padding:16px;background:#ff2d85;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:16px;box-shadow:0 4px #c2185b;cursor:pointer;animation:popIn .3s ease-out}.view-result-btn:active{transform:translateY(4px);box-shadow:none}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}:root{--primary-pink: #ff85a1;--success-green: #22c55e;--warning-orange: #f97316;--comic-charcoal: #1e293b;--bg-light: #f8f5f6;--yellow-badge: #facc15;--white: #ffffff}.result-page-container{min-height:100vh;width:95%;max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#fce4ec,#e1f5fe,#f3e5f5);font-family:Plus Jakarta Sans,sans-serif;color:var(--comic-charcoal);overflow-x:hidden;box-shadow:0 0 20px #0000001a}.result-header{display:flex;align-items:center;padding:1.5rem 1.5rem .5rem;justify-content:space-between;gap:1rem}.header-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:none;cursor:pointer}.glass-btn{background:#fff6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:2px solid var(--comic-charcoal);border-radius:12px;box-shadow:2px 2px 0 0 var(--comic-charcoal);transition:all .1s ease}.glass-btn:active{transform:translate(2px,2px);box-shadow:none}.glass-btn .material-symbols-outlined{font-size:20px;color:var(--comic-charcoal)}.progress-bar-container{flex:1}.progress-bar-track{height:12px;width:100%;background:#ffffff4d;border-radius:9999px;border:1px solid rgba(255,255,255,.5);overflow:hidden}.progress-bar-fill{height:100%;background:var(--success-green);border-radius:9999px;transition:width .5s ease}.result-main{flex:1;display:flex;flex-direction:column;padding:1rem;align-items:center;gap:1.5rem}.result-unified-card{position:relative;width:95%;max-width:500px;aspect-ratio:3/4;border-radius:24px;border:2px solid var(--comic-charcoal);box-shadow:8px 8px 0 0 var(--comic-charcoal);overflow:hidden;margin:0 auto}.result-full-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-overlay-right{position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.85) 100%);display:flex;flex-direction:column;justify-content:center;padding:20px 16px;gap:12px}.result-title-badge{background:var(--primary-pink);color:#fff;padding:8px 12px;border-radius:12px;border:2px solid var(--comic-charcoal);font-size:18px;font-weight:900;text-align:center;box-shadow:2px 2px 0 0 var(--comic-charcoal)}.result-overlay-text{color:#fff;font-size:15px;font-weight:500;line-height:1.5;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.result-traits{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.trait-tag{background:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#facc15;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.3);letter-spacing:.02em}.recommended-section{width:95%;max-width:500px;margin-top:20px;padding-bottom:100px}.recommended-title{font-size:18px;font-weight:900;color:var(--comic-charcoal);margin:0 0 16px;text-align:center}.recommended-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recommended-card{background:#fff;border:2px solid var(--comic-charcoal);border-radius:16px;overflow:hidden;box-shadow:4px 4px 0 0 var(--comic-charcoal);cursor:pointer;transition:all .1s}.recommended-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--comic-charcoal)}.recommended-thumbnail{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.recommended-card-title{display:block;padding:10px 12px;font-size:12px;font-weight:700;color:var(--comic-charcoal);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-glass-card{width:100%;max-width:600px;background:#fff6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.decorative-glow{position:absolute;top:-40px;right:-40px;width:128px;height:128px;background:#22c55e26;border-radius:50%;filter:blur(48px);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.title-banner{display:flex;flex-direction:column;gap:.5rem}.banner-label{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#1e293b80}.banner-title-box{background:var(--primary-pink);padding:1rem 1.25rem;border-radius:1rem;border:3px solid var(--comic-charcoal);box-shadow:4px 4px 0 0 var(--comic-charcoal);transform:rotate(-1deg)}.banner-title{color:var(--white);font-size:1.25rem;font-weight:900;text-transform:uppercase;text-align:center;margin:0;text-shadow:1px 1px 0px rgba(0,0,0,.2)}.content-split-container{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:600px){.content-split-container{flex-direction:row}}.result-image-section{width:100%;flex-shrink:0;height:240px;background:linear-gradient(135deg,#fde68a,#fed7aa);border-radius:1rem;border:3px solid var(--comic-charcoal);box-shadow:4px 4px 0 0 var(--comic-charcoal);display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}@media(min-width:600px){.result-image-section{width:250px;height:350px;align-items:center}}.analysis-section{flex:1;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid var(--comic-charcoal);border-radius:1rem;padding:1.25rem;box-shadow:4px 4px 0 0 var(--comic-charcoal)}.traits-list{margin-top:1rem;padding-top:1rem;border-top:2px dashed rgba(30,41,59,.2)}.traits-header{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--primary-pink);margin-bottom:.5rem}.trait-badge{display:inline-block;background:#e9d5ff;color:var(--comic-charcoal);padding:.3rem .6rem;margin:.25rem;border-radius:.5rem;font-size:.75rem;font-weight:700;border:1px solid var(--comic-charcoal)}.rarity-section{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.icon-lightbulb{font-size:1.25rem;color:var(--primary-pink)}.analysis-label{font-size:.875rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0;color:var(--comic-charcoal)}.analysis-text{font-size:.875rem;font-weight:500;line-height:1.6;color:#1e293bcc;margin:0;white-space:pre-wrap}.highlighter-pink{background:linear-gradient(180deg,transparent 50%,rgba(255,133,161,.4) 50%);color:var(--comic-charcoal);font-weight:700;padding:0 2px}.rarity-section{display:flex;flex-direction:column;gap:.5rem}.rarity-header{display:flex;justify-content:space-between;align-items:flex-end}.rarity-label{font-size:.875rem;font-weight:900;text-transform:uppercase;color:var(--comic-charcoal)}.rarity-badge{background:var(--yellow-badge);color:var(--comic-charcoal);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;border:2px solid var(--comic-charcoal);box-shadow:2px 2px 0 0 var(--comic-charcoal);animation:badge-bounce 2s infinite}@keyframes badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.rarity-bar-track{width:100%;height:28px;background:#0000001a;border-radius:9999px;border:3px solid var(--comic-charcoal);overflow:hidden;padding:4px}.rarity-bar-fill{height:100%;width:97%;background:linear-gradient(90deg,var(--success-green) 0%,#4ade80 100%);border-radius:9999px;position:relative;overflow:hidden}.rarity-bar-fill:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3))}.stats-row{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-xp .material-symbols-outlined{color:var(--success-green)}.stat-xp .stat-value{font-weight:900;color:var(--success-green)}.stat-time .material-symbols-outlined{color:var(--warning-orange)}.stat-time .stat-value{font-weight:900;color:var(--comic-charcoal)}.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{padding:1.5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.btn-primary{width:100%;padding:1.25rem;font-size:1.125rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;border:4px solid var(--comic-charcoal);border-radius:1rem;box-shadow:4px 4px 0 0 var(--comic-charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .1s ease}.btn-primary:active{transform:translate(4px,4px);box-shadow:none}.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{width:100%;padding:1rem;font-size:1rem;font-weight:900;text-transform:uppercase;background:var(--white);color:var(--comic-charcoal);border:3px solid var(--comic-charcoal);border-radius:1rem;box-shadow:3px 3px 0 0 var(--comic-charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .1s ease}.btn-secondary:active{transform:translate(3px,3px);box-shadow:none}.btn-secondary:hover{background:#f1f5f9}.btn-text{background:none;border:none;color:#1e293b80;font-size:.875rem;font-weight:700;text-decoration:underline;cursor:pointer;transition:color .2s ease;padding:.5rem}.btn-text:hover{color:var(--comic-charcoal)}.result-bottom-bar{position:fixed;bottom:20px;left:0;right:0;margin:0 auto;width:95%;max-width:500px;height:70px;background:#fff;border:2px solid var(--comic-charcoal);border-radius:20px;z-index:20;padding:0 16px;box-shadow:6px 6px 0 0 var(--comic-charcoal);display:flex;align-items:center;justify-content:space-between}.bar-actions{width:100%;display:flex;gap:12px;align-items:center;justify-content:space-between}.restart-btn{flex:1;height:48px;background:#fff;border:2px solid var(--comic-charcoal);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;box-shadow:2px 2px 0 0 var(--comic-charcoal);cursor:pointer;transition:all .1s}.restart-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--comic-charcoal)}.restart-btn .btn-label{font-size:16px;font-weight:900;color:var(--comic-charcoal)}.restart-btn .btn-icon-circle{display:none}.share-btn{flex:1;height:48px;background:var(--primary-pink);border:2px solid var(--comic-charcoal);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;box-shadow:2px 2px 0 0 var(--comic-charcoal);cursor:pointer;color:#fff}.share-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--comic-charcoal)}.share-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px}.share-modal-content{width:calc(100% - 40px);max-width:480px;background:#fff;border:2px solid var(--comic-charcoal);border-radius:24px;padding:24px;box-shadow:8px 8px 0 0 var(--comic-charcoal)}.share-modal-title{font-size:18px;font-weight:900;text-align:center;margin:0 0 20px;color:var(--comic-charcoal)}.share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.share-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f8f5f6;border:2px solid var(--comic-charcoal);border-radius:12px;cursor:pointer;transition:all .1s;font-size:11px;font-weight:700;color:var(--comic-charcoal)}.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}.share-modal-close{width:100%;padding:14px;background:var(--comic-charcoal);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-tracking:initial;--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:0px;--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}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-\[50\%\]{left:50%}.z-10{z-index:10}.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}.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}.table{display:table}.h-\[80px\]{height:80px}.h-\[300px\]{height:300px}.max-h-\[90vh\]{max-height:90vh}.\!min-h-\[80px\]{min-height:80px!important}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-\[480px\]{max-width:480px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,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}.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)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[2rem\]{border-radius:2rem}.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-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-t-transparent{border-top-color:#0000}.bg-\[\#00C2FF\]{background-color:#00c2ff}.bg-\[\#FF2D85\]{background-color:#ff2d85}.bg-\[\#fff9fc\]{background-color:#fff9fc}.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}.font-\[\'Be_Vietnam_Pro\'\]{font-family:Be Vietnam Pro}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.text-\[\#1E293B\]{color:#1e293b}.text-\[\#1a1a1a\]{color:#1a1a1a}.text-\[\#FF2D85\]{color:#ff2d85}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-\[4px_4px_0px_0px_\#000000\]{--tw-shadow:4px 4px 0px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[8px_8px_0px_0px_\#000000\]{--tw-shadow:8px 8px 0px 0px var(--tw-shadow-color,#000);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}@media(hover:hover){.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110: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\:text-\[\#FF2D85\]:hover{color:#ff2d85}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[6px_6px_0px_0px_\#000000\]:hover{--tw-shadow:6px 6px 0px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-\[2px\]:active{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.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)}.active\:shadow-none:active{--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)}.disabled\:opacity-50:disabled{opacity:.5}: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-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}@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-tracking{syntax:"*";inherits:false}@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}