body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#12a2e6,#fff0e8 50%,#12a2e6);font-family:Comic Sans MS,cursive,sans-serif}.App,body{min-height:100vh}.App{position:relative}.app-content{min-height:100vh;padding-top:80px}.container{margin:0 auto;max-width:1200px;padding:20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #476ce6;border-radius:20px;padding:30px}.cute-button{background:linear-gradient(45deg,#476ce6,#ffb6c1);border-radius:25px;font-family:inherit;font-size:16px;font-weight:700;padding:12px 25px;transition:all .3s ease}.cute-button:hover{box-shadow:0 5px 15px #ff69b466}.cute-input{background:#fffc;border:2px solid #476ce6;border-radius:15px;font-family:inherit;font-size:16px;margin-bottom:15px;padding:12px 20px;transition:all .3s ease;width:100%}.cute-input:focus{border-color:#476ce6;box-shadow:0 0 10px #ff69b44d;outline:none}.page-title{color:#476ce6;font-size:2.5rem;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #ffb6c180}.section-title{color:#0b36c2;font-size:1.8rem;margin-bottom:15px;text-align:center}.boba-emoji{animation:bounce 2s infinite;font-size:2rem;margin:0 10px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.progress-container{background:#ffffffb3;border:2px solid #476ce6;border-radius:25px;margin:20px 0;padding:10px}.progress-bar{background:linear-gradient(90deg,#476ce6,#ffb6c1,#0b36c2);border-radius:15px;height:20px;overflow:hidden;position:relative;transition:width .5s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.grid{grid-gap:20px;display:grid;gap:20px;margin:20px 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mood-emoji{cursor:pointer;font-size:2rem;margin:5px;transition:transform .2s ease}.mood-emoji:hover{transform:scale(1.2)}.selected{filter:drop-shadow(0 0 10px #476ce6ff);transform:scale(1.3)}.stack{align-items:stretch;display:flex;flex-direction:column}.stack>*{margin:0!important;width:100%}.bleed-fullwidth{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.seamless{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.card-like{background:#fff;border:1px solid #1118270f;border-radius:16px;box-shadow:0 10px 30px #1118270f;padding:24px}.section-inner{margin:0 auto;padding:24px 20px}.hairline-separator{background:linear-gradient(90deg,#0000,#0000000f,#0000);height:1px;margin:8px 0 0}.pp-track{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#fff9,#ffffff59);border:1px solid #0b36c226;border-radius:9999px;box-shadow:inset 0 1px 2px #0b36c214,0 6px 20px #1118270f;height:22px;overflow:hidden;padding:2px;position:relative}.pp-fill{background:linear-gradient(90deg,#476ce6,#a78bfa 45%,#f472b6);border-radius:9999px;box-shadow:inset 0 0 10px #ffffff59,0 6px 16px #a478fa59;height:100%;position:relative;transition:width .2s ease}.pp-sheen{animation:sheenMove 2.2s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#ffffff8c 50%,#fff0);height:180%;left:-20%;pointer-events:none;position:absolute;top:-40%;transform:rotate(10deg);width:40%}@keyframes sheenMove{0%{opacity:.7;transform:translateX(0) rotate(10deg)}to{opacity:.1;transform:translateX(260%) rotate(10deg)}}.pp-label{font-size:.9rem;font-weight:800;left:50%;position:absolute;text-shadow:0 1px 2px #00000040;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.pp-tick{text-align:center;top:100%;width:0}.pp-tick,.pp-tick-dot{position:absolute;transform:translateX(-50%)}.pp-tick-dot{background:#0b36c259;border-radius:50%;box-shadow:0 0 0 3px #0b36c214;height:6px;left:50%;top:-26px;width:6px}.pp-tick-text{color:#5a6b85;font-size:.72rem;margin-top:8px}.pp-meta{color:#476ce6;display:flex;font-size:.92rem;justify-content:space-between;margin-top:12px}body{background:linear-gradient(135deg,#a8d8ff,#f6f7ff 40%,#fbefff);background-attachment:fixed;color:#1f2c4d;font-family:Poppins,Inter,sans-serif}.page-title-modern{background:linear-gradient(90deg,#0046ff,#8a2be2,#ff79c6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.5px;margin:0 0 18px;text-shadow:0 2px 8px #fff9}.section-shell{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #ffffff4d;box-shadow:inset 0 0 20px #fff6,0 8px 25px #0000000d;margin-left:calc(50% - 50vw);overflow:hidden;padding:60px 0;position:relative;transition:background 1s ease;width:100vw}.section-shell:nth-child(odd){background:linear-gradient(135deg,#ffffffb3,#e6f0ffe6)}.section-shell:nth-child(2n){background:linear-gradient(135deg,#f5ebffe6,#fffc)}.section-title{color:#2a3c8d;font-size:1.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-shadow:0 1px 2px #ffffff80}.kpi-pill{align-items:center;background:#0000;border-radius:30px;box-shadow:inset 0 0 0 #fff9,0 6px 20px #0000000d;color:#476ce6;cursor:default;display:flex;gap:8px;overflow:hidden;padding:10px 22px;position:relative;transition:all .4s ease}.kpi-pill:before{background:linear-gradient(135deg,#476ce6,#b68aff);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transform:scale(1.05);transition:opacity .4s ease,transform .4s ease;z-index:0}.kpi-pill:hover:before{opacity:1;transform:scale(1)}.kpi-pill:hover{box-shadow:0 8px 22px #476ce640;color:#fff;transform:translateY(-3px)}.kpi-pill>*{position:relative;transition:color .3s ease;z-index:1}.cute-button{background:linear-gradient(135deg,#476ce6,#8a70f0);border:none;border-radius:30px;box-shadow:0 6px 20px #4870ff33;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.3px;padding:12px 30px;transition:all .25s ease}.cute-button:hover{background:linear-gradient(135deg,#5a7cff,#b68aff);box-shadow:0 12px 24px #4870ff4d;transform:translateY(-2px)}.section-shell:last-of-type{padding-bottom:72px;padding-top:72px}.section-shell .actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:8px}.section-shell .actions .cute-button{border-radius:9999px;box-shadow:0 10px 28px #5d6fff33;min-width:220px;padding:14px 32px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.section-shell .actions .cute-button:hover{box-shadow:0 16px 32px #5d6fff47;transform:translateY(-2px)}@media (max-width:640px){.section-shell .actions{gap:14px}.section-shell .actions .cute-button{max-width:360px;width:100%}}.social-page .page-title{background:linear-gradient(90deg,#476ce6,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-head,Inter,system-ui,-apple-system,"Segoe UI",sans-serif);font-size:clamp(28px,3.4vw,48px);font-weight:900;letter-spacing:-.3px;margin-bottom:18px;text-align:center;text-shadow:0 1px 6px #fff9}.social-page .tabs{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #476ce62e;border-radius:9999px;box-shadow:0 6px 18px #1118270f;display:inline-flex;gap:10px;justify-content:center;margin:0 auto 26px;padding:6px}.social-page .tab-chip{align-items:center;background:#0000;border:0;border-radius:9999px;color:#476ce6;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;isolation:isolate;overflow:hidden;padding:10px 18px;position:relative;transition:color .25s ease,transform .15s ease}.social-page .tab-chip:hover{transform:translateY(-1px)}.social-page .tab-chip.is-active{color:#fff}.social-page .tab-pill{background:linear-gradient(135deg,#5a7cff,#b68aff);border-radius:9999px;box-shadow:0 8px 22px #5d6fff59;inset:0;position:absolute;z-index:-1}.social-page .tab-emoji{font-size:1.05rem}.social-page .tab-label{font-size:.98rem;letter-spacing:.2px}.social-page .card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffd9,#f6f8ffbf);border:1px solid #476ce62e;border-radius:22px;box-shadow:inset 0 1px 0 #fff9,0 10px 28px #1118270f;transition:transform .18s ease,box-shadow .25s ease}.social-page .card:hover{box-shadow:0 16px 34px #11182714;transform:translateY(-3px)}.social-page .grid.grid-2{gap:28px}.social-page .card div[style*="width: '12px'"][style*="background: '#4CAF50'"]{box-shadow:0 0 0 3px #fff,0 0 10px #4caf50cc}.social-page .cute-button{background:linear-gradient(135deg,#5a7cff,#b68aff);border:none;border-radius:9999px;box-shadow:0 10px 26px #5d6fff38;font-weight:700;letter-spacing:.2px;padding:12px 20px;transition:transform .18s ease,box-shadow .25s ease,background .25s ease}.social-page .cute-button:hover{background:linear-gradient(135deg,#6b88ff,#be91ff);box-shadow:0 14px 30px #5d6fff4d;transform:translateY(-2px)}.social-page .card>button[style*=dashed]{background:#476ce60f!important;border-color:#476ce666!important;border-radius:16px!important}.social-page .tabs-center{align-items:center;display:flex;justify-content:center;width:100%}.social-page .tabs{margin:0 auto;width:-webkit-fit-content;width:fit-content}.auth{display:grid;min-height:calc(100vh - 120px);padding:48px 16px;place-items:center}.auth-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffd9,#f6f8ffc7);border:1px solid #476ce62e;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffb3,0 24px 60px #1118271a;padding:28px 24px 26px;position:relative;width:min(520px,94vw)}.auth-head{margin-bottom:18px;text-align:center}.auth-badge{background:linear-gradient(135deg,#5a7cff,#b68aff);border-radius:50%;box-shadow:0 10px 26px #5d6fff40;color:#fff;font-size:28px;height:56px;line-height:56px;margin:0 auto 6px;width:56px}.auth-title{background:linear-gradient(90deg,#476ce6,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(22px,3.2vw,32px);font-weight:900;letter-spacing:-.3px;margin:4px 0 6px;text-shadow:0 1px 6px #fff9}.auth-sub{color:#5a6ba5;font-size:1rem;margin:0}.auth-form{grid-gap:14px;display:grid;gap:14px;margin-top:10px}.auth-field{position:relative}.auth-input{background:#fffc;border:1px solid #476ce640;border-radius:14px;box-shadow:inset 0 1px 0 #fff9;font-size:15px;outline:none;padding:18px 44px 14px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#476ce699;box-shadow:0 0 0 4px #476ce626}.auth-label{background:#0000;color:#5a6ba5;font-size:14px;left:14px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s ease}.auth-input:focus+.auth-label,.auth-input:not(:placeholder-shown)+.auth-label{color:#476ce6;font-size:12px;font-weight:700;top:6px;transform:none}.auth-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='%235a6ba5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px}.auth-eye{background:#0000;border:0;cursor:pointer;font-size:18px;opacity:.85;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .15s ease,opacity .15s ease}.auth-eye:hover{opacity:1;transform:translateY(-50%) scale(1.07)}.auth-strength{display:flex;gap:6px;margin-top:10px}.auth-strength span{background:#e5e9ff;border-radius:999px;flex:1 1;height:6px;opacity:.8}.auth-strength span[data-on=true]:first-child{background:#a3baff}.auth-strength span[data-on=true]:nth-child(2){background:#7ea1ff}.auth-strength span[data-on=true]:nth-child(3){background:#5a7cff}.auth-strength span[data-on=true]:nth-child(4){background:#b68aff}.auth-button{background:linear-gradient(135deg,#5a7cff,#b68aff);border:0;border-radius:9999px;box-shadow:0 12px 28px #5d6fff40;color:#fff;cursor:pointer;font-weight:800;letter-spacing:.2px;padding:14px 22px;transition:transform .18s ease,box-shadow .25s ease,background .25s ease;width:100%}.auth-button:hover{box-shadow:0 16px 34px #5d6fff52;transform:translateY(-2px)}.auth-button:active{transform:scale(.99)}.auth-foot{color:#5a6ba5;font-size:.96rem;margin-top:14px;text-align:center}.auth-link{color:#0b36c2;font-weight:800;margin-left:.25rem;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width:520px){.auth-card{padding:22px 18px}.auth-input{padding:16px 42px 12px 14px}}.reward-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:2000}.reward-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffe0,#f6f8ffd1);border:1px solid #476ce62e;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffb3,0 24px 60px #1118271f;max-height:90vh;overflow-y:auto;padding:32px 28px 24px;position:relative;width:min(480px,94vw)}.reward-close{background:#0000;border:none;border-radius:50%;color:#5a6ba5;cursor:pointer;display:grid;font-size:26px;height:36px;place-items:center;position:absolute;right:16px;top:14px;transition:background .2s ease,color .2s ease;width:36px}.reward-close:hover{background:#476ce61a;color:#476ce6}.reward-header{margin-bottom:20px;text-align:center}.reward-badge{background:linear-gradient(135deg,#5a7cff,#b68aff);border-radius:50%;box-shadow:0 10px 26px #5d6fff40;color:#fff;font-size:30px;height:60px;line-height:60px;margin:0 auto 8px;width:60px}.reward-title{background:linear-gradient(90deg,#476ce6,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(22px,3vw,28px);font-weight:900;letter-spacing:-.3px;margin:4px 0}.reward-sub{color:#5a6ba5;font-size:.95rem;margin:0}.reward-banner{align-items:center;background:linear-gradient(135deg,#476ce614,#b68aff14);border:1px solid #476ce626;border-radius:16px;display:flex;gap:12px;margin-bottom:18px;padding:14px 18px}.reward-banner-icon{font-size:28px}.reward-banner strong{color:#2a3c8d;display:block;font-size:.95rem}.reward-banner-pts{color:#5a7cff;display:block;font-size:.85rem;font-weight:700;margin-top:2px}.reward-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.reward-option{align-items:center;background:linear-gradient(135deg,#ffffffd9,#f6f8ffbf);border:1px solid #476ce62e;border-radius:18px;box-shadow:inset 0 1px 0 #fff9,0 4px 14px #1118270a;display:flex;gap:12px;justify-content:space-between;padding:16px 18px;transition:border-color .25s ease,box-shadow .25s ease}.reward-option:hover{border-color:#476ce659;box-shadow:0 8px 22px #476ce61a}.reward-option--done{background:linear-gradient(135deg,#e8ffea99,#f6f8ffbf);border-color:#4caf5059}.reward-option-left{align-items:center;display:flex;gap:12px}.reward-option-icon{flex-shrink:0;font-size:28px}.reward-option-title{color:#2a3c8d;font-size:1rem;font-weight:700;margin:0}.reward-option-desc{color:#5a6ba5;font-size:.82rem;margin:2px 0 0}.reward-option-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.reward-pts-badge{background:#476ce61a;border-radius:9999px;color:#5a7cff;font-size:.8rem;font-weight:800;padding:4px 12px}.reward-action-btn{background:linear-gradient(135deg,#5a7cff,#b68aff);border:none;border-radius:9999px;box-shadow:0 6px 16px #5d6fff38;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 20px;transition:transform .18s ease,box-shadow .25s ease}.reward-action-btn:hover{box-shadow:0 10px 22px #5d6fff4d;transform:translateY(-1px)}.reward-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reward-plan-label{color:#2a3c8d;font-size:.92rem;font-weight:700}.reward-change-btn{background:#0000;border:1px solid #476ce64d;border-radius:9999px;color:#5a7cff;cursor:pointer;font-size:.82rem;font-weight:700;padding:6px 16px;transition:all .2s ease}.reward-change-btn:hover{background:#476ce614;border-color:#476ce680}.reward-option--selectable{cursor:pointer}.reward-option--active{background:linear-gradient(135deg,#5a7cff14,#b68aff14);border-color:#5a7cff73;box-shadow:0 4px 16px #5a7cff1f}.reward-current-tag{background:linear-gradient(135deg,#5a7cff,#b68aff);border-radius:9999px;color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px}.reward-quiz{margin-bottom:14px;overflow:hidden}.reward-quiz-q{color:#2a3c8d;font-size:.95rem;font-weight:700;margin:0 0 12px;text-align:center}.reward-quiz-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.reward-quiz-btn{background:#fffc;border:1px solid #476ce638;border-radius:14px;color:#2a3c8d;cursor:pointer;font-size:.88rem;font-weight:600;padding:12px 10px;transition:all .2s ease}.reward-quiz-btn:hover{background:#476ce614;border-color:#476ce680;box-shadow:0 4px 14px #476ce61f}.reward-quiz-result{border-radius:14px;font-size:.92rem;font-weight:700;margin-bottom:14px;padding:14px;text-align:center}.reward-quiz-result--correct{background:linear-gradient(135deg,#4caf501f,#81c7841f);border:1px solid #4caf5040;color:#2e7d32}.reward-quiz-result--wrong{background:linear-gradient(135deg,#ef535014,#ffb74d14);border:1px solid #ef535033;color:#c62828}.reward-footer{border-top:1px solid #476ce61a;padding-top:14px}.reward-steps{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.reward-step{background:#476ce60f;border-radius:9999px;color:#5a6ba5;font-size:.78rem;font-weight:600;padding:5px 12px}.reward-step-arrow{color:#a78bfa;font-weight:700}.streak-section{background:linear-gradient(135deg,#ffffffe6,#f6f8ffd9);border:1px solid #476ce626;border-radius:20px;box-shadow:inset 0 1px 0 #ffffffb3,0 4px 14px #1118270a;margin-bottom:18px;padding:18px 20px 14px}.streak-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.streak-title{color:#1e293b;font-size:1.05rem;font-weight:800;margin:0 0 3px}.streak-subtitle{color:#5a6ba5;font-size:.8rem;margin:0}.streak-counter{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.streak-fire-num{color:#f97316;font-size:1.25rem;font-weight:900;line-height:1}.streak-fire-label{color:#fb923c;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.streak-days{gap:4px;justify-content:space-between}.streak-day-wrap,.streak-days{align-items:center;display:flex}.streak-day-wrap{flex:1 1;flex-direction:column;gap:6px}.streak-day-label{color:#94a3b8;font-size:.72rem;font-weight:700;text-transform:uppercase}.streak-day-circle{align-items:center;background:#94a3b826;border:2px solid #94a3b840;border-radius:50%;color:#94a3b8;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.streak-day-circle--active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b59;color:#fff}.streak-day-circle--today{border-color:#476ce680;color:#476ce6}.streak-auto-badge{background:#16a34a1a;border:1px solid #16a34a33;border-radius:9999px;color:#16a34a;font-size:.82rem;font-weight:700;margin-top:12px;padding:6px 16px;text-align:center}@media (max-width:520px){.reward-modal{padding:24px 18px 20px}.reward-option{align-items:flex-start;flex-direction:column}.reward-option-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.reward-quiz-options{grid-template-columns:1fr}.reward-steps{flex-direction:column;gap:4px}.reward-step-arrow{display:none}.streak-day-circle{font-size:15px;height:34px;width:34px}}
/*# sourceMappingURL=main.21b2e8b0.css.map*/