@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#fff;--secondary:#1fa1ff;--tertiary:#004c8b;--background:#f8fafc;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#f1f5f9;--border-strong:#cbd5e1;--success:#04a24c;--warning:#fcdc0c;--error:#e21c3d;--info:#1c4494;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-title:"Outfit", sans-serif}[data-theme=dark]{--primary:#32343b;--secondary:#1fa1ff;--tertiary:#1fa1ff;--background:#2c2d32;--card-bg:#383a42;--text-primary:#f5f6f8;--text-secondary:#a0a4a8;--text-muted:#7a7e85;--border:#4a4e57;--border-strong:#5a5e68;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000059, 0 4px 6px -4px #00000059;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0006}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--card-bg);color:var(--text-primary);border-color:var(--border)}[data-theme=dark] .glass{background:#383a42d9;border:1px solid #ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a4e57}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a5e68}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;outline:none}input,textarea,select{border:1px solid var(--border-strong);background:var(--primary);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #1fa1ff26}.app-container{max-width:1250px;min-height:100vh;margin:0 auto;display:flex;position:relative}.main-content{border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--primary);flex:1;max-width:650px;min-height:100vh;padding-bottom:80px}.right-sidebar{width:350px;height:100vh;padding:24px;display:none;position:sticky;top:0;overflow-y:auto}@media (width>=1024px){.right-sidebar{display:block}}@media (width>=640px){.main-content{padding-bottom:0}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.auth-page-container{background-color:#f8fafc;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:20px;transition:background .3s;display:flex}.auth-page-container.signup-bg{background-image:url(/pexels-photo-220201.jpeg)}.auth-card{background:var(--primary);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow-xl);border-radius:20px;flex-direction:column;padding:40px 32px;transition:all .3s;display:flex}.auth-card.signup-card{-webkit-backdrop-filter:blur(16px);background:#0f172ab3;border:1px solid #ffffff1a;box-shadow:0 20px 40px #0000004d}@media (width<=640px){.auth-card{box-shadow:none;background:0 0;border:none;padding:24px 20px}.auth-card.signup-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none}.auth-page-container.signup-bg{background-color:#0f172a}}.auth-logo-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-logo-img{object-fit:contain;width:175px;height:50px;margin-bottom:16px}.auth-title{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.signup-text{color:#fff!important}.auth-subtitle{color:var(--text-secondary);margin-top:6px;font-size:.92rem}.signup-subtext{color:#cbd5e1!important}.auth-form-stack{flex-direction:column;gap:16px;display:flex}.auth-form-group{flex-direction:column;gap:6px;display:flex}.auth-form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.signup-label{color:#e2e8f0!important}.auth-submit-btn{color:#fff;background:#2a0aed;border-radius:40px;width:100%;height:50px;margin-top:10px;font-size:.98rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #2a0aed4d}.auth-submit-btn:hover:not(:disabled){background:#1e07b8;transform:translateY(-1px)}.auth-submit-btn:disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8}.auth-divider{align-items:center;width:100%;margin:20px 0;display:flex}.divider-line{background-color:var(--border-strong);flex:1;height:1px}.signup-divider-line{background-color:#fff3!important}.divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 12px;font-size:.78rem;font-weight:700}.signup-divider-text{color:#94a3b8!important}.google-auth-btn{border:1px solid var(--border-strong);color:#334155;cursor:pointer;background:#fff;border-radius:40px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:.95rem;font-weight:700;transition:background-color .2s,box-shadow .2s;display:flex}.signup-google-btn{color:#fff!important;background:#ffffff1a!important;border:1px solid #fff3!important}.signup-google-btn:hover:not(:disabled){background:#ffffff2e!important}.google-auth-btn:hover:not(:disabled){background-color:#f8fafc;box-shadow:0 4px 12px #0000000d}.google-btn-icon{width:18px;height:18px}.auth-footer-nav{color:var(--text-secondary);text-align:center;margin-top:24px;font-size:.9rem}.signup-footer-nav{color:#cbd5e1!important}.auth-footer-nav a{color:var(--secondary);font-weight:700;text-decoration:none}.signup-footer-nav a{color:#fff!important}.auth-footer-nav a:hover{text-decoration:underline}.label-with-aside{justify-content:space-between;align-items:center;display:flex}.auth-aside-link{color:var(--secondary);font-size:.85rem;font-weight:600;text-decoration:none}.auth-aside-link:hover{text-decoration:underline}.post-quiz-badge,.post-survey-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:12px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.post-quiz-badge{color:#2a0aed;background:#2a0aed1f;border:1px solid #2a0aed40}.post-survey-badge{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.flutter-result-option-row.quiz-correct-row{border-width:1.5px!important;border-color:#27ae60!important}.flutter-result-option-row.quiz-wrong-row{border-width:1.5px!important;border-color:#d32f2f!important}.quiz-badge-icon-correct{color:#27ae60;vertical-align:middle;margin-left:6px;display:inline-block}.quiz-badge-icon-wrong{color:#d32f2f;vertical-align:middle;margin-left:6px;display:inline-block}.survey-card-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;gap:12px;margin-top:12px;padding:16px;transition:all .2s;display:flex}.survey-card-header{justify-content:space-between;align-items:center;display:flex}.survey-status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.survey-status-badge.active{color:#2a0aed;background:#2a0aed1a}.survey-status-badge.completed{color:#27ae60;background:#27ae601f}.survey-question-counter{color:var(--text-secondary,#64748b);font-size:.82rem;font-weight:600}.survey-progress-bar-bg{background:var(--border-color,#e2e8f0);border-radius:4px;width:100%;height:5px;overflow:hidden}.survey-progress-bar-fill{background:#2a0aed;border-radius:4px;height:100%;transition:width .3s}.survey-progress-bar-fill.completed{background:#27ae60}.survey-question-title{color:var(--text-primary,#0f172a);margin:4px 0 12px;font-size:1.05rem;font-weight:700;line-height:1.4}.survey-question-media{border-radius:10px;max-height:240px;margin-bottom:12px;overflow:hidden}.survey-media-image{object-fit:cover;width:100%;height:100%}.survey-choice-options{flex-direction:column;gap:8px;display:flex}.survey-choice-option-btn{background:var(--primary,#fff);border:1px solid var(--border-color,#e2e8f0);text-align:left;cursor:pointer;color:var(--text-primary,#0f172a);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.survey-choice-option-btn:hover{background:#2a0aed0a;border-color:#2a0aed}.survey-choice-option-btn.selected{background:#2a0aed14;border-color:#2a0aed;font-weight:600}.choice-radio-circle{border:2px solid var(--border-color,#cbd5e1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.survey-choice-option-btn.selected .choice-radio-circle{border-color:#2a0aed}.choice-radio-dot{background:#2a0aed;border-radius:50%;width:9px;height:9px}.choice-btn-text{font-size:.92rem;line-height:1.35}.survey-rating-input{justify-content:center;gap:12px;padding:12px 0;display:flex}.survey-star-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;transition:transform .15s;display:flex}.survey-star-btn:hover{transform:scale(1.15)}.star-val-label{color:var(--text-secondary,#64748b);font-size:.78rem;font-weight:600}.survey-slider-input{flex-direction:column;gap:8px;padding:8px 0;display:flex}.survey-slider-value-badge{color:#fff;background:#2a0aed;border-radius:20px;align-self:center;padding:4px 14px;font-size:1.1rem;font-weight:700}.survey-range-slider{accent-color:#2a0aed;cursor:pointer;width:100%}.survey-slider-labels-row{color:var(--text-secondary,#64748b);justify-content:space-between;font-size:.8rem;display:flex}.survey-textarea{box-sizing:border-box;background:var(--primary,#fff);border:1px solid var(--border-color,#e2e8f0);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:10px;padding:12px;font-family:inherit;font-size:.92rem}.survey-textarea:focus{border-color:#2a0aed;outline:none}.survey-user-answer-pill{color:#27ae60;background:#27ae601a;border:1px solid #27ae604d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.85rem;display:flex}.survey-user-answer-pill .check-icon{flex-shrink:0}.survey-choice-results-list{flex-direction:column;gap:8px;display:flex}.survey-result-bar-row{background:var(--primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:10px 12px;position:relative;overflow:hidden}.survey-result-bar-row.user-selected{border-color:#27ae60;font-weight:600}.survey-result-bar-fill{z-index:1;background:#2a0aed1f;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.survey-result-bar-row.user-selected .survey-result-bar-fill{background:#27ae602e}.survey-result-bar-label{z-index:2;justify-content:space-between;align-items:center;font-size:.88rem;display:flex;position:relative}.survey-result-bar-label .inline-check{color:#27ae60;vertical-align:middle;margin-left:6px}.survey-rating-results,.survey-slider-results{flex-direction:column;align-items:center;gap:6px;padding:12px 0;display:flex}.rating-avg-score,.slider-avg-score{color:#2a0aed;font-size:2rem;font-weight:800}.rating-stars-display{gap:4px;display:flex}.rating-responses-sub{color:var(--text-secondary,#64748b);margin-top:4px;font-size:.8rem}.survey-text-results{flex-direction:column;gap:10px;display:flex}.text-responses-summary{color:var(--text-primary,#0f172a);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex}.survey-toggle-responses-btn{border:1px solid var(--border-color,#e2e8f0);color:#2a0aed;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.survey-text-responses-scroll{background:var(--primary,#f8fafc);border-radius:8px;flex-direction:column;gap:6px;max-height:200px;margin-top:8px;padding:6px;display:flex;overflow-y:auto}.survey-text-response-bubble{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;padding:8px 10px;font-size:.85rem}.survey-text-response-bubble .response-number{color:var(--text-secondary,#64748b);margin-bottom:2px;font-size:.72rem;font-weight:700;display:block}.text-restricted-note{color:var(--text-secondary,#64748b);font-size:.8rem;font-style:italic}.survey-card-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.survey-nav-btn{background:var(--primary,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.survey-nav-btn:hover:not(:disabled){color:#2a0aed;border-color:#2a0aed}.survey-nav-btn:disabled{opacity:.4;cursor:not-allowed}.survey-submit-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.survey-submit-btn:hover:not(:disabled){background:#219653}.survey-finished-pill{color:#27ae60;background:#27ae601f;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.create-post-type-selector{background:var(--primary,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.create-post-type-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.create-post-type-btn.active{background:var(--card-bg,#fff);color:#2a0aed;font-weight:700;box-shadow:0 1px 3px #00000014}.quiz-builder-correct-radio{color:#27ae60;cursor:pointer;background:#27ae6014;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;font-weight:600;display:flex}.create-survey-builder{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.survey-question-builder-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.survey-builder-card-header{justify-content:space-between;align-items:center;display:flex}.survey-builder-q-number{color:var(--text-primary,#0f172a);font-size:.95rem;font-weight:700}.survey-builder-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.survey-builder-add-q-btn{color:#2a0aed;cursor:pointer;background:#2a0aed0a;border:2px dashed #2a0aed;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.9rem;font-weight:700;display:flex}
