/* ============================================================
   Ménage — la couche visuelle ajoutée à la base Beuchies.
   Palette MaisoNette : lin, menthe, sauge. Le vert des courses reste
   pour la cuisine ; la maison respire en sauge.
   ============================================================ */
:root{--lin:#F3EBDD;--menthe:#ADEBB3;--sauge:#79A482;--encre:#3A3A34;--ajour:#DDFFE4;--terne:#C9C7C0;--ambre:#E0A03B;
  /* les couleurs du foyer, posées par Julie */
  --c-lycia:#F5D547;--c-cesar:#4CAF6D;--c-julie:#1B7F9E;--c-famille:#8B5FBF}

/* --- accueil --- */
.accueil{margin:10px 18px 4px}
.asalut{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.adate{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-top:2px;text-transform:capitalize}
.agrand{font-size:24px;font-weight:800;margin:22px 0 14px}
.switch{background:none;border:none;color:var(--sauge);font-size:12px;font-weight:700;padding:6px 0;cursor:pointer;text-decoration:underline}
.anote{font-size:12px;color:var(--muted);line-height:1.45;margin:8px 18px 0;font-weight:600}
section .anote{margin-left:0;margin-right:0}
.qui{display:flex;flex-direction:column;gap:10px}
.qbtn{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--bord);border-radius:16px;padding:16px 18px;font-size:17px;font-weight:800;color:var(--encre);box-shadow:var(--shadow);cursor:pointer}
.qbtn:active{transform:scale(.99)}
.qemo{font-size:24px}
.vide{text-align:center;color:var(--muted);font-size:13.5px;font-weight:600;margin:18px 24px;line-height:1.5}

/* --- blocs d'accueil (repas, courses) --- */
.bloc{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;margin:0 18px;cursor:pointer}
.bloc.repas{border-left:4px solid var(--green)}
.bloc.courses{border-left:4px solid var(--migros)}
.bloc.pts{cursor:default;border-left:4px solid var(--sauge)}
.rtitre{font-size:16px;font-weight:800;line-height:1.25}
.rmeta{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:4px}

/* --- cartes de tâche --- */
.taches{display:flex;flex-direction:column;gap:9px;margin:0 18px}
.tache{display:flex;align-items:flex-start;gap:11px;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:12px 13px;border-left:4px solid var(--terne)}
.tache.vert{border-left-color:var(--sauge)}
.tache.ambre{border-left-color:var(--ambre)}
.tache.rouge{border-left-color:var(--red)}
.tache.gris{border-left-color:var(--terne)}
.tache.pris{background:var(--ajour)}
.tcorps{flex:1;min-width:0}
.ttitre{font-size:14.5px;font-weight:700;line-height:1.3}
.tmeta{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:3px}
.tpiece{color:var(--sauge);font-weight:800}
.tstat{font-size:11.5px;font-weight:700;margin-top:4px}
.tstat.vert{color:var(--sauge)} .tstat.ambre{color:var(--ambre)} .tstat.rouge{color:var(--red)} .tstat.gris{color:var(--muted)}
/* Le badge de points : c'était une pilule serrée à 1 px de padding, et les
   chiffres débordaient du vert. Julie : « ça sort du cadre vert, c'est pas
   joli, que le cadre soit rectangulaire pour qu'il englobe tout. » Rectangle
   à coins doux, de l'air en haut et en bas, et il ne se coupe plus en deux
   quand la ligne passe à la suivante. */
.pts{display:inline-block;background:var(--menthe);color:#2c5c36;border-radius:7px;
  padding:3px 9px;font-size:11px;font-weight:800;margin-left:5px;line-height:1.45;
  white-space:nowrap;vertical-align:middle}
html[data-theme=sombre] .pts{background:#26402c;color:#a9e5b7}
.coche{flex-shrink:0;width:32px;height:32px;border-radius:99px;border:2px solid var(--bord2);background:var(--card);color:#c3c8d2;font-size:15px;font-weight:800;cursor:pointer}
.coche:active{background:var(--menthe);border-color:var(--sauge);color:#2c5c36}
.tprend{flex-shrink:0;background:var(--soft);border:none;border-radius:10px;width:30px;height:30px;font-size:14px;cursor:pointer}
.tbtn{background:none;border:none;color:var(--sauge);font-size:11.5px;font-weight:800;padding:5px 0 0;cursor:pointer}

/* --- réflexes 3 minutes --- */
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 18px}
.chip{font-size:12px;font-weight:700;color:var(--encre);background:var(--card);border:1.5px solid var(--bord);border-radius:99px;padding:7px 12px;cursor:pointer;text-align:left}
.chip b{color:var(--sauge);margin-left:3px}
.chip:active{background:var(--ajour)}
.pluie{margin-left:auto;background:var(--soft);border:none;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800;color:var(--muted);cursor:pointer;text-transform:none;letter-spacing:0}
.pluie.on{background:#dbe9f7;color:var(--lidl)}

/* --- jauges --- */
.jauge{margin:0 18px}
.jbar{height:14px;background:var(--ligne2);border-radius:99px;overflow:hidden}
.jbar>i{display:block;height:100%;border-radius:99px;transition:width .3s}
.jbar>i.moto{background:linear-gradient(90deg,#f0a33b,#e2662f)}
.jbar>i.resto{background:linear-gradient(90deg,var(--menthe),var(--sauge))}
.jtxt{font-size:12.5px;font-weight:800;color:var(--encre);margin-top:6px}

/* --- points --- */
.prow{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:700;margin:4px 0}
.prow.best{color:var(--sauge);font-size:15px}
.pbtns{display:flex;gap:8px;margin-top:10px}
.pbtns button{flex:1;border:none;border-radius:10px;padding:9px;font-size:12.5px;font-weight:800;background:var(--sauge);color:#fff;cursor:pointer}
.pbtns button.g{flex:0 0 auto;background:var(--soft);color:var(--encre);padding:9px 12px}

/* --- médicaments : une bande, une coche --- */
.meds{display:flex;flex-direction:column;gap:8px;margin:0 18px}
.med{display:flex;align-items:flex-start;gap:11px;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:11px 13px;border-left:4px solid var(--terne)}
.med.ok{border-left-color:var(--sauge);opacity:.62}
.med.tard{border-left-color:var(--red);background:#fdf1f1}
.med.tard .tmeta{color:#b32626;font-weight:800}
.med .coche{border-color:var(--bord2)}
.med.ok .coche{background:var(--menthe);border-color:var(--sauge);color:#2c5c36}
.mdose{font-weight:700;color:var(--muted);font-size:12.5px}
.tbtn.g{color:var(--muted);margin-left:10px}
.meds+.btn.ghost{margin-top:10px}

/* --- formulaire de saisie --- */
.form{display:flex;flex-direction:column;gap:9px;margin:12px 18px 14px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.form input,.form select{font:inherit;font-size:15px;font-weight:700;color:var(--encre);background:var(--card);border:1.5px solid var(--bord);border-radius:12px;padding:11px 12px;width:100%;box-sizing:border-box;text-transform:none;letter-spacing:0}
.form input:focus,.form select:focus{outline:none;border-color:var(--sauge)}

/* --- planning du jour --- */
.plan{display:flex;flex-direction:column;gap:6px;margin:0 18px}
.pl{display:flex;align-items:stretch;gap:10px}
.plh{flex:0 0 46px;text-align:right;font-size:12.5px;font-weight:800;color:var(--encre);padding-top:11px}
.plh em{display:block;font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted)}
.plt{flex:1;background:var(--card);border-radius:12px;box-shadow:var(--shadow);border-left:4px solid var(--c-famille);padding:11px 13px;font-size:14px;font-weight:700;line-height:1.3}

/* --- avant fin septembre --- */
.bloc.mois{border-left:4px solid var(--c-famille)}
.mrow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.mcompte{font-size:15px;font-weight:800;color:var(--c-famille)}
.jbar>i.mbar{background:linear-gradient(90deg,#b79ada,var(--c-famille))}
.bloc.mois .rmeta{margin-top:7px}
.chants{display:flex;flex-direction:column;gap:8px;margin:0 18px}
.chant{display:flex;align-items:flex-start;gap:11px;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:11px 13px;border-left:4px solid var(--c-famille)}
.chant.ok{opacity:.55}
.chant.ok .ttitre{text-decoration:line-through}
.chant.ok .coche{background:var(--menthe);border-color:var(--sauge);color:#2c5c36}
.chant.org{border-left-color:var(--terne);background:var(--gomme)}
.chico{font-size:20px;flex-shrink:0;width:32px;text-align:center}
.capture{display:flex;gap:8px;margin:10px 18px 0}
.capture input{flex:1;font:inherit;font-size:14.5px;font-weight:600;color:var(--encre);background:var(--card);border:1.5px solid var(--bord);border-radius:12px;padding:11px 12px;min-width:0}
.capture input:focus{outline:none;border-color:var(--c-famille)}
.capture button{border:none;border-radius:12px;padding:0 15px;font-size:13px;font-weight:800;background:var(--c-famille);color:#fff;cursor:pointer;flex-shrink:0}

/* --- qui porte quoi : camembert + tableau d'équité --- */
.bloc.eq{cursor:default;border-left:4px solid var(--c-famille)}
.cams{display:flex;justify-content:space-around;gap:8px}
.cam{text-align:center}
.camn{font-size:26px;font-weight:800;fill:var(--encre)}
.camu{font-size:10px;font-weight:700;fill:#8a90a0}
.camt{font-size:11.5px;font-weight:800;color:var(--muted);margin-top:2px}
.lgs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:10px 0 2px}
.lg{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--encre)}
.lg i{width:9px;height:9px;border-radius:99px;display:inline-block}
.teq{width:100%;border-collapse:collapse;margin-top:12px;font-size:12.5px}
.teq th{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:3px 4px;text-align:center}
.teq tr.sub2 th{font-size:10px;letter-spacing:0;text-transform:none;color:#a4a8b2;border-bottom:1px solid var(--ligne);padding-bottom:6px}
.teq td{padding:7px 4px;text-align:center;font-weight:700;color:var(--muted);border-bottom:1px solid var(--ligne)}
.teq td:first-child{text-align:left;font-weight:800;color:var(--encre);white-space:nowrap}
.teq td.f{color:var(--encre);font-weight:800}
.teq tbody tr:last-child td{border-bottom:none}
.pastille{width:9px;height:9px;border-radius:99px;display:inline-block;margin-right:6px}

/* --- feuille « qui s'en charge » --- */
.qchoix{display:flex;gap:8px;margin:12px 18px 4px}
.qch{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--card);border:1.5px solid var(--bord);border-radius:14px;padding:12px 6px;font-size:13px;font-weight:800;color:var(--encre);cursor:pointer}
.qch .qemo{font-size:22px}
.qch.on{border-color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}
.tprend.on{border-radius:10px}

/* --- pièces --- */
.pieces{display:flex;flex-direction:column;gap:8px;margin:0 18px}
.piece{background:var(--card);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.ptete{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:13px 14px;font-size:14.5px;font-weight:700;color:var(--encre);cursor:pointer;text-align:left}
.pnom{flex:1}
.pbadge{font-size:10.5px;font-weight:800;border-radius:99px;padding:3px 8px}
.pbadge.vert{background:var(--ajour);color:#2c5c36}
.pbadge.ambre{background:#fdf0dc;color:#a06716}
.pbadge.rouge{background:#fde8e8;color:#b32626}
.pchev{color:var(--muted);font-weight:800}
.piece.ouv .taches{margin:0 12px 12px}
.piece.ouv .tache{box-shadow:none;border:1px solid var(--ligne);border-left-width:4px}

/* --- journal --- */
.faits{display:flex;flex-direction:column;gap:6px;margin:0 18px}
.fait{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:10px 13px;font-size:13px;font-weight:600}
.fait em{display:block;font-style:normal;font-size:11px;color:var(--muted);font-weight:700;margin-top:2px}
.fait button{background:none;border:none;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;text-decoration:underline;flex-shrink:0}

/* --- fiche tâche --- */
.thow{margin:8px 18px;font-size:14px;line-height:1.5;color:var(--encre)}
.tvideo{display:block;margin:10px 18px;padding:12px;border-radius:12px;background:#fde8e8;color:#b32626;font-size:14px;font-weight:800;text-align:center;text-decoration:none}
.smeta.vert{color:var(--sauge)} .smeta.ambre{color:var(--ambre)} .smeta.rouge{color:var(--red)} .smeta.gris{color:var(--muted)}

/* --- toast --- */
#toast{position:fixed;left:50%;transform:translateX(-50%) translateY(20px);bottom:84px;background:var(--encre);color:#fff;font-size:13px;font-weight:800;padding:11px 18px;border-radius:99px;z-index:60;opacity:0;pointer-events:none;transition:.25s}
#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* 5 onglets : on resserre */
nav button{font-size:10px}
nav button .i{font-size:19px}

/* --- on n'aime pas --- */
.day .sw.no{background:#fdeaea}
.addbig.no{background:var(--card);color:#b32626;border:1.5px solid #f3c9c9;margin-top:0}

/* ============================================================
   Ajouts du 23.08.2026 — profil, charge mentale, planning des trois.
   ============================================================ */

/* --- six onglets : on resserre encore --- */
nav button{font-size:9.5px;gap:2px}
nav button .i{font-size:18px}

/* --- planning : la journée des trois --- */
.plqs{display:flex;gap:7px;margin:0 18px 10px;flex-wrap:wrap}
.plq{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;
  color:var(--muted);background:var(--soft2);border-radius:99px;padding:4px 10px}
.plq i{width:8px;height:8px;border-radius:99px;background:var(--c);display:inline-block;opacity:.4}
.plq.on{color:var(--encre);background:var(--card);box-shadow:var(--shadow)}
.plq.on i{opacity:1}
.plq b{color:var(--c)}
.plnom{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}
.plan.pale{opacity:.6}
.plsuite{font-size:11.5px;font-weight:800;color:var(--muted);margin:2px 18px 8px;text-transform:uppercase;letter-spacing:.4px}

/* --- charge mentale --- */
.bloc.chargeb{cursor:default;border-left:4px solid var(--c-famille)}
.cdef{font-size:12.5px;line-height:1.5;color:var(--muted);font-weight:600;margin:0 0 12px}
.cbarre{display:flex;height:16px;border-radius:99px;overflow:hidden;background:var(--ligne2)}
.cbarre>i{display:block;height:100%;transition:width .3s}
.cbarre.vide{background:var(--ligne2)}
.cphrase{font-size:14px;font-weight:800;line-height:1.35;margin-top:12px;color:var(--encre)}
.crows{margin-top:10px;display:flex;flex-direction:column;gap:7px}
.crow{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:12.5px;
  border-top:1px solid var(--ligne);padding-top:7px}
.crow:first-child{border-top:none;padding-top:0}
.cnom{font-weight:800;color:var(--encre)}
.cdom{font-weight:800;color:var(--c-famille);background:var(--soft2);border-radius:99px;padding:2px 8px;font-size:11px}
.cges{color:var(--muted);font-weight:600;flex:1;min-width:120px}
.capp{margin-top:12px;font-size:12px;line-height:1.45;color:var(--muted);font-weight:600;
  border-top:1px solid var(--ligne);padding-top:10px}
.capp b{color:var(--encre)}

/* --- qui pense à quoi : les domaines --- */
.doms{display:flex;flex-direction:column;gap:7px;margin:0 18px}
.dom{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:var(--card);border:none;border-left:4px solid var(--terne);border-radius:14px;
  box-shadow:var(--shadow);padding:11px 13px;cursor:pointer;font:inherit;color:var(--encre)}
.dom.on{border-left-color:var(--c)}
.dom.orph{opacity:.72;border-left-style:dashed}
.dom .tmeta{line-height:1.35}
.domq{flex-shrink:0;font-size:11.5px;font-weight:800;color:var(--muted);
  background:var(--soft2);border-radius:99px;padding:4px 10px;white-space:nowrap}
.dom.on .domq{color:var(--c);background:var(--soft2)}

/* --- relais proposé --- */
.relais{margin:12px 18px 0;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);
  padding:13px 15px;border-left:4px solid var(--c-famille)}
.rbtn{margin-top:10px;border:none;border-radius:10px;padding:10px 14px;font-size:12.5px;
  font-weight:800;background:var(--c-famille);color:#fff;cursor:pointer}
.chant.souff{opacity:1}

/* --- objectifs personnels --- */
.objs{display:flex;flex-direction:column;gap:8px;margin:0 18px}
.obj{display:flex;align-items:flex-start;gap:11px;background:var(--card);border-radius:16px;
  box-shadow:var(--shadow);padding:11px 13px;border-left:4px solid var(--sauge)}
.obj.ok{opacity:.55}
.obj.ok .ttitre{text-decoration:line-through}
.obj.ok .coche{background:var(--menthe);border-color:var(--sauge);color:#2c5c36}
.capture select{font:inherit;font-size:12.5px;font-weight:700;color:var(--encre);background:var(--card);
  border:1.5px solid var(--bord);border-radius:12px;padding:0 8px;flex-shrink:0}

/* --- profil --- */
.bloc.moi{cursor:default;border-left:4px solid var(--sauge)}
.bloc.moi .switch{margin:0;flex-shrink:0}
.themes{display:flex;gap:8px;margin:0 18px;flex-wrap:wrap}
.thbtn{flex:1;min-width:100px;background:var(--card);border:1.5px solid var(--bord);border-radius:14px;
  padding:12px 8px;font-size:12.5px;font-weight:800;color:var(--encre);cursor:pointer}
.thbtn.on{border-color:var(--sauge);box-shadow:inset 0 0 0 1.5px var(--sauge)}

/* --- formulaire : deux champs par ligne --- */
.frow{display:flex;gap:9px}
.frow label{flex:1;min-width:0}

/* --- stratégie courses : les lignes ajoutées --- */
.strow.petit{font-size:12px;font-weight:600;color:var(--muted)}
.strow.ecart{border-top:1px solid var(--ligne);margin-top:6px;padding-top:7px;color:var(--c-famille)}
.stou{margin-top:9px;background:var(--soft2);border-radius:10px;padding:8px 10px}
.stoutitre{display:block;font-size:10.5px;font-weight:800;color:var(--muted);
  text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.stourow{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:700;margin:3px 0}
.stourow b{white-space:nowrap;color:var(--migros)}
.stourow.off b{color:var(--lidl)}
.stwarn{margin-top:9px;font-size:11.5px;line-height:1.4;font-weight:700;color:#a06716;
  background:#fdf0dc;border-radius:10px;padding:8px 10px}
html[data-theme=sombre] .stwarn{background:#3a2f1c;color:#e0b877}

/* --- mode sombre : les variables propres à la couche ménage ---
   L'encre est la couleur de TEXTE de tout ce fichier : sans cette bascule,
   l'app sombre afficherait du brun foncé sur du gris foncé. Les couleurs des
   membres restent intactes, elles servent à reconnaître qui est qui. */
html[data-theme=sombre]{
  --encre:#e8eaee;--terne:#4a5260;--ajour:#1f3327;--menthe:#3f6b4a;--lin:#242a33;--sauge:#8fc39b}
html[data-theme=sombre] .med.tard{background:#3a2323}
html[data-theme=sombre] .med.tard .tmeta{color:#f0a3a3}
html[data-theme=sombre] .pbadge.vert{background:#1f3327;color:#a9e5b7}
html[data-theme=sombre] .pbadge.ambre{background:#3a2f1c;color:#e0b877}
html[data-theme=sombre] .pbadge.rouge{background:#3a2323;color:#f0a3a3}
html[data-theme=sombre] .pluie.on{background:#1d2b3d;color:#7fb2e8}
html[data-theme=sombre] .tvideo{background:#3a2323;color:#f0a3a3}
html[data-theme=sombre] .chant.ok .coche,html[data-theme=sombre] .obj.ok .coche,
html[data-theme=sombre] .med.ok .coche,html[data-theme=sombre] .coche:active{color:#cdebd4}
html[data-theme=sombre] .camu{fill:#98a0ae}
html[data-theme=sombre] #toast{background:#2f3742;color:#e8eaee}

/* --- les promos pilotent la semaine (23.08) --- */
.promoplan{margin:0 18px;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);
  padding:12px 14px;border-left:4px solid var(--terne)}
.promoplan.on{border-left-color:var(--migros)}
.ppgain{font-size:22px;font-weight:800;color:var(--migros);line-height:1.1}
.ppnote{font-size:12px;color:var(--muted);font-weight:600;line-height:1.45;margin-top:5px}

/* Bloc 7 — le tableau « ce qui va sonner », dans l'onglet Moi. */
.rapb{display:flex;flex-direction:column;gap:7px}
.rapl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
.rapl span{font-weight:700}
.rapl b{color:var(--muted);font-size:13px;white-space:nowrap}

/* ------------------------------------------------------------------
   Bloc 8 — maison à trier. Le plein écran est celui du mode course
   (.cmode / .cmwrap / .cmtop / .cmactions) : deux modes plein écran qui ne se
   ressemblent pas, ce serait deux apps dans une.
   ------------------------------------------------------------------ */
.ozliste{flex:1;overflow:auto;padding-top:14px}
.oztitre{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.4px}
.ozsous{font-size:14px;color:var(--muted);margin:6px 0 14px;line-height:1.4}
.ozl{display:flex;align-items:center;gap:11px;background:var(--card);border-radius:14px;padding:11px 13px;margin-bottom:8px;box-shadow:var(--shadow)}
.ozl.ok{opacity:.55}
.ozl.ok .ttitre{text-decoration:line-through}
.ozfini{text-align:center;font-size:16px;font-weight:800;padding:16px;background:var(--card);border-radius:16px}
.jbar.mini{height:5px;margin-top:7px}
.chant.org{cursor:pointer}
.ozsession{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;overflow:auto}
.ozzone{font-size:27px;font-weight:800;line-height:1.15;letter-spacing:-.4px}
.ozchrono{font-size:64px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-2px;color:var(--green-d)}
.ozchrono.fini{color:var(--muted);font-size:52px}
.ozdit{font-size:14.5px;color:var(--muted);line-height:1.45;max-width:34ch}
.ozgestes{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}
.ozg{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--card);border-radius:13px;padding:10px 13px}
.ozg b{font-size:14px}
.ozg span{font-size:13px;color:var(--muted);line-height:1.35}