*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;background:#f5f5f7;color:#1a1a2e;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes flyUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(1.5);opacity:0}}@keyframes crumble{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(.5) rotate(15deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}.tap-active:active{transform:scale(.97);transition:transform .1s}.progress-fill{transition:width .5s ease-out}.page{min-height:100vh;padding-bottom:70px}.home-header{background:linear-gradient(135deg,#d6086b,#e91e8c);color:#fff;padding:24px 20px 20px;text-align:center}.home-header h1{font-size:1.5rem;font-weight:700}.home-header p{opacity:.9;font-size:.875rem;margin-top:4px}.stats-bar{display:flex;justify-content:space-around;background:#fff;padding:12px;margin:12px 16px;border-radius:12px;box-shadow:0 2px 8px #00000014;font-weight:600;font-size:.9rem}.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px;margin-top:8px}.pillar-card{background:#fff;border-radius:16px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .1s}.pillar-emoji{font-size:2rem}.pillar-name{font-weight:600;font-size:.85rem}.tier-dots{display:flex;gap:4px;font-size:.7rem}.tier-done{filter:none}.home-footer{text-align:center;padding:24px;color:#999;font-size:.8rem}.progress-bar{width:100%;height:6px;background:#eee;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:10px 0 max(10px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #00000014;z-index:100}.nav-btn{font-size:1.5rem;padding:8px 20px;border-radius:12px}.nav-btn.active{background:#fff0f5}.pillar-header{color:#fff;padding:20px;display:flex;align-items:center;gap:12px}.pillar-header h1{font-size:1.25rem}.back-btn{width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tier-section{padding:16px}.tier-section h2{font-size:1rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.lock-hint{font-size:.75rem;color:#999;font-weight:400}.lesson-list{display:flex;flex-direction:column;gap:8px}.lesson-card{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 1px 4px #0000000f;width:100%;text-align:left;transition:transform .1s}.lesson-card:active{transform:scale(.98)}.lesson-card.locked{opacity:.5}.lesson-card.completed{border-left:3px solid #2A9D8F}.lesson-num{width:32px;height:32px;border-radius:50%;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.lesson-title{flex:1;font-weight:500;font-size:.9rem}.lesson-status{font-size:.9rem}.lesson-header{color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.lesson-header h1{font-size:1.1rem}.progress-dots{display:flex;justify-content:center;gap:8px;padding:16px}.dot{width:10px;height:10px;border-radius:50%;background:#ddd;display:inline-block}.dot.filled,.dot.done{background:#d6086b}.dot.active{background:#d6086b;transform:scale(1.2)}.quiz-dot{width:auto;height:auto;border-radius:50%;background:#f4a261;color:#fff;font-size:.6rem;font-weight:700;padding:0 4px;display:inline-flex;align-items:center;justify-content:center}.lesson-content{padding:0 16px}.message-card{background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 2px 12px #00000014;margin:8px 0;position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.message-card p{font-size:1rem;line-height:1.6}.tap-hint{display:block;text-align:center;color:#bbb;font-size:.75rem;margin-top:16px}.speak-btn{position:absolute;top:12px;right:12px;font-size:1.2rem;padding:4px;min-width:48px;min-height:48px}.quiz-mc,.quiz-tf,.quiz-ds,.quiz-scam{padding:8px 0}.quiz-question{font-size:1rem;font-weight:600;margin-bottom:16px;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{background:#fff;border:2px solid #eee;border-radius:12px;padding:16px;font-size:.95rem;text-align:left;transition:all .2s;min-height:48px;width:100%}.quiz-option:active{transform:scale(.98)}.quiz-option.correct{background:#e8f5e9;border-color:#2a9d8f;animation:pulse .5s}.quiz-option.wrong{background:#ffebee;border-color:#e53935}.quiz-option.shake{animation:shake .4s}.quiz-feedback{margin-top:12px;padding:12px;border-radius:10px;font-size:.9rem;line-height:1.4;animation:fadeIn .3s}.correct-text{background:#e8f5e9;color:#1b5e20}.wrong-text{background:#ffebee;color:#b71c1c}.stars-fly{display:flex;justify-content:center;gap:8px;margin-top:12px}.fly-star{font-size:1.5rem;animation:flyUp 1s ease-out forwards}.quiz-hint{text-align:center;color:#999;font-size:.8rem;margin-bottom:12px}.tf-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:180px;margin-bottom:16px}.tf-card{background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 4px 16px #0000001a;max-width:300px;width:100%;text-align:center;font-size:1rem;line-height:1.5;cursor:grab;user-select:none;touch-action:pan-y;transition:background .3s}.tf-card.correct{background:#e8f5e9}.tf-card.wrong{background:#ffebee;animation:shake .4s}.tf-glow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;transition:opacity .1s}.tf-glow.left{left:8px}.tf-glow.right{right:8px}.tf-buttons{display:flex;gap:12px;justify-content:center}.tf-btn{padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;min-width:48px;min-height:48px}.tf-btn.false{background:#ffebee;color:#b71c1c}.tf-btn.true{background:#e8f5e9;color:#1b5e20}.tf-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.ds-item{background:#fff;border:2px solid #D6086B;border-radius:12px;padding:16px;text-align:center;font-size:1rem;font-weight:500;margin-bottom:16px;transition:all .3s}.ds-item.correct{background:#e8f5e9;border-color:#2a9d8f;animation:pulse .4s}.ds-item.wrong{background:#ffebee;border-color:#e53935;animation:shake .4s}.ds-buckets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ds-bucket{background:#fff;border:2px dashed #ccc;border-radius:12px;padding:12px;min-height:120px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .2s}.ds-bucket:active{border-color:#d6086b}.ds-bucket-label{font-weight:600;font-size:.85rem;margin-bottom:4px}.ds-placed{background:#f5f5f7;border-radius:8px;padding:6px 10px;font-size:.8rem;width:100%;text-align:center}.ds-remaining{text-align:center;color:#999;font-size:.8rem;margin-top:8px}.scam-cards{display:flex;flex-direction:column;gap:12px}.scam-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s;width:100%}.scam-card-inner{padding:16px;font-size:.9rem;line-height:1.4;border-left:4px solid #eee}.scam-card.crumble{animation:crumble .5s forwards}.scam-card.shake{animation:shake .4s}.scam-card.safe{opacity:.6;border-left-color:#2a9d8f}.scam-card.safe .scam-card-inner{border-left-color:#2a9d8f}.scam-hint{text-align:center;color:#999;font-size:.85rem;margin-top:12px}.master{padding:8px 0}.master-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.master-value{font-size:1rem}.master-value b{color:#d6086b;font-size:1.2rem}.master-step{color:#999;font-size:.85rem}.master-intro{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 2px 12px #00000014}.master-intro p{margin-bottom:16px;line-height:1.5}.master-text{font-size:1rem;line-height:1.5;margin-bottom:16px;background:#fff;padding:16px;border-radius:12px}.master-choices{display:flex;flex-direction:column;gap:10px}.master-end{text-align:center;background:#fff;padding:32px 24px;border-radius:16px;box-shadow:0 2px 12px #00000014}.master-value-big{font-size:1.5rem;font-weight:700;color:#d6086b;margin:12px 0}.completion{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:24px}.completion-card{background:#fff;border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px #0000001a;width:100%;max-width:320px}.completion-card h2{margin-bottom:12px}.stars-earned{font-size:2rem;margin:16px 0}.completion-card p{color:#666;margin-bottom:20px}.btn-primary{background:linear-gradient(135deg,#d6086b,#e91e8c);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;min-height:48px;cursor:pointer;transition:transform .1s}.btn-primary:active{transform:scale(.97)}.profile-header{background:linear-gradient(135deg,#1a1a2e,#2d2d5e);color:#fff;padding:20px;display:flex;align-items:center;gap:12px}.profile-header h1{font-size:1.25rem}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:16px}.stat-card{background:#fff;border-radius:12px;padding:16px 8px;text-align:center;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:4px}.stat-num{font-size:1.5rem;font-weight:700;color:#d6086b}.stat-label{font-size:.75rem;color:#666}.section-title{padding:0 16px;margin-bottom:12px;font-size:1rem}.badge-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px}.badge-item{background:#fff;border-radius:12px;padding:12px 8px;text-align:center;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;align-items:center;gap:4px}.badge-emoji{font-size:1.5rem}.badge-name{font-size:.7rem;font-weight:500}.badge-item.locked{opacity:.4;filter:grayscale(1)}.learn-more-links{margin:16px 0;text-align:left}.learn-more-links h3{font-size:14px;color:#666;margin-bottom:8px}.resource-link{display:block;padding:10px 12px;margin:6px 0;background:#f5f5f7;border-radius:10px;color:#d6086b;text-decoration:none;font-size:13px;font-weight:500;transition:background .15s}.resource-link:active{background:#ede}.social-links{display:flex;justify-content:center;gap:12px;margin:16px 0;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:#f5f5f7;border-radius:20px;color:#1a1a2e;text-decoration:none;font-size:13px;font-weight:500}.social-link:active{background:#ede}.home-footer{text-align:center;padding:20px 16px 80px;font-size:13px;color:#999}.fido-link{color:#999;text-decoration:none}.fido-link:hover{color:#d6086b}.footer-sep{margin:0 6px}.fido-cta-subtle{color:#d6086b;text-decoration:none;font-weight:500}.fido-plug{display:block;margin-top:16px;font-size:12px;color:#999;text-decoration:none;text-align:center}.fido-plug span{color:#d6086b;font-weight:500}