html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;position:fixed}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#000;padding:1rem;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1000}.navbar-brand{display:flex;align-items:center;gap:10px}.navbar-brand a{color:#000;text-decoration:none;font-size:1.5rem;font-weight:700;display:flex;align-items:center}.navbar-logo{height:32px;width:auto}.completed-count{background-color:#f0f0f0;color:#666;font-size:.9rem;padding:2px 8px;border-radius:12px;font-weight:500;border:1px solid #ddd}.navbar-menu{display:flex;gap:1rem}.navbar-item{color:#000;text-decoration:none;font-size:1rem}.navbar-item:hover{text-decoration:underline}.navbar-burger{display:none;flex-direction:column;cursor:pointer;gap:4px;z-index:1002}.navbar-burger span{width:25px;height:3px;background-color:#000;transition:all .3s ease}.navbar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.navbar-overlay.active{opacity:1;visibility:visible}@media(max-width:768px){.navbar-burger{display:flex}.navbar-menu{display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;width:200px;background-color:#fff;padding:4rem 1rem 1rem;box-shadow:-2px 0 5px #0003;transform:translate(100%);transition:transform .2s ease-in-out;z-index:1001;gap:1.5rem}.navbar-menu.active{transform:translate(0)}.navbar-item{text-align:left;font-size:1.2rem;padding:.5rem;border-bottom:1px solid #eee}}.exercise-view{width:97%;margin:0 auto;box-sizing:border-box}@media(min-width:768px){.exercise-view{width:95%}}@media(min-width:1024px){.exercise-view{width:95%}}.exercise-view-button{display:block;width:100%;margin:8px 0;padding:10px 16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;text-align:left;font-size:inherit;font-family:inherit;background-color:#f0f0f0;transition:background-color .2s}.exercise-view-button:disabled{cursor:default}.exercise-view-button.correct{background-color:#90ee90}.exercise-view-button.incorrect{background-color:#ffb6c1}.exercise-feedback{margin-top:16px}.show-rule-button{background:none;border:none;color:#daa520;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;text-decoration:underline}.show-rule-button:hover{text-decoration:none}.report-button{margin-top:16px;padding:8px 12px;background:none;border:1px solid #999;border-radius:4px;color:#666;cursor:pointer;font-size:.9em;font-family:inherit;transition:all .2s}.report-button:hover:not(:disabled){border-color:#c9302c;color:#c9302c;background-color:#fff5f5}.report-button:disabled{cursor:default}.report-button.reported{border-color:#5cb85c;color:#5cb85c;background-color:#f5fff5}.report-button.error{border-color:#c9302c;color:#c9302c}.report-form{margin-top:16px;padding:12px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa}.report-reason-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:inherit;font-family:inherit;resize:vertical;box-sizing:border-box}.report-reason-input:focus{outline:none;border-color:#daa520}.report-form-buttons{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}.report-cancel-button{padding:8px 16px;background:none;border:1px solid #999;border-radius:4px;color:#666;cursor:pointer;font-size:.9em;font-family:inherit;transition:all .2s}.report-cancel-button:hover{border-color:#666;color:#333}.report-submit-button{padding:8px 16px;background-color:#c9302c;border:1px solid #c9302c;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;font-family:inherit;transition:all .2s}.report-submit-button:hover:not(:disabled){background-color:#ac2925;border-color:#ac2925}.report-submit-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.written-exercise-prompt{font-size:1.1em;margin-bottom:16px;font-weight:500}.written-exercise-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:inherit;font-family:inherit;margin-bottom:8px;box-sizing:border-box;resize:none;overflow:hidden;min-height:44px}.written-exercise-input:focus{outline:none;border-color:#daa520}.written-exercise-input.correct{background-color:#90ee90;border-color:#28a745}.written-exercise-input.incorrect{background-color:#ffb6c1;border-color:#dc3545}.written-submit-button{width:100%;padding:10px 16px;background-color:#daa520;border:none;border-radius:4px;color:#fff;font-size:inherit;font-family:inherit;cursor:pointer;transition:background-color .2s}.written-submit-button:hover:not(:disabled){background-color:#b8860b}.written-submit-button:disabled{background-color:#ccc;cursor:not-allowed}.social-loading,.social-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.social-loading p,.social-error p{font-size:1.125rem;color:#333;margin:0}.social-error button{padding:12px 24px;font-size:1rem;background-color:#353ad4;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.social-error button:hover{background-color:#2a2fb0}.social-container{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior-y:none;position:relative;padding-top:0}.social-exercise-wrapper{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:7vh;padding-bottom:20px;padding-left:20px;padding-right:20px;box-sizing:border-box;border:7px solid #3049ff;overflow:hidden}.social-exercise-card{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:10px;max-height:100%;overflow-y:auto;background-color:#fff}@media(min-width:768px){.social-exercise-wrapper{height:100%;padding-top:24px;padding-bottom:24px;border:none;background-color:transparent;overflow:visible}.social-exercise-card{width:90%;max-width:420px;height:100%;max-height:calc(100vh - 120px);padding:24px;background-color:#fff;box-shadow:0 8px 32px #0006;box-sizing:border-box;overflow-y:auto}}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;pointer-events:none;animation:bounce 2s infinite}.scroll-hint-text{color:#9ca3af;font-size:.875rem;text-align:center}.scroll-hint-icon{color:#6b7280}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.profile-page{max-width:600px;margin:0 auto;padding:24px;width:100%;box-sizing:border-box}.profile-header{margin-bottom:2rem;text-align:center}.profile-header h1{font-size:1.75rem;font-weight:600;color:#111827;margin:0;letter-spacing:-.025em}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-card,.login-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #f3f4f6}.login-card{text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center;max-width:400px;margin:0 auto}.user-card{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.user-email{font-size:.9rem;font-weight:500;color:#6b7280;word-break:break-all}.user-stats{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#6b7280;font-size:.875rem}.stat-value{font-weight:600;color:#111827;font-size:1.5rem;line-height:1.2}.streak-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff}.streak-info{display:flex;flex-direction:column;align-items:center}.streak-info .stat-value{font-size:2rem;color:#111827}.streak-info .stat-label{font-size:.875rem;color:#6b7280}.graph-card{display:flex;flex-direction:column;padding-bottom:1rem}.graph-card h2{font-size:1rem;font-weight:600;margin:0 0 1.5rem;color:#111827}.chart-container{width:100%;height:250px;position:relative;overflow:visible}.no-data-message{height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;text-align:center;padding:1rem;font-size:.875rem}.action-button{width:100%;padding:12px;border-radius:12px;font-weight:500;cursor:pointer;border:none;font-size:.95rem;transition:opacity .2s ease;box-sizing:border-box}.action-button:active{opacity:.8}.logout-button{background-color:transparent;color:#ef4444;margin-top:.5rem;max-width:200px;align-self:center}.logout-button:hover{background-color:#fef2f2}.google-button{background-color:#111827;color:#fff;width:auto;min-width:200px}.google-button:hover{background-color:#000}@media(max-width:600px){.profile-page{padding:16px}.profile-stats-grid{gap:.75rem}.chart-container{height:200px}.profile-card{padding:1.25rem}}.landing-container{width:100%;min-height:100vh;background-color:#f2f4f8;background-size:20px 20px;color:#111827;font-family:system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;overflow-x:hidden}.landing-main{max-width:960px;margin:0 auto;width:100%;padding:2rem 1.5rem;box-sizing:border-box;flex:1;display:flex;flex-direction:column}.hero-entry{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem;position:relative;z-index:2}.word-header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.lang-tag{background-color:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:500;color:#4b5563;text-transform:lowercase}.word-title{font-size:2.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.word-type{font-size:.9rem;color:#6b7280;background-color:#f3f4f6;padding:2px 8px;border-radius:12px}.word-meaning-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid rgba(229,231,235,.5)}.meaning-content{display:flex;gap:1rem;margin-bottom:1rem}.meaning-number{font-weight:600;color:#9ca3af}.meaning-text{font-size:1.1rem;line-height:1.6;color:#1f2937}.lang-tag-inline{background-color:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:.75rem;color:#6b7280;margin-right:.5rem;vertical-align:middle}.meaning-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid #F3F4F6;font-size:.95rem;color:#4b5563}.synonym{color:#2563eb;margin-right:.25rem}.translation-row{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.lang-code{color:#9ca3af;font-size:.85rem;font-weight:500}.scroll-experience{display:flex;flex-direction:column;gap:3rem;padding-bottom:4rem}.section-separator{height:2px;background-color:#e5e7eb;width:100%}.startup-section{display:flex;flex-direction:column;gap:1.5rem}.startup-section-right{align-items:flex-end}.startup-section-right .section-content{text-align:right;max-width:600px}.section-tag{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;width:fit-content;padding:4px 10px;border-radius:6px}.blue-tag{color:#2563eb;background:#eff6ff}.grey-tag{color:#4b5563;background:#f3f4f6}.green-tag{color:#059669;background:#ecfdf5}.section-content h2{font-size:2rem;font-weight:700;line-height:1.1;margin:0;letter-spacing:-.02em;color:#111827}.section-desc{font-size:1.15rem;line-height:1.6;color:#4b5563;margin:1rem 0 2rem;max-width:600px}.startup-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;font-size:1.05rem;font-weight:600;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .2s ease;width:fit-content;line-height:1.2;font-family:inherit}.btn-primary{background-color:#2563eb;color:#fff;border:none;box-shadow:0 4px 6px -1px #2563eb33}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.btn-outline{background:transparent;color:#111827;border:1px solid #D1D5DB}.btn-outline:hover{border-color:#111827;background:#fff}.text-section{max-width:680px;margin:0 auto;text-align:center}.text-section h3{font-size:1.5rem;margin-bottom:1rem}.text-section p{font-size:1.1rem;line-height:1.7;color:#4b5563}.creators-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.25rem}.creators-list p{margin:0;font-size:1rem}.creators-list a{color:inherit;text-decoration:underline;text-decoration-color:#4b556366}.creators-list a:hover{color:#111827;text-decoration-color:#111827}.donation-section{text-align:center;max-width:600px;margin:0 auto;padding:1rem 1.5rem 0}.donation-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#111827}.donation-description{color:#4b5563;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.donation-container-simple{display:flex;flex-direction:column;align-items:center;gap:2rem}.donation-chips-simple{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.donation-chip-simple{background:#fff;border:1px solid #D1D5DB;padding:.75rem 1.5rem;border-radius:6px;font-size:1.05rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;min-width:90px}.donation-chip-simple:hover{border-color:#111827;color:#111827;background:#fff}.donation-chip-simple.active{border-color:#2563eb;background-color:#eff6ff;color:#2563eb;box-shadow:0 0 0 1px #2563eb}.donation-submit-simple{display:inline-flex;align-items:center;justify-content:center;background-color:#2563eb;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb33}.donation-submit-simple:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d;opacity:1}.landing-footer{margin-top:auto;border-top:1px solid #E5E7EB;padding:2rem 0;background:#fff;text-align:center}.footer-content{color:#9ca3af;font-size:.875rem}@media(max-width:640px){.word-title{font-size:2rem}.scroll-experience{gap:4rem}.section-content h2{font-size:1.75rem}.startup-btn{width:100%;box-sizing:border-box}}.app{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.social-scroll-container::-webkit-scrollbar{display:none}.social-scroll-container{-ms-overflow-style:none;scrollbar-width:none}