/* Preserve the capsule artwork, school branding, and original visual palette. */
.wall-tally small{display:block;font-size:.8em;letter-spacing:.08em;margin-top:7px;color:#c6d1e8}.new-note-badge{display:inline-block;font:700 11px/1.4 sans-serif;letter-spacing:.05em;color:#233823;background:#dfff86;padding:5px 9px;border-radius:20px;margin-bottom:10px}.counter-updated strong{animation:counter-pop .45s ease-out}@keyframes counter-pop{50%{transform:scale(1.08);filter:brightness(1.3)}}.email-panel .eyebrow{color:#ddff80!important}#capsule-form .email-panel{grid-column:auto;max-width:100%;box-sizing:border-box}#capsule-form .email-panel .field{color:#edf1ff}#capsule-form .email-panel input{box-sizing:border-box}#capsule-form .email-panel h2{color:#edf1ff}.seal-btn:disabled{opacity:.45;cursor:not-allowed}#ceremony{box-sizing:border-box;overflow-y:auto}#ceremony .btn{flex-shrink:0}#ceremony .ceremony-number{flex-shrink:0}
.wall-top{display:grid!important;grid-template-columns:1fr!important;gap:26px!important}.wall-top h1{max-width:none!important;font-size:clamp(38px,5vw,68px)!important}.wall-top h1 br{display:none}.wall-top h1 em:before{content:' '}.wall-actions{justify-content:flex-start!important;gap:18px!important}.wall-tally{margin-right:auto}.wall-page .note-grid{max-height:65vh;overflow:auto;padding:18px;scrollbar-color:#b9a7ff #18233b}
.time-ticket{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;padding:24px;border:1px solid #ffffff30;border-radius:22px;background:linear-gradient(130deg,#ffffff0e,#ddff8009);text-align:left}
.time-ticket>div{display:flex;flex-direction:column;gap:8px}.time-ticket span{font-size:12px;font-weight:700;letter-spacing:.06em;color:#cad4e8}.time-ticket strong{font-size:clamp(20px,2vw,30px);font-variant-numeric:tabular-nums;color:#fff}.time-ticket .ticket-days{grid-column:1/-1;flex-direction:row;align-items:center;gap:16px;border-top:1px dashed #ffffff30;padding-top:16px}.ticket-days strong{font-size:clamp(40px,5vw,68px);line-height:1;color:#ddff80}.sidebar .time-ticket{padding:14px;gap:12px;grid-template-columns:1fr}.sidebar .time-ticket strong{font-size:21px}.sidebar .ticket-days strong{font-size:38px}.sidebar .time-ticket span{font-size:10px}
.wall-tally{gap:36px!important}.wall-tally strong{font-size:clamp(64px,8vw,112px)!important;font-weight:900!important;letter-spacing:-.06em;line-height:1;color:#ddff80;font-variant-numeric:tabular-nums}.wall-tally>div:last-child strong{color:#b9a7ff}.wall-tally span{display:block;font-size:clamp(14px,1.6vw,22px)!important;font-weight:800!important;letter-spacing:.03em;margin-top:12px}.wall-actions{flex-wrap:wrap}.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important}.stats strong{font-size:clamp(48px,5vw,76px)!important;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.stats div:last-child strong{color:#ddff80}.class-timeline>li>span{font-size:24px!important;font-weight:800!important;font-variant-numeric:tabular-nums}.mini-stat b{font-size:54px!important}.ceremony-button{padding:25px!important;font-size:22px!important;border-radius:18px;box-shadow:0 8px 40px #ddff8020}.ceremony-button:disabled{opacity:.55;box-shadow:none}
.email-panel{grid-column:2;background:#18233b;border:1px solid #ffffff25;border-radius:22px;padding:30px;max-width:800px;width:100%;margin:20px auto;color:#edf1ff}.email-panel h2{font-size:25px;margin:12px 0}.email-panel p{line-height:1.7;overflow-wrap:anywhere}.email-panel .field{margin:16px 0}.email-panel input{background:#fff;color:#10182e;border-radius:10px;padding:14px;width:100%;border:1px solid #d4dcec}.email-panel button{margin:5px 0}.service-status{padding:18px 22px;border:1px solid #ffffff25;border-radius:15px;margin:20px 0;font-size:14px;line-height:1.8;color:#c6d1e8}.ready-orbit{display:grid;place-items:center;width:110px;height:110px;border:2px solid #ddff80;border-radius:50%;color:#ddff80;font-size:64px;margin:30px auto;box-shadow:0 0 70px #ddff8025}.ready-page .time-ticket{max-width:650px;margin:30px auto}.farewell>p{max-width:640px;margin:20px auto;line-height:1.8}
#ceremony{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at center,#243957,#10182e 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;overflow:hidden;color:white}#ceremony>*{position:relative}#ceremony .ceremony-number{font-size:clamp(150px,30vw,390px);font-weight:900;letter-spacing:-.05em;line-height:1.05;color:#ddff80;font-variant-numeric:tabular-nums;text-shadow:0 0 80px #ddff8030}#ceremony h1{font-size:clamp(34px,5vw,72px)}#ceremony h2{font-size:clamp(26px,3vw,42px)}#ceremony p{line-height:1.8;color:#dce4f5}#ceremony .btn{margin-top:24px}#ceremony .celebration-stars{position:absolute;left:50%;top:42%}.celebration-stars i{position:absolute;width:9px;height:9px;border-radius:2px;background:#ddff80;animation:star-burst 2.8s ease-out both;transform:rotate(var(--angle)) translateX(var(--reach))}.celebration-stars i:nth-child(3n){background:#b9a7ff}.celebration-stars i:nth-child(3n+1){background:#75cfff}@keyframes star-burst{0%{transform:rotate(var(--angle)) translateX(0) scale(0);opacity:0}20%{opacity:1}100%{transform:rotate(var(--angle)) translateX(var(--reach)) scale(.5);opacity:0}}.note{animation:note-arrival .5s ease-out both}@keyframes note-arrival{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.email-panel{grid-column:1;padding:22px}.wall-tally{gap:26px!important}.wall-tally span{max-width:150px}.time-ticket{padding:18px}.class-timeline>li>span{font-size:19px!important}.wall-actions{align-items:flex-start!important}.stats{gap:14px!important}}
@media(prefers-reduced-motion:reduce){.note,.celebration-stars i,.counter-updated strong{animation:none!important}.celebration-stars{display:none}}
@media(max-width:420px){.wall-tally{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:16px!important}.wall-tally strong{font-size:64px!important}.wall-tally span{font-size:13px!important}.time-ticket{gap:12px}.time-ticket strong{font-size:19px}.time-ticket .ticket-days strong{font-size:44px}.wall-actions .btn{font-size:12px!important;padding:12px!important}#ceremony .eyebrow{font-size:10px}#ceremony .ceremony-number{font-size:160px}#ceremony h2{margin:12px 0}#ceremony p{font-size:14px}}