.resident-page :is(.volunteer-intro,.volunteer-closed,.volunteer-empty,.volunteer-alert,.volunteer-notice){overflow-wrap:anywhere;border-radius:16px;margin:0 0 20px;padding:16px 20px;line-height:1.5}.resident-page .volunteer-intro{background:var(--resident-surface,#f2f3f1);white-space:pre-line}.resident-page .volunteer-closed{background:var(--resident-danger-soft,#fdf0ee);color:var(--resident-danger,#c2372b);font-weight:600}.resident-page .volunteer-empty{background:var(--resident-surface,#f2f3f1);color:var(--resident-muted,#646966)}.resident-page .volunteer-alert{background:var(--resident-danger-soft,#fdf0ee);color:var(--resident-danger,#c2372b)}.resident-page .volunteer-notice{background:var(--resident-accent-soft,#f4fde3);border:1px solid var(--resident-divider,#d6d8d4)}.resident-page .volunteer-muted{color:var(--resident-muted,#646966);margin:0;font-size:14px}.resident-page .volunteer-muted a{color:inherit;font-weight:600}.resident-page :is(.volunteer-positions,.volunteer-shifts){gap:12px;margin:0;padding:0;list-style:none;display:grid}.resident-page .volunteer-positions{gap:20px;margin-bottom:24px}.resident-page .volunteer-position{background:var(--resident-surface,#f2f3f1);border-radius:16px;gap:8px;padding:20px;display:grid}.resident-page .volunteer-position h2{letter-spacing:-.3px;overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.25}.resident-page .volunteer-shifts>li{border:1px solid var(--resident-border,#e4e6e3);background:var(--resident-raised,#fff);border-radius:14px;gap:12px;padding:14px 16px;display:grid}.resident-page .volunteer-shifts>li.is-chosen{border-color:var(--resident-ink,#111312)}.resident-page .volunteer-shift-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.resident-page .volunteer-shift-head>div{gap:2px;min-width:0;display:grid}.resident-page .volunteer-shift-head span{color:var(--resident-muted,#646966);font-size:14px}.resident-page .volunteer-shift-head span.is-full{color:var(--resident-danger,#c2372b);font-weight:600}.resident-page .volunteer-badge{background:var(--resident-accent,#c8fb4d);border-radius:999px;padding:4px 12px;font-weight:700;color:var(--resident-on-accent,#111312)!important}.resident-page .volunteer-form{border-top:1px solid var(--resident-divider,#d6d8d4);gap:12px;padding-top:12px;display:grid}.resident-page .volunteer-field{gap:6px;font-size:14px;font-weight:600;display:grid}.resident-page .volunteer-field input{border:1px solid var(--resident-control,#8f948f);background:var(--resident-raised,#fff);min-height:48px;color:var(--resident-ink,#111312);font:inherit;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:400}.resident-page .volunteer-check{align-items:flex-start;gap:10px;min-height:48px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.resident-page .volunteer-check input{width:22px;height:22px;accent-color:var(--resident-ink,#111312);flex:none;margin-top:1px}.resident-page .volunteer-check small{color:var(--resident-muted,#646966);font-size:13px;font-weight:400;display:block}.resident-page .volunteer-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.resident-page :is(.volunteer-actions,.volunteer-shift-head,.volunteer-mine) button{border:1px solid var(--resident-control,#8f948f);background:var(--resident-raised,#fff);min-height:48px;color:var(--resident-ink,#111312);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex}.resident-page button.volunteer-primary{background:var(--resident-accent,#c8fb4d);border-color:var(--resident-accent,#c8fb4d);color:var(--resident-on-accent,#111312)}.resident-page :is(.volunteer-actions,.volunteer-shift-head,.volunteer-mine) button:disabled{opacity:.5;cursor:not-allowed}.resident-page .volunteer-mine{gap:12px;margin-bottom:24px;display:grid}.resident-page .volunteer-mine h2{letter-spacing:-.3px;margin:0;font-size:20px}.resident-page .volunteer-mine ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.resident-page .volunteer-mine li{background:var(--resident-surface,#f2f3f1);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.resident-page .volunteer-mine li>div:first-child{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.resident-page .volunteer-mine li span{color:var(--resident-muted,#646966);font-size:14px}.resident-page .volunteer-mine li.is-ended{opacity:.8}.resident-page .volunteer-state{background:var(--resident-raised,#fff);border-radius:999px;justify-self:start;padding:2px 10px;font-weight:600}.resident-page .volunteer-state.is-confirmed{background:var(--resident-accent-soft,#f4fde3);color:var(--resident-ink,#111312)!important}.resident-page .volunteer-skeleton{background:linear-gradient(90deg,#f2f3f1 0%,#fafbf9 50%,#f2f3f1 100%) 0 0/200% 100%;border-radius:16px;height:220px;margin-bottom:24px;animation:1.4s ease-in-out infinite volunteer-shimmer}@keyframes volunteer-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.resident-page .volunteer-skeleton{animation:none}}@media (max-width:640px){.resident-page .volunteer-position{padding:16px}.resident-page .volunteer-shifts>li{padding:12px}.resident-page .volunteer-shift-head>button,.resident-page .volunteer-actions>button,.resident-page .volunteer-mine li>.volunteer-actions,.resident-page .volunteer-mine li>button{flex:100%}.resident-page .volunteer-mine li{padding:16px}}.resident-page output.is-block,.resident-page output.volunteer-skeleton{display:block}