*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#4a90e2;--primary-blue-dark:#357abd;--primary-green:#52c9a6;--primary-green-dark:#3fa085;--background:#f5f7fa;--surface:#fff;--text-primary:#010910;--text-secondary:#343838;--border:#e1e8ed;--shadow:#0000001a;--shadow-hover:#00000026}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--background);color:#010910;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f7fa;background:var(--background)}::-webkit-scrollbar-thumb{background:#e1e8ed;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#343838;background:var(--text-secondary)}.layout{background-color:var(--background);display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#f8fafd,#f0f5fb);border-bottom:1px solid #4a90e21f;box-shadow:0 1px 3px #0000000a;overflow:visible;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 2rem 1.25rem;width:100%}.logo{align-items:flex-end;display:flex;flex-shrink:0;margin-bottom:-12px;text-decoration:none;transition:transform .2s ease,filter .2s ease}.logo:hover{filter:drop-shadow(0 4px 12px rgba(74,144,226,.25));transform:scale(1.03)}.logo-img{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));height:72px;object-fit:contain;width:auto}.nav{flex:1 1;gap:.25rem;justify-content:center}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#4a90e214;color:var(--primary-blue)}.nav-link.active{background-color:#4a90e21f;color:var(--primary-blue)}.user-info{align-items:center;border-left:1px solid var(--border);display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;margin-left:auto;padding-left:1rem}.user-name{font-size:.9rem;font-weight:500;gap:.5rem;padding:.4rem 0}.logout-button,.user-name{align-items:center;color:var(--text-secondary);display:flex}.logout-button{background:#0000;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.logout-button:hover{background-color:#4a90e214;border-color:var(--primary-blue);color:var(--primary-blue)}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2.5rem 2rem 5rem;width:100%}.footer{background-color:var(--surface);border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 10px #0000000d;left:0;padding:1rem 2rem;position:fixed;right:0;text-align:center;z-index:50}.footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.footer .name-shift,.footer .name-shift .highlight-bang{-webkit-text-fill-color:#0000;animation:title-colors 7s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,#ff6a3d,#e2b100 30%,#0e9b8b 62%,#ff6a3d);background-size:220% 100%}.footer .highlight-bang{display:inline-block;font-size:1.42em;font-weight:700;line-height:.85;vertical-align:-.04em}@media (max-width:768px){.header-content{align-items:stretch;flex-direction:column;gap:1.25rem;padding:1rem 1.25rem}.logo{justify-content:center;margin-bottom:-8px}.logo-img{height:56px}.nav{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-link{font-size:.9rem;padding:.5rem 1rem}.user-info{border-left:none;border-top:1px solid var(--border);flex-direction:row;gap:1.25rem;justify-content:center;margin:.5rem 0 0;padding:1rem 0 0}.user-name{font-size:.85rem}.logout-button{height:38px;width:38px}.main-content{padding:1.75rem 1.25rem 5rem}.footer{padding:1rem 1.25rem}.footer p{font-size:.85rem}}@media (max-width:480px){.header-content{padding:.75rem 1rem}.main-content{padding:1rem .75rem 5rem}.footer{padding:.75rem 1rem}}@media (prefers-reduced-motion:reduce){.footer .name-shift,.footer .name-shift .highlight-bang{animation:none}}.layout.student-theme{--stu-ink:#1c2430;--stu-muted:#5d6772;--stu-card:#fff;--stu-coral:#ff6a3d;--stu-teal:#0e9b8b;--stu-line:#1c243014;background:radial-gradient(ellipse 70% 42% at 0 -8%,#ff6a3d2e,#0000 58%),radial-gradient(ellipse 55% 36% at 100% 0,#0e9b8b29,#0000 52%),#f6f3ee;color:var(--stu-ink);font-family:Nunito,Segoe UI,sans-serif}.layout.student-theme .header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f3eee6;border-bottom:1px solid #0000;box-shadow:none}.layout.student-theme .nav-link{border-radius:999px;color:var(--stu-muted);font-weight:800}.layout.student-theme .nav-link:hover{background:#1c24300f;color:var(--stu-ink)}.layout.student-theme .nav-link.active{background:var(--stu-ink);color:#fff}.layout.student-theme .user-info{border-left-color:var(--stu-line)}.layout.student-theme .user-name{background:#fff;border-radius:999px;box-shadow:0 4px 14px #1c24300f;color:var(--stu-ink);font-weight:800;padding:.35rem .85rem}.layout.student-theme .logout-button{background:#fff;border:none;border-radius:999px;box-shadow:0 4px 14px #1c24300f;color:var(--stu-ink)}.layout.student-theme .logout-button:hover{background:var(--stu-ink);border-color:var(--stu-ink);color:#fff}.layout.student-theme .main-content{padding-bottom:2.5rem}.layout.student-theme .footer{background:#0000;border-top:none;box-shadow:none;position:static}.layout.student-theme .footer p{color:var(--stu-muted);font-weight:700}.layout.student-theme .home-title,.layout.student-theme .mural-title,.layout.student-theme .questionnaire-header h1{-webkit-text-fill-color:var(--stu-ink);background:none;color:var(--stu-ink);font-weight:800;letter-spacing:-.03em}.layout.student-theme .home-title{font-size:2.15rem}.layout.student-theme .home-subtitle{color:var(--stu-muted);font-size:1.05rem;font-weight:700}.layout.student-theme .mural-card{border:1px solid var(--stu-line);border-radius:22px;box-shadow:0 12px 28px #1c243012}.layout.student-theme .mural-card:hover{box-shadow:0 18px 36px #1c24301f;transform:translateY(-6px)}.layout.student-theme .mural-color-bar{height:9px}.layout.student-theme .mural-card-cover{height:168px}.layout.student-theme .mural-card-title{color:var(--stu-ink);font-weight:800;letter-spacing:-.02em}.layout.student-theme .mural-card-description,.layout.student-theme .mural-card-footer,.layout.student-theme .mural-description{color:var(--stu-muted);font-weight:700}.layout.student-theme .mural-title{font-size:1.85rem}.layout.student-theme .back-button,.layout.student-theme .back-link{align-self:flex-start;background:#fff;border:1px solid var(--stu-line);border-radius:999px;box-shadow:0 4px 14px #1c24300d;color:var(--stu-ink);font-weight:800;text-decoration:none;width:auto}.layout.student-theme .back-button:hover,.layout.student-theme .back-link:hover{background:var(--stu-ink);border-color:var(--stu-ink);color:#fff}.layout.student-theme .back-link{padding:.45rem .95rem}.layout.student-theme .post-card{border:1px solid var(--stu-line);border-radius:18px;box-shadow:0 10px 24px #1c243012}.layout.student-theme .post-title{font-weight:800;letter-spacing:-.02em}.layout.student-theme .home-title,.layout.student-theme .mural-title{-webkit-text-fill-color:#0000;animation:title-colors 7s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,#ff6a3d,#e2b100 30%,#0e9b8b 62%,#ff6a3d);background-size:220% 100%;color:#0000}.layout.student-theme .mural-video,.layout.student-theme .mural-video-placeholder{border-radius:18px}.layout.student-theme .btn-primary,.layout.student-theme .btn-questionnaire{background:var(--stu-coral);border-radius:16px;box-shadow:0 10px 22px #ff6a3d47;font-weight:800}.layout.student-theme .btn-primary:hover,.layout.student-theme .btn-questionnaire:hover{background:#f25528;box-shadow:0 14px 26px #ff6a3d57}.layout.student-theme .questionnaire-respond-page{max-width:760px}.layout.student-theme .question-block{border:none;border-radius:22px;box-shadow:0 12px 28px #1c243012;padding:1.6rem}.layout.student-theme .question-block h3{color:var(--stu-teal);display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.layout.student-theme .question-text{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.layout.student-theme .option-item{background:#fff;border:2px solid #ece7e1;border-radius:16px;font-weight:700;padding:1rem 1.1rem}.layout.student-theme .option-item:hover{background:#f4fbfa;border-color:#b7e4de}.layout.student-theme .option-item.selected{background:#e7f6f3;border-color:var(--stu-teal);box-shadow:0 0 0 4px #0e9b8b24}.layout.student-theme .option-item input{accent-color:var(--stu-teal);height:18px;width:18px}.layout.student-theme .questionnaire-result-card{border:none;border-radius:24px;box-shadow:0 16px 36px #1c243014}.layout.student-theme .score-display{color:var(--stu-teal)}.layout.student-theme .empty-posts,.layout.student-theme .empty-state{border:1px solid var(--stu-line);border-radius:22px;box-shadow:none}@media (max-width:768px){.layout.student-theme .header-content{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.45rem .75rem;justify-content:space-between;padding:.55rem .85rem}.layout.student-theme .logo{margin-bottom:0}.layout.student-theme .logo-img{height:46px}.layout.student-theme .nav{flex:0 1 auto;justify-content:flex-end}.layout.student-theme .user-info{border:none;justify-content:flex-end;margin:0;padding:0;width:100%}.layout.student-theme .home-title{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){.layout.student-theme .home-title,.layout.student-theme .mural-title{animation:none}}.public-page{--ink:#1c2430;--muted:#5d6772;--coral:#ff6a3d;--teal:#0e9b8b;--line:#1c243014;background:radial-gradient(ellipse 70% 42% at 0 -8%,#ff6a3d2e,#0000 58%),radial-gradient(ellipse 55% 36% at 100% 0,#0e9b8b29,#0000 52%),#f6f3ee;color:var(--ink);display:flex;flex-direction:column;font-family:Nunito,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.public-orb{border-radius:50%;filter:blur(8px);pointer-events:none;position:absolute;z-index:0}.public-orb-coral{animation:drift 14s ease-in-out infinite;background:#ff6a3d38;height:220px;left:-60px;top:120px;width:220px}.public-orb-teal{animation:drift 18s ease-in-out infinite reverse;background:#0e9b8b2e;height:260px;right:-80px;top:40px;width:260px}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(28px)}}.public-footer,.public-page main{position:relative;z-index:1}.public-page main{display:flex;flex:1 1;flex-direction:column}.logo-title-row{align-items:center;animation:logo-float 5.5s ease-in-out infinite;display:flex;gap:1.35rem;margin-bottom:0}.logo-float{flex:0 0 168px;height:168px;position:relative;width:168px}.logo-mark{animation:logo-tilt 6.5s ease-in-out infinite;display:block;filter:drop-shadow(0 16px 18px rgba(28,36,48,.14));height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.logo-ring{animation:logo-spin 16s linear infinite;border:2px dashed #ff6a3d8c;border-radius:50%;inset:-14px;position:absolute}.highlight-bang{display:inline-block;font-size:1.42em;font-weight:700;line-height:.85;vertical-align:-.04em}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes logo-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes logo-spin{to{transform:rotate(1turn)}}.public-hero{grid-column-gap:2.5rem;grid-row-gap:.9rem;align-items:start;column-gap:2.5rem;display:grid;grid-template-areas:"title login" "lead login" "art login";grid-template-columns:minmax(0,1fr) 300px;margin:auto;max-width:1080px;padding:1.25rem 1.5rem;row-gap:.9rem;width:100%}.logo-title-row{grid-area:title}.public-lead{grid-area:lead}.login-card{align-self:end;grid-area:login}.public-features{grid-area:art}.name-shift,.name-shift .highlight-bang,.public-hero h1{-webkit-text-fill-color:#0000;animation:title-colors 7s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,#ff6a3d,#e2b100 30%,#0e9b8b 62%,#ff6a3d);background-size:220% 100%}.public-hero h1{font-size:clamp(1.85rem,3.4vw,2.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0;min-width:0}@keyframes title-colors{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.public-lead{color:var(--muted);font-size:1.08rem;font-weight:700;line-height:1.55;margin:0;max-width:38rem}.public-features{margin-top:.15rem;min-width:0}.login-card{animation:rise .7s ease .08s both;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 36px #1c24301a;padding:1.15rem 1.1rem 1.2rem}.login-card h2,.login-card h4{font-size:1.25rem;letter-spacing:-.03em;margin:0}.login-card>p{color:var(--muted);font-size:.86rem;font-weight:700;margin:.25rem 0 .85rem}.login-form{gap:.7rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{color:var(--ink);font-size:.78rem;font-weight:800;gap:.28rem}.form-group input{background:#fff;border:2px solid #ece7e1;border-radius:12px;color:var(--ink);font:inherit;font-size:.95rem;font-weight:700;padding:.65rem .75rem}.form-group input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0e9b8b24;outline:none}.form-group input:disabled{opacity:.7}.error-message{animation:shake .4s ease;background:#fff1eb;border-radius:12px;color:#c2410c;font-size:.82rem;font-weight:800;padding:.55rem .7rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.login-button{background:var(--coral);border:none;border-radius:14px;box-shadow:0 10px 22px #ff6a3d47;color:#fff;cursor:pointer;font:inherit;font-weight:800;margin-top:.2rem;padding:.72rem 1rem}.login-button:hover:not(:disabled){background:#f25528;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.public-grid{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.public-feature{animation:rise .7s ease both;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 18px #1c24300d;min-width:0;padding:.35rem .45rem .55rem}.public-feature-delay{animation-delay:.12s}.public-feature-delay-2{animation-delay:.22s}.public-feature h2{font-size:.82rem;letter-spacing:-.02em;margin:.15rem 0;text-align:center}.public-feature p{color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.3;margin:0}.public-feature .public-art{display:block;height:62px;width:100%}.note-a{animation:bob 4.5s ease-in-out infinite}.note-b{animation:bob 5.2s ease-in-out .4s infinite}.note-c{animation:bob 4.8s ease-in-out .8s infinite}.play-badge{animation:pulse 2.4s ease-in-out infinite;transform-origin:140px 90px}.quiz-check{stroke-dasharray:16;stroke-dashoffset:16;animation:draw 2.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes draw{0%,20%{stroke-dashoffset:16}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:16}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.public-footer{margin-top:auto;padding:1.2rem 1.5rem 1.6rem;text-align:center}.public-footer p{color:var(--muted);font-size:.9rem;font-weight:700;margin:0}@media (max-width:860px){.public-hero{grid-template-areas:"title" "lead" "login" "art";grid-template-columns:1fr;row-gap:1rem}.login-card{justify-self:center;width:min(100%,360px)}}@media (max-width:560px){.public-hero{padding-left:1rem;padding-right:1rem;padding-top:1.25rem}.logo-title-row{gap:.75rem;margin-bottom:0}.logo-float{flex-basis:96px;height:96px;width:96px}.logo-ring{inset:-8px}.public-hero h1{font-size:1.28rem;letter-spacing:-.03em}.public-lead{font-size:.98rem}.public-feature h2{font-size:.72rem}.public-feature p{font-size:.66rem}.public-feature .public-art{height:46px}.login-card{width:100%}.form-group input{font-size:16px}.public-footer{padding:1rem 1rem 1.4rem}.public-footer p{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.login-card,.logo-mark,.logo-ring,.logo-title-row,.name-shift,.name-shift .highlight-bang,.note-a,.note-b,.note-c,.play-badge,.public-feature,.public-features,.public-hero h1,.public-orb,.quiz-check{animation:none}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:slideIn .3s ease-out;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background:var(--background);color:var(--text-primary)}.modal-form{padding:1.5rem}.form-group label{font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{background:var(--surface);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.color-options{display:flex;flex-wrap:wrap;gap:.75rem}.color-option{align-items:center;background:var(--surface);border:3px solid var(--border);border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:all .2s;width:48px}.color-option:hover{border-color:var(--text-secondary);transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);border-width:4px;transform:scale(1.1)}.color-preview{background:var(--option-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow);height:32px;width:32px}.modal-actions{border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-secondary{background:var(--background);border:2px solid var(--border)}.btn-secondary:hover{background:var(--border);box-shadow:0 4px 8px var(--shadow);transform:translateY(-2px)}@media (max-width:768px){.modal-content{border-radius:16px 16px 0 0;margin:0;max-height:95vh;max-width:100%}.modal-form,.modal-header{padding:1rem}.color-options{gap:.5rem}.color-option{height:40px;width:40px}.color-preview{height:28px;width:28px}}.media-preview{align-items:center;border:2px solid var(--border);border-radius:8px;display:flex;justify-content:center;margin-top:.75rem;max-height:200px;overflow:hidden}.media-preview img{display:block;max-height:200px;max-width:100%;object-fit:contain}.error-message{align-items:center;background:#ffebee;color:#c62828;display:flex;gap:.5rem}.error-message,.success-message{border-radius:6px;font-size:.875rem;margin-top:.5rem;padding:.5rem}.success-message{background:#e8f5e9;color:#2e7d32}.modal-content-confirm{max-width:420px}.modal-body{padding:1.5rem}.delete-modal-message{color:var(--text-primary);line-height:1.6;margin:0}.btn-danger{align-items:center;background:#c62828;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.btn-danger:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 8px #c628284d;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.7}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;vertical-align:middle;width:16px}.alert{margin-bottom:1rem}.alert-success{color:#2e7d32}.alert-warning{background-color:#fff8e1;border:1px solid #ffe082;color:#f57c00}.home-page{animation:fadeIn .3s ease-out}.home-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.7rem;font-weight:600;margin-bottom:.5rem}.home-subtitle{color:var(--text-secondary);font-size:1.1rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));box-shadow:0 4px 12px #4a90e24d;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #4a90e266;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--background);border-color:var(--primary-blue);color:var(--primary-blue)}.empty-state{background:var(--surface);border-radius:16px;box-shadow:0 2px 8px var(--shadow)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);margin-bottom:2rem}.murais-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mural-card{background:var(--surface);border-radius:16px;box-shadow:0 2px 8px var(--shadow);color:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.mural-card:hover{box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-4px)}.mural-card-inactive{opacity:.75}.mural-card-inactive .mural-card-title{color:var(--text-secondary)}.mural-card-cover{background:#0000000f;height:140px;overflow:hidden;width:100%}.mural-card-cover img{display:block;height:100%;object-fit:cover;width:100%}.icon-btn-inactive{color:var(--text-secondary)!important}.inactive-only-message{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.inactive-empty-msg{color:var(--text-secondary);font-size:.95rem;grid-column:1/-1;padding:1.5rem;text-align:center}.inactive-murais-section{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.murais-grid-inactive{margin-top:1rem}.mural-card-header{position:relative}.mural-color-bar{background:var(--mural-color);height:6px;width:100%}.mural-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s}.mural-card:hover .mural-actions{opacity:1}.icon-btn{align-items:center;background:#ffffffe6;border:none;border-radius:8px;box-shadow:0 2px 4px var(--shadow);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{background:#fff;transform:scale(1.1)}.icon-btn-danger:hover{background:#ff4757;color:#fff}.mural-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.mural-card-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.mural-card-description{color:var(--text-secondary);flex:1 1;line-height:1.5;margin-bottom:1rem}.mural-card-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding-top:1rem}.mural-post-count{align-items:center;display:flex;gap:.5rem}.mural-date{font-size:.875rem}@media (max-width:768px){.home-header{flex-direction:column}.home-title{font-size:2rem}.murais-grid{grid-template-columns:1fr}.mural-actions{opacity:1}}.mural-page{animation:fadeIn .3s ease-out;overflow-x:hidden}.loading{justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary-blue);height:40px;width:40px}.mural-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;margin-bottom:2rem}.back-button{align-items:center;background-color:#4a90e21a;border:1px solid #4a90e240;border-radius:8px;color:var(--primary-blue);display:inline-flex;flex-shrink:0;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.back-button:hover{background-color:#4a90e22e;border-color:var(--primary-blue);color:var(--primary-blue-dark)}.mural-header-content{flex:1 1;min-width:180px}.mural-header .btn-primary{flex-shrink:0}.mural-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.mural-title-section{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.mural-title{align-items:center;border-bottom:3px solid #0000;color:var(--text-primary);display:flex;font-size:1.35rem;font-weight:600;gap:.75rem;padding-bottom:.25rem;transition:all .2s}.mural-title.editable{cursor:pointer}.mural-title.editable:hover{border-bottom-color:var(--mural-color)}.edit-icon{color:var(--mural-color);font-size:1.25rem;opacity:0;transition:opacity .2s}.mural-title:hover .edit-icon{opacity:1}.title-edit{align-items:center;display:flex;gap:.5rem}.title-input{background:var(--surface);border:2px solid var(--primary-blue);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1.35rem;font-weight:600;max-width:600px;padding:.5rem 1rem;width:100%}.title-input:focus{border-color:var(--primary-green);outline:none}.icon-btn-small{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn-small:hover{background:var(--background);border-color:var(--primary-blue)}.icon-btn-small.icon-btn-danger:hover{background:#ff4757;border-color:#ff4757;color:#fff}.mural-description{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.mural-content{margin-top:2rem}.mural-layout{align-items:flex-start;display:flex;gap:2rem}.mural-posts-area{flex:1 1;min-width:0}.mural-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;width:520px}.mural-video-container{position:relative;width:100%}@media (max-width:1024px){.mural-sidebar{position:relative;z-index:50}}.mural-sidebar-pinned{position:relative;z-index:100}.mural-video-tap-overlay{display:none}@media (max-width:1024px){.mural-video-tap-overlay{cursor:pointer;display:block;inset:0;position:absolute;z-index:5}}.mural-video-unpin-btn{align-items:center;background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:36px;z-index:10}.mural-video-unpin-btn:hover{background:#000c}.mural-video{background:#0000000d;border-radius:12px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.mural-video iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.mural-video-placeholder{align-items:center;aspect-ratio:16/9;background:#00000014;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1rem;justify-content:center;width:100%}.mural-video-hint{font-size:.8rem;margin-top:.5rem;opacity:.8}.btn-questionnaire{align-items:center;background:var(--primary-green);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;width:100%}.btn-questionnaire:hover{background:#2a9d5f;background:var(--primary-green-dark,#2a9d5f);box-shadow:0 4px 12px #2a9d5f4d;color:#fff;transform:translateY(-2px)}.mural-content-professor{padding-bottom:12rem}.mural-drop-zone{min-height:400px}.empty-posts{background:var(--surface);border-radius:16px;box-shadow:0 2px 8px var(--shadow);padding:4rem 2rem;text-align:center}.empty-posts-icon{font-size:4rem;margin-bottom:1rem}.empty-posts h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-posts p{color:var(--text-secondary);margin-bottom:2rem}.posts-container{overflow:visible;width:100%}.posts-container-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;min-height:auto}.post-card{background:var(--surface);border-radius:12px;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease;z-index:1}.post-card:hover{box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-2px);z-index:10}.post-card.post-card-grid{flex:0 0 auto;min-height:auto;min-width:220px;position:relative;width:280px}.mural-posts-area-pinned{position:relative;z-index:101}.post-card-pinned{position:relative;z-index:1}.post-card-unpin-btn{align-items:center;background:#00000080;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:32px;z-index:10}.post-card-unpin-btn:hover{background:#000000b3}.post-card-tap-overlay-portal{cursor:pointer;pointer-events:auto;z-index:101}.post-card.post-card-grid.post-card-collapsed{min-height:auto}.post-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s;z-index:3}.post-card:hover .post-actions{opacity:1}.post-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem}.post-title{color:var(--text-primary);flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;min-width:0}.post-collapse-btn{align-items:center;background:#00000014;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.post-collapse-btn:hover{background:#0000001f;color:var(--primary-blue)}.post-card-collapsed{min-height:auto;padding-bottom:1rem}.post-card-collapsed .post-card-header,.post-card-collapsed .post-title{margin-bottom:0}.post-image{align-items:center;background:#0000000d;border-radius:8px;display:flex;justify-content:center;margin:.75rem 0;max-height:300px;overflow:hidden}.post-image-clickable{cursor:pointer;position:relative}.post-image-clickable:hover .post-image-expand-icon{opacity:1}.post-image-expand-icon{align-items:center;background:#0009;border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s;width:36px}.post-image img{display:block;max-height:300px;max-width:100%;object-fit:contain}.post-video{background:#0000000d;border-radius:8px;height:0;margin:.75rem 0;overflow:hidden;padding-bottom:56.25%;position:relative}.post-video iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.post-content{word-wrap:break-word;color:var(--text-secondary);flex:1 1;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.post-footer{border-top:1px solid #0000001a;margin-top:auto;padding-top:1rem}.post-date{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.mural-page{padding-bottom:env(safe-area-inset-bottom,0)}.mural-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.mural-header-content{min-width:0}.mural-header-actions{flex-wrap:wrap;justify-content:flex-start}.mural-header-actions .btn-primary{flex:1 1;min-width:140px}.mural-title{font-size:1.2rem;line-height:1.3}.mural-description{font-size:.9rem}.title-input{font-size:1.2rem;max-width:100%}.mural-content{margin-top:1rem}.mural-drop-zone{min-height:200px}.mural-content-professor{padding-bottom:6rem}.mural-layout{flex-direction:column;gap:1.5rem}.mural-sidebar{gap:1rem;position:relative;width:100%;z-index:50}.mural-video-placeholder{aspect-ratio:16/9;min-height:160px}.btn-questionnaire{font-size:.95rem;min-height:48px;padding:.875rem 1.25rem}.empty-posts{padding:2rem 1rem}.empty-posts-icon{font-size:3rem}.empty-posts h2{font-size:1.25rem}.posts-container,.posts-container-grid{display:flex;flex-direction:column;gap:1rem;min-height:auto}.post-card{left:auto!important;margin-bottom:0;min-height:auto;padding:1rem;position:relative!important;top:auto!important;width:100%!important}.post-card.post-card-grid{max-width:none;width:100%}.post-actions{opacity:1;right:.5rem;top:.5rem}.post-actions .icon-btn-small{height:36px;width:36px}.post-card-header{margin-top:.25rem;padding-right:2.5rem}.post-title{font-size:1.1rem;margin-bottom:.5rem}.post-collapse-btn{flex-shrink:0;height:36px;width:36px}.post-image{margin:.5rem 0}.post-image,.post-image img{max-height:220px}.post-video{margin:.5rem 0}.post-content{font-size:.95rem;margin-bottom:.75rem}.post-footer{padding-top:.75rem}.image-lightbox{padding:1rem}.image-lightbox-close{height:44px;right:.5rem;top:.5rem;width:44px}}@media (max-width:480px){.back-button{font-size:.9rem;padding:.5rem .75rem}.mural-title{font-size:1.1rem}.mural-header-actions .btn-primary{min-width:100%}.empty-posts{padding:1.5rem .75rem}.empty-posts-icon{font-size:2.5rem}.post-card{padding:.875rem}.post-title{font-size:1rem}.post-image,.post-image img{max-height:180px}.btn-questionnaire{font-size:.9rem;padding:.75rem 1rem}}.admin-page{margin:0 auto;max-width:1200px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-header-actions{align-items:center;display:flex;gap:1rem}.credentials-button{align-items:center;background:var(--surface);border:1px solid var(--primary-blue);border-radius:8px;color:var(--primary-blue);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.credentials-button:hover{background:#4a90e214;box-shadow:0 2px 8px #4a90e233}.modal-description{color:var(--text-secondary);font-size:.95rem;margin:-.5rem 0 1.5rem}.admin-header h1{color:#333;font-size:2rem;margin:0}.create-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#52c9a6);border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.create-button:hover{box-shadow:0 5px 15px #4a90e266;transform:translateY(-2px)}.alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.users-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.user-card:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.user-info{flex:1 1}.user-name{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.user-email{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.role-badge-admin{background-color:#fee;color:#c33}.role-badge-professor{background-color:#eef;color:#339}.role-badge-aluno{background-color:#efe;color:#3c3}.delete-button{align-items:center;background:none;border:1px solid var(--border);border-radius:8px;color:#c33;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.delete-button:hover{background-color:#fee;border-color:#c33}.empty-state{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-content h2{color:var(--text-primary);margin-top:0}.form-group,.modal-content h2{margin-bottom:1.5rem}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid var(--border);border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background:var(--background);border:1px solid var(--border);color:var(--text-secondary)}.cancel-button:hover{background:var(--surface)}.submit-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));color:#fff}.submit-button:hover{box-shadow:0 5px 15px #4a90e266;transform:translateY(-2px)}.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:4rem;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary-blue);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-header-actions{flex-wrap:wrap}.users-list{grid-template-columns:1fr}}.questionnaire-respond-page{margin:0 auto;max-width:800px;padding:2rem 1rem}.back-link{align-items:center;color:var(--primary-blue);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;text-decoration:none}.back-link:hover{text-decoration:underline}.questionnaire-header{margin-bottom:2rem}.questionnaire-header h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.questionnaire-header p{color:var(--text-secondary);font-size:1rem}.question-block{background:var(--surface);border:2px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.question-block h3{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.question-text{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.question-media{border:2px solid var(--border);border-radius:8px;margin:1rem 0;overflow:hidden}.question-media img{display:block;max-height:300px;max-width:100%;object-fit:contain}.question-media-clickable{cursor:pointer;position:relative}.question-media-clickable:hover .question-media-expand-icon{opacity:1}.question-media-expand-icon{background:#0009;border-radius:8px;color:#fff;height:36px;opacity:0;pointer-events:none;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s;width:36px}.image-lightbox,.question-media-expand-icon{align-items:center;display:flex;justify-content:center}.image-lightbox{background:#000000e6;cursor:zoom-out;inset:0;padding:2rem;position:fixed;z-index:2000}.image-lightbox img{cursor:default;max-height:100%;max-width:100%;object-fit:contain}.image-lightbox-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s;width:48px}.image-lightbox-close:hover{background:#ffffff4d}.question-media iframe{border:none;height:315px;width:100%}.options-list{display:flex;flex-direction:column;gap:.5rem}.option-item{align-items:center;border:2px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.option-item:hover{background:#4a90e20d;border-color:var(--primary-blue)}.option-item.selected{background:#4a90e21a;border-color:var(--primary-blue)}.option-item input{accent-color:var(--primary-blue);height:20px;width:20px}.submit-area{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.questionnaire-result-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:3rem 2rem;text-align:center}.questionnaire-result-card h1{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.score-display{color:var(--primary-blue);font-size:3rem;font-weight:700}.score-separator{color:var(--text-secondary);margin:0 .25rem}.score-total{color:var(--text-secondary);font-weight:500}.score-percentage{color:var(--text-secondary);font-size:1.25rem;margin-top:.5rem}.questionnaire-results-page{margin:0 auto;max-width:900px;padding:2rem 1rem}.questionnaire-results-page .back-link{align-items:center;color:var(--primary-blue);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;text-decoration:none}.questionnaire-results-page .back-link:hover{text-decoration:underline}.results-header{margin-bottom:2rem}.results-header h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.25rem}.results-header p{color:var(--text-secondary);font-size:1rem}.empty-results{background:var(--surface);border:2px dashed var(--border);border-radius:12px;color:var(--text-secondary);padding:3rem 2rem;text-align:center}.results-table-container{background:var(--surface);border:2px solid var(--border);border-radius:12px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%}.results-table td,.results-table th{border-bottom:1px solid var(--border);padding:1rem 1.25rem;text-align:left}.results-table th{background:var(--background);color:var(--text-primary);font-weight:600}.results-table tbody tr:last-child td{border-bottom:none}.results-table tbody tr:hover{background:#4a90e20d}.note-badge{border-radius:8px;display:inline-block;font-size:.95rem;font-weight:600;padding:.25rem .75rem}.note-badge.good{background:#e8f5e9;color:#2e7d32}.note-badge.medium{background:#fff3e0;color:#e65100}.note-badge.low{background:#ffebee;color:#c62828}
/*# sourceMappingURL=main.ce0853e3.css.map*/