.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;transform:none}
.button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1554ef35;text-decoration:none}
.feature,.result-card,.question-preview{transition:transform .28s ease,box-shadow .28s ease}
.feature:hover,.result-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #18264d12}
.survey-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease,box-shadow .25s ease}
.survey-card:hover{box-shadow:0 20px 50px #18264d18}
.question-preview{display:flex;justify-content:space-between;align-items:center;gap:18px}
.question-preview>div:first-child{display:grid;gap:5px}
.question-actions{display:flex;gap:7px;flex-shrink:0}
.button.tiny{padding:7px 11px;border-radius:9px;font-size:12px;box-shadow:none}
.button.danger{background:#fff0f0;color:#c33e3e!important;border:1px solid #ffd3d3}
.office-link{color:#1554ef!important;font-weight:800}
.export-actions{display:flex;gap:8px;flex-wrap:wrap}
.results-tabs{display:flex;gap:8px;margin-bottom:24px;padding:5px;background:#edf1fa;border-radius:13px;width:max-content}
.results-tabs a{color:var(--muted);font-weight:750;padding:9px 16px;border-radius:9px}
.results-tabs a:hover{text-decoration:none;color:var(--ink)}
.results-tabs a.active{background:#fff;color:var(--blue);box-shadow:0 5px 16px #18264d12}
.response-sort{display:flex;align-items:center;gap:10px;margin:0 0 16px auto;width:max-content}
.response-sort label{display:block;color:var(--muted);font-size:13px;font-weight:700}
.response-sort select{width:auto;min-width:170px;padding:9px 12px}
.settings-card{display:grid;grid-template-columns:60px minmax(0,680px);gap:22px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 12px 35px #18264d0a}
.settings-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#edf3ff;color:var(--blue);font-size:30px;font-weight:800}
.settings-card h2{margin:3px 0 9px;font-size:26px}
.settings-card p{max-width:620px}
.settings-state{display:flex;align-items:center;gap:9px;margin-top:18px;font-weight:750}
.settings-state span{width:10px;height:10px;border-radius:50%;background:#c33e3e;box-shadow:0 0 0 5px #fff0f0}
.settings-state.enabled{color:var(--green)}
.settings-state.enabled span{background:var(--green);box-shadow:0 0 0 5px #eafaf3}
.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.status.archived{color:#8c5a0a}
.survey-actions{min-width:230px}
.survey-actions a,.survey-actions form{margin:0 8px 6px 0;display:inline-block}
.danger-link{color:#c33e3e}
.locked-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-10px 0 24px;padding:16px 18px;background:#fff8e7;border:1px solid #f1d79b;border-radius:14px;color:#694b12}
.locked-banner span{color:#866d3a}
.locked-card{align-self:start;background:linear-gradient(135deg,#fff,#f6f8ff)}
.student-search{display:flex;gap:10px;align-items:center;margin:0 0 20px}.student-search input{flex:1;max-width:520px}
.status.completed{color:var(--green)}
.status.pending{color:#8c5a0a}
.student-stats{grid-template-columns:repeat(3,1fr)}
.response-detail{display:grid;gap:14px}
.student-answer-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:transform .25s ease,box-shadow .25s ease}
.student-answer-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #18264d12}
.student-answer-card h3{margin:5px 0 12px}.student-answer-card p{margin:0;padding:14px 16px;background:var(--wash);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}
.inline-form{display:inline}
.link-button{border:0;background:none;color:#1554ef;font:inherit;cursor:pointer;padding:0}
.link-button:hover{text-decoration:underline}
.bar-row i{transition:width 1s cubic-bezier(.2,.8,.2,1)}
.student-responses{margin-top:38px}
.student-response{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin-bottom:14px;box-shadow:0 8px 25px #18264d08;transition:transform .25s ease,box-shadow .25s ease}
.student-response:hover{transform:translateY(-3px);box-shadow:0 16px 35px #18264d12}
.student-response-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.student-response-head strong{display:block;font-size:17px}
.student-response-head small,.student-response-head time{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.student-response-head time{white-space:nowrap}
.student-answer-list{display:grid;gap:10px;padding-top:15px}
.student-answer{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(260px,1.2fr);gap:18px;padding:9px 0}
.student-answer span{color:var(--muted)}
.student-answer b{font-weight:650;white-space:pre-wrap;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:760px){.question-preview{display:block}.question-actions{margin-top:14px}.student-response-head{display:block}.student-response-head time{margin-top:10px}.student-answer{display:block}.student-answer b{display:block;margin-top:4px}.results-tabs{width:100%}.results-tabs a{flex:1;text-align:center}.response-sort{width:100%;margin-left:0;align-items:stretch;flex-direction:column}.response-sort select{width:100%}.settings-card{grid-template-columns:1fr;padding:22px}.settings-icon{width:46px;height:46px}.survey-actions{min-width:0}.locked-banner{display:block}.locked-banner .button{margin-top:12px}.student-search{display:grid}.student-search input{max-width:none}.student-stats{grid-template-columns:1fr}}