/* 0.84.0: Mevsim temaları — Bahar, Yaz, Sonbahar, Kış (0.85.0: sabit süsler, bekleme modunda hava durumu) (ve “Mevsime göre” otomatik). Yalnız <html data-mood="..."> iken etkilidir;
   açık temanın üstüne kurulur. Bu dosya tools/gen_mevsim.py ile üretilir (SVG süsler orada okunur biçimde). Durum renkleri ayırt edilebilir kalır. */
:root[data-mood="bahar"]{ --bg:#FFF5F8; --surface:#FFFFFF; --sunken:#FFF0F6; --ink:#4B2A42; --muted:#8C6A82; --line:#F6D5E4; --accent:#E2468C; --accent-ink:#FFFFFF; --crit:#D93A5B; --warn:#BF6A00; --info:#8A63D2; --ok:#2E9E62; --ok-solid:#2A8F58; --maint:#A08CA0; --crit-bg:#FDE6EC; --warn-bg:#FFF1DF; --info-bg:#F1EAFD; --ok-bg:#E5F6EC;
  --m-nav:linear-gradient(180deg,#FFE3EF 0%,#F6E9FF 70%,#EAF8EE 100%); --m-h1:#C13C7E; --m-h2:#9B4F8F; --m-brand:#D6458C; --m-btn:linear-gradient(135deg,#E2468C,#9A5FE0); --m-sel:#FFC6DF; --m-scroll:#F5A9CB; --m-hover:#FFF0F7;
  --shadow-sm:0 1px 2px rgba(214,90,150,.08); --shadow:0 1px 2px rgba(214,90,150,.06), 0 8px 22px rgba(214,90,150,.12); --shadow-lg:0 14px 38px rgba(214,90,150,.20);
  --m-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg opacity='.38'%3E%3Cg transform='translate(30 34) scale(1)'%3E%3Cg fill='%23FFC2DC'%3E%3Ccircle cx='0.0' cy='-1.19' r='6'/%3E%3Ccircle cx='1.13' cy='-0.37' r='6'/%3E%3Ccircle cx='0.7' cy='0.96' r='6'/%3E%3Ccircle cx='-0.7' cy='0.96' r='6'/%3E%3Ccircle cx='-1.13' cy='-0.37' r='6'/%3E%3C/g%3E%3Ccircle r='4.08' fill='%23FFD95A'/%3E%3C/g%3E%3Cg transform='translate(150 60) scale(0.8)'%3E%3Cg fill='%23D9C8FF'%3E%3Ccircle cx='0.0' cy='-0.95' r='6'/%3E%3Ccircle cx='0.91' cy='-0.29' r='6'/%3E%3Ccircle cx='0.56' cy='0.77' r='6'/%3E%3Ccircle cx='-0.56' cy='0.77' r='6'/%3E%3Ccircle cx='-0.91' cy='-0.29' r='6'/%3E%3C/g%3E%3Ccircle r='4.08' fill='%23FFE27A'/%3E%3C/g%3E%3Cg transform='translate(95 150) scale(0.9)'%3E%3Cg fill='%23FFFFFF' stroke='%23F2B8D0'%3E%3Cellipse cy='-6' rx='3' ry='6'/%3E%3Cellipse cy='6' rx='3' ry='6'/%3E%3Cellipse cx='-6' rx='6' ry='3'/%3E%3Cellipse cx='6' rx='6' ry='3'/%3E%3C/g%3E%3Ccircle r='3.4' fill='%23FFC93C'/%3E%3C/g%3E%3Cpath d='M180 170 q10 -16 24 -8 q-12 2 -24 8z' fill='%23A8E0B8'/%3E%3Cpath d='M48 120 q-6 -14 -20 -10 q10 4 20 10z' fill='%23B9E8C6'/%3E%3Ccircle cx='120' cy='26' r='2.5' fill='%23FFB3D1'/%3E%3Ccircle cx='200' cy='118' r='2' fill='%23C9B6FF'/%3E%3Ccircle cx='20' cy='190' r='2.5' fill='%23FFD95A'/%3E%3C/g%3E%3C/svg%3E");
  --m-gar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='232' height='78' viewBox='0 0 232 78'%3E%3Cpath d='M0 66 q30 -10 58 0 t58 0 t58 0 t58 0 V78 H0z' fill='%23BFE8C9'/%3E%3Cg stroke='%2357B26E' stroke-width='2.2' fill='none' stroke-linecap='round'%3E%3Cpath d='M22 70 V40'/%3E%3Cpath d='M62 70 V30'/%3E%3Cpath d='M104 70 V44'/%3E%3Cpath d='M146 70 V34'/%3E%3Cpath d='M190 70 V42'/%3E%3Cpath d='M214 70 V52'/%3E%3C/g%3E%3Cg fill='%237DCB8F'%3E%3Cpath d='M62 56 q-12 -6 -14 -16 q12 4 14 16z'/%3E%3Cpath d='M146 58 q12 -6 14 -16 q-12 4 -14 16z'/%3E%3Cpath d='M104 60 q-10 -4 -12 -12 q10 2 12 12z'/%3E%3C/g%3E%3Cg transform='translate(22 36) scale(1)'%3E%3Cg fill='%23FF8FC0'%3E%3Ccircle cx='0.0' cy='-1.09' r='5.5'/%3E%3Ccircle cx='1.04' cy='-0.34' r='5.5'/%3E%3Ccircle cx='0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-1.04' cy='-0.34' r='5.5'/%3E%3C/g%3E%3Ccircle r='3.74' fill='%23FFD43B'/%3E%3C/g%3E%3Cg transform='translate(62 24) scale(1)'%3E%3Cpath d='M-9 2 q0 -14 9 -16 q9 2 9 16 q-9 8 -18 0z' fill='%23FF6F9F'/%3E%3Cpath d='M-9 -8 l4 6 l5 -8 l5 8 l4 -6' fill='%23FF6F9F'/%3E%3C/g%3E%3Cg transform='translate(104 40) scale(1)'%3E%3Cg fill='%23FFFFFF' stroke='%23F2B8D0'%3E%3Cellipse cy='-6' rx='3' ry='6'/%3E%3Cellipse cy='6' rx='3' ry='6'/%3E%3Cellipse cx='-6' rx='6' ry='3'/%3E%3Cellipse cx='6' rx='6' ry='3'/%3E%3C/g%3E%3Ccircle r='3.4' fill='%23FFC93C'/%3E%3C/g%3E%3Cg transform='translate(146 28) scale(1)'%3E%3Cg fill='%23B79CFF'%3E%3Ccircle cx='0.0' cy='-1.09' r='5.5'/%3E%3Ccircle cx='1.04' cy='-0.34' r='5.5'/%3E%3Ccircle cx='0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-1.04' cy='-0.34' r='5.5'/%3E%3C/g%3E%3Ccircle r='3.74' fill='%23FFE27A'/%3E%3C/g%3E%3Cg transform='translate(190 36) scale(0.9)'%3E%3Cpath d='M-9 2 q0 -14 9 -16 q9 2 9 16 q-9 8 -18 0z' fill='%23FFB347'/%3E%3Cpath d='M-9 -8 l4 6 l5 -8 l5 8 l4 -6' fill='%23FFB347'/%3E%3C/g%3E%3Cg transform='translate(214 48) scale(0.7)'%3E%3Cg fill='%23FF8FC0'%3E%3Ccircle cx='0.0' cy='-0.76' r='5.5'/%3E%3Ccircle cx='0.73' cy='-0.24' r='5.5'/%3E%3Ccircle cx='0.45' cy='0.62' r='5.5'/%3E%3Ccircle cx='-0.45' cy='0.62' r='5.5'/%3E%3Ccircle cx='-0.73' cy='-0.24' r='5.5'/%3E%3C/g%3E%3Ccircle r='3.74' fill='%23FFD43B'/%3E%3C/g%3E%3C/svg%3E");
  --m-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 0) scale(1)'%3E%3Cg fill='%23FF6FAE'%3E%3Ccircle cx='0.0' cy='-1.09' r='5.5'/%3E%3Ccircle cx='1.04' cy='-0.34' r='5.5'/%3E%3Ccircle cx='0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-1.04' cy='-0.34' r='5.5'/%3E%3C/g%3E%3Ccircle r='3.74' fill='%23FFD43B'/%3E%3C/g%3E%3C/svg%3E");
  --m-h1i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 0) scale(1)'%3E%3Cg fill='%23B79CFF'%3E%3Ccircle cx='0.0' cy='-1.09' r='5.5'/%3E%3Ccircle cx='1.04' cy='-0.34' r='5.5'/%3E%3Ccircle cx='0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-0.64' cy='0.88' r='5.5'/%3E%3Ccircle cx='-1.04' cy='-0.34' r='5.5'/%3E%3C/g%3E%3Ccircle r='3.74' fill='%23FFD43B'/%3E%3C/g%3E%3C/svg%3E");
}
:root[data-mood="yaz"]{ --bg:#F2FBFF; --surface:#FFFFFF; --sunken:#EAF7FD; --ink:#13394A; --muted:#55798A; --line:#CDE9F4; --accent:#0A86AD; --accent-ink:#FFFFFF; --crit:#D63C3C; --warn:#B26000; --info:#2563C9; --ok:#1F8F55; --ok-solid:#1F8A52; --maint:#8AA0AA; --crit-bg:#FDE8E8; --warn-bg:#FFF2DD; --info-bg:#E5EEFC; --ok-bg:#E3F5EA;
  --m-nav:linear-gradient(180deg,#DDF4FF 0%,#EFFAFF 55%,#FFF4D6 100%); --m-h1:#0B6E8E; --m-h2:#1F7A99; --m-brand:#0A7FA6; --m-btn:linear-gradient(135deg,#0A86AD,#0E9A8F); --m-sel:#BDE9F7; --m-scroll:#8ED6F0; --m-hover:#EAF8FE;
  --shadow-sm:0 1px 2px rgba(30,140,190,.08); --shadow:0 1px 2px rgba(30,140,190,.06), 0 8px 22px rgba(30,140,190,.12); --shadow-lg:0 14px 38px rgba(30,140,190,.20);
  --m-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg opacity='.42'%3E%3Cg transform='translate(34 36) scale(0.9)'%3E%3Cg stroke='%23FFC93C' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='0.0' y1='-8.5' x2='0.0' y2='-11.5'/%3E%3Cline x1='6.0' y1='-6.0' x2='8.1' y2='-8.1'/%3E%3Cline x1='8.5' y1='-0.0' x2='11.5' y2='-0.0'/%3E%3Cline x1='6.0' y1='6.0' x2='8.1' y2='8.1'/%3E%3Cline x1='0.0' y1='8.5' x2='0.0' y2='11.5'/%3E%3Cline x1='-6.0' y1='6.0' x2='-8.1' y2='8.1'/%3E%3Cline x1='-8.5' y1='0.0' x2='-11.5' y2='0.0'/%3E%3Cline x1='-6.0' y1='-6.0' x2='-8.1' y2='-8.1'/%3E%3C/g%3E%3Ccircle r='6.5' fill='%23FFE07A'/%3E%3C/g%3E%3Cpath d='M100 74 q8 -7 16 0 t16 0 t16 0' stroke='%238ED6F0' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M20 120 q8 -7 16 0 t16 0' stroke='%23A9E3F5' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cpolygon points='71.6,151.1 72.9,157.2 78.9,158.7 73.5,161.9 73.9,168.1 69.3,163.9 63.5,166.3 66.0,160.6 62.1,155.8 68.2,156.4' fill='%23FFC29E'/%3E%3Cg transform='translate(170 158)'%3E%3Cpath d='M-10 4 a10 10 0 0 1 20 0z' fill='%23FFD8CC'/%3E%3Cpath d='M0 4 V-6 M-5 4 L-7 -4 M5 4 L7 -4' stroke='%23F5B4A3' stroke-width='1.2'/%3E%3C/g%3E%3Ccircle cx='190' cy='40' r='2.5' fill='%237FD3EE'/%3E%3Ccircle cx='130' cy='200' r='2' fill='%23FFD166'/%3E%3Ccircle cx='30' cy='200' r='2.5' fill='%238ED6F0'/%3E%3C/g%3E%3C/svg%3E");
  --m-gar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='232' height='78' viewBox='0 0 232 78'%3E%3Cpath d='M0 46 q14 -5 29 0 t29 0 t29 0 t29 0 t29 0 t29 0 t29 0 t29 0 V60 H0z' fill='%237FD3EE'/%3E%3Cpath d='M0 50 q14 -4 29 0 t29 0 t29 0 t29 0 t29 0 t29 0 t29 0 t29 0' stroke='%23FFFFFF' stroke-width='1.6' fill='none' opacity='.8'/%3E%3Cpath d='M0 60 q58 -9 116 0 t116 0 V78 H0z' fill='%23F6DFA4'/%3E%3Cpath d='M30 72 q-2 -22 9 -42' stroke='%23A0703C' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Cg fill='%233FA34D'%3E%3Cpath d='M39 30 q-14 -8 -24 2 q12 -4 24 -2z'/%3E%3Cpath d='M39 30 q14 -9 25 1 q-13 -4 -25 -1z'/%3E%3Cpath d='M39 30 q-6 -14 -18 -14 q12 5 18 14z'/%3E%3Cpath d='M39 30 q8 -13 20 -11 q-12 3 -20 11z'/%3E%3C/g%3E%3Ccircle cx='37' cy='33' r='2.4' fill='%238B5A2B'/%3E%3Ccircle cx='41' cy='33' r='2.4' fill='%238B5A2B'/%3E%3Cpath d='M152 74 V34' stroke='%237A7A7A' stroke-width='1.8'/%3E%3Cpath d='M128 38 q24 -20 48 0z' fill='%23FF6B6B'/%3E%3Cpath d='M140 38 q4 -14 12 -16 q-2 8 -4 16z M156 38 q2 -10 -4 -16 q10 4 12 16z' fill='%23FFFFFF'/%3E%3Cpath d='M92 60 h12 l-2 12 h-8z' fill='%234FC3F7'/%3E%3Cpath d='M92 61 q6 -8 12 0' stroke='%232B90C2' stroke-width='1.2' fill='none'/%3E%3Cpolygon points='201.6,62.2 202.0,66.4 206.0,67.7 202.2,69.4 202.2,73.6 199.3,70.5 195.3,71.8 197.4,68.1 195.0,64.7 199.1,65.6' fill='%23FF9F6E'/%3E%3Cpolygon points='69.3,68.1 70.8,70.4 73.5,70.1 71.8,72.3 72.9,74.8 70.3,73.8 68.2,75.6 68.4,72.8 66.0,71.4 68.7,70.7' fill='%23FFC29E'/%3E%3C/svg%3E");
  --m-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 0) scale(0.95)'%3E%3Cg stroke='%23FF9F1C' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='0.0' y1='-8.5' x2='0.0' y2='-11.5'/%3E%3Cline x1='6.0' y1='-6.0' x2='8.1' y2='-8.1'/%3E%3Cline x1='8.5' y1='-0.0' x2='11.5' y2='-0.0'/%3E%3Cline x1='6.0' y1='6.0' x2='8.1' y2='8.1'/%3E%3Cline x1='0.0' y1='8.5' x2='0.0' y2='11.5'/%3E%3Cline x1='-6.0' y1='6.0' x2='-8.1' y2='8.1'/%3E%3Cline x1='-8.5' y1='0.0' x2='-11.5' y2='0.0'/%3E%3Cline x1='-6.0' y1='-6.0' x2='-8.1' y2='-8.1'/%3E%3C/g%3E%3Ccircle r='6.5' fill='%23FFC83D'/%3E%3C/g%3E%3C/svg%3E");
  --m-h1i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cpath d='M-11 -3 a11 11 0 0 0 22 0z' fill='%2343A047'/%3E%3Cpath d='M-9 -3 a9 9 0 0 0 18 0z' fill='%23FF5A6E'/%3E%3Cg fill='%232B2024'%3E%3Cellipse cx='-4' cy='1' rx='.9' ry='1.4'/%3E%3Cellipse cx='0' cy='3' rx='.9' ry='1.4'/%3E%3Cellipse cx='4' cy='1' rx='.9' ry='1.4'/%3E%3C/g%3E%3C/svg%3E");
}
:root[data-mood="sonbahar"]{ --bg:#FFF8EF; --surface:#FFFFFF; --sunken:#FCF1E3; --ink:#3E2A1E; --muted:#80634C; --line:#EBD7BF; --accent:#BF5418; --accent-ink:#FFFFFF; --crit:#B8322F; --warn:#A35F00; --info:#3F6FB5; --ok:#4E8A2E; --ok-solid:#4A7D2A; --maint:#A08F80; --crit-bg:#FBE6E3; --warn-bg:#FDF0DC; --info-bg:#E8EEF8; --ok-bg:#EAF3E2;
  --m-nav:linear-gradient(180deg,#FFE9CF 0%,#FBE6D6 60%,#EEDCC6 100%); --m-h1:#A3471A; --m-h2:#8C4A26; --m-brand:#B04E1C; --m-btn:linear-gradient(135deg,#BF5418,#9E3B2A); --m-sel:#F8D2B0; --m-scroll:#E3A877; --m-hover:#FDF1E4;
  --shadow-sm:0 1px 2px rgba(170,90,30,.08); --shadow:0 1px 2px rgba(170,90,30,.06), 0 8px 22px rgba(170,90,30,.12); --shadow-lg:0 14px 38px rgba(170,90,30,.20);
  --m-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg opacity='.42'%3E%3Cg transform='translate(34 36) rotate(-15) scale(1.1)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23F4A259'/%3E%3Cpath d='M0 -7 V10' stroke='%23F4A259' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(160 70) rotate(25) scale(0.9)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23E76F51'/%3E%3Cpath d='M0 -7 V10' stroke='%23E76F51' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(80 168) rotate(40) scale(1)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23E9C46A'/%3E%3Cpath d='M0 -7 V10' stroke='%23E9C46A' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(180 170) rotate(20) scale(1)'%3E%3Cellipse cy='3' rx='5.5' ry='7' fill='%23C98B4A'/%3E%3Cpath d='M-7 -1 q7 -9 14 0 q-7 3 -14 0z' fill='%237A4A22'/%3E%3Cpath d='M0 -6 v-3' stroke='%237A4A22' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(118 104) rotate(-25) scale(0.8)'%3E%3Cellipse cy='3' rx='5.5' ry='7' fill='%23C98B4A'/%3E%3Cpath d='M-7 -1 q7 -9 14 0 q-7 3 -14 0z' fill='%237A4A22'/%3E%3Cpath d='M0 -6 v-3' stroke='%237A4A22' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M20 110 q10 -10 22 -6 q-10 2 -22 6z' fill='%23D4A373'/%3E%3Ccircle cx='122' cy='28' r='2.5' fill='%23E9C46A'/%3E%3Ccircle cx='205' cy='130' r='2' fill='%23E76F51'/%3E%3C/g%3E%3C/svg%3E");
  --m-gar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='232' height='78' viewBox='0 0 232 78'%3E%3Cpath d='M0 62 q58 -10 116 0 t116 0 V78 H0z' fill='%23C9A27A'/%3E%3Cpath d='M0 68 q58 -6 116 0 t116 0 V78 H0z' fill='%23B48A60'/%3E%3Cg transform='translate(36 66)'%3E%3Crect x='-3' y='-12' width='6' height='12' rx='2' fill='%23FFF3E0'/%3E%3Cpath d='M-12 -11 a12 10 0 0 1 24 0z' fill='%23D9483B'/%3E%3Ccircle cx='-5' cy='-16' r='1.8' fill='%23fff'/%3E%3Ccircle cx='3' cy='-18' r='1.6' fill='%23fff'/%3E%3Ccircle cx='7' cy='-13' r='1.3' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(52 68) scale(.6)'%3E%3Crect x='-3' y='-12' width='6' height='12' rx='2' fill='%23FFF3E0'/%3E%3Cpath d='M-12 -11 a12 10 0 0 1 24 0z' fill='%23C77D3A'/%3E%3C/g%3E%3Cg transform='translate(112 62)'%3E%3Cellipse cx='-6' rx='7' ry='9' fill='%23E87A1E'/%3E%3Cellipse cx='6' rx='7' ry='9' fill='%23E87A1E'/%3E%3Cellipse rx='7' ry='10' fill='%23F28C28'/%3E%3Cpath d='M0 -9 q1 -5 4 -6' stroke='%234E7F2A' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(176 70)'%3E%3Crect x='-9' y='-12' width='18' height='12' fill='%238B5E3C'/%3E%3Cellipse cy='-12' rx='9' ry='3' fill='%23C49A6C'/%3E%3Cellipse cy='-12' rx='5' ry='1.6' fill='%23A57A50'/%3E%3C/g%3E%3Cg transform='translate(80 70) rotate(30) scale(0.5)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23E76F51'/%3E%3Cpath d='M0 -7 V10' stroke='%23E76F51' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(150 72) rotate(-20) scale(0.45)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23E9C46A'/%3E%3Cpath d='M0 -7 V10' stroke='%23E9C46A' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(208 66) rotate(60) scale(0.55)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23F4A259'/%3E%3Cpath d='M0 -7 V10' stroke='%23F4A259' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(200 72) rotate(40) scale(0.55)'%3E%3Cellipse cy='3' rx='5.5' ry='7' fill='%23C98B4A'/%3E%3Cpath d='M-7 -1 q7 -9 14 0 q-7 3 -14 0z' fill='%237A4A22'/%3E%3Cpath d='M0 -6 v-3' stroke='%237A4A22' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  --m-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 0) rotate(0) scale(1)'%3E%3Cpolygon points='0,-11 2.8,-5.5 7.5,-7.5 6,-2.2 10.5,-1 6.5,2.8 7.5,6.5 1.2,4.2 0.7,11 -0.7,11 -1.2,4.2 -7.5,6.5 -6.5,2.8 -10.5,-1 -6,-2.2 -7.5,-7.5 -2.8,-5.5 0,-11' fill='%23E8702A'/%3E%3Cpath d='M0 -7 V10' stroke='%23E8702A' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3C/svg%3E");
  --m-h1i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 0) rotate(0) scale(1.1)'%3E%3Cellipse cy='3' rx='5.5' ry='7' fill='%23C98B4A'/%3E%3Cpath d='M-7 -1 q7 -9 14 0 q-7 3 -14 0z' fill='%237A4A22'/%3E%3Cpath d='M0 -6 v-3' stroke='%237A4A22' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
:root[data-mood="kis"]{ --bg:#F3F8FD; --surface:#FFFFFF; --sunken:#EBF3FB; --ink:#1D2E44; --muted:#5C7087; --line:#D3E2F0; --accent:#2F6DB5; --accent-ink:#FFFFFF; --crit:#C9343F; --warn:#AD5F00; --info:#5A55C9; --ok:#1F8A5B; --ok-solid:#1F8256; --maint:#8E9AA8; --crit-bg:#FBE7E9; --warn-bg:#FDF0DE; --info-bg:#ECEBFB; --ok-bg:#E3F4EB;
  --m-nav:linear-gradient(180deg,#E6F0FB 0%,#F4F8FE 60%,#FFFFFF 100%); --m-h1:#24578F; --m-h2:#2F5F96; --m-brand:#285F9E; --m-btn:linear-gradient(135deg,#2F6DB5,#5A55C9); --m-sel:#C9DDF4; --m-scroll:#A9C8EA; --m-hover:#EEF5FC;
  --shadow-sm:0 1px 2px rgba(60,110,170,.08); --shadow:0 1px 2px rgba(60,110,170,.06), 0 8px 22px rgba(60,110,170,.12); --shadow-lg:0 14px 38px rgba(60,110,170,.20);
  --m-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg opacity='.55'%3E%3Cg transform='translate(34 36) scale(1)' stroke='%23B9D6F2' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(158 66) scale(0.7)' stroke='%23C9DFF5' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(96 160) scale(0.9)' stroke='%23B9D6F2' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(190 180) scale(0.5)' stroke='%23D3E5F7' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(40 140) scale(0.45)' stroke='%23D3E5F7' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='120' cy='22' r='2.4' fill='%23D6E6F7'/%3E%3Ccircle cx='206' cy='120' r='2' fill='%23D6E6F7'/%3E%3Ccircle cx='18' cy='200' r='2.4' fill='%23D6E6F7'/%3E%3C/g%3E%3C/svg%3E");
  --m-gar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='232' height='78' viewBox='0 0 232 78'%3E%3Cpath d='M0 54 q40 -16 80 0 t80 0 t80 0 V78 H0z' fill='%23EAF3FC'/%3E%3Cpath d='M0 62 q58 -12 116 0 t116 0 V78 H0z' fill='%23FFFFFF' stroke='%23D3E2F0' stroke-width='1'/%3E%3Cg transform='translate(28 62) scale(1)'%3E%3Crect x='-2' y='-2' width='4' height='7' fill='%237A5230'/%3E%3Cpath d='M0 -34 L-9 -20 H9z M0 -26 L-12 -10 H12z M0 -17 L-15 -1 H15z' fill='%232E7D5B'/%3E%3Cpath d='M0 -34 L-4 -28 H4z M-12 -10 q6 -3 12 -1 q6 -2 12 1 M-15 -1 q8 -3 15 -1 q7 -2 15 1' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.2'/%3E%3C/g%3E%3Cg transform='translate(52 66) scale(0.7)'%3E%3Crect x='-2' y='-2' width='4' height='7' fill='%237A5230'/%3E%3Cpath d='M0 -34 L-9 -20 H9z M0 -26 L-12 -10 H12z M0 -17 L-15 -1 H15z' fill='%232E7D5B'/%3E%3Cpath d='M0 -34 L-4 -28 H4z M-12 -10 q6 -3 12 -1 q6 -2 12 1 M-15 -1 q8 -3 15 -1 q7 -2 15 1' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.2'/%3E%3C/g%3E%3Cg transform='translate(182 62) scale(0.95)'%3E%3Crect x='-2' y='-2' width='4' height='7' fill='%237A5230'/%3E%3Cpath d='M0 -34 L-9 -20 H9z M0 -26 L-12 -10 H12z M0 -17 L-15 -1 H15z' fill='%232E7D5B'/%3E%3Cpath d='M0 -34 L-4 -28 H4z M-12 -10 q6 -3 12 -1 q6 -2 12 1 M-15 -1 q8 -3 15 -1 q7 -2 15 1' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.2'/%3E%3C/g%3E%3Cg transform='translate(210 66) scale(0.65)'%3E%3Crect x='-2' y='-2' width='4' height='7' fill='%237A5230'/%3E%3Cpath d='M0 -34 L-9 -20 H9z M0 -26 L-12 -10 H12z M0 -17 L-15 -1 H15z' fill='%232E7D5B'/%3E%3Cpath d='M0 -34 L-4 -28 H4z M-12 -10 q6 -3 12 -1 q6 -2 12 1 M-15 -1 q8 -3 15 -1 q7 -2 15 1' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.2'/%3E%3C/g%3E%3Cg transform='translate(112 0)'%3E%3Ccircle cx='0' cy='60' r='11' fill='%23FFFFFF' stroke='%23BFD4EA'/%3E%3Ccircle cx='0' cy='42' r='7.5' fill='%23FFFFFF' stroke='%23BFD4EA'/%3E%3Ccircle cx='-2.5' cy='40.5' r='1' fill='%232B2D42'/%3E%3Ccircle cx='2.5' cy='40.5' r='1' fill='%232B2D42'/%3E%3Cpath d='M0 43 l6 1.5 l-6 1z' fill='%23F28C28'/%3E%3Cpath d='M-7 48 h14 v3 h-14z M4 50 v8 h3 v-8z' fill='%23D6455A'/%3E%3Ccircle cy='57' r='1.1' fill='%232B2D42'/%3E%3Ccircle cy='62' r='1.1' fill='%232B2D42'/%3E%3Cpath d='M-6 35 h12 l-2 -7 h-8z' fill='%232B2D42'/%3E%3Cpath d='M-10 54 l-9 -6 M10 54 l9 -6' stroke='%238B5E3C' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(150 30) scale(0.45)' stroke='%239CC3EA' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(78 22) scale(0.4)' stroke='%239CC3EA' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --m-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 0) scale(1.05)' stroke='%234A8BD6' stroke-width='2.2' stroke-linecap='round' fill='none'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Cpath d='M0 0 V-10 M0 -6 l-3 -3 M0 -6 l3 -3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --m-h1i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E%3Cg transform='translate(0 12) scale(0.68)'%3E%3Crect x='-2' y='-2' width='4' height='7' fill='%237A5230'/%3E%3Cpath d='M0 -34 L-9 -20 H9z M0 -26 L-12 -10 H12z M0 -17 L-15 -1 H15z' fill='%232E7D5B'/%3E%3Cpath d='M0 -34 L-4 -28 H4z M-12 -10 q6 -3 12 -1 q6 -2 12 1 M-15 -1 q8 -3 15 -1 q7 -2 15 1' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
}

:root[data-mood]{--font:"Nunito","Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --cond:"Nunito","Barlow Semi Condensed","Arial Narrow",sans-serif; color-scheme:light}
:root[data-mood] body{background-color:var(--bg);background-image:var(--m-pat);background-attachment:fixed}
:root[data-mood] nav{background:var(--m-nav);border-right:0;position:relative;padding-bottom:86px}
:root[data-mood] nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:78px;pointer-events:none;background:var(--m-gar) left bottom / 232px 78px repeat-x}
:root[data-mood] nav a{border-radius:14px}
:root[data-mood] nav a:hover{background:rgba(255,255,255,.65)}
:root[data-mood] nav a.on{background:#FFFFFF;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 25%,transparent), inset 4px 0 0 var(--accent)}
:root[data-mood] nav .sep{background:var(--line)}
:root[data-mood] nav .foot{position:relative;z-index:1}
:root[data-mood] .brand i{width:30px;height:30px;border-radius:0;background:var(--m-logo) center/contain no-repeat}
:root[data-mood] .brand span{color:var(--m-brand);font-weight:800;letter-spacing:.2px}
:root[data-mood] h1{color:var(--m-h1);font-weight:800}
:root[data-mood] h1::after{content:"";display:inline-block;width:22px;height:22px;margin-left:10px;vertical-align:-2px;background:var(--m-h1i) center/contain no-repeat}
:root[data-mood] h2{color:var(--m-h2)}
:root[data-mood] .card,:root[data-mood] .pulse>div,:root[data-mood] .chartbox,:root[data-mood] .gauge,:root[data-mood] dialog{border-radius:20px;border-color:var(--line)}
:root[data-mood] .tile,:root[data-mood] .gcard{border-radius:16px}
:root[data-mood] .btn{border-radius:999px}
:root[data-mood] .btn.pri{background:var(--m-btn);border-color:transparent;color:#fff;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 35%,transparent)}
:root[data-mood] .btn.pri:hover{filter:brightness(1.05) saturate(1.1);transform:translateY(-1px)}
:root[data-mood] input,:root[data-mood] select,:root[data-mood] textarea{border-radius:14px}
:root[data-mood] .secbar a.on{border-bottom:3px solid var(--accent);color:var(--m-h1)}
:root[data-mood] tr.click:hover td{background:var(--m-hover)}
:root[data-mood] ::selection{background:var(--m-sel)}
:root[data-mood] *{scrollbar-color:var(--m-scroll) transparent}
:root[data-mood] .login form{border-radius:24px;box-shadow:var(--shadow-lg)}

/* ---- 0.85.0: bekleme modu — gerçek hava durumuna göre silik animasyon (mevsim.js); tıklanamaz, hareketle kaybolur ---- */
#wxIdle{position:fixed;inset:0;pointer-events:none;z-index:25;opacity:0;transition:opacity 2.5s ease}
#wxIdle.on{opacity:1}
#wxIdle canvas{position:absolute;inset:0;width:100%;height:100%}
#wxIdle .wxCap{position:absolute;right:22px;bottom:16px;font:600 13px var(--font);color:var(--muted);opacity:.75;text-align:right}
#wxIdle .wxCap span{display:block;font-weight:400;font-size:11px;opacity:.8}
@media (max-width:900px){:root[data-mood] nav{padding-bottom:6px} :root[data-mood] nav::after{display:none}}