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 #353ad4;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:20px;width:100%;box-sizing:border-box}.profile-header{margin-bottom:2rem;text-align:center}.profile-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-card,.login-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.login-card{text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.user-card{display:flex;flex-direction:column;gap:1rem}.user-email{font-size:1.1rem;font-weight:600;color:#111827;padding-bottom:1rem;border-bottom:1px solid #f3f4f6;word-break:break-all}.user-stats{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#6b7280}.stat-value{font-weight:700;color:#2196f3;font-size:1.2rem}.settings-card h2{font-size:1.2rem;margin:0 0 1.5rem;color:#374151}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.setting-label{font-weight:500;color:#4b5563;flex:1}.setting-description{margin:0;font-size:.875rem;color:#9ca3af;line-height:1.4}.action-button{width:100%;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.logout-button{background-color:#fee2e2;color:#dc2626;margin-top:1rem}.logout-button:hover{background-color:#fecaca}.google-button{background-color:#4285f4;color:#fff;max-width:100%}.google-button:hover{background-color:#3367d6;box-shadow:0 2px 4px #0003}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(24px)}input:disabled+.slider{opacity:.5;cursor:not-allowed}@media(max-width:480px){.profile-page{padding:16px}.profile-card,.login-card{padding:1.25rem}.profile-header h1{font-size:1.75rem}}.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}