:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#203441;background:#f3f6f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#087f82}h1,h2,h3,p{margin-top:0}.app-layout{display:grid;grid-template-columns:266px minmax(0,1fr);min-height:100vh}.sidebar{background:#102d3b;color:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:750;letter-spacing:1px;padding:8px 10px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid #d6ae69;color:#d6ae69;border-radius:12px;font-size:25px;font-family:Georgia,serif}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;color:#c8d7dd}.nav-group{color:#7da1ac;font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;margin:15px 0 6px 13px}.nav-link{width:100%;border:0;background:transparent;color:#d6e4e8;display:flex;gap:12px;align-items:center;text-align:left;font-weight:570;font-size:13px;padding:11px 13px;border-radius:10px;margin:2px 0}.nav-link:hover,.nav-link.active{background:#1e4755;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #e2b979}.sidebar-bottom{margin-top:auto;padding:14px;font-size:12px;color:#a7c0c8;border-top:1px solid #2b4c59}.main{min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid #e4ecee;padding:0 32px}.topbar .sub{font-size:13px;color:#70838c}.topbar-right{display:flex;align-items:center;gap:12px}.topbar select{max-width:230px}.identity{text-align:right;font-size:13px}.identity span{display:block;color:#71838b;font-size:11px}.content{padding:32px;max-width:1460px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}.eyebrow{color:#a07940;font-weight:800;font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.page-heading h1{font-size:28px;letter-spacing:-.7px;margin:4px 0 6px;color:#18323f}.muted{color:#71858c}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 24px}.card,.panel{background:#fff;border:1px solid #e2e9eb;border-radius:16px;box-shadow:0 6px 20px rgba(15,48,60,.025)}.card{padding:20px}.card .num{font-size:30px;font-weight:800;color:#113d4d}.card .hint{font-size:13px;color:#6b7f88}.card .glyph{font-size:22px;margin-bottom:13px}.panel{padding:23px;margin-bottom:20px}.panel h2{font-size:18px;margin-bottom:18px}.panel p{line-height:1.6}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.table-scroll{overflow:auto;border:1px solid #e4ebed;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:13px 14px;border-bottom:1px solid #e9eef0;text-align:left;vertical-align:top}th{background:#f7fafb;color:#71858e;font-size:11px;letter-spacing:.5px;font-weight:800}tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:4px 9px;border-radius:100px;font-size:11px;background:#edf5f3;color:#1a8271;font-weight:700}.btn{border:1px solid #dce5e8;background:#fff;color:#234653;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700}.btn:hover{filter:brightness(.97)}.btn.primary{background:#137b79;border-color:#137b79;color:#fff}.btn.dark{background:#183849;color:#fff;border-color:#183849}.btn.small{padding:6px 9px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{padding:35px;text-align:center;color:#85979d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:750;color:#415963}.field input,.field select,.field textarea,input,select,textarea{border:1px solid #d8e3e6;background:#fff;border-radius:9px;padding:10px 11px;color:#243a45;max-width:100%;outline-offset:2px}.field textarea{min-height:85px}.field small{color:#7d8e95}.inlineform{display:flex;gap:10px;flex-wrap:wrap;align-items:end}dialog{border:0;border-radius:17px;padding:0;width:min(670px,calc(100vw - 30px));max-height:90vh;box-shadow:0 25px 100px #07273477}dialog::backdrop{background:#0a293ba6}#modalContent{padding:27px}#modalContent h2{font-size:21px}#modalContent .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.auth-bg{min-height:100vh;background:linear-gradient(128deg,#123341,#092a34 55%,#1c5053);display:grid;place-items:center;padding:20px}.auth-card{background:#fff;border-radius:22px;padding:36px;width:min(450px,100%);box-shadow:0 20px 75px #0003}.auth-card h1{font-size:30px;color:#153746;margin-top:22px}.auth-card p{color:#7e8c90}.auth-card .btn{width:100%;margin-top:10px}.auth-logo{display:flex;gap:9px;align-items:center;color:#173845;font-weight:800;font-size:20px}.auth-logo .brand-mark{background:#173845}.notice{padding:13px 16px;background:#f4f8f8;border:1px solid #dcebe8;border-radius:10px;font-size:13px;color:#456369;margin:14px 0}.warn{background:#fff9ec;border-color:#f0d9ac}.chip{background:#e7f4f2;color:#1f7e77;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}.lesson{border:1px solid #e2eaea;border-radius:12px;padding:16px;margin:10px 0}.lesson .body{white-space:pre-wrap;line-height:1.65;color:#4c626d}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;margin-top:12px;background:#122d3b}.settings-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mobile-menu{display:none}.list-card{padding:15px;border:1px solid #e4ecee;border-radius:10px;margin-bottom:10px}.link-btn{border:0;color:#0e8488;background:none;text-decoration:underline;padding:0}.success{color:#087e72}.error{color:#af4646}#toasts{position:fixed;right:20px;bottom:20px;z-index:10000;display:grid;gap:9px}.toast{padding:13px 18px;color:#fff;background:#183a47;border-radius:10px;box-shadow:0 8px 24px #0003;max-width:390px}.toast.bad{background:#983d43}.menu-overlay{display:none}input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a6bede;outline-offset:2px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.content{padding:24px}.topbar{padding:0 24px}}@media(max-width:760px){.app-layout{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;width:270px;transform:translateX(-105%);transition:transform .2s;box-shadow:15px 0 40px #0919233b}.sidebar.open{transform:translateX(0)}.menu-overlay.show{display:block;position:fixed;inset:0;background:#00192388;z-index:49}.mobile-menu{display:inline-flex}.topbar{height:72px;padding:0 16px}.identity span,.topbar .sub{display:none}.topbar select{max-width:150px;font-size:12px}.content{padding:18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.cards{gap:10px}.card{padding:14px}.card .num{font-size:24px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.panel{padding:17px}.auth-card{padding:25px}.topbar-right{gap:6px}.identity{font-size:11px}}
/* DIACONATUS 0.2.0-alpha — legibilidade e acessibilidade mobile-first */
:root{font-size:17px;line-height:1.5;background:#f5f7f8;color:#182a36}
body{background:inherit;color:inherit}
h1,h2,h3{line-height:1.24}
.page-heading h1{font-size:clamp(1.55rem,3vw,2rem);color:#18323f}
.nav-link{min-height:48px;font-size:16px;padding:12px 13px}
.btn{min-height:46px;padding:11px 16px;font-size:15px}
.btn.small{min-height:40px;padding:8px 11px;font-size:13px}
.field input,.field select,.field textarea,input,select,textarea{min-height:47px;padding:12px;font-size:16px}
.field label{font-size:15px;color:#344750}
.panel h2{font-size:20px}
.card .hint,.notice,.muted,.identity,.topbar .sub,.panel p{font-size:15px}
.muted,.identity span,.topbar .sub{color:#51626a}
table{font-size:15px}th{font-size:13px;color:#455e68}
th,td{padding:13px 15px}
.auth-card p{color:#4c626c}
.list-card{font-size:15px}
.avatar-line{display:inline-flex;align-items:center;gap:10px}
.small-avatar{display:inline-block;width:38px;height:38px;border-radius:50%;background:#e8f0f2;object-fit:cover}
.avatar-fallback{object-fit:contain;padding:8px}
.check-row{padding:14px 0;border-bottom:1px solid #dbe5e8}
.check-row label{display:flex;align-items:center;gap:13px;font-size:16px;cursor:pointer}
.check-row label small{display:block;color:#50636c;font-size:14px}
.check-row input[type=checkbox]{height:24px;width:24px;min-width:24px;accent-color:#11786c}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0}
.photo-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;border:1px solid #cad6da}
#trainingDialog{padding:26px;width:min(480px,calc(100vw - 24px));background:#fff;color:#192f3a}
#trainingDialog h2{font-size:24px}
.countdown{margin:16px auto;width:100px;height:100px;border:6px solid #148477;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:800}
#trainingDialog button:disabled{opacity:.6}
.mobile-tabs{display:none}
.network-badge{font-size:12px;background:#eff9f5;border:1px solid #afdacb;padding:5px 9px;border-radius:30px;color:#126e60;white-space:nowrap}
.network-badge.offline{background:#fff1e6;border-color:#e4c5a5;color:#8b4d20}
/* Tema escuro: mesma hierarquia, contraste e dimensões do tema claro. */
html[data-theme="dark"]{color-scheme:dark;background:#111820;color:#eaf1f3}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .card,
html[data-theme="dark"] .auth-card,html[data-theme="dark"] dialog{background:#1b2730;color:#eaf1f3;border-color:#34434d}
html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .card .num,
html[data-theme="dark"] .auth-card h1,html[data-theme="dark"] .auth-logo{color:#f2f5f6}
html[data-theme="dark"] .page-heading .eyebrow{color:#e6b878}
html[data-theme="dark"] .muted,html[data-theme="dark"] .identity span,
html[data-theme="dark"] .card .hint,html[data-theme="dark"] .topbar .sub,
html[data-theme="dark"] .auth-card p,html[data-theme="dark"] .field small{color:#b9cbd2}
html[data-theme="dark"] .field label{color:#d6e4e8}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,html[data-theme="dark"] input,
html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#263740;color:#f3f7f8;border-color:#52636a}
html[data-theme="dark"] .btn:not(.primary):not(.dark){background:#293a44;color:#f1f5f5;border-color:#536670}
html[data-theme="dark"] .notice{background:#233b40;border-color:#42636b;color:#e2f0f2}
html[data-theme="dark"] .notice.warn{background:#47341d;border-color:#8d663a;color:#fff2d5}
html[data-theme="dark"] th{background:#27343c;color:#e2edf0}
html[data-theme="dark"] td,html[data-theme="dark"] .table-scroll,
html[data-theme="dark"] .list-card,html[data-theme="dark"] .lesson,
html[data-theme="dark"] .check-row{border-color:#40525c}
html[data-theme="dark"] .pill{background:#164d46;color:#dcf8f1}
html[data-theme="dark"] .lesson .body{color:#deeaed}
html[data-theme="dark"] .network-badge{background:#204d41;color:#f2fcf8;border-color:#51816f}
html[data-theme="dark"] .network-badge.offline{background:#4b3726;color:#f7e8ce;border-color:#7a5839}
@media(prefers-color-scheme:dark){
 html[data-theme="auto"]{color-scheme:dark;background:#111820;color:#eaf1f3}
 html[data-theme="auto"] .topbar,html[data-theme="auto"] .panel,html[data-theme="auto"] .card,
 html[data-theme="auto"] .auth-card,html[data-theme="auto"] dialog{background:#1b2730;color:#eaf1f3;border-color:#34434d}
 html[data-theme="auto"] .page-heading h1,html[data-theme="auto"] .card .num,
 html[data-theme="auto"] .auth-card h1,html[data-theme="auto"] .auth-logo{color:#f2f5f6}
 html[data-theme="auto"] .muted,html[data-theme="auto"] .identity span,
 html[data-theme="auto"] .card .hint,html[data-theme="auto"] .topbar .sub,
 html[data-theme="auto"] .auth-card p,html[data-theme="auto"] .field small{color:#bbccd2}
 html[data-theme="auto"] .field label{color:#d6e4e8}
 html[data-theme="auto"] .field input,html[data-theme="auto"] .field select,
 html[data-theme="auto"] .field textarea,html[data-theme="auto"] input,
 html[data-theme="auto"] select,html[data-theme="auto"] textarea{background:#263740;color:#f3f7f8;border-color:#52636a}
 html[data-theme="auto"] .btn:not(.primary):not(.dark){background:#293a44;color:#f1f5f5;border-color:#536670}
 html[data-theme="auto"] .notice{background:#233b40;border-color:#42636b;color:#e2f0f2}
 html[data-theme="auto"] .notice.warn{background:#47341d;border-color:#8d663a;color:#fff2d5}
 html[data-theme="auto"] th{background:#27343c;color:#e2edf0}
 html[data-theme="auto"] td,html[data-theme="auto"] .table-scroll,
 html[data-theme="auto"] .list-card,html[data-theme="auto"] .lesson,
 html[data-theme="auto"] .check-row{border-color:#40525c}
 html[data-theme="auto"] .pill{background:#164d46;color:#dcf8f1}
 html[data-theme="auto"] .lesson .body{color:#deeaed}
}
@media(max-width:760px){
 .content{padding:16px 14px 96px}
 .topbar{padding:0 12px;gap:8px}
 .topbar-right{gap:5px}.identity{display:none}
 .topbar select{max-width:125px}
 .page-heading{flex-wrap:wrap}.page-heading h1{font-size:23px}
 .page-heading > .btn{width:100%}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;
   padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));
   background:#fff;border-top:1px solid #cfdcde;box-shadow:0 -8px 24px #0d27300f;justify-content:space-around}
 .mobile-tabs button{border:0;background:none;color:#234958;padding:8px 5px;min-height:50px;font-size:13px;flex:1}
 .mobile-tabs button[aria-current=page]{font-weight:800;color:#086e68}
 html[data-theme="dark"] .mobile-tabs{background:#1b2730;border-color:#364c55}
 html[data-theme="dark"] .mobile-tabs button{color:#e3eef2}
}

.profile-summary{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-avatar{width:86px;height:86px}.profile-summary strong{font-size:20px}

/* v0.3.0-alpha — controles ampliados e avaliações legíveis */
fieldset{border:1px solid var(--border, #a8b4bb);border-radius:12px;padding:14px;margin:12px 0 20px;min-width:0}
fieldset legend{font-size:1rem;font-weight:750;padding:0 8px;max-width:100%}
.quiz-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:9px 8px;font-size:1rem;line-height:1.5;border-radius:8px;cursor:pointer}
.quiz-option:focus-within{outline:2px solid var(--accent,#1b7a69);outline-offset:2px}
.quiz-option input{width:22px;height:22px;flex-shrink:0}
@media(max-width:760px){.quiz-option{min-height:52px}.content{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}

/* v0.3.2 — calendário mensal acessível, escala em lote e indicação de cores */
.calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.calendar-toolbar p{margin:0;max-width:480px}
.calendar-pager{display:flex;align-items:center;gap:14px}
.calendar-pager strong{font-size:20px;text-transform:capitalize;min-width:170px;text-align:center}
.church-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;overflow:visible}
.calendar-weekname{text-align:center;font-weight:800;font-size:13px;padding:10px 3px;opacity:.75}
.calendar-day{min-height:117px;padding:7px;border:1px solid var(--border,#39515c);border-radius:9px;min-width:0;background:rgba(120,139,149,.045)}
.calendar-day.outside{background:transparent;opacity:.22}
.calendar-number{font-weight:800;font-size:15px;margin-bottom:7px}
.calendar-events{display:flex;flex-direction:column;gap:5px}
.calendar-event{display:flex;align-items:center;gap:5px;min-height:30px;max-width:100%;overflow:hidden;border:0;border-left:5px solid var(--event-color);background:color-mix(in srgb,var(--event-color) 20%, transparent);color:inherit;border-radius:4px;padding:5px;font-size:12px;line-height:1.3;text-align:left;cursor:pointer}
.calendar-event:hover:not(:disabled),.calendar-event:focus-visible{outline:2px solid var(--event-color);outline-offset:1px}
.calendar-event:disabled{cursor:default;opacity:.8}
.calendar-event-label{white-space:normal;overflow-wrap:anywhere;min-width:0;font-weight:700}
.calendar-event-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}
.calendar-warning{flex-shrink:0;font-size:15px}
.calendar-legend{display:flex;flex-wrap:wrap;gap:20px;padding-top:14px;font-size:13px}
.color-label{display:inline-flex;align-items:center;gap:6px}
.color-dot{width:17px;height:17px;display:inline-block;border:1px solid #8496a0;border-radius:50%}
.roster-events-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
.roster-event-list{display:grid;gap:10px}.roster-event-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
.roster-event-row .field{margin:0}.roster-decision-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
@media(max-width:760px){.church-calendar{gap:2px}.calendar-day{min-height:85px;padding:3px;border-radius:5px}.calendar-number{font-size:12px}.calendar-weekname{font-size:11px}.calendar-event{display:block;padding:3px;font-size:10px;min-height:23px;border-left-width:3px}.calendar-event-time{display:block;font-size:9px}.calendar-event-label{display:block;max-height:36px;overflow:hidden}.calendar-pager strong{min-width:120px;font-size:17px}.roster-event-row{grid-template-columns:minmax(0,1fr)}.roster-event-row button{justify-self:end}}

/* v0.3.3 — tipos de culto, acessibilidade mobile e identificação das minhas escalas. */
.event-type-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;
 font-size:14px;font-weight:750;line-height:1.35;white-space:normal;background:color-mix(in srgb,var(--type-color,#147f7b) 20%,transparent);
 border:1px solid color-mix(in srgb,var(--type-color,#147f7b) 48%,transparent)}
.type-icon{font-size:25px;line-height:1.4}
.missing-team{font-weight:800;color:#a53d12;white-space:normal}
.calendar-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.calendar-day.my-schedule-day{background:#ffe3e3;border:2px solid #cd6262;color:#4d1820}
.my-schedule-badge{display:inline-flex;margin-left:4px;border-radius:4px;padding:2px 4px;font-size:10px;background:#a52e3b;color:#fff;vertical-align:middle}
.calendar-event{flex-wrap:wrap;min-height:34px;}
.calendar-event-icon{font-size:17px;line-height:1;flex:0 0 auto}
.calendar-event-type{display:block;flex:0 0 100%;font-size:12px;line-height:1.3;font-weight:800;overflow-wrap:anywhere;opacity:.94}
html[data-theme="dark"] .calendar-day.my-schedule-day{background:#46282e;color:#ffe7e7;border-color:#de8282}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .calendar-day.my-schedule-day{background:#46282e;color:#ffe7e7;border-color:#de8282}}
@media(max-width:760px){
 :root{font-size:17px}
 body{font-size:17px;line-height:1.55}
 .content{padding:18px 16px 110px;line-height:1.55}
 .page-heading h1{font-size:28px;line-height:1.22}
 .page-heading .muted,.muted,.hint,.calendar-toolbar p{font-size:16px;line-height:1.55}
 .btn,button,select,input,textarea{font-size:16px;line-height:1.4}
 .btn{min-height:46px;padding:10px 14px}
 .btn.small{min-height:42px;font-size:15px}
 .topbar .sub{font-size:14px;line-height:1.45}
 .topbar-right select{min-height:46px;max-width:165px;font-size:15px}
 .mobile-tabs button{font-size:15px;line-height:1.35;min-height:58px}
 .table-scroll{overflow-x:auto}
 th,td{font-size:15px;line-height:1.48;padding:13px 12px}
 .field label{font-size:16px;line-height:1.5}
 .field input,.field select,.field textarea{min-height:49px;font-size:17px}
 .card .hint{font-size:16px}
 .calendar-pager strong{font-size:20px;min-width:155px}
 .calendar-weekname{font-size:15px;line-height:1.4}
 .church-calendar{min-width:770px;gap:5px}
 .calendar-day{min-height:120px;padding:7px;border-radius:8px}
 .calendar-number{font-size:17px}
 .calendar-event{font-size:14px;line-height:1.35;min-height:48px;padding:6px;border-left-width:5px}
 .calendar-event-time{font-size:13px}
 .calendar-event-icon{font-size:19px}
 .calendar-event-label{font-size:14px;max-height:none}
 .calendar-event-type{font-size:13px}
 .calendar-legend{font-size:15px}
 .my-schedule-badge{font-size:11px}
 .panel h2{font-size:23px;line-height:1.32}
 .auth-card p{font-size:17px}
 .event-type-tag{font-size:15px}
}

/* v0.3.4 — biblioteca de emojis e detalhes de cultos acessíveis no celular */
.emoji-library[hidden]{display:none!important}
.emoji-library{grid-column:1/-1;width:100%;padding:14px;margin-top:5px;border:1px solid var(--border,#b8c6cb);border-radius:12px;background:#f4f8f9;color:#1a3441}
.emoji-library-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.emoji-library .field{margin-bottom:10px}
.emoji-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:5px;max-height:248px;overflow-y:auto;overscroll-behavior:contain;border-radius:8px;padding:5px;background:#fff;border:1px solid #d5e2e5}
.emoji-choice{border:1px solid transparent;border-radius:9px;background:transparent;min-height:44px;min-width:42px;font-size:27px;line-height:1.2;display:grid;place-items:center;cursor:pointer}
.emoji-choice:hover,.emoji-choice:focus-visible{border-color:#247f7b;background:#e5f3f1;outline:2px solid #247f7b;outline-offset:1px}
.emoji-hint{font-size:13px;margin:8px 0 0}
.event-detail-list{font-size:16px;line-height:1.6}
.event-detail-list h3{font-size:22px;margin:9px 0 16px;line-height:1.3}
.event-detail-list p{margin:12px 0}
.event-detail-list .actions{margin-top:18px}
.event-detail-type{display:inline-flex;font-size:18px;font-weight:800;border:1px solid #9cb5bc;border-radius:999px;padding:8px 13px}
.my-event-highlight{background:#ffe3e3;color:#752130;padding:12px;border-radius:9px;font-weight:700}
.install-steps{margin:12px 0;padding-left:24px;line-height:1.65;font-size:16px}
.install-steps li{margin-bottom:10px}
html[data-theme="dark"] .emoji-library{background:#223640;color:#e8f4f5}
html[data-theme="dark"] .emoji-options{background:#1c2b33;border-color:#3d5964}
html[data-theme="dark"] .emoji-choice:hover,html[data-theme="dark"] .emoji-choice:focus-visible{background:#355c62}
html[data-theme="dark"] .my-event-highlight{background:#502831;color:#ffe3e3}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .emoji-library{background:#223640;color:#e8f4f5}
 html[data-theme="auto"] .emoji-options{background:#1c2b33;border-color:#3d5964}
 html[data-theme="auto"] .emoji-choice:hover,html[data-theme="auto"] .emoji-choice:focus-visible{background:#355c62}
 html[data-theme="auto"] .my-event-highlight{background:#502831;color:#ffe3e3}}
@media(max-width:760px){.emoji-options{grid-template-columns:repeat(7,minmax(0,1fr));max-height:260px}
 .emoji-choice{min-width:0;min-height:47px;font-size:29px}
 .event-detail-list{font-size:18px}.event-detail-type{font-size:19px}
 .install-steps{font-size:18px}}

/* v0.3.7-alpha — histórico de atualizações acessível e legível */
.release-intro{border-left:4px solid #147e7a;background:var(--panel,#eef7f5);padding:16px 20px;margin-bottom:20px;border-radius:10px;line-height:1.55}
.release-intro p{margin:0 0 6px}.release-intro p:last-child{margin-bottom:0}
.release-entry{border:1px solid var(--border,#bdcbd0);border-radius:12px;margin:0 0 12px;overflow:hidden}
.release-entry summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;list-style:none;font-size:17px;line-height:1.45}
.release-entry summary::-webkit-details-marker{display:none}
.release-entry summary:hover,.release-entry[open] summary{background:rgba(25,116,115,.08)}
.release-summary-text{min-width:0}.release-summary-text small{display:block;font-size:13px;margin-top:4px;opacity:.85}
.release-chevron{font-size:24px;line-height:1;flex-shrink:0;transform:rotate(0)}.release-entry[open] .release-chevron{transform:rotate(180deg)}
.release-changes{margin:0;padding:5px 22px 17px 54px;list-style:decimal}
.release-changes li{padding:8px 0 8px 4px;font-size:16px;line-height:1.55}
.release-changes li::marker{font-weight:750;color:#16807c}
.release-changes li p{margin:4px 0 0;line-height:1.55;font-size:15px;opacity:.92}
html[data-theme="dark"] .release-intro{background:#243d43}
@media(max-width:760px){.release-entry summary{font-size:17px;padding:15px 12px}.release-changes{padding:5px 13px 14px 37px}.release-changes li{font-size:17px}.release-changes li p{font-size:16px}.release-intro{padding:14px}}

@media(prefers-color-scheme:dark){html[data-theme="auto"] .release-intro{background:#243d43}}