:root{--ink:#283445;--muted:#738095;--brand:#b36573;--brand-dark:#944456;--gold:#e5a435;--warm:#fff8ee;--pale:#fff0e3;--surface:#fff;--bg:#f8f8f8;--line:#eae8e5;--green:#247d61;--red:#b64a4a;--shadow:0 12px 42px rgba(66,53,42,.055);color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4c36c;outline-offset:2px}h1,h2,h3,h4,p{margin:0}a{color:var(--brand-dark)}.boot{height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:var(--muted)}.sun{font-size:48px}
.appShell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.aside{background:#fff;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column;gap:26px}.logo{display:flex;gap:12px;align-items:center;padding:5px 9px}.logoEmoji{font-size:37px;line-height:1}.logo strong{display:block;font-size:18px;letter-spacing:.3px}.logo small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.nav{display:grid;gap:5px}.navBtn{border:0;background:transparent;text-align:left;padding:13px 15px;border-radius:13px;color:#637089;font-weight:650;display:flex;gap:11px;align-items:center}.navBtn:hover,.navBtn.active{background:#fff2e8;color:var(--brand-dark)}.navIcon{font-size:19px;width:23px;text-align:center}.asideBottom{margin-top:auto;border-radius:15px;background:#fff9ee;padding:15px;font-size:12px;line-height:1.8;color:#867965}.asideBottom strong{color:var(--ink);font-size:13px}
.main{width:100%;max-width:1660px;min-width:0;margin:0 auto;padding:32px clamp(16px,3.2vw,50px) 66px}.head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:27px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--brand);margin-bottom:7px}.head h1{font-size:clamp(23px,2.4vw,32px);letter-spacing:.3px}.sub{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.65}.who{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;border-radius:999px;gap:4px;padding:6px 12px;font-size:12px;font-weight:750;white-space:nowrap;background:#f2f3f6;color:#58657a}.pill.admin{background:#fff0e5;color:#a85a31}.pill.volunteer{background:#e8f6ed;color:#23704f}.whoName{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.btn{border:1px solid #e8e0de;background:#fff;color:#51566a;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:6px;justify-content:center;min-height:41px;text-decoration:none}.btn:hover{background:#fff6ee}.btn.primary{color:#fff;background:var(--brand);border-color:var(--brand)}.btn.primary:hover{background:var(--brand-dark)}.btn.danger{border-color:#f3c9c9;color:#ae4b4b}.btn.small{min-height:32px;padding:7px 10px}.btn.wide{width:100%}.stackActions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:20px}.stat small{display:block;color:var(--muted);font-size:12px;font-weight:650}.stat strong{font-size:29px;display:block;margin-top:9px;line-height:1.2}.stat span{display:block;font-size:12px;color:var(--muted);margin-top:9px}.banner{background:linear-gradient(110deg,#fff0dc,#fff8f0 56%,#fee9dd);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 29px;margin-bottom:18px;box-shadow:var(--shadow)}.banner strong{font-size:clamp(17px,2vw,22px);line-height:1.4}.banner p{margin-top:7px;color:#8c766b;font-size:13px}.contentColumns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow);margin-bottom:17px;min-width:0}.panelTitle{font-size:17px;font-weight:800}.panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:11px;margin-bottom:17px}.muted{font-size:13px;color:var(--muted);line-height:1.8}.notice{background:#fff7ec;border-left:3px solid #d8a34d;border-radius:7px;padding:12px 13px;color:#846f4d;font-size:13px;line-height:1.8;margin-top:13px}.notice.blue{background:#f0f5fd;border-color:#7a9fc8;color:#617696}.notice.error{background:#fff2f2;border-color:#c95b5b;color:#a74949}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:165px;flex:1}.field.grow{flex:2;min-width:210px}.field label{font-size:12px;font-weight:750;color:#677184}.input,.select{border:1px solid #e1e3e9;background:#fff;border-radius:11px;min-height:42px;padding:9px 11px;color:var(--ink);outline-offset:3px;max-width:100%}.field.full{width:100%}.tableScroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;max-width:100%}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{border-bottom:1px solid #f1f0ee;padding:12px 13px;text-align:left;vertical-align:middle}.table th{color:#647086;background:#fcfbfa;font-size:12px;font-weight:750;white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fffdf9}.classPill{display:inline-flex;padding:5px 9px;border-radius:8px;background:#eff2fb;color:#576b9a;font-weight:800;font-size:12px;min-width:43px;justify-content:center}.classPill.mobility{background:#f2ecff;color:#8161a9}.nameTag{display:inline-flex;align-items:center;white-space:nowrap;gap:7px;border-radius:8px;padding:5px 9px;margin:2px;font-size:12px;font-weight:780;border:1px solid var(--tagBorder,#e7e7e7);background:var(--tagBg,#f9fafb);color:var(--tagColor,#414858)}.nameTag:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--tagColor)}.scheduleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.slot{background:#fff;border:1px solid #e8e7e8;border-radius:13px;min-height:105px;padding:13px;text-align:left}.slot.editable{cursor:pointer}.slot.editable:hover{border-color:#d8a0ad;background:#fff8fa}.slotTop{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}.hint{color:#a2a6b1;font-size:12px}.empty{color:#a0a6b3;font-size:12px;padding:8px 0;display:inline-block}.chip{display:inline-flex;border-radius:999px;font-size:12px;font-weight:700;background:#f4f5f7;color:#697185;padding:5px 9px;white-space:nowrap}.chip.green{background:#e6f5ee;color:#237b57}.chip.amber{background:#fff2d5;color:#9b6b20}.chip.red{background:#fff0f0;color:#b34b50}.chip.blue{background:#eaf0fa;color:#5375a3}.matrix{min-width:max-content}.matrix th:first-child,.matrix td:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:75px;box-shadow:1px 0 #eee}.matrix th:first-child{background:#fcfbfa;z-index:2}.matrix td{min-width:150px;padding:5px}.cellBtn{width:100%;min-height:65px;background:transparent;border:0;text-align:left;padding:4px}.cellBtn.editable:hover{background:#fff6ef;border-radius:6px}.avatar{height:61px;width:61px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-weight:850;flex:none}.personalIntro{display:flex;gap:16px;align-items:center;margin:16px 0 21px}.personalIntro strong{font-size:23px}.progress{height:8px;border-radius:20px;background:#f3eee9;overflow:hidden;margin:11px 0 20px}.progress span{height:100%;display:block;background:#6eaf8b;border-radius:20px;transition:width .2s}.statusSelect{background:#fff;border:1px solid #e1e3e9;border-radius:9px;padding:8px 9px;max-width:130px}.rosterGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:11px}.rosterItem{display:flex;align-items:center;justify-content:space-between;gap:11px;border:1px solid var(--line);border-radius:13px;padding:12px}.colorInput{width:44px;height:35px;cursor:pointer;border:0;background:transparent;padding:2px}.emptyState{text-align:center;color:#8491a0;padding:45px 15px;line-height:1.9}.emptyState strong{color:#4f5c6d;display:block}.dialog{padding:0;border:none;border-radius:17px;max-width:min(600px,96vw);width:100%;box-shadow:0 28px 90px #34405555}.dialog::backdrop{background:#1e263665}.dialogWrap{padding:23px}.dialogList{max-height:43vh;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 0 17px}.option{border:1px solid #ebe9ec;border-radius:11px;padding:9px 10px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:13px}.option:has(input:checked){background:#fff4ed;border-color:#d8b5a5}.option input{accent-color:var(--brand)}.dialogActions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:16px}.authOuter{min-height:100vh;background:linear-gradient(135deg,#fff0d8,#fff8ed 48%,#f9f5fb);display:flex;justify-content:center;align-items:center;padding:25px}.authCard{width:100%;max-width:460px;background:#fff;border:1px solid #f1e5d6;border-radius:25px;padding:34px;box-shadow:0 25px 80px #745f4b18}.authIcon{font-size:42px;display:block;margin-bottom:14px}.authCard h1{font-size:25px}.authCard p{color:var(--muted);font-size:13px;margin-top:10px;line-height:1.7}.authForm{display:grid;gap:15px;margin-top:27px}.authOptions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.linkButton{border:0;background:transparent;text-decoration:underline;color:var(--brand-dark);padding:7px;font-size:13px}.infoCard{background:#fff8ed;border-radius:13px;padding:14px;font-size:13px;color:#886d46;line-height:1.8;margin-top:20px}.sectionSeparator{border:none;border-top:1px solid var(--line);margin:19px 0}#message{position:fixed;bottom:22px;right:22px;z-index:60;pointer-events:none;max-width:min(460px,90vw)}.toast{padding:13px 17px;box-shadow:0 10px 30px #0002;border-radius:12px;color:#fff;background:#344252;font-size:13px;line-height:1.6;margin-top:9px}.toast.error{background:#ad4747}.inlineColor{height:14px;width:14px;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:middle}.footerText{margin-top:26px;font-size:12px;color:#929aaa;line-height:1.6}
@media(max-width:980px){.appShell{grid-template-columns:1fr}.aside{position:sticky;top:0;z-index:10;padding:11px 16px;gap:9px;border-bottom:1px solid var(--line);border-right:0}.logo{padding:0}.logoEmoji{font-size:27px}.logo strong{font-size:15px}.logo small{font-size:11px}.nav{display:flex;overflow-x:auto;scrollbar-width:none;padding:2px 0}.navBtn{white-space:nowrap;flex:none;padding:9px 12px;font-size:12px}.asideBottom{display:none}.main{padding:21px 16px 55px}.stats{grid-template-columns:repeat(2,1fr)}.contentColumns{grid-template-columns:1fr}}
@media(max-width:520px){.head{align-items:start;flex-direction:column;gap:10px;margin-bottom:18px}.who{justify-content:flex-start}.banner{padding:20px;flex-direction:column;align-items:start}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:25px}.panel{padding:15px}.scheduleGrid{grid-template-columns:1fr 1fr;gap:8px}.slot{padding:10px;min-height:115px}.dialogList{grid-template-columns:1fr}.controls{align-items:stretch}.field{min-width:100%}.authCard{padding:25px}.panelHead{flex-direction:column}.nameTag{white-space:normal;word-break:keep-all}}
@media print{.aside,.who,.stackActions,.controls,.btn,.footerText,#message{display:none!important}.appShell{display:block}.main{padding:0}.panel,.stat{box-shadow:none;break-inside:avoid}.tableScroll{overflow:visible}.matrix{font-size:9px}.matrix th,.matrix td{padding:3px}}
/* 管理員交接頁 */
.handoverForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:18px}
.handoverForm .btn,.handoverForm .muted{grid-column:1/-1;justify-self:start}
.handoverCheck{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:16px 0;line-height:1.65}
.handoverCheck:last-child{border-bottom:0}.handoverCheck strong{font-weight:700}
@media(max-width:520px){.handoverForm{grid-template-columns:1fr}.handoverCheck{align-items:flex-start;flex-direction:column;gap:7px}.handoverCheck .btn{width:100%}}
/* V3: 學期管理與移動裝置的學期切換 */
.termPicker{max-width:310px;margin-top:12px;min-width:230px}
.termPicker .select{min-width:200px;min-height:37px;padding:7px 10px;font-weight:700;background:#fff}
.termPicker label{font-size:11px;color:#778297}
@media(max-width:520px){.termPicker{max-width:100%;width:100%}.termPicker .select{width:100%}}

/* V4: Admin-editable semester announcement with volunteer read-only display. */
.termNotice{white-space:pre-line;overflow-wrap:anywhere;}
.noticeField{margin:0 0 16px;min-width:0;}
.noticeTextarea{font:inherit;resize:vertical;width:100%;min-height:125px;line-height:1.7;}
.dialog .noticeField label{font-size:13px;}
.dialog .noticeField textarea:focus-visible{outline:3px solid #f4c36c;outline-offset:2px;}
@media(max-width:520px){.dialogWrap{padding:17px}.noticeTextarea{min-height:115px}}

/* V4.2 editable banner + read-only intern */
.bannerEdit{display:inline-flex;margin-top:12px;background:#fff8f3;border-color:#dfc8bb;}
.colorSwatch{width:42px;height:30px;display:inline-block;border:1px solid #dedede;border-radius:3px;flex:none}

/* V4.6 - Separate read-only volunteer directory from writable management view. */
.directoryControls .field{min-width:min(100%,265px)}
.directoryCount{display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;color:#677184;font-size:13px;margin:0 0 16px}
.directorySelected{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f0f5fd;border:1px solid #dce8f7;border-radius:13px;padding:13px 16px;margin-bottom:16px}
.directorySelectedName{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:7px 0}
.directoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:11px}
.directoryCard{text-align:left;min-height:138px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;color:var(--ink);font:inherit;transition:border-color .15s,background .15s}
.directoryCard:hover{background:#fcf8f6;border-color:#c8a4ac}
.directoryCard.chosen{background:#fff6f0;border:2px solid #b56879;padding:13px}
.directoryNumber{font-size:18px;font-weight:800;color:#42546b;font-variant-numeric:tabular-nums}
.directoryName{display:flex;align-items:center;min-height:29px}
.directoryYearText{color:#718097;font-size:12px}
.directoryCard .chip{margin-top:auto}
@media(max-width:530px){.directoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.directoryCard{min-height:142px;padding:10px}.directoryCard.chosen{padding:9px}.directoryNumber{font-size:17px}.directoryPanel{padding:14px}}

/* V4.7 management positions */
.positionCard{border:1px solid #e9e3df;border-radius:15px;padding:18px;margin-top:16px;background:#fff}
.positionCard .panelTitle{font-size:18px;margin-bottom:3px}
.positionCard .controls{margin-top:12px}
.positionCard .panelHead{gap:14px;align-items:flex-start}
@media (max-width:640px){.positionCard{padding:14px}}

/* V4.9: full-name avatar, annual chief, discreet footer credit */
.personalIntro .avatar{height:auto;min-height:61px;width:auto;min-width:78px;max-width:210px;padding:10px 13px;font-size:clamp(15px,2.5vw,20px);line-height:1.35;text-align:center;overflow-wrap:anywhere}
.whoName{max-width:none;min-width:0;overflow:visible;white-space:normal;word-break:keep-all;font-size:13px;font-weight:650}
.yearChiefLabel{font-size:12px!important;color:#836b63!important;margin-top:9px!important}
.developerCredit{font-size:11px;line-height:1.5;color:#adb2ba;text-align:right;padding:10px 22px 16px;background:var(--bg);font-weight:400;letter-spacing:.1px}
@media(max-width:520px){.personalIntro{align-items:center}.personalIntro .avatar{max-width:145px;min-width:75px;padding:9px 10px;font-size:15px}.developerCredit{padding-right:16px}}
@media print{.developerCredit{display:none!important}}

/* V4.10: staff-only account linkage below roster names */
.linkedAccountLine { margin: 7px 0 0 4px; overflow-wrap:anywhere; font-size:12px; }

/* V4.12 學校活動支援：獨立於固定排班的介面 */
.activityPage .activityFilters{margin:19px 0 22px;gap:11px}
.activityLayout{display:grid;grid-template-columns:minmax(225px,300px) minmax(0,1fr);gap:17px;align-items:start}
.activityCards{display:grid;gap:10px;max-height:75vh;overflow:auto}
.activityCard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;width:100%;font:inherit;font-size:12px;line-height:1.45;color:#46505e;background:#fff;border:1px solid #e5dedb;border-radius:15px;padding:15px;cursor:pointer}
.activityCard:hover,.activityCard:focus-visible{border-color:#b58b6c;background:#fff8f3}
.activityCard.selected{border:2px solid #aa7d6c;background:#fff6ee;padding:14px}
.activityCard strong{font-size:16px;color:#453a39;line-height:1.5}
.activityCardMeta{font-size:11px;color:#957a5d}
.activityCountLine{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:5px;font-size:11px}
.activityCountLine b{color:#986849}
.activityProgress{width:100%;height:6px;border-radius:7px;background:#f2e6de;overflow:hidden;margin-top:2px}
.activityProgress span{display:block;background:#c9a06b;height:100%;border-radius:7px}
.activityDetail{border:1px solid #eee4e0;background:#fff;border-radius:16px;padding:18px;min-width:0}
.activityFacts{display:flex;gap:9px 18px;flex-wrap:wrap;margin:12px 0 18px;font-size:13px;color:#5e6770}
.activityGroupGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.activityGroupCard{border:1px solid #ece4df;border-radius:13px;background:#fcfaf7;padding:13px}
.activityGroupHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.activityGroupCard .muted{font-size:12px;margin:0 0 10px}
.activityGroupActions{display:flex;gap:7px;flex-wrap:wrap}
.activityAttendanceSelect{min-width:87px;padding:6px;font-size:12px}
.activityHistory{border-top:1px solid #eee;margin-top:20px;padding-top:15px;font-size:12px}
.activityHistory p{border-bottom:1px solid #f0e9e5;padding:8px 0;line-height:1.6}
.activityForm{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.activityForm .field{min-width:0}
.activityForm .full{grid-column:1/-1}
.activityForm textarea{max-height:170px;min-height:95px}
.activityForm .dialogActions{margin-top:2px}
@media(max-width:900px){.activityLayout{grid-template-columns:1fr}.activityCards{max-height:none;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}}
@media(max-width:520px){.activityForm{grid-template-columns:1fr}.activityForm .full{grid-column:1}.activityDetail{padding:12px}.activityCards{grid-template-columns:1fr}.activityGroupGrid{grid-template-columns:1fr}.activityFacts{flex-direction:column;gap:7px}}
@media print{.activityCards,.activityFilters,.activityGroupActions{display:none!important}.activityLayout{display:block}.activityDetail{border:0;padding:0}}
.activityFactBadges{margin-top:15px;color:#69774d;background:#f2f7ed;border:1px solid #e6efda;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.7}

/* Volunteer activity view: no management controls */
.activityVolunteerTabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 18px}.activityVolunteerTabs .btn{flex:0 0 auto}.activityPage .emptyState p{font-size:15px;margin-top:10px;line-height:1.7}

/* V4.12.6 – approved volunteers may see participant names only */
.activityPublicNames{border-top:1px solid #eaded2;margin-top:22px;padding-top:8px}.activityPublicGroup{padding:12px 0;border-bottom:1px solid #f1e8e0}.activityNameGrid{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.activityNameChip{background:#f9f1e6;border:1px solid #eadaca;border-radius:20px;padding:6px 11px;font-size:14px}

/* V4.13: Only the signed-in volunteer sees their own short-term reminders. */
.personalReminders{border:1px solid #e8d9c2;background:#fffdf7;margin-bottom:18px}
.personalReminderList{display:grid;gap:12px;margin-top:15px}
.personalReminder{border:1px solid #e8decf;border-left:4px solid #b89b64;border-radius:13px;background:#fffaf0;padding:15px 17px;display:grid;gap:8px}
.personalReminder strong{font-size:17px;color:#3d424c}
.reminderDay{font-size:13px;font-weight:750;color:#946442}
.reminderDetails{display:flex;flex-wrap:wrap;gap:5px 20px;font-size:14px;color:#637081}
@media(max-width:600px){.personalReminder{padding:13px}.reminderDetails{display:grid;gap:6px}}
/* V4.14/V4.15 additions, scoped to new dialogs. */
.batchCandidates{max-height:280px;overflow:auto;border:1px solid #ddd;border-radius:12px;margin:12px 0}
.batchPerson{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #eee;cursor:pointer}
.batchPerson small{display:block;color:#666}.batchPerson input{width:20px;height:20px}
#activityBatchSelected{max-height:180px;overflow:auto}#activityBatchError,#excelError{color:#a12525;white-space:pre-wrap}
.excelMapping{display:block;margin:10px 0}.importHistory{padding:12px 0;border-bottom:1px solid #ddd;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.excelDialog{min-width:0}#excelPreview{margin-top:18px}.excelDialog label{display:block;margin:10px 0}

/* BEGIN static brand loader */
/* Static first paint: local system script fonts and the exact existing favicon SVG; no requests or delays. */
.boot.brandBoot{min-height:100svh;height:auto;background:#fff9f3;gap:18px;padding:28px 16px;text-align:center;animation:none!important;transition:none!important}
.brandBoot .bootBrand{font-family:"Segoe Script","Snell Roundhand","Apple Chancery","URW Chancery L","Brush Script MT",cursive;font-size:32px;line-height:1.5;font-weight:400;letter-spacing:.2px;color:#b56d7d;transform:none}
.brandBoot .bootSunflower{display:block;width:52px;height:52px;flex:none;line-height:0}.bootSunflower>svg{display:block;width:52px;height:52px}
.brandBoot .bootWelcome{font:400 18px/1.7 system-ui,-apple-system,"Microsoft JhengHei",sans-serif;letter-spacing:1.2px;color:#a66a79}
.brandBoot,.brandBoot *{animation:none!important;transition:none!important}
@media(max-width:520px){.brandBoot .bootBrand{font-size:28px}.brandBoot .bootWelcome{font-size:16px}.boot.brandBoot{gap:17px}}

/* END static brand loader */
/* BEGIN chief-login */
@font-face{font-family:SunflowerWelcome;src:url('assets/login/sunflower-welcome-subset.ttf') format('truetype');font-display:swap;font-weight:400}
.brandBoot .bootWelcomeLine{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0}
.brandBoot .bootWelcome{font-family:SunflowerWelcome,"Microsoft JhengHei",sans-serif;font-size:clamp(1.5rem,6.5vw,2rem);font-weight:400;line-height:1.6;letter-spacing:.03em;color:#a66a79;white-space:normal;min-width:0;margin:0}
.brandBoot .bootMatcha{width:30px;height:30px;flex:0 0 30px;object-fit:contain}
.brandBoot .bootStatus{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:400;line-height:1.6;color:#b56d7d;margin:4px 0 0;max-width:100%}
.brandBoot .bootSpinner{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:1.5px solid #ead1d8;border-top-color:#b56d7d;border-radius:50%;box-sizing:border-box;animation:brandStatusSpin 1.4s linear infinite!important}
@keyframes brandStatusSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.brandBoot .bootSpinner{animation:none!important}}
.volunteerCurrentTerm .homeChiefRow{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:14px}.volunteerCurrentTerm .homeChiefRow>span:first-child{min-width:140px;color:#56677b}.volunteerCurrentTerm .yearChiefLabel{font-size:14px;color:#35465b;font-weight:500}
@media(max-width:520px){.volunteerCurrentTerm .homeChiefRow>span:first-child{min-width:92px}.brandBoot .bootMatcha{width:28px;height:28px;flex-basis:28px}}
/* END chief-login */
/* BEGIN shared-brand-logo */
.brandLogo{display:block;object-fit:contain;object-position:center;max-width:100%;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
.authSunflower.brandLogo{width:80px;height:80px;flex:none}
.logoEmoji>.brandLogo{width:44px;height:44px}
.bootSunflower>.brandLogo{width:52px;height:52px}
.authIcon>.brandLogo{display:inline-block;vertical-align:middle;width:42px;height:42px}
@media(max-width:980px){.logoEmoji>.brandLogo{width:34px;height:34px}}
@media(max-width:520px){.authSunflower.brandLogo{width:54px;height:62px}}
/* END shared-brand-logo */
/* BEGIN prelogin-slogan */
@font-face{font-family:SunflowerPrelogin;src:url('assets/login/sunflower-prelogin-slogan-1.ttf') format('truetype');font-display:swap;font-weight:400}
.boot.preloginBoot{background:#FFF9F3}
.preloginBoot .bootWelcome{font-family:SunflowerPrelogin,"Microsoft JhengHei",sans-serif;font-size:clamp(1.375rem,6vw,1.75rem);font-weight:400;line-height:1.85;letter-spacing:.02em;color:#925867;max-width:100%;min-width:0;overflow-wrap:normal;white-space:normal;margin:0}
.preloginBoot .bootWelcome>span{display:inline-block;white-space:nowrap}
.preloginBoot,.preloginBoot *{animation:none!important;transition:none!important}
body:has(.preloginBoot)>.developerCredit{display:none}
/* END prelogin-slogan */
/* BEGIN consistent-loading-slogan */
.brandBoot:not(.preloginBoot) .bootWelcome{font-family:SunflowerPrelogin,"Microsoft JhengHei",sans-serif;font-size:clamp(1.375rem,6vw,1.75rem);color:#925867}
/* END consistent-loading-slogan */