dialog{border:0;border-radius:18px;padding:0;color:var(--ink);max-height:90dvh;max-width:min(700px,calc(100% - 28px));width:700px;box-shadow:0 30px 100px #082e3950}dialog::backdrop{background:#062b3bc7;backdrop-filter:blur(7px)}.dialog-head{padding:20px 28px;background:var(--teal);display:flex;justify-content:space-between;align-items:center;color:white}.wordmark.small{min-width:105px}.wordmark.small>span{font-size:21px}.wordmark.small b{font-size:16px}.close-dialog{border:0;background:#ffffff13;border-radius:50%;color:inherit;font-size:29px;width:38px;height:38px;line-height:1}.dialog-body{padding:30px}.dialog-body h2{font-size:31px;margin:10px 0 16px}.dialog-body>p{font-size:13px;color:var(--muted);line-height:1.7}.steps{display:flex;gap:16px;margin:0 0 27px;font-size:10px;color:#8ca0a3}.steps .active{color:#086d77;font-weight:700}.steps span{display:flex;align-items:center;gap:7px}.steps b{width:21px;height:21px;border-radius:50%;background:#e9f0ef;display:grid;place-items:center;font-size:10px}.steps .active b{background:var(--teal);color:white}.teacher-mini{display:flex;align-items:center;gap:14px;padding:14px;background:#f1f6f4;border-radius:12px;margin:20px 0}.teacher-mini img{width:60px;height:68px;object-fit:cover;border-radius:8px}.teacher-mini .initial{width:60px;height:60px;border-radius:9px;background:#d9e7df;display:grid;place-items:center;font-size:22px}.teacher-mini strong{display:block;font-size:15px}.teacher-mini small{display:block;color:#648087;margin-top:4px;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;margin:17px 0;font-size:12px;font-weight:600}.field input,.field select{border:1px solid #cddcde;border-radius:8px;background:white;padding:13px;width:100%;color:var(--ink);min-height:46px;font-size:14px}.time-options{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.time-options button{background:white;border:1px solid #d1e1e0;border-radius:8px;padding:12px 21px;font-size:13px;color:#355963}.time-options [aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.fine{font-size:11px;color:#7d9194;line-height:1.6}.dialog-actions{display:flex;justify-content:space-between;gap:16px;margin-top:27px}.dialog-actions .button{min-width:150px}.back-button{background:none;border:0;color:#627c80;font-size:12px}.summary-box{padding:8px 22px;background:#f0f5f3;border-radius:12px}.summary-box p{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.6;border-bottom:1px solid #dae5e1;padding:12px 0;margin:0}.summary-box p:last-child{border:0}.summary-box p span{color:#718b8c}.summary-box p strong{text-align:right}.notice{font-size:11px;line-height:1.7;padding:14px;background:#f6f7e7;border-radius:8px;color:#667043;margin:20px 0}.request-text{width:100%;min-height:180px;border:1px solid var(--line);border-radius:10px;padding:14px;color:#3e6067;font-size:12px;line-height:1.7;background:#fafcfb;resize:vertical}#info-dialog{max-width:610px;padding:35px}#info-dialog>.close-dialog{position:absolute;right:12px;top:12px;color:var(--ink)}#info-dialog h2{font-size:33px;padding-right:20px}#info-dialog p{line-height:1.8;color:#6b8589;font-size:13px}.event-item{padding:18px 0;border-bottom:1px solid var(--line)}.event-item strong{font-family:Outfit;font-size:20px}.event-item p{margin:7px 0}.event-item small{font-size:10px;color:#668a8e}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);background:var(--teal);color:white;border:1px solid #ffffff40;padding:14px 24px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Dialogs remain light and readable over the immersive presentation. */
dialog h2{font-size:31px;font-weight:700;letter-spacing:-1px;text-transform:none}dialog .eyebrow.teal{color:#33747e}dialog .wordmark{color:#fff}dialog .button{gap:18px}dialog .button.lime{color:#092d38;background:var(--yellow)}dialog .fine{color:#637c83}dialog .button.dark{background:var(--navy)}dialog .back-button{color:#446a75}#info-dialog p{margin:14px 0}#info-dialog .button{margin-top:12px}#toast{max-width:calc(100vw - 32px);width:max-content}
@media(max-width:650px){dialog{max-height:calc(100dvh - 28px);max-width:calc(100% - 24px);border-radius:15px}.dialog-head{padding:16px 20px}.dialog-body{padding:24px 20px}.dialog-body h2{font-size:27px;line-height:1.1}.steps{gap:12px;font-size:8px;margin-bottom:24px}.steps span{gap:5px}.steps b{flex-shrink:0}.form-grid{grid-template-columns:1fr;gap:0}.field{margin:15px 0}.field input,.field select{font-size:16px}.dialog-actions{gap:10px}.dialog-actions .button{min-width:0;gap:10px;font-size:11px;padding:13px 17px}.time-options{gap:7px}.time-options button{padding:11px 16px}.summary-box{padding:6px 15px}.summary-box p{font-size:11px;gap:15px}.teacher-mini strong{font-size:13px}.teacher-mini .initial{flex-shrink:0}.notice{font-size:10px}.request-text{font-size:12px}#info-dialog{padding:32px 23px}#info-dialog h2{font-size:28px}#toast{bottom:85px;font-size:11px;padding:12px 16px}}