@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/dm-sans-700.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/space-grotesk-400.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/space-grotesk-500.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/space-grotesk-600.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/space-grotesk-700.ttf') format('truetype')}
.social-link{display:inline-block;margin-top:12px;font-size:12px;text-underline-offset:4px}#result-count{font-size:10px;color:#7a7e72}
.topbar-actions{display:flex;align-items:center;gap:20px}.admin-access{font-size:10px;letter-spacing:0;text-underline-offset:4px}.card-date .card-date-detail{margin-top:7px;font-size:11px}.weekday-label{text-transform:capitalize;font-weight:600;color:#554870}.organization-row .date-stamp{min-height:97px;gap:3px}.organization-row .date-stamp .weekday-label{font-size:10px;color:#554870}.date-stamp .weekday-label{text-transform:capitalize}
@media(max-width:560px){.topbar-actions{gap:10px}.admin-access{font-size:9px}.app-topbar>span:first-child{font-size:7px;letter-spacing:.02em}.topbar-actions .season-pill{font-size:8px;padding:7px}.app-sidebar .nav-item[data-view="organization"].active{font-size:0;gap:0}.app-sidebar .nav-item[data-view="organization"].active>span{font-size:23px}}
.app-sidebar{overflow-y:auto}.app-sidebar .sidebar-poster{flex-shrink:0}.app-sidebar:has(.org-label) .sidebar-poster{display:none}.app-sidebar:has(.org-label) .back-site{margin-top:auto;padding-top:25px}.profile-logout{font-size:12px;margin:23px 0}
:root{--ink:#292823;--cream:#faf9f4;--paper:#fffefa;--muted:#74756f;--line:#e3e3d9;--purple:#6551b5;--lilac:#e9e3f9;--lime:#e7f3b4;--orange:#f6b893;--peach:#fbe7d9;--font:'DM Sans',sans-serif;--heading:'Space Grotesk',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7556bd;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.05em}button{border:0}input,select{border:1px solid #cccdbf;border-radius:10px;padding:12px;background:var(--paper);min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--purple)}
.app-shell{display:flex;min-height:100vh}.app-sidebar{width:235px;flex-shrink:0;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#f1f1e9;padding:34px 21px 18px;display:flex;flex-direction:column;z-index:5}.admin-bar .app-sidebar{top:32px}.brand{text-decoration:none;display:inline-flex;flex-direction:column;width:max-content}.brand-mark{font-family:var(--heading);font-weight:700;letter-spacing:-.13em;font-size:72px;line-height:.8;display:block}.brand-mark>span:first-child{display:inline-block;transform:rotate(-12deg);margin:0 2px}.brand-dot{font-family:var(--font);color:#ff784d;letter-spacing:0;font-size:40px;display:inline-block;vertical-align:top;margin:1px 0 0 7px}.brand-caption{font-size:8px;font-weight:700;letter-spacing:.09em;margin-top:13px}.sidebar-label{font-size:9px;letter-spacing:.14em;color:#83847d;margin:45px 8px 12px;font-weight:700}.org-label{margin-top:28px}.nav-item{display:flex;align-items:center;gap:11px;text-decoration:none;width:100%;padding:12px 11px;border-radius:9px;background:none;text-align:left;font-size:12px;margin:4px 0;font-weight:600;min-height:43px}.nav-item>span{font-size:19px;font-weight:400;min-width:19px}.nav-item b{margin-left:auto;background:#bbaeec;border-radius:5px;padding:2px 6px;font-size:10px}.nav-item.active{background:#e0d8f2;color:#4d3b89}.nav-item:hover{background:#e8e7df}.nav-item.active:hover{background:#ded5f5}.sidebar-poster{position:relative;background:#e6efb7;padding:22px 16px 16px;margin-top:auto;border-radius:5px;transform:rotate(-3deg);overflow:hidden}.sidebar-poster strong{display:block;font-family:var(--heading);font-size:20px;letter-spacing:-.04em;line-height:1.15;margin:25px 0 9px}.sidebar-poster>span:last-child{font-size:10px}.poster-star{position:absolute;right:13px;top:7px;font-size:45px;color:#596b26;transform:rotate(16deg)}.back-site{font-size:11px;margin:28px 8px 18px;text-decoration:none}.sidebar-user{border-top:1px solid #dadbd0;display:flex;gap:9px;align-items:center;padding-top:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:35px;height:35px;flex-shrink:0;background:#d5c9ef;font-family:var(--heading);font-weight:600}.sidebar-user strong{font-size:11px;display:block}.sidebar-user small{font-size:9px;color:var(--muted)}.sidebar-user>a{margin-left:auto;font-size:21px;text-decoration:none}.app-main{margin-left:235px;width:calc(100% - 235px)}.app-topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.12em}.green-dot{display:inline-block;width:6px;height:6px;background:#7c9751;border-radius:50%;margin-right:7px}.season-pill{padding:8px 12px;border:1px solid #dcded2;border-radius:30px;font-size:9px;letter-spacing:.1em}.mobile-brand{display:none}.app-content{max-width:1360px;margin:auto;padding:40px 46px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;margin-bottom:14px;color:#6a6b61}.page-heading h1{font-size:49px;line-height:1.07;font-weight:600;margin-bottom:15px;letter-spacing:-.06em}.page-heading p{color:var(--muted);font-size:12px;margin:0}.wave{display:inline-block;font-size:40px;color:#ed8e5e;vertical-align:middle;margin-left:14px;transform:rotate(15deg)}.heading-sticker{font-family:var(--heading);line-height:1.25;font-size:16px;transform:rotate(8deg);text-align:center;margin:12px 26px 0 10px;color:#63509a}.heading-sticker strong{font-weight:500}.heading-sticker>span{display:block;font-size:53px;line-height:1;margin-top:4px;transform:rotate(10deg)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 34px}.stat-card{padding:19px 21px 18px;border-radius:11px;position:relative;overflow:hidden}.lilac{background:var(--lilac)}.peach{background:var(--peach)}.lime{background:var(--lime)}.stat-card>span{font-size:8px;font-weight:700;letter-spacing:.1em}.stat-card>strong{font-family:var(--heading);font-size:39px;letter-spacing:-.05em;font-weight:500;display:block;margin-top:11px;line-height:1}.stat-card small{display:block;font-family:var(--font);font-size:9px;letter-spacing:0;font-weight:400;margin-top:10px}.stat-card>b{position:absolute;right:19px;top:35px;font-size:41px;font-weight:400;transform:rotate(-12deg)}.lilac>b{color:#b8a9da}.peach>b{color:#daa17e}.lime>b{color:#a6b660}.planning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);border-radius:30px;padding:10px 15px;background:transparent;font-size:10px;font-weight:600;min-height:37px}.filter-chip.active{background:#2c3028;color:white;border-color:#2c3028}.filter-chip span{margin-left:4px;display:inline-block;font-size:8px;background:#e9e9df;color:#444;padding:2px 4px;border-radius:4px}.search-box{display:flex;align-items:center;width:218px;border:1px solid var(--line);border-radius:8px;padding:0 12px;gap:8px}.search-box>span{font-size:21px}.search-box input{border:0;background:transparent;width:100%;padding:10px 0;font-size:10px}.search-box input:focus{outline-offset:2px}.section-overline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-overline h2{font-size:18px;font-weight:500;letter-spacing:-.04em;margin:0}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.match-card{border:1px solid #dfdfd4;border-radius:12px;background:var(--paper);padding:21px;transition:transform .2s,box-shadow .2s;overflow:hidden}.match-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #29282309}.card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.tag{display:inline-block;padding:5px 9px;border-radius:5px;font-size:9px;font-weight:600;background:var(--lilac);width:max-content}.color-1 .tag,.tag-1{background:var(--lime)}.color-2 .tag,.tag-2{background:var(--peach)}.response-state{font-size:8px;color:#8c705c;white-space:nowrap}.response-state.responded{color:#587449}.card-date{display:flex;align-items:center;gap:14px;position:relative;margin:20px 0 16px}.card-date>strong{font-size:62px;font-weight:500;font-family:var(--heading);letter-spacing:-.08em;line-height:1}.card-date>div>span{font-size:21px;font-weight:500;font-family:var(--heading);letter-spacing:-.04em}.card-date small{font-size:10px;letter-spacing:0;color:var(--muted);margin-left:3px}.card-date p{font-size:9px;margin:3px 0 0;color:var(--muted)}.card-doodle{margin-left:auto;font-size:56px;color:#c4b6e6;transform:rotate(13deg);line-height:1}.color-1 .card-doodle{color:#b7c67b}.color-2 .card-doodle{color:#e9b58d}.match-card h3{font-size:20px;margin:0 0 8px;font-weight:600;line-height:1.15}.card-location{font-size:10px;color:var(--muted);margin:0 0 22px}.card-location>span{font-size:14px}.role-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-bottom:20px;border-bottom:1px dashed #dcded2}.role-meters>div>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px}.role-meters b{font-size:9px;font-weight:500}.role-meters i{font-style:normal;color:#8c8e82}.meter{display:block;height:4px;border-radius:10px;background:#ebece4;overflow:hidden}.meter>span{display:block;height:100%;background:#9481bd}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:18px}.volunteers{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.first-volunteer{font-size:9px}.card-action{border:1px solid #dadccf;border-radius:7px;background:#f7f8ef;padding:10px 12px;font-size:10px;font-weight:600;white-space:nowrap}.card-action span{font-size:14px;margin-left:9px}.card-action:hover{background:#e6eebd;border-color:#b7c780}.avatar-stack{display:flex;padding-left:0}.avatar-stack>span{border:2px solid var(--paper);margin-left:-7px;display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#e5dcf3;color:#5c487b;font-size:9px;font-weight:700}.avatar-stack>span:first-child{margin-left:0}.avatar-stack>span:nth-child(2){background:#f8dbbc}.avatar-stack>span:nth-child(3){background:#deedc6}.small-note{font-size:10px;display:flex;align-items:center;gap:8px;color:var(--muted);padding:25px 0 7px;line-height:1.5}.small-note>span{font-size:20px}.app-footer{padding:20px 46px 27px;display:flex;justify-content:space-between;color:#8b8d81;font-size:9px;gap:16px}.app-footer b{font-size:16px;margin-left:5px;color:#8d79b3}.empty-state{grid-column:1/-1;text-align:center;padding:65px 25px;background:#f0efe6;border-radius:12px}.empty-state>span{font-size:48px;color:#9c8ec3}.empty-state h3{font-size:25px;margin-top:16px}.empty-state p{font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:13px 20px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid transparent}.button.primary{background:#30362a;color:#fff}.button.primary:hover{background:#4f5e38}.button.secondary{border-color:#d4d8c8;background:#f4f5ed}.button.secondary:hover{background:#e4eacb}.button.wide{width:100%}.button>span{font-size:18px}.profile-panel{max-width:760px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:32px}.profile-intro{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:27px}.avatar.large{width:60px;height:60px;font-size:28px}.profile-intro h2{font-size:25px;margin:0 0 5px}.profile-intro p{font-size:12px;color:var(--muted);margin:0}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-family:var(--heading);font-size:21px;letter-spacing:-.04em;margin-bottom:10px;font-weight:500}fieldset>p{font-size:12px;color:var(--muted)}.role-options{display:flex;flex-wrap:wrap;gap:9px}.role-option{position:relative;cursor:pointer}.role-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.role-option span{display:block;border:1px solid #dbdcd1;padding:12px 18px;border-radius:8px;font-size:12px;background:#f9f9f2}.role-option input:checked+span{border-color:#8c78b6;background:#e9e1f7;color:#514177}.role-option input:focus-visible+span{outline:3px solid #7556bd;outline-offset:3px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-fields label{display:flex;flex-direction:column;gap:10px;font-size:12px}.profile-fields label:last-child{grid-column:1/-1}.profile-fields small{color:var(--muted);display:inline}.privacy-note{font-size:11px;line-height:1.7;color:var(--muted);background:#f2f3e9;padding:16px;border-radius:8px;margin:26px 0}.form-message{font-size:12px;color:#a04624;line-height:1.5;margin:14px 0 0}.facebook-note{display:flex;gap:18px;margin-top:24px;padding:20px 26px;border:1px dashed #cecebf;max-width:760px;border-radius:12px}.facebook-note>b{font:bold 35px Arial;color:#727994}.facebook-note h3{font-size:18px;margin-bottom:5px}.facebook-note p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:0}.org-info{padding:18px;background:var(--lilac);font-size:12px;border-radius:10px;margin-bottom:25px}.organization-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.organization-row{display:flex;gap:20px;align-items:center;padding:20px;background:var(--paper);border-bottom:1px solid var(--line)}.organization-row:last-child{border-bottom:0}.organization-row>div:nth-child(2){flex:1}.organization-row h3{font-size:20px;margin-bottom:7px}.organization-row p{font-size:11px;color:var(--muted);margin:0}.team-count{font-size:14px;white-space:nowrap}.date-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d6d9c8;width:66px;min-height:77px;border-radius:7px;flex-shrink:0;background:#f7f7ed}.date-stamp>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.date-stamp strong{font-family:var(--heading);font-size:33px;letter-spacing:-.06em;font-weight:500;line-height:1.1}.date-stamp small{font-size:9px;color:var(--muted)}.event-dialog{border:0;border-radius:17px;padding:0;width:640px;max-width:calc(100vw - 30px);max-height:90vh;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #0003}.event-dialog::backdrop{background:#20251dcc;backdrop-filter:blur(5px)}.dialog-banner{height:83px;display:flex;align-items:center;padding:22px 30px;background:var(--lilac);position:relative;overflow:hidden}.dialog-banner>.tag{background:#f8f6fd}.dialog-banner>span:last-child{position:absolute;right:75px;font-size:102px;color:#c2b4df;transform:rotate(10deg)}.dialog-close{position:absolute;right:17px;top:17px;width:36px;height:36px;border-radius:50%;background:#fff9;font-size:26px;z-index:2;line-height:1}.dialog-inner{padding:28px 30px}.dialog-inner h2{font-size:33px;line-height:1.1;margin-bottom:22px}.dialog-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.dialog-facts p{font-size:13px;margin:0;line-height:1.6}.dialog-facts a{text-underline-offset:3px}.dialog-facts small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.guest-team{font-size:12px;margin-bottom:25px}.availability-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 22px}.availability-option{position:relative;cursor:pointer}.availability-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.availability-option span{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1px solid #dedfd3;border-radius:11px;font-size:12px;font-weight:600}.availability-option b{font-size:26px;line-height:1.2;font-weight:400}.availability-option input:checked+span{border:2px solid #7a9150;padding:15px 7px;background:#ebf2d4}.availability-option.maybe input:checked+span{border-color:#be8f54;background:#f9ecd4}.availability-option.no input:checked+span{border-color:#9a91af;background:#e9e4f1}.availability-option input:focus-visible+span{outline:3px solid #7556bd;outline-offset:3px}.choose-roles{margin-bottom:23px}.choose-roles h3{font-size:17px;margin-bottom:12px}.field-help{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}.clear-response{display:block;margin:12px auto 0;background:none;font-size:11px;color:var(--muted);text-decoration:underline;padding:10px}.selection-note{background:#f0f2e6;font-size:11px;line-height:1.6;padding:14px;border-radius:8px;margin-bottom:23px}.team-preview{border-top:1px solid var(--line);padding-top:23px}.team-preview h3{font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.team-preview h3>span{font-family:var(--font);font-size:10px;color:var(--muted);letter-spacing:0;font-weight:400}.team-preview>p{font-size:12px;color:var(--muted)}.selected-people{display:flex;flex-wrap:wrap;gap:20px}.selected-people>div{display:flex;gap:10px;align-items:center}.selected-people b{font-size:12px;display:block}.selected-people small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.organizer-panel h3{font-size:20px;margin-bottom:12px}.candidate{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0}.candidate b{font-size:13px;display:block}.candidate small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.candidate select{padding:8px;font-size:11px}.organizer-panel details{font-size:12px;margin:17px 0;line-height:1.7}.organizer-panel details p{color:var(--muted);font-size:11px}.organizer-panel summary{cursor:pointer}.capacity-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capacity-inputs label{display:flex;flex-direction:column;font-size:12px;gap:7px}.capacity-inputs input{width:100%}.check-line{display:flex;align-items:center;gap:10px;font-size:12px;margin:20px 0}#settings-form{margin:27px 0}.empty-inline,.closed-note{font-size:13px;line-height:1.7}.closed-note{padding:12px;background:var(--peach);border-radius:8px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#303a26;color:#fff;padding:16px 24px;box-shadow:0 5px 30px #0002;border-radius:10px;z-index:100000;font-size:13px;max-width:calc(100vw - 30px);text-align:center}.toast.error{background:#773f2b}.app-loading{min-height:70vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:30px;text-align:center}.loading-star{font-size:65px;color:#9680bf;animation:turn 3s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}
/* The public agenda block works independently of the SDR theme. */
.public-agenda{display:flex;flex-direction:column}.public-event{display:flex;align-items:center;gap:26px;padding:27px 0;border-bottom:1px solid #d8dacd;text-decoration:none}.public-event:hover h3{color:#6a50a3}.event-line-main{flex:1}.event-line-main h3{font-size:26px;margin:10px 0 7px;font-weight:500}.event-line-main p{font-size:12px;color:var(--muted);margin:0}.round-arrow{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border:1px solid #cdd1c1;border-radius:50%;font-size:23px}.public-event:hover .round-arrow{background:var(--lime)}.login-callout{padding:50px;text-align:center}
@media(min-width:1550px){.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-content{padding-top:48px}.page-heading h1{font-size:58px}}
@media(max-width:1150px){.app-sidebar{width:210px;padding:28px 17px 18px}.app-main{margin-left:210px;width:calc(100% - 210px)}.app-content{padding:30px 28px 24px}.app-topbar{padding:0 28px}.app-footer{padding:20px 28px}.heading-sticker{margin-right:10px}.stats-grid{gap:10px}.stat-card{padding:18px 16px}.stat-card small{font-size:8px}.stat-card>b{right:12px;font-size:34px}.planning-toolbar{flex-wrap:wrap}.search-box{width:190px}.filter-chip{padding:10px 12px}.match-card{padding:18px}.card-foot{align-items:flex-start;flex-wrap:wrap}.card-action{margin-left:auto}.first-volunteer{font-size:8px}.card-date>strong{font-size:57px}.card-doodle{font-size:46px}.card-date{gap:10px}.response-state{font-size:7px}}
@media(max-width:800px){.app-sidebar{position:relative;width:100%;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.admin-bar .app-sidebar{top:0}.app-shell{display:block}.app-main{margin:0;width:100%}.app-sidebar .brand-mark{font-size:43px}.app-sidebar .brand-dot{font-size:26px}.app-sidebar .brand-caption{font-size:6px;margin-top:9px}.sidebar-label,.sidebar-poster,.back-site,.sidebar-user{display:none}.app-sidebar nav{display:flex;gap:4px;position:absolute;right:15px;top:23px}.nav-item{width:auto;font-size:0;padding:9px 11px;gap:0;margin:0}.nav-item>span{font-size:23px}.nav-item>b{display:none}.nav-item.active{font-size:11px;gap:7px}.app-sidebar nav>a{display:none}.app-topbar{height:54px;padding:0 23px;font-size:8px}.app-content{padding:27px 23px 20px}.page-heading h1{font-size:42px}.page-heading p{font-size:11px;line-height:1.5}.heading-sticker{font-size:13px;margin:0 5px 0 10px}.heading-sticker>span{font-size:43px}.stat-card{padding:16px 13px}.stat-card>span{font-size:7px}.stat-card>strong{font-size:32px}.stat-card>b{font-size:28px;top:36px}.stat-card small{font-size:8px;line-height:1.4;max-width:90px}.event-grid{gap:15px}.match-card h3{font-size:19px}.organization-row{gap:13px;padding:16px}.organization-row h3{font-size:17px}.organization-row p{line-height:1.6}.organization-row .button{font-size:10px;padding:10px}.team-count{display:none}.profile-panel{padding:25px}.app-footer{padding:20px 23px}.app-footer>span:first-child{max-width:190px}}
@media(max-width:560px){.app-content{padding:26px 19px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:39px}.page-heading .eyebrow{font-size:8px}.heading-sticker{font-size:11px;min-width:81px;margin:30px 0 0 6px}.heading-sticker>span{font-size:36px}.page-heading p{font-size:11px;max-width:250px}.wave{font-size:31px;margin-left:10px}.stats-grid{gap:8px;margin-bottom:24px}.stat-card{padding:14px 10px;border-radius:9px;min-height:121px}.stat-card>span{font-size:6.5px;letter-spacing:.04em;line-height:1.5;display:block;max-width:100px}.stat-card>b{font-size:24px;top:36px;right:9px}.stat-card>strong{font-size:30px}.stat-card small{font-size:7px;max-width:95px;margin-top:9px;line-height:1.4}.planning-toolbar{gap:14px;margin-bottom:22px}.filter-chip{font-size:9px;padding:9px 12px;min-height:36px}.search-box{width:100%}.search-box input{font-size:12px;padding:11px 0}.section-overline h2{font-size:17px}.event-grid{grid-template-columns:1fr;gap:17px}.match-card{padding:22px}.card-top .tag{font-size:10px}.response-state{font-size:9px}.card-date>strong{font-size:65px}.card-date>div>span{font-size:23px}.card-date p{font-size:10px}.card-date{margin:21px 0 17px;gap:15px}.card-doodle{font-size:59px}.match-card h3{font-size:22px}.card-location{font-size:11px}.role-meters>div>div,.role-meters b{font-size:10px}.card-foot{align-items:center}.first-volunteer{font-size:10px}.card-action{font-size:11px}.small-note{font-size:10px;align-items:flex-start}.card-foot{gap:10px}.app-footer{font-size:8px}.profile-panel{padding:22px}.profile-fields{grid-template-columns:1fr}.profile-fields label:last-child{grid-column:auto}.role-option span{padding:12px 14px;font-size:11px}.facebook-note{padding:20px}.organization-row{flex-wrap:wrap}.organization-row>div:nth-child(2){min-width:170px}.organization-row>.button{margin-left:auto}.organization-row .date-stamp{width:51px;min-height:65px}.dialog-inner{padding:25px 21px}.dialog-banner{padding:22px}.dialog-inner h2{font-size:29px}.dialog-facts{gap:13px}.dialog-facts p{font-size:11px}.availability-options{gap:7px}.availability-option span{font-size:10px}.candidate{gap:8px}.candidate select{max-width:145px}.toast{font-size:12px;width:max-content}.public-event{gap:16px}.event-line-main h3{font-size:20px}.event-line-main p{font-size:11px;line-height:1.5}.public-event .round-arrow{width:34px;height:34px;font-size:20px}.public-event .date-stamp{width:55px;min-height:71px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.candidate-info{min-width:0}.candidate-info>b{font-size:14px}.candidate-info small{margin-top:7px}
.candidate-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 9px;border:1px solid #bacb91;border-radius:8px;background:#ebf2d4;color:#40591f;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}
.candidate-status>span{font-size:20px;line-height:1}.candidate-status.maybe{border-color:#dfbd89;background:#f9ecd4;color:#80531d}
.team-role-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:58%}
.team-role-option{position:relative;cursor:pointer}.team-role-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.team-role-option>span{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #d6d3df;border-radius:12px;background:#faf8fd;color:#645777;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}
.role-check{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #b9afcd;border-radius:5px;color:transparent;background:#fff;font-size:12px;flex-shrink:0}
.team-role-option input:checked+span{border-color:#8061b2;background:#e9e1f7;color:#4b3378;box-shadow:0 2px 0 #8061b225}
.team-role-option input:checked+span .role-check{background:#7653ac;border-color:#7653ac;color:#fff}
.team-role-option:hover>span{border-color:#8061b2}.team-role-option input:focus-visible+span{outline:3px solid #7556bd;outline-offset:3px}
.team-role-option input:disabled{cursor:wait}.team-role-option input:disabled+span{opacity:.6}
.selection-message{font-size:11px;min-height:18px;margin:12px 0;color:#40591f;line-height:1.6}.selection-message.error{color:#a04624}
@media(max-width:560px){.candidate{align-items:flex-start;gap:14px;padding:18px 0}.team-role-options{max-width:48%;padding-top:2px}.team-role-option>span{padding:10px;font-size:11px}.candidate-info>b{font-size:14px}}
.role-meters{gap:10px}.role-summary{min-width:0}.role-summary h4{font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:0;margin:0 0 10px}
.role-proposed{display:flex;align-items:center;justify-content:center;gap:3px;padding:7px 3px;margin:0;border-radius:7px;background:#f0f0e9;color:#757669;font-size:10px;white-space:nowrap}
.role-proposed.has-volunteers{background:#ebf2d4;color:#40591f}.role-proposed>span{font-size:15px;line-height:1}.role-proposed strong{font-size:13px}
.role-maybe{font-size:9px;color:#80531d;line-height:1.4;min-height:13px;margin:5px 0 11px}
.role-selected{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:8px;font-size:9px;color:#655779}.role-selected b{font-size:11px;font-weight:600}.role-selected i{font-style:normal;color:var(--muted);font-weight:400}
@media(max-width:360px){.role-meters{gap:7px}.role-proposed{font-size:9px}.role-proposed>span{display:none}.role-maybe{font-size:8px}}
.composition-progress{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:7px;padding:12px 0;background:var(--paper);border-bottom:1px solid var(--line);margin:0 0 20px}
.composition-progress>span{display:flex;align-items:center;gap:5px;font-size:11px;padding:7px 10px;background:#efe9f8;color:#5b4480;border-radius:8px}.composition-progress>span.complete{background:#eaf1d2;color:#40591f}.composition-progress b{margin-left:3px}
.composition-board{background:#f3effa;border:1px solid #e0d6ed;border-radius:15px;padding:20px}.composition-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.composition-heading .eyebrow{font-size:8px}.composition-heading h3{font-size:24px;margin:8px 0 0}.composition-heading h3>span{display:inline-block;color:#9f7dce;margin-left:8px;transform:rotate(13deg)}.composition-total{font-family:var(--heading);font-size:38px;letter-spacing:-.06em;color:#674c92;white-space:nowrap}.composition-total small{font-size:21px;color:#a28bbf}.composition-caption{font-size:11px;color:#756488;margin:8px 0 18px}
.casting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.casting-role{padding:12px 10px 0;border:1px solid #e5ddef;border-radius:10px;background:#fffefa;display:flex;flex-direction:column;min-width:0}.casting-role-title{display:flex;align-items:center;gap:5px}.casting-role-title>span{font-size:18px;color:#9474bf}.casting-role h4{font-family:var(--font);font-size:11px;letter-spacing:0;margin:0}.casting-role-title>b{font-size:11px;margin-left:auto;white-space:nowrap}.casting-proposals{font-size:9px;color:#597039;line-height:1.5;margin:7px 0 12px}.casting-proposals>span{color:#80531d}.casting-seats{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.casting-person,.casting-empty{display:flex;align-items:center;gap:5px;border-radius:6px;padding:7px 6px;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.casting-person{background:#e8dff6;color:#513676;font-weight:600;border:1px solid #ddcfee}.casting-empty{border:1px dashed #d1c5e0;color:#9785ab;background:#fbf9fe}.casting-person>span,.casting-empty>span{flex-shrink:0}.casting-more,.casting-unused{font-size:10px;color:#83758e;line-height:1.5}.casting-state{font-size:9px;font-weight:600;margin:auto -10px 0;padding:9px 10px;background:#f7f4fb;color:#80669c;border-radius:0 0 10px 10px}.casting-role.complete .casting-state{background:#edf3db;color:#4a6530}
.organizer-panel .needs-editor{margin:12px 0 27px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.needs-editor>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:600;font-size:12px;list-style:none}.needs-editor>summary::-webkit-details-marker{display:none}.needs-editor>summary>span{font-size:13px;color:#876cac;letter-spacing:3px}.needs-editor[open]>summary{background:#f4f1f8}.needs-editor #settings-form{margin:0;padding:0 16px 18px}.needs-steppers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.needs-role>label{font-size:11px;font-weight:600}.capacity-stepper{display:flex;align-items:center;gap:3px;margin-top:7px}.capacity-stepper button{width:32px;min-height:40px;flex-shrink:0;border-radius:8px;background:#e9e0f5;color:#66418f;font-size:21px}.capacity-stepper button:disabled{opacity:.4;cursor:default}.capacity-stepper input{width:100%;min-width:0;padding:9px 0;text-align:center;border:1px solid #ded4ea;border-radius:8px;font-size:16px;font-weight:600;appearance:textfield;-moz-appearance:textfield}.capacity-stepper input::-webkit-inner-spin-button,.capacity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.needs-role>small{display:block;margin-top:7px;font-size:9px;color:#83728f;line-height:1.5}
.finalize-panel{margin:24px 0;border:1px solid #d5d9c6;border-radius:13px;background:#f4f6ea;padding:20px}.finalize-panel h3{margin:0 0 5px;font-size:20px}.finalize-panel>div:first-child>p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.finalize-buttons{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:9px;margin-top:17px}.finalize-buttons .button{min-width:0;padding-left:14px;padding-right:14px}.finalize-buttons .button:disabled{opacity:.45;cursor:not-allowed}.finalize-message{margin:13px 0 0;font-size:11px;color:#526638;line-height:1.5}.finalize-message.error{color:#9a4329}
.close-switch{display:flex;align-items:center;gap:10px;margin:22px 0;position:relative;cursor:pointer;font-size:12px}.close-switch>input{position:absolute;left:0;top:50%;width:42px;height:26px;margin:-13px 0 0;opacity:0;cursor:pointer}.switch-track{display:block;position:relative;width:42px;height:26px;flex-shrink:0;border-radius:20px;background:#dcdfd0;pointer-events:none;transition:background .15s}.switch-track:after{content:'';position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.close-switch>input:checked+.switch-track{background:#8160b2}.close-switch>input:checked+.switch-track:after{transform:translateX(16px)}.close-switch>input:focus-visible+.switch-track{outline:3px solid #7556bd;outline-offset:3px}.close-switch small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.needs-actions{display:flex;flex-wrap:wrap;gap:8px}.needs-actions .button{font-size:11px;padding:11px 14px}.candidates-heading{margin-top:25px}
@media(max-width:560px){.composition-progress{gap:4px}.composition-progress>span{font-size:9px;padding:7px;gap:3px}.composition-progress>span>span{display:none}.composition-board{padding:16px}.composition-heading h3{font-size:22px}.composition-total{font-size:32px}.casting-grid{grid-template-columns:1fr;gap:9px}.casting-role{padding:12px 12px 0}.casting-role h4,.casting-role-title>b{font-size:12px}.casting-proposals{font-size:10px;margin:5px 0 9px}.casting-seats{flex-direction:row;flex-wrap:wrap;margin-bottom:11px}.casting-person,.casting-empty{font-size:10px;min-width:calc(50% - 3px);flex:1}.casting-state{margin-left:-12px;margin-right:-12px;padding:8px 12px}.needs-steppers{gap:10px}.capacity-stepper{flex-wrap:wrap;justify-content:space-between}.capacity-stepper input{order:-1;flex-basis:100%}.capacity-stepper button{width:calc(50% - 2px);min-height:44px}.finalize-buttons{grid-template-columns:1fr}.finalize-buttons .button{width:100%}}
.password-panel{max-width:760px;margin-top:22px;border:1px solid #ddd6e8;border-radius:14px;background:#f6f2fb;overflow:hidden}
.password-panel>summary{display:flex;align-items:center;gap:14px;padding:20px 24px;cursor:pointer;list-style:none}.password-panel>summary::-webkit-details-marker{display:none}
.password-panel>summary>span:nth-child(2){flex:1}.password-panel>summary b{display:block;font-size:14px}.password-panel>summary small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}
.password-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ded1f1;color:#5d3e8a;font-family:var(--heading);font-size:25px;font-weight:700}
.password-plus{font-size:22px;color:#6f5297;transition:transform .15s}.password-panel[open] .password-plus{transform:rotate(45deg)}
.password-panel form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:5px 24px 24px;border-top:1px solid #e2d9ec}
.password-panel form>label{display:flex;flex-direction:column;gap:8px;font-size:11px}.password-panel form>label:first-child{grid-column:1/-1;margin-top:18px}.password-field{display:flex;align-items:stretch;border:1px solid #d3cadf;border-radius:8px;background:#fff;overflow:hidden}
.password-field:focus-within{outline:3px solid #7556bd;outline-offset:2px}.password-field input{min-width:0;flex:1;border:0;background:transparent;padding:11px 12px;outline:0}.password-field button{width:42px;background:transparent;color:#70598d;font-size:15px}
.password-help{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.password-panel form>.button{grid-column:1/-1;width:max-content}.password-panel .form-message{grid-column:1/-1;margin:0}
@media(max-width:560px){.password-panel>summary{padding:17px}.password-panel form{grid-template-columns:1fr;padding:3px 17px 20px}.password-panel form>label,.password-panel form>label:first-child,.password-help,.password-panel form>.button,.password-panel .form-message{grid-column:1}.password-panel form>.button{width:100%}}
