/*





*/

/*






*/
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-400-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-400-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-600-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-600-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-700-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-700-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-400-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-600-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-700-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-arabic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-400-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-400-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-600-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-600-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-700-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-700-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/**/
@font-face {
  font-family: 'IBM Plex Sans Devanagari';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/plex-devanagari-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /*

*/
  color-scheme: light;

  /*




*/
  /*













*/
  --bg: #eef2f8;
  --card: #ffffff;
  --ink: #161b22;
  --muted: #5f6b7a;
  --line: #e3e8ef;

  /*





*/
  --control-line: #7d838c;         /**/

  /*












*/
  --mark-plate: var(--card);
  --mark-plate-line: var(--line);
  --off-bg: #eef1f6;
  --off-line: #7f8ea6;
  --off-ink: #5f6b7a;           /**/

  /*








*/

  /*













*/
  --accent: #245edb;        /**/
  --accent-ink: #164fbc;    /**/
  --info: #5a6a80;
  --action: #b06f14;        /**/
  --action-ink: #8a5a08;    /**/
  --urgent: #b3261e;        /**/
  --urgent-ink: #b3261e;    /**/
  /*

*/
  --ok: #2e7d5b;
  --ok-ink: #1f6b4a;
  /*





*/
  --spend-ink: #5a63a8;     /**/
  /*
*/
  --on-accent: #ffffff;

  --warn-bg: #fdf5f4;
  --warn-border: #f0d5d2;
  --warn-ink: #7a2019;

  /*
























*/
  --series-1: #7580c5;
  --series-2: #794780;
  --series-3: #bc6a78;
  --series-4: #894c15;
  --series-5: #918935;
  --series-6: #266e3d;
  --series-7: #03999d;
  --series-8: #1d6294;
  --calm-bg: #eef4fb;
  --calm-border: #cfe0f2;
  /*








*/
  --chip-bg: #e7ecf4;
  /*




*/
  /*




*/
  --tag-hue: var(--control-line);
  --tag-blue: #2b78c9;
  --tag-green: #2e7d55;
  --tag-amber: #a8700d;
  --tag-red: #b4453c;
  --tag-purple: #7a52b3;
  --tag-teal: #17756f;
  --low-bg: #fdf3e3;
  --hover-bg: #f1f6fd;

  /*
*/
  --radius: var(--r-lg);

  /*




*/
  --grad-1: #0d3b6f;
  --grad-2: #2b78c9;
  --grad-3: #7fc4f0;

  /*











*/
  --card-rgb: 255 255 255;
  --accent-rgb: 36 94 219;
  --grad-1-rgb: 13 59 111;
  --grad-2-rgb: 43 120 201;
  --grad-3-rgb: 127 196 240;
  /*
*/
  --shade-rgb: 12 22 38;

  /*















*/
  --shadow-1: 0 1px 2px -1px rgb(var(--shade-rgb) / .10),
              0 2px 6px -2px rgb(var(--shade-rgb) / .08);
  --shadow-2: 0 2px 4px -2px rgb(var(--shade-rgb) / .10),
              0 12px 28px -8px rgb(var(--shade-rgb) / .18);

  /*



*/

  /*
*/
  /*



*/
  /*
*/
  --r-hair: 1px;
  --r-mark: 4px;
  --r-xs: 6px;
  --r-sm: 9px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;
  /*

*/
  --plus-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23000' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
  --minus-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' stroke='%23000' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
  --plus-mask: var(--plus-svg);

  /*


*/
  /*
























































*/
  --t-xs: 11px;                                        /**/
  --t-sm: clamp(11.5px, 0.060vw + 11.28px, 12px);
  --t-md: clamp(12px, 0.119vw + 11.57px, 13px);
  --t-base: clamp(12.75px, 0.149vw + 12.21px, 14px);
  --t-lg: clamp(13.25px, 0.208vw + 12.50px, 15px);
  --t-xl: clamp(14.5px, 0.298vw + 13.43px, 17px);
  --t-2xl: clamp(16px, 0.476vw + 14.29px, 20px);
  --t-3xl: clamp(19px, 0.833vw + 16.00px, 26px);
  --t-4xl: clamp(21px, 1.071vw + 17.14px, 30px);

  /*



























*/
  --t-display: clamp(32px, 5vw, 56px);
  --t-display-2: clamp(22px, 2.3vw, 31px);

  /*










*/
  --font-display: "IBM Plex Sans", "IBM Plex Sans Arabic",
    "IBM Plex Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI",
    system-ui, sans-serif;

  /*













*/
  /*
*/
  --m-page: 1240px;
  --m-workspace: 1440px;
  --t-workspace: clamp(26px, 3vw, 40px);
  --m-prose: 68ch;
  --m-chart-axis: 11ch;

  /**/
  /*



*/
  --s-0: 1px;
  --s-1: 2px;
  --s-2: 4px;
  --s-3: 6px;
  --s-4: 8px;
  --s-5: 10px;
  --s-6: 12px;
  --s-7: 16px;
  --s-8: 20px;
  --s-9: 24px;

  /*


























*/
  --sa-top: env(safe-area-inset-top, 0px);
  --sa-bottom: env(safe-area-inset-bottom, 0px);
  --sa-side: max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));


  /*

*/
  --ease: cubic-bezier(.2, .7, .3, 1);
  --dur-1: 140ms;
  --dur-2: 220ms;
  --dur-3: 700ms;

  /*


*/
  --focus-ring: 0 0 0 3px rgb(var(--grad-2-rgb) / .32);
  --focus-line: var(--grad-2);

  /*

*/
  --field: rgba(255, 255, 255, .72);
  --field-line: #dcd8d2;
  --field-hover: #ffffff;
  /*
*/
  --drawing-filter: none;
}

/*





















*/
@media (prefers-color-scheme: dark) {
  :root[data-theme="system"],
  :root:not([data-theme]) {
    color-scheme: dark;      /**/
    --bg: #0b1017;
    --card: #121926;
    --ink: #e6ebf2;
    --muted: #9aa7b8;
    --line: #1f2a3a;

    /**/
    --control-line: #68707c;       /**/

    /*


*/
    --mark-plate: #eef2f8;
    --mark-plate-line: #cdd6e3;
    --off-bg: #16223a;
    --off-line: #586e93;
    --off-ink: #9aa7b8;

    --accent: #245edb;        /**/
    --accent-ink: #91baff;
    --info: #a3b3c9;
    --action: #b06f14;
    --action-ink: #e6a53e;
    --urgent: #b3261e;
    --urgent-ink: #f28b82;
    --ok: #3f9c74;
    --ok-ink: #6cc39a;
    /*

*/
    --spend-ink: #96a3f9;
    --on-accent: #ffffff;

    --warn-bg: #2a1618;
    --warn-border: #4a2528;
    --warn-ink: #f0b3ac;

    /*
























*/
    --series-1: #96a3f9;
    --series-2: #a062a8;
    --series-3: #ee8899;
    --series-4: #b46725;
    --series-5: #b8ae47;
    --series-6: #399255;
    --series-7: #09c2c7;
    --series-8: #2f83c2;
    --calm-bg: #0f1d2e;
    --calm-border: #21384f;
    --chip-bg: #1b2432;
    /*

*/
    --tag-blue: #6fb2ee;
    --tag-green: #6cc493;
    --tag-amber: #d9a441;
    --tag-red: #e58379;
    --tag-purple: #b294e8;
    --tag-teal: #5cc3ba;
    --low-bg: #2b2108;
    --hover-bg: #131e2c;

    --grad-1: #14508f;
    --grad-2: #2b78c9;
    --grad-3: #7fc4f0;
    --card-rgb: 18 25 38;
    --accent-rgb: 36 94 219;
    --grad-1-rgb: 20 80 143;
    --grad-2-rgb: 43 120 201;
    --grad-3-rgb: 127 196 240;
    /*
*/
    --shade-rgb: 0 0 0;
    /*




*/
    --shadow-1: 0 1px 2px -1px rgba(0, 0, 0, .55),
                0 2px 8px -3px rgba(0, 0, 0, .45),
                inset 0 1px 0 0 rgb(255 255 255 / .04);
    --shadow-2: 0 2px 6px -2px rgba(0, 0, 0, .6),
                0 14px 32px -10px rgba(0, 0, 0, .66),
                inset 0 1px 0 0 rgb(255 255 255 / .06);
    --focus-ring: 0 0 0 3px rgb(var(--grad-3-rgb) / .30);
    --focus-line: var(--grad-3);
    /*
*/
    --field: rgba(255, 255, 255, .045);
    --field-line: #2b3a4d;
    --field-hover: rgba(255, 255, 255, .07);
    --drawing-filter: invert(.9);
  }
}
:root[data-theme="dark"] {
  /*


*/
  color-scheme: dark;
  --bg: #0b1017;
  --card: #121926;
  --ink: #e6ebf2;
  --muted: #9aa7b8;
  --line: #1f2a3a;

  /**/
  --control-line: #68707c;     /**/

  /*


*/
  --mark-plate: #eef2f8;
  --mark-plate-line: #cdd6e3;
  --off-bg: #16223a;
  --off-line: #586e93;
  --off-ink: #9aa7b8;

  --accent: #245edb;        /**/
  --accent-ink: #91baff;
  --info: #a3b3c9;
  --action: #b06f14;
  --action-ink: #e6a53e;
  --urgent: #b3261e;
  --urgent-ink: #f28b82;
  --ok: #3f9c74;
  --spend-ink: #96a3f9;   /**/
  --ok-ink: #6cc39a;
  --on-accent: #ffffff;

  --warn-bg: #2a1618;
  --warn-border: #4a2528;
  --warn-ink: #f0b3ac;

  /*




























*/
  --series-1: #96a3f9;
  --series-2: #a062a8;
  --series-3: #ee8899;
  --series-4: #b46725;
  --series-5: #b8ae47;
  --series-6: #399255;
  --series-7: #09c2c7;
  --series-8: #2f83c2;
  --calm-bg: #0f1d2e;
  --calm-border: #21384f;
  --chip-bg: #1b2432;
  /*

*/
  --tag-blue: #6fb2ee;
  --tag-green: #6cc493;
  --tag-amber: #d9a441;
  --tag-red: #e58379;
  --tag-purple: #b294e8;
  --tag-teal: #5cc3ba;
  --low-bg: #2b2108;
  --hover-bg: #131e2c;

  --grad-1: #14508f;
  --grad-2: #2b78c9;
  --grad-3: #7fc4f0;
  --card-rgb: 18 25 38;
  --accent-rgb: 36 94 219;
  --grad-1-rgb: 20 80 143;
  --grad-2-rgb: 43 120 201;
  --grad-3-rgb: 127 196 240;
  /*
*/
  --shade-rgb: 0 0 0;
  /*
*/
  --shadow-1: 0 1px 2px -1px rgba(0, 0, 0, .55),
              0 2px 8px -3px rgba(0, 0, 0, .45),
              inset 0 1px 0 0 rgb(255 255 255 / .04);
  --shadow-2: 0 2px 6px -2px rgba(0, 0, 0, .6),
              0 14px 32px -10px rgba(0, 0, 0, .66),
              inset 0 1px 0 0 rgb(255 255 255 / .06);
  --focus-ring: 0 0 0 3px rgb(var(--grad-3-rgb) / .30);
  --focus-line: var(--grad-3);
  /*
*/
  --field: rgba(255, 255, 255, .045);
  --field-line: #2b3a4d;
  --field-hover: rgba(255, 255, 255, .07);
  --drawing-filter: invert(.9);
}

* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  /*



*/
  font: clamp(14.5px, 0.298vw + 13.43px, 17px)/1.55 "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  -webkit-text-size-adjust: 100%;
  /*







*/
  -webkit-tap-highlight-color: transparent;
}
/*















*/
.asklog, .chat-menu-list, .dlg-picks, .talklist, .talkrail, .sidebar,
.askform textarea {
  overscroll-behavior: contain;
}

/*














*/
.asklog, .talklist, .chat-menu-list, .demoslider {
  padding-inline: 5px; margin-inline: -5px;
}

/*




*/
.wrap {
  max-width: 760px; margin: 0 auto;
  padding: calc(18px + var(--sa-top)) max(18px, var(--sa-side)) calc(40px + var(--sa-bottom));
}
/*







*/
/*





*/
.wide-space .wrap { max-width: var(--m-page); }

/*







*/
.app-space .wrap { max-width: var(--m-page); }
a { color: var(--accent-ink); }

/**/
/*









*/
:focus-visible {
  outline: 3px solid var(--focus-line); outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

/**/
.skip {
  position: absolute; inset-inline-start: -9999px; top: 0; z-index: 10;
  background: var(--accent); color: var(--on-accent); padding: 10px 16px;
  border-radius: 0 0 9px 0; text-decoration: none;
}
.skip:focus { inset-inline-start: 0; }

/**/
.top { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; flex-wrap: wrap; }
/*

*/
/*




*/
/*





*/
.top h1, .top .brand { display: flex; align-items: center;
  /*
*/
  font-size: clamp(18px, 0.476vw + 16.29px, 22px);
  font-weight: 700; margin: 0; letter-spacing: -0.01em; }
.top h1 a, .top .brand a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 9px; }
.logo { display: block; border-radius: var(--r-xs); flex: none; }
.badge {
  font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .07em;
  background: var(--chip-bg); color: var(--muted); padding: 3px 7px; border-radius: var(--r-xs);
}
.spacer { flex: 1; }
.navlink { font-size: var(--t-base); text-decoration: none; padding: 10px 6px; display: inline-block; }

/*


*/
/*






*/
.langpick { display: inline-flex; align-items: center; gap: 5px; padding: 0 8px;
  border: 1px solid var(--control-line); border-radius: var(--r-sm); background: var(--card);
  min-height: 40px; }
.langpick .globe { font-size: var(--t-lg); line-height: 1; }
.langpick select {
  border: 0; background: transparent; min-height: 0; padding: 8px 4px;
  font-size: var(--t-base); color: inherit; cursor: pointer;
  /*
*/
  font-family: system-ui, sans-serif;
}
.home-space .top #langwrap { width: 152px; }
.home-space .top .langpick { width: 100%; }
.home-space .top .langpick select { width: 100%; }
/*





*/
.sub { color: var(--muted); font-size: var(--t-md); }
p.sub { margin: 0 0 22px; }

/**/
.hero {
  /*





*/
  font-size: var(--t-display); line-height: 1.05; letter-spacing: -0.025em;
  margin: 18px 0 20px; font-weight: 700; max-width: 12em;
  /*



*/
  text-wrap: balance;
}
/*

*/
.hero,
#landing section.land > h2 { font-family: var(--font-display); }

/*











*/
[dir="rtl"] .hero,
[dir="rtl"] #landing section.land > h2 { letter-spacing: normal; }

/*











*/
.hero + .herosub {
  margin-top: 0; max-width: 30em; line-height: 1.5; font-size: var(--t-2xl);
}

/*










*/
/*




*/
select, button,
input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])),
textarea {
  font: inherit; font-size: var(--t-lg); padding: 10px 14px; min-height: 44px;
  border: 1px solid var(--control-line); border-radius: var(--r-md);
  background: var(--card); color: var(--ink);
}
/*
*/
input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])),
textarea, select {
  background: var(--field); border-color: var(--field-line);
  transition: border-color var(--dur-1) var(--ease),
              box-shadow var(--dur-2) var(--ease),
              background-color var(--dur-1) var(--ease);
}
input:where(:not([type=checkbox],[type=radio],[type=file])):hover:not(:disabled),
textarea:hover:not(:disabled), select:hover:not(:disabled) {
  background: var(--field-hover);
}
textarea { line-height: 1.5; resize: vertical; }
::placeholder { color: var(--muted); opacity: .75; }
/*



*/
input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])) {
  text-overflow: ellipsis;
}

/**/
input:focus-visible, textarea:focus-visible, select:focus-visible {
  border-color: var(--focus-line);
}
button { cursor: pointer; }

/*



















*/
.lact, .del, .factx, .talkdel, .chat-del, .mtx, .eye, .caltoggle, .blockicon,
.blockcopy, .pweye, .talkicon, .foldbtn, .editbtn, .infobtn, .viewbtn,
.calnav, .icon-btn, .pwcopy, .linkbtn, .seg {
  padding: 0; min-height: 0; line-height: 1;
}
.lact, .factx, .talkdel, .chat-del, .mtx, .eye, .caltoggle, .blockicon,
.pweye, .talkicon, .foldbtn, .editbtn, .infobtn, .viewbtn, .calnav, .icon-btn {
  display: inline-grid; place-items: center;
}
/*









*/
.lact[hidden], .factx[hidden], .talkdel[hidden], .chat-del[hidden], .mtx[hidden],
.eye[hidden], .caltoggle[hidden], .blockicon[hidden], .pweye[hidden],
.talkicon[hidden], .foldbtn[hidden], .editbtn[hidden], .infobtn[hidden],
.viewbtn[hidden], .calnav[hidden], .icon-btn[hidden] { display: none; }
/*


















*/
button.go, a.go {
  background: linear-gradient(to bottom, var(--accent),
              color-mix(in srgb, var(--accent) 86%, var(--grad-1)));
  color: var(--on-accent); border: 1px solid transparent;
  font-weight: 600; padding: 11px 22px; border-radius: var(--r-md);
  text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 1px 2px rgb(var(--shade-rgb) / .2),
              inset 0 1px 0 rgb(255 255 255 / .15);
  /*




*/
  transition: background-image var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease),
              transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);
}
button.go:hover:not(:disabled), a.go:hover {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--accent) 88%, var(--grad-1)),
              var(--grad-1));
  box-shadow: 0 2px 6px -1px rgb(var(--shade-rgb) / .28),
              inset 0 1px 0 rgb(255 255 255 / .15);
}
button.go:active, a.go:active { transform: scale(.99); }
/*





*/
button.go:disabled {
  opacity: 1; cursor: default;
  background: var(--off-bg); color: var(--off-ink);
  box-shadow: inset 0 0 0 1px var(--off-line);
}
/*
*/
button.ghost, a.ghost {
  border-radius: var(--r-md); background: transparent;
  /*


*/
  border: 1px solid var(--control-line); color: var(--ink); font-weight: 600;
  padding: 11px 22px; text-decoration: none;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background-color var(--dur-1) var(--ease),
              border-color var(--dur-1) var(--ease),
              transform var(--dur-1) var(--ease);
}
button.ghost:hover:not(:disabled) {
  background: var(--hover-bg); border-color: var(--focus-line);
}
button.ghost:active:not(:disabled) { transform: scale(.985); }
/*









*/
@media (max-width: 430px) {
  button.go, a.go, button.ghost, a.ghost {
    padding: 10px 14px; font-size: var(--t-lg);
  }
}
/*



*/
#view button:disabled, #view select:disabled { opacity: .45; cursor: not-allowed; }
button.danger { color: var(--urgent-ink); border-color: var(--warn-border); background: transparent; }
.controls { display: flex; gap: var(--s-5); margin-top: 14px; flex-wrap: wrap; align-items: center; }
/*

*/
.controls[hidden] { display: none; }

/*


*/
/**/
.drop {
  border: 2px dashed var(--control-line); border-radius: var(--radius); background: var(--card);
  padding: 40px 20px; text-align: center; cursor: pointer;
  transition: border-color var(--dur-2) ease, background var(--dur-2) ease, box-shadow var(--dur-2) ease, transform var(--dur-2) ease;
}
.drop:hover, .drop.over {
  border-color: var(--grad-2); background: var(--hover-bg);
}
/*



*/
.drop .sicon {
  width: 48px; height: 48px; border-radius: var(--r-md);
  margin: 0 auto var(--s-6);
  transition: background-color var(--dur-2) var(--ease),
              border-color var(--dur-2) var(--ease);
}
.drop .sicon .icon { width: 24px; height: 24px; }
/*

*/
.drop:hover .sicon, .drop.over .sicon {
  border-color: rgb(var(--grad-2-rgb) / .45);
  background: rgb(var(--grad-2-rgb) / .14);
}
.drop strong { display: block; font-size: var(--t-xl); margin-bottom: 6px; }
.drop span { color: var(--muted); font-size: var(--t-base); }
.files { font-size: var(--t-md); color: var(--muted); margin-top: 10px; min-height: 1.2em; }

/*


*/
.pagelist { list-style: none; margin: 0; padding: 0; }
.pagelist li {
  display: flex; align-items: baseline; gap: var(--s-4);
  padding: var(--s-3) 0; border-bottom: 1px solid var(--line);
}
.pagelist li:last-child { border-bottom: 0; }
.pagelist .pageno { color: var(--ink); font-weight: 600; white-space: nowrap; }
/*
*/
.pagelist .pagename {
  flex: 1; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
.pagelist .linkbtn { font-size: var(--t-md); padding: 0; white-space: nowrap; }
.saved { color: var(--accent-ink); font-weight: 600; }

/**/
.waiting { text-align: center; padding: 50px 20px; }
.pulse {
  width: 44px; height: 44px; border-radius: 50%; margin: 0 auto 20px;
  border: 3px solid var(--line); border-top-color: var(--accent-ink);
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
/*

*/
@media (prefers-reduced-motion: reduce) {
  /*


*/
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; }
  .pulse { animation-duration: 3s; }
}
.elapsed { font-size: var(--t-4xl); font-variant-numeric: tabular-nums; font-weight: 600; }

/*










*/
.pbar {
  position: relative; height: 10px; margin: 0 auto var(--s-5);
  max-width: 340px; border-radius: var(--r-pill); overflow: hidden;
  /*
*/
  background: color-mix(in oklab, var(--line) 62%, transparent);
  box-shadow: inset 0 1px 3px rgb(0 0 0 / .16), inset 0 0 0 1px rgb(0 0 0 / .04);
}
.pbar > i {
  display: block; height: 100%; width: 0%; border-radius: inherit;
  position: relative; overflow: hidden;
  /*
*/
  background: linear-gradient(90deg,
    color-mix(in oklab, var(--accent-ink) 62%, transparent) 0%,
    var(--accent-ink) 48%,
    color-mix(in oklab, var(--accent-ink) 62%, white) 78%,
    var(--accent-ink) 100%);
  box-shadow: 0 0 12px color-mix(in oklab, var(--accent-ink) 55%, transparent),
              0 0 2px color-mix(in oklab, var(--accent-ink) 80%, transparent);
  /*
*/
  transition: width var(--dur-3) var(--ease);
}
/**/
.pbar > i::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, transparent 20%,
              rgb(255 255 255 / .42) 50%, transparent 80%);
  transform: translateX(-100%);
  animation: pbar-sheen 2.1s cubic-bezier(.45, 0, .25, 1) infinite;
}
@keyframes pbar-sheen { 0% { transform: translateX(-100%); } 60%, 100% { transform: translateX(220%); } }

/*
*/
.pbar.indeterminate > i {
  width: 36%; transition: none;
  animation: pbar-sweep 1.65s cubic-bezier(.45, .05, .35, .95) infinite;
}
.pbar.indeterminate > i::after { animation: none; }
@keyframes pbar-sweep {
  0%   { transform: translateX(-115%); }
  100% { transform: translateX(300%); }
}

.pstage { color: var(--muted); font-size: var(--t-base); margin: 0 0 var(--s-4);
  min-height: 1.2em;
  /*
*/
  transition: opacity var(--dur-1) var(--ease); }
.ppct { font-variant-numeric: tabular-nums; }

/*


*/
.trwait { margin-top: 12px; padding: 14px 16px 12px;
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: color-mix(in oklab, var(--card) 92%, var(--accent-ink) 8%); }
.trwait .pbar { max-width: none; margin-bottom: var(--s-4); }
.trwait-top { display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--s-5); margin-bottom: var(--s-4); }
.trwait-pct { font-size: var(--t-3xl); font-weight: 600;
  font-variant-numeric: tabular-nums; letter-spacing: -.01em;
  color: var(--accent-ink); }
.trwait-el { font-size: var(--t-md); color: var(--muted);
  font-variant-numeric: tabular-nums; }
.trwait .pstage { margin: 0 0 2px; font-weight: 500; color: var(--ink); }
.trwait-note { margin: 0; font-size: var(--t-md); color: var(--muted); }

/*
*/
@media (prefers-reduced-motion: reduce) {
  .pbar > i::after { animation: none; }
  .pbar.indeterminate > i { animation-duration: 4s; }
}
.waiting p { color: var(--muted); font-size: var(--t-base); margin: 8px 0 0; }

/**/
.card {
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 18px; margin-bottom: 14px;
  box-shadow: var(--shadow-1);
  transition: box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease),
              border-color var(--dur-1) var(--ease);
}
/*

*/
h3 { font-size: var(--t-lg); text-transform: none; letter-spacing: -0.01em;
     color: var(--ink); margin: 0 0 9px; font-weight: 700; }
.card p { margin: 0 0 10px; }
.card p:last-child { margin-bottom: 0; }

/**/
.verdict { border-left: 5px solid var(--info); }
.verdict.action-needed { border-left-color: var(--action); }
.verdict.URGENT { border-left-color: var(--urgent-ink); background: var(--warn-bg); }
/*


*/
/*









*/
.rem.remoff .when, .rem.remoff .what { color: var(--muted); }
.rem.remoff .when, .rem.remoff .remsched { text-decoration: line-through; }
/*
*/
.rem:has(+ .bulkrow) { border-bottom: none; }

.utag { font-size: var(--t-sm); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--info); }
/*






*/
.utag-edit { font-family: inherit; background: none; border: 0; padding: 0;
  cursor: pointer; text-align: inherit; }
.utag-edit:hover, .utag-edit:focus-visible {
  text-decoration: underline dotted; text-underline-offset: 3px; }
.utag-edit[hidden] { display: none; }
.verdict.action-needed .utag { color: var(--action-ink); }
.verdict.URGENT .utag { color: var(--urgent-ink); }
/*

*/
.title { font-size: var(--t-2xl); font-weight: 650; margin: 6px 0 4px; letter-spacing: -0.01em; }
.from { color: var(--muted); font-size: var(--t-base); }

.deadline { display: flex; align-items: baseline; gap: var(--s-6); flex-wrap: wrap; }
.deadline .d { font-size: var(--t-3xl); font-weight: 700; font-variant-numeric: tabular-nums; }
.deadline .until { font-size: var(--t-base); color: var(--muted); }
.hard { background: var(--urgent); color: var(--on-accent); font-size: var(--t-xs); padding: 2px 7px;
        border-radius: var(--r-xs); font-weight: 700; letter-spacing: .05em; }

/*




*/
.places .place { display: flex; gap: var(--s-4); align-items: flex-start; }
.places .place + .place { margin-block-start: var(--s-6);
  padding-block-start: var(--s-6); border-block-start: 1px solid var(--line); }
.places .picon { flex: none; color: var(--muted); line-height: 0; margin-block-start: var(--s-1); }
.places .pbody { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
.places .pname { font-size: var(--t-lg); }
/**/
.places .paddr { font-size: var(--t-base); }
.places .pwhy { font-size: var(--t-sm); color: var(--muted); }
.places .plinks { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-block-start: var(--s-4); }
.maplink {
  display: inline-block; text-decoration: none; font-size: var(--t-sm); font-weight: 600;
  padding: var(--s-3) var(--s-6); border: 1px solid var(--line); border-radius: var(--r-pill);
  color: var(--action-ink); background: var(--card);
}
.maplink:hover { border-color: var(--action-ink); }

/*
*/
.low {
  display: inline-block; background: var(--low-bg); color: var(--action-ink);
  font-size: var(--t-xs); padding: 1px 6px; border-radius: var(--r-xs); font-weight: 700;
  margin-left: 6px; white-space: nowrap;
}
.warn { background: var(--warn-bg); border: 1px solid var(--warn-border); color: var(--warn-ink);
        border-radius: var(--radius); padding: 14px 16px; margin-bottom: 14px; font-size: var(--t-lg); }
.warn strong { display: block; margin-bottom: 3px; }
.lawyer { background: var(--calm-bg); border: 1px solid var(--calm-border); border-radius: var(--radius);
          padding: 14px 16px; margin-bottom: 14px; font-size: var(--t-lg); }
.note { background: var(--calm-bg); border: 1px solid var(--calm-border); border-radius: var(--radius);
        padding: 16px; margin-bottom: 14px; }

/*












*/
.card p, .card li { overflow-wrap: anywhere; }
ol.steps { margin: 0; padding-left: 22px; }
ol.steps li { margin-bottom: 11px; }
ol.steps li:last-child { margin-bottom: 0; }
.by { color: var(--action-ink); font-size: var(--t-md); font-weight: 600; }

table { width: 100%; border-collapse: collapse; font-size: var(--t-base); }
td { padding: 7px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
tr:last-child td { border-bottom: none; }
/*

*/
td.k { color: var(--muted); width: 34%; padding-inline-end: 12px; }
.ev { color: var(--muted); font-size: var(--t-sm); font-style: italic; display: block; margin-top: 3px; }
.caveats { font-size: var(--t-base); color: var(--muted); }
.caveats li { margin-bottom: 6px; }
.warn .caveats { color: inherit; padding-inline-start: 20px; }

.orig img { width: 100%; border-radius: var(--r-sm); border: 1px solid var(--line); display: block; }
.orig .pdfnote { color: var(--muted); font-size: var(--t-base); margin-top: 10px; }
/*


*/
.orig .scannote {
  color: var(--muted); font-size: var(--t-base); margin-top: 10px;
  display: flex; gap: var(--s-4); align-items: baseline; flex-wrap: wrap;
}
.orig .scannote .linkbtn { font-size: var(--t-base); padding: 0; }

/*

*/
.orig .downloads { list-style: none; margin: var(--s-5) 0 0; padding: 0; }
.orig .downloads li {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-4);
  padding: var(--s-3) 0; font-size: var(--t-base);
}
.orig .downloads li + li { border-top: 1px solid var(--line); }
.orig .downloads .pageno { color: var(--muted); min-width: 5.5em; }
/**/
.orig .thumbwrap { display: inline-block; max-width: 260px; }
.orig .thumb {
  width: 100%; border-radius: var(--r-xs); border: 1px solid var(--line);
  box-shadow: 0 1px 6px rgba(0,0,0,.12); display: block;
}
.orig .filemeta { font-weight: 600; color: var(--ink); }

/*
*/
.trgrid { display: flex; flex-wrap: wrap; gap: var(--s-7); margin: 6px 0 14px; }
.trprev { display: flex; gap: var(--s-6); align-items: flex-start;
          border: 1px solid var(--line); border-radius: var(--r-sm); padding: 12px; max-width: 360px; }
.trprev .thumbwrap { display: block; flex: 0 0 96px; }
.trprev .thumb { width: 96px; border-radius: var(--r-xs); border: 1px solid var(--line);
                 box-shadow: 0 1px 5px rgba(0,0,0,.12); display: block; }
.trprev .trmeta { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.trprev .trmeta strong { font-size: var(--t-lg); }
.trprev .filemeta { font-weight: 600; color: var(--muted); font-size: var(--t-md); }
.trprev .controls { margin-top: 4px; gap: var(--s-7); flex-wrap: wrap; }

/**/
.asklog { display: flex; flex-direction: column; gap: var(--s-4); margin-bottom: 12px;
  max-height: 440px; overflow-y: auto; }
.ask-msg { padding: 10px 13px; border-radius: var(--r-md); font-size: var(--t-lg); line-height: 1.5;
  max-width: 85%; white-space: pre-wrap; overflow-wrap: anywhere; }
/*



*/
/*









*/
/*

*/
.ask-msg > bdi { display: block; }

.ask-you, .talk-me { align-self: flex-end; background: var(--accent); color: var(--on-accent); border-end-end-radius: 4px; }
.ask-ai, .talk-them { align-self: flex-start; background: var(--chip-bg); color: var(--ink); border-end-start-radius: 4px; }

.ask-pending { opacity: .6; }
.ask-err { align-self: flex-start; background: var(--warn-bg); color: var(--warn-ink);
  border: 1px solid var(--warn-border); }
.ask-flag { display: block; margin-top: 6px; font-size: var(--t-sm); font-weight: 600; color: var(--muted); }

/*

*/
/**/
.stale-line { opacity: .6; }

.ask-web { border: 1px dashed var(--line); background: transparent; }
.ask-flag.web { margin-top: 0; margin-bottom: 6px; color: var(--ink); opacity: .75; }
.ask-lookup { display: block; margin-top: 10px; font-size: var(--t-md); padding: 6px 12px; min-height: 34px; }
.ask-sources { display: flex; flex-direction: column; gap: var(--s-2); margin-top: 10px; font-size: var(--t-sm); }
.ask-srclabel { color: var(--muted); font-weight: 600; }
.ask-sources a { color: var(--muted); overflow-wrap: anywhere; }
/*



*/
.askform { display: flex; flex-direction: column; gap: var(--s-4); }
.askform input { width: 100%; min-width: 0; }
.askrow { display: flex; align-items: center; gap: var(--s-4); }
.askrow .go { margin-inline-start: auto; }        /**/

/**/
.chat-head { display: flex; align-items: center; gap: var(--s-5); margin-bottom: 12px; flex-wrap: wrap; }
/*

*/
.chat-tabs { display: flex; gap: var(--s-3); flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.chat-tab { display: inline-flex; align-items: center; gap: var(--s-2); padding: 5px 6px 5px 12px;
  border: 1px solid var(--line); border-radius: var(--r-pill); font-size: var(--t-md); cursor: pointer;
  background: transparent; max-width: 230px; }
.chat-tab.active { background: var(--chip-bg); border-color: var(--muted); font-weight: 600; }
/*

*/
.chat-tab-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }

/*




*/
.chat-head { position: relative; }
/*


*/
.chat-title {
  flex: 1; min-width: 0; font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.chat-menu {
  position: absolute; inset-inline-end: 0; top: calc(100% + 6px); z-index: 30;
  width: min(320px, 90vw); padding: var(--s-4);
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--r-sm); box-shadow: 0 10px 30px rgba(0,0,0,.28);
}
.chat-menu-list { max-height: 320px; overflow-y: auto; margin-top: var(--s-4); }
.chat-row {
  display: flex; align-items: center; gap: var(--s-4);
  padding: var(--s-4) var(--s-5); border-radius: var(--r-xs);
  cursor: pointer; color: var(--ink);
}
.chat-row:hover, .chat-row:focus-visible { background: var(--chip-bg); }
.chat-row.active { background: var(--chip-bg); font-weight: 600; }
.chat-row .chat-tab-name { flex: 1; }

/*





*/
.chat-resize {
  position: absolute; inset-block: 0; inset-inline-start: -5px; width: 10px;
  cursor: ew-resize; z-index: 40; touch-action: none;
}
.chat-resize::after {
  content: ""; position: absolute; inset-block: 0; inset-inline-start: 4px;
  width: 2px; background: transparent;
}
.chat-resize:hover::after, .chat-panel.resizing .chat-resize::after {
  background: var(--accent);
}
/*
*/
@media (max-width: 720px) { .chat-resize { display: none; } }
.chat-del { display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 18px; height: 18px; border-radius: 50%; color: var(--muted); font-size: var(--t-lg); line-height: 1; }
.chat-del:hover { background: var(--warn-bg); color: var(--warn-ink); }
.chat-new { white-space: nowrap; padding: 8px 12px; min-height: 0; font-size: var(--t-md); }
.chat-empty { color: var(--muted); font-size: var(--t-base); padding: 8px 2px; margin: 0; }
.chat-hint { font-size: var(--t-sm); margin: 0 0 10px; }

/*
*/
.icon-btn { display: none; align-items: center; justify-content: center;
  width: 40px; min-height: 40px; padding: 0; font-size: var(--t-xl); line-height: 1; flex: none;
  border: 1px solid var(--control-line); border-radius: var(--r-sm); background: var(--card); color: var(--ink); cursor: pointer; }
/*


*/
#themetoggle { display: inline-grid; place-items: center; font-size: var(--t-lg); }
/*

*/
.legal-bar-tools { display: inline-flex; align-items: center; gap: var(--s-5); }

/*


*/
.sidehandle { display: none; }

.psources a { color: var(--accent-ink); text-decoration: none; }
.psources a:hover { text-decoration: underline; }

/*















*/
.chatfab { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-4);
  min-height: 44px; padding: 7px 14px; border: 1px solid rgb(var(--accent-rgb) / .32);
  border-radius: var(--r-pill); background: rgb(var(--accent-rgb) / .08); color: var(--accent-ink);
  font-size: var(--t-base); font-weight: 600; white-space: nowrap; cursor: pointer;
  transition: background var(--dur-1) ease, border-color var(--dur-1) ease; }
.chatfab:hover { background: rgb(var(--accent-rgb) / .15); border-color: rgb(var(--accent-rgb) / .5); }
.chatfab .icon { width: 18px; height: 18px; }
/*
*/
.chatfab .fab-short { display: none; }
@media (max-width: 860px) {
  .chatfab .fab-label { display: none; }
  .chatfab .fab-short { display: inline; }
}
/*

*/
@media (max-width: 380px) {
  .chatfab .fab-short { display: none; }
  .chatfab { padding-inline: var(--s-5); min-width: 44px; }
}
/**/
.chatfab[aria-expanded="true"] { background: rgb(var(--accent-rgb) / .18); border-color: rgb(var(--accent-rgb) / .6); }
/*


*/
body:has(#view #homeask) .chatfab { display: none; }
.chatfab[hidden] { display: none; }     /**/

/*

*/
.chatdrawer { position: fixed; inset-block: 0; inset-inline-end: 0; z-index: 45;
  width: min(400px, 92vw); background: var(--card);
  border-inline-start: 1px solid var(--line); box-shadow: -6px 0 24px rgba(0,0,0,.16);
  padding-block: var(--sa-top) var(--sa-bottom);
  display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform var(--dur-2) ease; }
html[dir="rtl"] .chatdrawer { transform: translateX(-100%); }
body.chat-open .chatdrawer { transform: translateX(0); }
.chatdrawer[hidden] { display: none; }     /**/

/*





*/
.chatdrawer { visibility: hidden;
  transition: transform var(--dur-2) ease, visibility var(--dur-1) linear var(--dur-2); }
body.chat-open .chatdrawer { visibility: visible; transition: transform var(--dur-2) ease; }

/**/
.chatscrim { position: fixed; inset: 0; z-index: 44;
  background: rgb(var(--shade-rgb) / .45);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity var(--dur-2) var(--ease), visibility var(--dur-1) linear var(--dur-2); }
body.chat-open .chatscrim { opacity: 1; visibility: visible; pointer-events: auto;
  transition: opacity var(--dur-2) var(--ease); }
@media (prefers-reduced-motion: reduce) {
  .chatdrawer, .chatscrim, body.chat-open .chatdrawer, body.chat-open .chatscrim {
    transition: none;
  }
}
.chatdrawer-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-5);
  padding: 13px 16px; border-block-end: 1px solid var(--line); }
.chatdrawer-head strong { font-size: var(--t-xl); }
.chatdrawer-head .icon-btn { display: inline-flex; width: 34px; min-height: 34px; font-size: var(--t-2xl); }
.chatdrawer #chatpanel { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 14px 16px; }
.chatdrawer .asklog { flex: 1; max-height: none; }

/*




*/
.run { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-7);
  font-size: var(--t-sm); color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.run span { white-space: nowrap; }
.err { background: var(--warn-bg); border: 1px solid var(--warn-border); color: var(--warn-ink);
       padding: 16px; border-radius: var(--radius); }
.empty { text-align: center; color: var(--muted); padding: 50px 20px; }
/*


*/
.emptystate { max-width: 520px; margin-inline: auto; margin-top: 8vh; text-align: center; }
.emptystate .controls { justify-content: center; margin-top: 14px; }

/*



































*/
@media (max-width: 560px) {
  /*



*/
  :where(#view .card p, #view .steps li, #view .rem, #view .bulkrow) { font-size: var(--t-lg); }
  #view .deadline .d { font-size: var(--t-2xl); }
  /*













*/
  #view .card p.nwfig { font-size: var(--t-3xl); }
}

/**/
.doc { display: block; text-decoration: none; color: inherit; }
.doc:hover { border-color: var(--accent-ink); }
.doc .row { display: flex; align-items: baseline; gap: var(--s-5); }
/*










*/
.doc .row > strong { min-width: 0; overflow-wrap: anywhere; }
/*






















*/
/*











*/
.dot { width: 9px; height: 9px; border-radius: 50%; flex: none;
  display: inline-block; vertical-align: middle;
  box-sizing: border-box;
  background: transparent; border: 2px solid var(--info); }
.dot.action-needed { background: var(--action-ink); border-color: var(--action-ink); }
.dot.URGENT { background: var(--urgent-ink); border-color: var(--urgent-ink);
  outline: 1.5px solid var(--urgent-ink); outline-offset: 1.5px; }
.doc .meta { color: var(--muted); font-size: var(--t-md); margin-top: 4px; }

/**/
.cat-head { font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .06em;
  color: var(--muted); margin: 26px 0 8px; display: flex; align-items: baseline; gap: var(--s-4); }
.cat-count { font-weight: 400; opacity: .65; }
.tag-everyday { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  background: var(--accent); color: var(--on-accent); padding: 2px 7px; border-radius: var(--r-xs); margin-inline-start: auto; }
.doc-holder { font-weight: 600; color: var(--accent-ink); }

/**/
/*


*/
.srcmore { border: 0; background: none; padding: 0; font: inherit; cursor: pointer;
  /*


*/
  line-height: inherit; color: var(--accent-ink); text-decoration: underline; }
.srcmore:hover { text-decoration-thickness: 2px; }

.side-link { display: block; text-decoration: none; color: var(--accent-ink);
  font-weight: 600; font-size: var(--t-base); padding: 8px 0; margin-bottom: 8px; }
.ptable { display: flex; flex-direction: column; }
.prow { display: flex; gap: var(--s-7); padding: 11px 0; border-bottom: 1px solid var(--line); }
.prow:last-child { border-bottom: 0; }
/*











*/
.prow.prow-age { align-items: center; }
/*







*/
@media (min-width: 561px) { .prow.prow-age .pval { flex: 0 1 auto; } }
.plabel { flex: 0 0 150px; color: var(--muted); font-size: var(--t-base); }
.pval { flex: 1; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
/*

















*/
@media (max-width: 560px) {
  .prow { flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-6); }
  .plabel { flex: 0 1 auto; }
  .pval { flex: 1 1 55%; text-align: end; }
}

/**/
.mcards { display: flex; flex-wrap: wrap; gap: var(--s-6); margin-bottom: 20px; }
/*




*/
/*




*/
.mcard {
  flex: 1 1 min(150px, calc(50% - var(--s-6))); min-width: 0;
  display: flex; flex-direction: column; gap: var(--s-1);
  padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--card); box-shadow: var(--shadow-1);
}
/*
*/
/*







*/
.mcard .mval { font-size: var(--t-2xl); font-weight: 700;
  font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.mcard .mlabel { font-size: var(--t-md); color: var(--muted); }
.mcard.in .mval { color: var(--ok-ink); }

.saybox { display: flex; gap: var(--s-4); margin: 4px 0 2px; }
.saybox input {
  flex: 1; min-width: 0; padding: 11px 13px; font-size: var(--t-lg);
  border: 1px solid var(--control-line); border-radius: var(--r-sm); background: var(--card); color: var(--ink);
}
.saybox .go { white-space: nowrap; }
/**/
/*






*/
/*







*/
.saymic[hidden] { display: none; }
.saymic { flex: 0 0 auto; width: 44px; padding: 0; display: inline-grid; place-items: center;
  border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--card);
  color: var(--accent-ink); cursor: pointer; transition: background var(--dur-1) ease, border-color var(--dur-1) ease; }
.saymic .icon { width: 20px; height: 20px; }
.saymic:hover { background: var(--hover-bg); }
.saymic.listening { color: var(--on-accent); border-color: transparent;
  background: var(--accent); animation: micpulse 1.2s ease-in-out infinite; }
@keyframes micpulse { 0%,100% { box-shadow: 0 0 0 0 rgb(var(--grad-2-rgb) / .5); } 50% { box-shadow: 0 0 0 7px rgb(var(--grad-2-rgb) / 0); } }
@media (prefers-reduced-motion: reduce) { .saymic.listening { animation: none; } }
.saystatus { color: var(--muted); margin: 8px 0 0; }
.saystatus.err { color: var(--urgent-ink); }

/*










*/
.saycard[hidden] { display: none; }
.saycard { display: flex; flex-direction: column; gap: var(--s-3);
  /*



*/
  margin-block: var(--s-5); padding: 12px 13px; background: var(--card);
  border: 1px solid var(--calm-border); border-radius: var(--r-sm); }
.sayheard { margin: 0; font-size: var(--t-sm); color: var(--muted); font-weight: 600; }
.saylines { display: flex; flex-direction: column; gap: var(--s-2); }
/*
*/
.sayline { display: flex; align-items: center; gap: var(--s-3);
  padding: 6px 0; border-bottom: 1px solid var(--line); }
.sayline:last-child { border-bottom: 0; }
.saywhat { flex: 1; min-width: 0; overflow-wrap: anywhere;
  display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; }
.sayacts { display: flex; gap: var(--s-3); flex-wrap: wrap; }
/*


*/
.sayline.blocked .saywhat { color: var(--muted); }
.saynone { font-size: var(--t-sm); color: var(--urgent-ink); }
.saypick select { max-width: 100%; min-height: 44px; font-size: var(--t-md); }
/*
*/
.chip.verb { font-weight: 700; color: var(--accent-ink); }

/*





*/
.spcheck { display: flex; align-items: center; gap: var(--s-3);
  /*




*/
  margin-block: var(--s-5) var(--s-4); }
.spcheck input:disabled + span { color: var(--muted); }

/*

*/
.chip.who { font-weight: 600; }
.chip.owed { color: var(--ok-ink); background: transparent;
  border: 1px solid var(--calm-border); font-weight: 600; }
/*
*/
.lact.paid { color: var(--ok-ink); }

.ledger-h { margin: 22px 0 8px; font-size: var(--t-base); color: var(--muted); font-weight: 600; }
.ledger { display: flex; flex-direction: column; }
.lrow {
  display: flex; align-items: center; gap: var(--s-6);
  padding: 11px 0; border-bottom: 1px solid var(--line);
}
.lrow:last-child { border-bottom: 0; }
.lmain { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--s-2); }
.ldesc { font-weight: 600; overflow-wrap: anywhere; }
/*
*/
.ldesc a { color: inherit; text-decoration: none;
  display: inline-flex; align-items: center; min-height: 24px; }
.ldesc a:hover { color: var(--accent-ink); text-decoration: underline; }
.chip.receipt { color: var(--accent-ink); background: transparent;
  border: 1px solid var(--calm-border); font-weight: 600; }
.lmeta { font-size: var(--t-sm); color: var(--muted); display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; }
.lmeta a { color: var(--accent-ink); text-decoration: none; }
.lmeta a:hover { text-decoration: underline; }
.lamt { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
/*






*/
.foodday { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-4); margin: 0 0 var(--s-7); }
.fooddate { font-weight: 600; }

/*


*/
.fitday { display: grid; gap: var(--s-4); margin: 0 0 var(--s-7); }
.fitday > .foodday { position: relative; margin: 0; }
button.ghost.fitday-date { gap: var(--s-3); min-width: 0; padding-inline: var(--s-5); border-color: transparent; }
.fitday-date .icon { inline-size: 1.15rem; block-size: 1.15rem; flex: none; color: var(--muted); }
.fitday-date .fooddate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*



*/
.fitweek { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--s-2);
  max-inline-size: 34rem; touch-action: pan-y; }
/**/
.fitweek .fitweek-nav { display: none; }
.fitweek-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--s-1); }
.fitweek-d { display: grid; justify-items: center; align-content: center; gap: var(--s-1);
  min-width: 0; min-height: 3.5rem; padding: var(--s-2) 0; border: 0; border-radius: var(--r-md);
  background: none; color: var(--ink); font: inherit; }
.fitweek-d:hover:not(:disabled) { background: var(--hover-bg); }
.fitweek-d:disabled { cursor: default; color: var(--muted); }
.fitweek-wd { font-size: var(--t-xs); font-weight: 600; line-height: 1.2; color: var(--muted); }
.fitweek-n { display: grid; place-items: center; inline-size: 2rem; block-size: 2rem;
  border-radius: var(--r-pill); font-size: var(--t-md); font-weight: 600; font-variant-numeric: tabular-nums; }
.fitweek-d.today .fitweek-n { color: var(--accent-ink); box-shadow: inset 0 0 0 2px var(--accent); }
.fitweek-d.on .fitweek-n { background: var(--accent); color: var(--on-accent); box-shadow: none; }
.fitdot { display: block; inline-size: 5px; block-size: 5px; border-radius: var(--r-pill); }
.has > .fitdot { background: var(--muted); }
/*







*/
@container fit (min-width: 30rem) {
  .fitweek { grid-template-columns: auto minmax(0, 1fr) auto; }
  .fitweek .fitweek-nav { display: inline-grid; min-width: 44px; min-height: 44px; }
  .fitday > .foodday > .ghost[data-fit-step] { display: none; }
  /*

*/
  button.ghost.fitday-date { border-color: var(--control-line); }
}

/*



*/
.fitcal { display: grid; gap: var(--s-4); }
.fitcal-bar { display: flex; align-items: center; gap: var(--s-2); }
.fitcal-bar .calnav { min-width: 44px; min-height: 44px; }
/**/
.fitcal-bar .fitcal-x { display: inline-grid; place-items: center; width: 44px; min-height: 44px; }
button.ghost.fitcal-today { margin-inline-start: auto; min-height: 44px; padding: var(--s-3) var(--s-6); }
.fitcal-x .icon { inline-size: 1.15rem; block-size: 1.15rem; }
.fitcal-months { position: relative; display: grid; gap: var(--s-7); align-content: start;
  max-block-size: min(50vh, 28rem); overflow-y: auto; overscroll-behavior: contain;
  padding: 0 var(--s-3) var(--s-3); margin-inline: calc(-1 * var(--s-3)); }
/*

*/
.fitcal-mhead { position: sticky; inset-block-start: 0; z-index: 2; background: var(--card); }
.fitcal-mh { margin: 0; padding-block: var(--s-2); font-size: var(--t-md); font-weight: 700; color: var(--ink); }
.calgrid.calgrid--pick { border: 0; border-radius: 0; overflow: visible; row-gap: var(--s-1); }
/**/
.calgrid.calgrid--pick > * { border: 0; }
.calgrid--pick .cdow { padding: var(--s-2) 0; background: none; text-transform: none; letter-spacing: 0; }
.calgrid--pick .cday { display: grid; justify-items: center; align-content: center; gap: var(--s-1);
  min-height: 44px; padding: var(--s-1) 0; border-radius: var(--r-md); background: none;
  overflow: visible; text-align: center; color: var(--ink); text-decoration: none; }
.calgrid--pick .cnum { display: grid; place-items: center; align-self: center; inline-size: 2.25rem; block-size: 2.25rem;
  padding: 0; border-radius: var(--r-pill); font-size: var(--t-md); line-height: 1; font-variant-numeric: tabular-nums; }
.calgrid--pick button.cday:hover:not(:disabled), .calgrid--pick a.cday:hover { background: var(--hover-bg); }
.calgrid--pick .cday:disabled, .calgrid--pick .cday.later { cursor: default; }
.calgrid--pick .cday:disabled .cnum, .calgrid--pick .cday.later .cnum { color: var(--muted); }
.calgrid--pick .cday.today .cnum { min-width: 0; background: none; color: var(--accent-ink);
  box-shadow: inset 0 0 0 2px var(--accent); }
.calgrid--pick .cday[aria-current="date"] .cnum { background: var(--accent); color: var(--on-accent); box-shadow: none; }
.fitcal-pop { position: absolute; inset-block-start: calc(100% + var(--s-2)); inset-inline-start: 0; z-index: 40;
  inline-size: min(24rem, calc(100vw - 2 * var(--s-7))); padding: var(--s-7);
  background: var(--card); border: 1px solid var(--control-line); border-radius: var(--radius);
  box-shadow: var(--shadow-2); }
.dlg-overlay.fitcal-sheet { align-items: flex-end; padding-inline: 0; padding-block-end: 0; }
.fitcal-sheet .dlg-card { max-width: none; margin-block: auto 0; border-width: 1px 0 0;
  border-radius: var(--r-xl) var(--r-xl) 0 0; padding-block-end: max(var(--s-8), var(--sa-bottom)); }

/*
*/
.foodall-count { margin: 0 0 var(--s-5); }
a.fitadd.foodall-open { margin-block-start: var(--s-5); }
.foodall-letter { margin: var(--s-7) 0 var(--s-2); font-size: var(--t-sm); font-weight: 700; color: var(--muted); }
.foodall-more { inline-size: 100%; margin-block: var(--s-6); }
.foodmine { display: inline-flex; align-items: center; gap: var(--s-2); justify-self: start;
  padding: var(--s-1) var(--s-4); border-radius: var(--r-pill); background: var(--calm-bg);
  color: var(--accent-ink); font-size: var(--t-xs); font-weight: 700;
  /**/
  margin-block-start: var(--s-4); }
.foodmine .icon { inline-size: 0.85rem; block-size: 0.85rem; flex: none; }

/**/
.spacehead-tools .fithead-cog { display: inline-grid; place-items: center; width: 44px; min-height: 44px; }
.fithead-cog .icon { inline-size: 1.25rem; block-size: 1.25rem; }

/*

*/
.fittg-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--s-2); max-inline-size: 28rem; }
.fittg-d { display: grid; justify-items: center; align-content: center; gap: var(--s-1); min-width: 0; min-height: 3rem;
  padding: var(--s-2) 0; font-weight: 600; }
.fittg-d[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.fittg-d[aria-pressed="true"].has > .fitdot { background: var(--on-accent); }
.fittg-dayname { margin: var(--s-4) 0 0; font-size: var(--t-md); font-weight: 700; color: var(--ink); }
.fittg-same { justify-self: start; }
button.fittg-row { inline-size: 100%; min-height: 3.25rem; border: 0; border-block-end: 1px solid var(--line);
  border-radius: 0; background: none; padding-inline: 0; text-align: start; font: inherit; color: inherit; }
button.fittg-row:hover { background: var(--hover-bg); }
.fittg-row[aria-pressed="true"] .fitrow-name { color: var(--accent-ink); }
.fittg-own { flex: none; }

/*


*/
.fitgrip { display: inline-grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; flex: 0 0 auto;
  padding: 0; min-height: 0; border: 0; border-radius: var(--r-sm); background: none; color: var(--muted);
  cursor: grab; touch-action: none; }
.fitgrip:hover { color: var(--accent-ink); }
.fitgrip:active { cursor: grabbing; }
.fitgrip .icon { inline-size: 1.1rem; block-size: 1.1rem; }
/*
*/
.fitghost { position: fixed; top: 0; left: 0; z-index: 300; margin: 0;
  pointer-events: none; opacity: .92; box-shadow: var(--shadow-2); background: var(--card); border-radius: var(--r-md); }
.fitlifted { opacity: .35; }
.fitdrop-before { box-shadow: inset 0 3px 0 var(--accent); }
.fitdrop-after { box-shadow: inset 0 -3px 0 var(--accent); }
.fitdrop-into { outline: 2px dashed var(--accent); outline-offset: 2px; }
a.fdrow { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.woroutine-row .fitgrip { margin-inline-end: calc(-1 * var(--s-3)); }

/*

*/
.wocal-head { display: flex; align-items: center; gap: var(--s-2); margin-block-end: var(--s-3); }
.wocal-head .fitlist-h { flex: 1 1 auto; min-width: 0; margin: 0; }
.wocal .calnav { min-width: 44px; min-height: 44px; }

/*










*/
#fitnessbody, [data-fitpage] { container: fit / inline-size; }
.fitcols > * { min-width: 0; }
/**/
.fitways-h { display: none; }

/**/
.fithead { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
  gap: var(--s-4); margin: 0 0 var(--s-7); }
.fitback { display: inline-grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem;
  margin-inline-start: calc(var(--s-4) * -1); border-radius: var(--r-pill); color: var(--ink);
  text-decoration: none; transition: background-color var(--dur-1) var(--ease); }
.fitback:hover { background: var(--hover-bg); }
.fitback-chev { display: inline-grid; }
.fitback-chev .icon { inline-size: 1.25rem; block-size: 1.25rem; transform: scaleX(-1); }
[dir="rtl"] .fitback-chev .icon { transform: none; }
.fithead-title { margin: 0; font-size: var(--t-2xl); line-height: 1.25; overflow-wrap: anywhere; }
.fithead-tools { display: flex; align-items: center; gap: var(--s-4); }
.fithead-link { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 2.75rem;
  padding-inline: var(--s-4); font-weight: 600; color: var(--accent-ink); text-decoration: none; white-space: nowrap; }
.fithead-link .icon { inline-size: 1.1rem; block-size: 1.1rem; }
.fithead-link.on svg, .fithead-link[aria-pressed="true"] svg { fill: currentColor; }
.fithead-link[aria-pressed="true"] { color: var(--ink); }
button.fithead-go { min-height: 2.75rem; padding-block: 0; padding-inline: var(--s-8); }

/*




*/
html:has([data-fitbar]:not([hidden])) { scroll-padding-block-end: 6rem; }
@media (max-width: 560px) {
  html { scroll-padding-block-end: calc(5.5rem + var(--sa-bottom)); }
  html:has([data-fitbar]:not([hidden])) { scroll-padding-block-end: calc(11rem + var(--sa-bottom)); }
}

/*


*/
.fitbar { position: sticky; inset-block-end: 0; z-index: 30; margin-block-start: var(--s-7);
  padding-block: var(--s-5); background: var(--bg); border-block-start: 1px solid var(--line); }
.fitbar[hidden] { display: none; }
button.fitbar-go { inline-size: 100%; min-height: 3rem; font-size: var(--t-lg); }
.fitbar--note .foodnote { margin: 0; }
/*
*/
.fitbar > .err { margin: 0 0 var(--s-4); }

/*


*/
.fitlist { display: flex; flex-direction: column; }
.fitlist-h { margin: var(--s-8) 0 var(--s-3); font-size: var(--t-base); font-weight: 600; color: var(--muted); }
.fitlist-empty { margin-block: var(--s-4) var(--s-6); }
.fitrow { display: flex; align-items: center; gap: var(--s-6); min-height: 3.25rem; padding-block: var(--s-5);
  border-block-end: 1px solid var(--line); color: inherit; text-decoration: none; }
.fitlist > .fitrow:last-child, .card > .fitlist > .fitrow:last-child { border-block-end: 0; }
.fitrow-text { flex: 1 1 auto; min-width: 0; display: grid; gap: var(--s-1); }
.fitrow-name { font-weight: 600; overflow-wrap: anywhere; }
a.fitrow:hover .fitrow-name, .fitrow-main:hover .fitrow-name, button.fitrow:hover .fitrow-name { color: var(--accent-ink); }
.fitrow-sub, .fitrow-note { font-size: var(--t-sm); color: var(--muted); overflow-wrap: anywhere; }
.fitrow-sub { font-variant-numeric: tabular-nums; }
/*
*/
.fdrow-note { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.fitrow-end { flex: 0 0 auto; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fitrow-chev { display: inline-grid; color: var(--muted); font-weight: 400; }
.fitrow-chev .icon { inline-size: 1rem; block-size: 1rem; }
[dir="rtl"] .fitrow-chev .icon { transform: scaleX(-1); }
.fitrow-main { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: var(--s-6);
  min-height: 2.75rem; color: inherit; text-decoration: none; }
.fitrow-add { flex: 0 0 auto; display: inline-grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem;
  padding: 0; border: 0; border-radius: var(--r-pill); background: var(--calm-bg); color: var(--accent-ink); cursor: pointer;
  transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease); }
.fitrow-add:hover:not(:disabled) { background: var(--accent); color: var(--on-accent); }
.fitrow-add .icon { inline-size: 1.25rem; block-size: 1.25rem; }
.fitrow-add.done { background: color-mix(in srgb, var(--ok-ink) 14%, var(--card)); color: var(--ok-ink); }
button.fitrow { inline-size: 100%; min-height: 3.25rem; padding-inline: 0; border: 0; border-block-end: 1px solid var(--line);
  border-radius: 0; background: none; color: inherit; font: inherit; font-weight: 400; text-align: start; cursor: pointer; }
.fitsec { margin-block-start: var(--s-8); }
.fitsec-h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); }
.fitsec-h .fitlist-h { margin-block-end: var(--s-3); }
.fitsec-link, .fitadd { display: inline-flex; align-items: center; gap: var(--s-3); min-height: 2.75rem;
  font-weight: 600; color: var(--accent-ink); text-decoration: none; }
.fitsec-link .icon, .fitadd .icon { inline-size: 1.1rem; block-size: 1.1rem; }
.fitadd:hover span, .fitsec-link:hover span { text-decoration: underline; }

/**/
.fitsearch { position: relative; }
.fitsearch-icon { position: absolute; inset-block: 0; inset-inline-start: var(--s-6); display: grid; place-items: center;
  color: var(--muted); pointer-events: none; }
.fitsearch-icon .icon { inline-size: 1.15rem; block-size: 1.15rem; }
.fitsearch input { inline-size: 100%; min-height: 3rem; padding-inline-start: calc(var(--s-6) + 1.15rem + var(--s-5));
  border-radius: var(--r-pill); font-size: var(--t-lg); }

/**/
.fittabs { display: flex; gap: var(--s-1); margin-block: var(--s-6) var(--s-5); padding: var(--s-1);
  border-radius: var(--r-pill); background: var(--chip-bg); }
.fittab { flex: 1 1 0; min-width: 0; min-height: 2.75rem; padding: 0 var(--s-4); border: 0; border-radius: var(--r-pill);
  background: none; color: var(--muted); font: inherit; font-size: var(--t-base); font-weight: 600; cursor: pointer;
  overflow-wrap: anywhere; transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease); }
.fittab[aria-selected="true"] { background: var(--card); color: var(--ink); box-shadow: var(--shadow-1); }

/*





*/
.foodtotal { display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-items: center; column-gap: var(--s-8); row-gap: var(--s-8); }
.foodtotal:not(:has(.cring)) { grid-template-columns: minmax(0, 1fr); }
.foodtotal .cring { inline-size: 7rem; }
.foodhero { display: grid; gap: var(--s-2); min-width: 0; }
.foodhero > p { margin: 0; }
.foodenergy { font-size: var(--t-lg); line-height: 1.3; color: var(--muted); font-variant-numeric: tabular-nums; }
.foodhero-n { display: block; font-size: var(--t-4xl); line-height: 1.1; font-weight: 700; color: var(--ink);
  letter-spacing: -.02em; }
.foodsum { font-size: var(--t-sm); color: var(--muted); font-variant-numeric: tabular-nums; }
/*

*/
a.foodsum { display: inline-flex; align-items: center; gap: var(--s-3); justify-self: start; min-height: 44px;
  text-decoration: none; }
a.foodsum:hover { color: var(--accent-ink); }
a.foodsum .icon { inline-size: 0.95rem; block-size: 0.95rem; flex: none; }
a.foodsum--set { color: var(--accent-ink); font-weight: 600; }
.foodleft { font-size: var(--t-md); font-weight: 600; color: var(--accent-ink); }
.foodtiles { grid-column: 1 / -1; display: grid; gap: var(--s-4);
  grid-template-columns: repeat(3, minmax(0, 1fr)); }
.foodtile { position: relative; isolation: isolate; overflow: hidden; display: grid; align-content: start;
  gap: var(--s-1); min-width: 0; padding: var(--s-5); border-radius: var(--r-xl);
  background: color-mix(in srgb, var(--tone) 12%, var(--card)); }
.foodtile-fill { position: absolute; inset-block: 0; inset-inline-start: 0; z-index: -1;
  background: color-mix(in srgb, var(--tone) 30%, var(--card)); }
.foodtile-icon { display: inline-grid; place-items: center; inline-size: 2.25rem; block-size: 2.25rem;
  margin-block-end: var(--s-3); border-radius: var(--r-pill); color: var(--ink);
  background: color-mix(in srgb, var(--tone) 48%, var(--card)); }
.foodtile-icon svg { inline-size: 1.15rem; block-size: 1.15rem; }
.foodtile-k { font-size: var(--t-sm); font-weight: 600; overflow-wrap: anywhere; hyphens: auto; }
.foodtile-v { font-size: var(--t-xl); font-weight: 700; font-variant-numeric: tabular-nums; }
.foodtile-of { font-size: var(--t-sm); color: var(--muted); font-variant-numeric: tabular-nums; }
/**/
.foodtotal--home { margin-block-end: var(--s-6); }
.foodtotal--home .cring { inline-size: 5.5rem; }
.foodtotal--home .foodhero-n { font-size: var(--t-3xl); }

/*

*/
.app-space .card.foodslot, .card.foodslot { margin: var(--s-6) 0 0; padding-block: var(--s-5) var(--s-2); }
/*

*/
.foodslot-cols, .fdrow-m, .foodslot-sum { display: none; }
/*
*/
.foodslot-top { display: flex; align-items: center; gap: var(--s-2) var(--s-4); min-height: 2.75rem; }
.foodslot-h { margin: 0; min-width: 0; font-size: var(--t-lg); font-weight: 700; overflow-wrap: anywhere; }
.foodslot-kcal { margin-inline-start: auto; font-size: var(--t-base); font-weight: 600; color: var(--muted);
  font-variant-numeric: tabular-nums; white-space: nowrap; }
button.foodslot-at { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 2.75rem;
  padding: 0 var(--s-4); border: 0; border-radius: var(--r-pill); background: none; color: var(--muted);
  font: inherit; font-size: var(--t-sm); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; }
button.foodslot-at:hover { background: var(--hover-bg); color: var(--accent-ink); }
.foodslot-at .icon { inline-size: 0.95rem; block-size: 0.95rem; flex: none; }
/**/
button.foodslot-at.unset { font-weight: 400; }
/*
*/
.foodslot-top > .foodslot-more { display: inline-grid; place-items: center; flex: none; width: 2.75rem; min-height: 2.75rem;
  margin-inline-end: calc(var(--s-4) * -1); border: 0; border-radius: var(--r-pill); background: none; color: var(--muted); }
.foodslot-top > .foodslot-more:hover { background: var(--hover-bg); color: var(--ink); }
.foodslot-more .icon { inline-size: 1.25rem; block-size: 1.25rem; }
.foodslot .fitlist { margin-block-start: var(--s-3); }
.foodslot-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 var(--s-6);
  margin-block-start: var(--s-2); }
.foodagain { margin-inline-start: auto; }
.foodagain.done { color: var(--muted); cursor: default; }
/*
*/
.foodsame { margin-inline-start: auto; display: inline-flex; align-items: baseline; gap: var(--s-3); }
.foodsame-k { color: var(--muted); font-weight: 400; }
/*

*/
.foodwater-glasses { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-2); margin-block-start: var(--s-3); }
@container fit (max-width: 30rem) {
  .foodwater-glasses { display: grid; grid-template-columns: repeat(4, 2.75rem); justify-content: center; }
}
/*
*/
.app-space .card.foodwater, .card.foodwater, .app-space .card.fooddaynote, .card.fooddaynote,
.app-space .card.foodbody, .card.foodbody { margin: var(--s-6) 0 0; }
.foodglass { display: inline-grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; padding: 0;
  border: 1px solid var(--line); border-radius: var(--r-md); background: none; color: var(--muted); }
.foodglass .icon { inline-size: 1.4rem; block-size: 1.4rem; }
.foodglass.full { color: var(--accent-ink); border-color: rgb(var(--accent-rgb) / .5); background: rgb(var(--accent-rgb) / .12); }
/*
*/
.fooddaynote-text { display: block; inline-size: 100%; margin-block-start: var(--s-3); resize: vertical; }
.fooddaynote [data-day-note-save][hidden] { display: none; }
/*
*/
.foodbody-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-2) var(--s-6); }
.foodbody-form { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-5); margin-block-start: var(--s-3); }
.foodbody-field { display: inline-flex; align-items: center; gap: var(--s-3); }
.foodbody-field input { inline-size: 7rem; font-variant-numeric: tabular-nums; }
.foodbody-unit { color: var(--muted); }
.foodbody [data-body-save][hidden] { display: none; }
.foodbody-trend { margin: var(--s-3) 0 0; }
/*
*/
.bodyline-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-6); }
/*
*/
.bodyline-head .foodadd-meal { flex: 0 0 auto; max-inline-size: 100%; }
.bodyline-change { margin-block-start: var(--s-3); }
.bodyday .bodymore { margin-block: var(--s-4); }
.fitrow[aria-current="true"] .fitrow-name { color: var(--accent-ink); }
/*
*/
.fitmode { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); margin-block-end: var(--s-4); }
.fitmode-k { color: var(--muted); }
.fitpct-sum { margin-block-start: var(--s-3); }
.foodavg-water { margin-block-start: var(--s-3); }
/*
*/
.foodextras { margin-block-start: var(--s-3); font-variant-numeric: tabular-nums; }
.foodextras bdi { white-space: nowrap; }
.foodextras-note { margin-block-start: var(--s-1); font-size: var(--t-xs); }
.foodavg-extras { margin-block-start: var(--s-3); }
/*
*/
a.foodgap { display: flex; align-items: center; gap: var(--s-3); inline-size: fit-content; min-height: 2.75rem;
  margin-block: var(--s-4) 0; padding-inline: var(--s-5) var(--s-6); border: 1px dashed var(--line);
  border-radius: var(--r-pill); color: var(--muted); font-size: var(--t-sm); font-weight: 600; text-decoration: none;
  transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease); }
a.foodgap:hover { background: var(--hover-bg); color: var(--accent-ink); border-color: var(--calm-border); }
a.foodgap .icon { inline-size: 1rem; block-size: 1rem; flex: none; }
/*
*/
.app-space .card.foodweek, .card.foodweek { margin: var(--s-9) 0 var(--s-7); padding-block: var(--s-7) var(--s-4); }
.foodweek-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-2) var(--s-6);
  margin-block-end: var(--s-7); }
.foodweek-h { margin: 0; font-size: var(--t-lg); font-weight: 700; }
.foodweek-avg { font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.foodweek .chart { margin: 0; }
.foodweek-more { margin-block-start: var(--s-4); }
.foodevidence > summary, .foodmore > summary, .foodquick-more > summary, .woarchived > summary,
.worfolder > summary, .woplates-have > summary, .bodymore > summary {
  cursor: pointer; font-weight: 600; list-style: none; min-height: 2.75rem; display: flex; align-items: center; }
.foodevidence > summary::-webkit-details-marker,
.foodmore > summary::-webkit-details-marker, .foodquick-more > summary::-webkit-details-marker,
.woarchived > summary::-webkit-details-marker, .worfolder > summary::-webkit-details-marker,
.woplates-have > summary::-webkit-details-marker, .bodymore > summary::-webkit-details-marker { display: none; }
.foodevidence > summary::before, .foodmore > summary::before,
.foodquick-more > summary::before, .woarchived > summary::before, .worfolder > summary::before,
.woplates-have > summary::before, .bodymore > summary::before { content: "›" / ""; display: inline-block;
  inline-size: 1em; color: var(--muted); transition: transform var(--dur-1) var(--ease); }
[dir="rtl"] .foodevidence > summary::before, [dir="rtl"] .foodmore > summary::before,
[dir="rtl"] .foodquick-more > summary::before, [dir="rtl"] .woarchived > summary::before,
[dir="rtl"] .worfolder > summary::before, [dir="rtl"] .woplates-have > summary::before,
[dir="rtl"] .bodymore > summary::before { content: "‹" / ""; }
.foodevidence[open] > summary::before, .foodmore[open] > summary::before,
.foodquick-more[open] > summary::before, .woarchived[open] > summary::before, .worfolder[open] > summary::before,
.woplates-have[open] > summary::before, .bodymore[open] > summary::before { transform: rotate(90deg); }
[dir="rtl"] .foodevidence[open] > summary::before,
[dir="rtl"] .foodmore[open] > summary::before, [dir="rtl"] .foodquick-more[open] > summary::before,
[dir="rtl"] .woarchived[open] > summary::before, [dir="rtl"] .worfolder[open] > summary::before,
[dir="rtl"] .woplates-have[open] > summary::before, [dir="rtl"] .bodymore[open] > summary::before { transform: rotate(-90deg); }

/*




*/
.card.foodslot, .card.foodrep-daylist { container: foodtable / inline-size; }
@container foodtable (min-width: 40rem) {
  .foodslot-cols { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 5.5rem) 6.5rem; column-gap: var(--s-4);
    margin-block: var(--s-2) 0; font-size: var(--t-xs); font-weight: 600; color: var(--muted); text-align: end; }
  .foodslot-cols > :first-child { grid-column: 2; }
  .foodslot .fdrow, .foodrep-daylist .fdrow { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 5.5rem) 6.5rem;
    column-gap: var(--s-4); }
  .fdrow .fdrow-m { display: contents; }
  .fdrow-mv { text-align: end; font-size: var(--t-sm); color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .fdrow .fitrow-end { text-align: end; }
  .foodslot-sum { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 5.5rem) 6.5rem; column-gap: var(--s-4);
    margin-block: var(--s-4); padding-block: var(--s-4) 0; border-block-start: 1px solid var(--line); font-size: var(--t-sm);
    font-weight: 700; text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .foodslot-sum > :first-child { text-align: start; color: var(--muted); }
  .foodslot:has(.foodslot-sum) .foodslot-kcal { display: none; }
  .foodslot:has(.foodslot-sum) .foodslot-at { margin-inline-end: auto; }
  .foodrep-daylist .fdday-m { display: none; }
}

/*
*/
.foodtimeform .foodfact { border-block-end: 0; padding-block: 0; min-height: 0; }
.foodtimeform input[type="time"] { min-height: 2.75rem; }
.foodtimeform .controls { margin: 0; }

/*
*/
/*
*/
.foodreport .fitcols, .foodreport .fitmain { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-7);
  align-content: start; }
.fitchips { display: flex; flex-wrap: wrap; gap: var(--s-3); }
button.fitchip { min-height: 2.75rem; padding-inline: var(--s-7); border-radius: var(--r-pill); }
/**/
button.fitchip[aria-pressed="true"] { border-color: var(--calm-border); background: var(--calm-bg); color: var(--accent-ink); }
.foodrange { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.foodrange-when { display: grid; justify-items: center; gap: var(--s-1); margin: 0; min-width: 0; text-align: center; }
.foodrange-name { font-weight: 700; }
.foodrange-dates { color: var(--muted); font-size: var(--t-sm); font-variant-numeric: tabular-nums; }
.foodrange-name + .foodrange-dates { font-size: var(--t-sm); }
.foodrange-when > :only-child { color: var(--ink); font-size: var(--t-base); font-weight: 700; }
.foodrange-custom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.foodrange-custom .foodfact { flex-direction: column; align-items: stretch; min-height: 0; padding: 0; border: 0; }
.foodrange-custom input { min-height: 2.75rem; inline-size: 100%; }
.foodavg-k { margin: 0; font-size: var(--t-sm); font-weight: 600; color: var(--muted); }
.foodavg > .foodavg-split, .foodavg > .foodavg-foot, .foodavg > .foodavg-none, .foodavg > .pending { grid-column: 1 / -1; }
/*

*/
.foodtotal > .foodavg-water, .foodtotal > .foodavg-extras, .foodtotal > .foodextras, .foodtotal > .foodextras-note { grid-column: 1 / -1; }
.foodavg-split .chart { margin: 0; }
.foodavg-foot, .foodavg-none { margin: 0; }
.foodrep { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-6); margin: 0; }
.foodrep-unit { font-size: var(--t-sm); font-weight: 400; color: var(--muted); }
.foodrep-h { margin: 0; font-size: var(--t-lg); font-weight: 700; }
.foodrep .chart { margin: 0; }
.foodrep .fittabs { margin: 0; }
/**/
.foodrep .fittabs.foodrep-metrics { max-inline-size: 32rem; }
.foodrep .fitlist { margin: 0; }
.foodrep-empty { margin: 0; }
.fdday.none .fitrow-name { font-weight: 400; color: var(--muted); }
.fdday.none .fitrow-end { color: var(--muted); font-weight: 400; }
/*



*/
@container fit (max-width: 21rem) {
  .foodtop { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--s-6); row-gap: var(--s-1); }
  .foodtop > .foodthumb { grid-row: 1 / span 2; align-self: center; }
  .foodtop > .fitrow-end { grid-column: 2; justify-self: start; }
}
/*


*/
.foodfields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-5) var(--s-4); align-items: end; min-width: 0; }
.foodfields.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.foodlabel { grid-column: 1 / -1; min-width: 0; }
.foodlabel details { margin-block: var(--s-5); }
.foodlabel-form { display: grid; gap: var(--s-6); }
/*



*/
.nutricard { max-inline-size: 26rem; margin-block-end: var(--s-5); padding: var(--s-3) var(--s-4) var(--s-4);
  border: 2px solid var(--ink); border-radius: var(--r-sm); background: var(--card); color: var(--ink); }
.nutricard-title { margin: 0; padding-block-end: var(--s-1); border-block-end: 1px solid var(--ink);
  font-size: var(--t-2xl); font-weight: 800; line-height: 1.1; }
.nutricard-name { margin: var(--s-2) 0 0; font-weight: 600; overflow-wrap: anywhere; }
.nutricard-serving { margin: 0; color: var(--muted); font-size: var(--t-sm); }
.nutricard-table { inline-size: 100%; margin-block-start: var(--s-2); border-collapse: collapse;
  border-block: 10px solid var(--ink); }
/*
*/
.nutricard-table th, .nutricard-table td { padding: var(--s-1) 0; border-block-start: 1px solid var(--ink); border-block-end: 0;
  text-align: start; }
.nutricard-table thead th, .nutricard-table thead td { border-block-start: 0; font-size: var(--t-sm); font-weight: 700; text-align: end; }
.nutricard-table td { padding-inline-start: var(--s-4); text-align: end; white-space: nowrap; }
.nutricard-table tbody th { font-weight: 700; }
.nutricard-table tr.nutricard-in th { padding-inline-start: var(--s-5); font-weight: 400; }
.nutricard-table .nutricard-kcal th, .nutricard-table .nutricard-kcal td { font-size: var(--t-xl); font-weight: 800;
  border-block-end: 4px solid var(--ink); }
.nutricard-read { display: flex; align-items: center; gap: var(--s-2); margin: var(--s-3) 0 0;
  color: var(--muted); font-size: var(--t-sm); }
.nutricard-read svg, .foodsrc-read svg { flex: none; inline-size: 1.15em; block-size: 1.15em; color: var(--accent-ink); }
.foodsrc-read { display: flex; align-items: center; gap: var(--s-2); margin: 0; }
/*

*/
.foodread-k { display: inline-flex; align-items: center; gap: var(--s-2); }
.foodread { display: inline-flex; color: var(--accent-ink); }
.foodread[hidden] { display: none; }
.foodread svg { inline-size: 1.05em; block-size: 1.05em; }
.foodread-at { display: inline-flex; align-items: center; gap: var(--s-1); }
.foodread-at svg { inline-size: 1em; block-size: 1em; color: var(--accent-ink); }
.foodkeep-check { display: flex; align-items: center; gap: var(--s-3); }
.foodkeep-read { display: flex; flex-wrap: wrap; gap: 0 var(--s-5); }

/*
*/
.foodthumb { display: inline-grid; place-items: center; flex: 0 0 auto; inline-size: 2.75rem; block-size: 2.75rem;
  border-radius: var(--r-md); overflow: hidden; background: var(--chip-bg); color: var(--accent-ink);
  font-weight: 700; font-size: var(--t-lg); line-height: 1; }
.foodthumb img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.foodthumb.emoji { font-size: var(--t-2xl); }
.foodthumb.letter { background: color-mix(in srgb, var(--series-8) 16%, var(--card)); }
.foodthumb.big { inline-size: 4rem; block-size: 4rem; border-radius: var(--r-lg); font-size: var(--t-3xl); }
.foodthumb.hero { inline-size: 5rem; block-size: 5rem; border-radius: var(--r-xl); font-size: var(--t-4xl); }
.foodthumb svg { inline-size: 45%; block-size: 45%; }
/*


*/
.foodthumb.drawn { background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.foodthumb.drawn img { object-fit: contain; padding: 6%; box-sizing: border-box; }
.foodthumb.drawn img, .exshot-img img { filter: var(--drawing-filter); }

/*
*/
.foodadd-to { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-6);
  margin-block-end: var(--s-6); }
/*
*/
.foodadd-to[hidden] { display: none; }
.foodadd-meal { display: inline-flex; align-items: center; gap: var(--s-4); font-weight: 600; }
.foodadd-meal select { min-height: 2.75rem; }
/*
*/
.foodadd-day { display: inline-flex; align-items: center; gap: var(--s-3); padding: var(--s-2) var(--s-5);
  border-radius: var(--r-pill); background: var(--chip-bg); color: var(--ink); font-size: var(--t-md); font-weight: 600; }
.foodadd-day .icon { inline-size: 1rem; block-size: 1rem; color: var(--muted); }
.fitways { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--s-2);
  margin-block: var(--s-6) var(--s-2); }
.fitway { display: flex; flex-direction: column; align-items: center; gap: var(--s-2); min-height: 4.5rem;
  padding: var(--s-2) var(--s-1); border: 0; border-radius: var(--r-lg); background: none; color: var(--ink);
  font: inherit; text-decoration: none; cursor: pointer; }
.fitway-icon { display: grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; border-radius: var(--r-pill);
  background: var(--calm-bg); color: var(--accent-ink); transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease); }
.fitway-icon .icon { inline-size: 1.25rem; block-size: 1.25rem; }
.fitway:hover .fitway-icon, .fitway[aria-expanded="true"] .fitway-icon { background: var(--accent); color: var(--on-accent); }
.fitway-k { font-size: var(--t-xs); font-weight: 600; line-height: 1.25; text-align: center; overflow-wrap: break-word; hyphens: auto; }
.foodway { display: grid; gap: var(--s-5); margin-block: var(--s-4) var(--s-2); padding: var(--s-7);
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.foodway[hidden] { display: none; }
.foodway-h { margin: 0; }
.foodway-pick { justify-self: start; display: inline-flex; align-items: center; gap: var(--s-3); }
.foodway-picks { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.foodway .saybox { margin: 0; }
.foodquick { display: grid; gap: var(--s-6); }
.foodquick-more { display: grid; gap: var(--s-5); }
.foodquick-more[open] > .foodfields + .foodfields { margin-block-start: var(--s-5); }
button.foodquick-go { inline-size: 100%; min-height: 3rem; }
.foodresults { margin-block-start: var(--s-2); }
.fdcreate .foodthumb { color: var(--accent-ink); }
.fdcreate .fitrow-name { color: var(--accent-ink); }
/*
*/
.fdcheck { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: var(--s-6); cursor: pointer; }
/*
*/
.foodnone { display: grid; gap: var(--s-3); margin-block-start: var(--s-6); }
/**/
.foodsrc { display: grid; gap: var(--s-3); }
.foodsrc > .sub { margin: 0; }
.foodrecipe { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s-2); }
.foodrecipe li { display: flex; justify-content: space-between; gap: var(--s-4); font-size: var(--t-sm); }
.foodrecipe-g { color: var(--muted); white-space: nowrap; }
.foodnone-way { display: flex; align-items: center; gap: var(--s-4); justify-content: flex-start;
  min-height: 2.75rem; text-align: start; }
.foodnone-way > span { min-inline-size: 0; overflow-wrap: anywhere; }
.foodnote { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-4); margin-block: var(--s-4) 0;
  padding: var(--s-4) var(--s-6); border-radius: var(--r-sm); background: var(--calm-bg); border: 1px solid var(--calm-border); }
.foodnote[hidden] { display: none; }

/*
*/
/*
*/
.foodpage > .fitcols, .foodpage .fitmain { display: grid; gap: var(--s-7); align-content: start; }
.foodpage-hero { display: flex; align-items: center; gap: var(--s-7); }
.foodpage-id { display: grid; gap: var(--s-1); min-width: 0; }
.foodpage-id > p { margin: 0; }
.foodpage-name { font-size: var(--t-2xl); font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.foodfacts { display: grid; padding-inline: var(--s-7); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.foodfact { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-5);
  min-height: 3.5rem; padding-block: var(--s-4); border-block-end: 1px solid var(--line); }
.foodfact:last-child { border-block-end: 0; }
.foodfact-k { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.foodfact select { flex: 0 1 auto; max-inline-size: 100%; min-height: 2.75rem; }
input.foodfact-n { flex: 0 0 auto; inline-size: 6rem; min-height: 2.75rem; text-align: end;
  font-size: var(--t-lg); font-weight: 600; font-variant-numeric: tabular-nums; }
.foodfact-v { display: inline-flex; align-items: center; gap: var(--s-4); }
.foodfact-unit { color: var(--muted); }
/*
*/
.foodfact--note input { flex: 1 1 100%; min-width: 0; min-height: 2.75rem; }
/**/
.foodpage-about { color: var(--muted); white-space: pre-line; overflow-wrap: anywhere; }
.foodpage .fitmain > .wocopy { justify-self: start; }
.foodpick-quick { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.foodpanel { display: grid; gap: var(--s-6); padding: var(--s-7); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.foodpanel-kcal { margin: 0; font-size: var(--t-lg); color: var(--muted); font-variant-numeric: tabular-nums; }
.foodpanel-n { font-size: var(--t-4xl); font-weight: 700; line-height: 1.1; color: var(--ink); letter-spacing: -.02em; }
.foodbars { display: grid; gap: var(--s-5); }
.foodbar { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "k v pct" "track track track";
  align-items: baseline; gap: var(--s-2) var(--s-5); }
.foodbar-k { grid-area: k; font-weight: 600; overflow-wrap: anywhere; }
.foodbar-v { grid-area: v; font-variant-numeric: tabular-nums; }
.foodbar-pct { grid-area: pct; min-inline-size: 3.5ch; text-align: end; font-size: var(--t-sm); color: var(--muted); font-variant-numeric: tabular-nums; }
.foodbar-track { grid-area: track; display: block; block-size: .5rem; border-radius: var(--r-pill); overflow: hidden;
  background: color-mix(in srgb, var(--tone) 18%, var(--card)); }
.foodbar-fill { display: block; block-size: 100%; border-radius: inherit; background: var(--tone); }
.foodest { display: grid; gap: var(--s-5); padding: var(--s-7); border: 1px solid var(--calm-border); border-radius: var(--r-lg); background: var(--calm-bg); }
.foodest-h, .foodest-what { margin: 0; }
.foodest-h { font-weight: 700; }
.foodest .saycard { margin: 0; }
.foodmore { display: grid; gap: var(--s-5); }
.foodmore[open] > .acctfields { margin-block: var(--s-5); }
.fitdanger { justify-self: start; align-self: flex-start; }

/*
*/
.fitform > .fitcols, .fitform .fitmain { display: grid; gap: var(--s-8); align-content: start; }
/*


*/
.fitform .fitmain > * { min-width: 0; }
.fitform-sec { display: grid; gap: var(--s-4); }
.fitform-sec-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0 var(--s-6); }
.fitform-sec-h .fitlist-h, .fitform-sec > .fitlist-h { margin: 0; }
.fitform-sec-h .linkbtn { display: inline-flex; align-items: center; gap: var(--s-3); min-height: 2.75rem; }
.foodkeep-photo { display: flex; align-items: center; gap: var(--s-7); }
.foodkeep-photo-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-5); }
/*




*/
.foodkeep-photos { display: grid; gap: var(--s-4); }
.spicgrid.foodpics { margin: 0; grid-template-columns: repeat(3, minmax(0, 10rem)); }
.spicgrid[hidden], .foodkeep-photo[hidden], .foodkeep-photo .foodthumb[hidden] { display: none; }
.foodpic { text-align: center; }
.foodpic .foodpic-first { min-height: 2.75rem; }
.foodkeep-photos-hint { margin: 0; }
/*
*/
.foodshot { padding: 0; border: 0; background: none; line-height: 0; cursor: zoom-in; border-radius: var(--r-xl); }
.foodshots { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-block-start: var(--s-2); }
.foodshots .foodshot { border-radius: var(--r-md); }
/*
*/
.dlg-card:has(.foodview) { max-width: min(100%, 48rem); }
.foodview-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.foodview-head .dlg-subject { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.foodview-head .foodview-x { display: inline-grid; place-items: center; flex: 0 0 auto; width: 44px; min-height: 44px; }
.foodview-x .icon { inline-size: 1.15rem; block-size: 1.15rem; }
/**/
.dlg-controls.foodview-steps { justify-content: center; }
.foodview { margin: 0; display: grid; gap: var(--s-3); justify-items: center; }
.foodview-img { display: grid; place-items: center; inline-size: 100%; min-block-size: 12rem; }
.foodview-img img { display: block; max-inline-size: 100%; max-block-size: min(65vh, 45rem); object-fit: contain;
  border-radius: var(--r-md); }
.foodview figcaption { margin: 0; }
.foodkeep-icons { border: 0; margin: 0; padding: 0; min-width: 0; }
.foodkeep-icons > legend { padding: 0; margin-block-end: var(--s-5); font-size: var(--t-md); color: var(--muted); }
.foodkeep-iconrow { display: flex; gap: var(--s-2); overflow-x: auto; scrollbar-width: none; padding-block: var(--s-1); }
.foodkeep-iconrow::-webkit-scrollbar { display: none; }
.foodkeep-icon { flex: 0 0 auto; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: 1px solid transparent;
  border-radius: var(--r-sm); background: var(--chip-bg); font-size: var(--t-xl); line-height: 1; cursor: pointer; }
.foodkeep-icon[aria-checked="true"] { border-color: var(--accent); background: var(--calm-bg); }
/*
*/
[data-keep-label], [data-keep-label-pick], [data-keep-photo], [data-keep-take], [data-wo-photo], [data-wo-take] {
  display: inline-flex; align-items: center; gap: var(--s-3); }

/*
*/
a.wostart { display: flex; align-items: center; justify-content: center; gap: var(--s-4); inline-size: 100%;
  min-height: 3.25rem; font-size: var(--t-lg); }
a.wostart .icon { inline-size: 1.25rem; block-size: 1.25rem; }
.wosay { margin-block-start: var(--s-7); }
.wosec .saycard, .wosec .saybox { margin-block-end: 0; }
.worcards { display: grid; gap: var(--s-5); grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
/*








*/
.app-space .card.worcard, .card.worcard { display: flex; flex-direction: column; gap: var(--s-4); margin: 0; }
.worcard-h { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.worcard-name { margin: 0; font-size: var(--t-lg); font-weight: 700; overflow-wrap: anywhere; }
.worcard-edit { color: var(--muted); }
.worcard-list { margin: 0; font-size: var(--t-sm); color: var(--muted); overflow-wrap: anywhere; }
/*


*/
a.worcard-go { inline-size: 100%; min-height: 2.75rem; flex: 0 0 auto; margin-block-start: auto; }
.womachines { margin-block-start: var(--s-7); border-block-start: 1px solid var(--line); }

/*
*/
.wostats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4);
  margin-block-end: var(--s-6); padding-block: var(--s-5); border-block: 1px solid var(--line); }
.wostat { display: grid; gap: var(--s-1); min-width: 0; }
.wostat-k { font-size: var(--t-sm); color: var(--muted); }
.wostat-v { font-size: var(--t-xl); font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
/**/
#woclock.is-live { color: var(--accent-ink); }
.wostats--sheet { margin-block: var(--s-5); }
/*
*/
.wocards { display: grid; gap: var(--s-6); align-items: start; margin-block-end: var(--s-6); }
.app-space .card.wocard, .card.wocard { display: grid; gap: var(--s-4); margin: 0; }
.wocard-h { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.wocard-id { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: var(--s-5);
  min-height: 2.75rem; color: var(--accent-ink); text-decoration: none; }
.wocard-id .foodthumb { inline-size: 2.5rem; block-size: 2.5rem; border-radius: var(--r-pill); }
.wocard-name { font-size: var(--t-lg); font-weight: 700; overflow-wrap: anywhere; }
.wocard-id:hover .wocard-name { text-decoration: underline; }
.lact.wocard-more { inline-size: 2.75rem; block-size: 2.75rem; color: var(--muted); }
.wocard-more .icon { inline-size: 1.25rem; block-size: 1.25rem; }
/*
*/
.wocard-pins { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); }
.wocard-pins .chip { display: inline-flex; align-items: baseline; gap: var(--s-2); padding: var(--s-2) var(--s-5);
  border-radius: var(--r-pill); background: var(--chip-bg); font-size: var(--t-sm); overflow-wrap: anywhere; }
.wocard-pins .chip b { font-weight: 700; }
.wocard-note { flex-basis: 100%; padding: var(--s-3) var(--s-5); border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--series-5) 14%, var(--card)); font-size: var(--t-sm); overflow-wrap: anywhere; }
.wocard-rest { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-4); color: var(--accent-ink); font-weight: 600; }
.wocard-rest-k { display: inline-flex; align-items: center; gap: var(--s-2); }
.wocard-rest-k .icon { inline-size: 1rem; block-size: 1rem; }
.wocard-rest select { min-height: 2.75rem; }
/*
*/
.wotable { inline-size: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.wotable th { padding: var(--s-2) var(--s-1); font-size: var(--t-xs); font-weight: 600; color: var(--muted);
  text-transform: uppercase; letter-spacing: .04em; text-align: center; }
.wotable th.wot-prev { text-align: start; }
.wotable .wot-n { inline-size: 2.75rem; }
.wotable .wot-in { inline-size: 3.75rem; }
.wotable[data-cols="3"] .wot-in { inline-size: 3.25rem; }
.wotable .wot-tick { inline-size: 2.75rem; }
.wot-tick .icon { inline-size: .9rem; block-size: .9rem; }
.woset > td { padding: var(--s-1); border-block-start: 1px solid var(--line); border-block-end: 0; vertical-align: middle; }
.woset.is-done > td { background: color-mix(in srgb, var(--ok-ink) 11%, var(--card)); }
.woset-c { text-align: center; }
.woset-prev { color: var(--muted); font-size: var(--t-sm); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
/*
*/
button.woset-copy { inline-size: 100%; min-height: 2.75rem; padding: 0; border: 0; border-radius: var(--r-sm);
  background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
button.woset-copy:hover { color: var(--accent-ink); background: var(--hover-bg); }
button.woset-n { inline-size: 2.5rem; min-height: 2.75rem; padding: 0; border: 0; border-radius: var(--r-sm); background: none;
  color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; cursor: pointer; }
button.woset-n:hover { background: var(--hover-bg); }
.woset.is-warm button.woset-n { color: var(--series-4); }
/*
*/
.woset.is-drop button.woset-n, .woset.is-failure button.woset-n { color: var(--accent-ink); }
/*
*/
.wotable[data-rpe] .wot-in { inline-size: 3.25rem; }
.wotable .wot-rpe { inline-size: 3rem; }
.wotable .wot-rpe abbr { text-decoration: none; }
/**/
select.woset-rpe { inline-size: 100%; min-height: 2.75rem; padding: 0; text-align: center; text-align-last: center;
  -webkit-appearance: none; appearance: none; background-image: none; font-variant-numeric: tabular-nums; }
/*

*/
@container fit (max-width: 20rem) {
  .wotable[data-rpe] .wot-prev, .wotable[data-rpe] .woset-prev { display: none; }
}
/**/
.woset-type { display: flex; align-items: center; gap: var(--s-4); }
.woset-type[aria-pressed="true"] { border-color: var(--accent); color: var(--accent-ink); }
.woset-type-mark { inline-size: 1.5rem; font-weight: 700; text-align: center; }
/*
*/
.wocard-notebox { margin-block-start: var(--s-2); }
.wocard-notebox [hidden], .wocard-note-add[hidden], .wocard-notes[hidden] { display: none; }
.wocard-note-add { display: inline-flex; align-items: center; gap: var(--s-2); font-size: var(--t-sm); min-height: 2.75rem; }
.wocard-note-add .icon { inline-size: 1rem; block-size: 1rem; }
.wocard-notes { display: block; inline-size: 100%; min-height: 2.75rem; resize: vertical; }
/*
*/
.woplates { display: grid; gap: var(--s-4); }
.woplates-stack { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.woplate { min-inline-size: 2.75rem; padding: var(--s-2) var(--s-3); border: 1px solid var(--line); border-radius: var(--r-sm);
  font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
.woplates-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr)); gap: var(--s-2); }
.dlg-controls [data-plates-use][hidden] { display: none; }
/*
*/
.app-space .card.wocard--sup, .card.wocard--sup { border-inline-start: 3px solid rgb(var(--accent-rgb) / .6); }
.wosup { justify-self: start; margin-block-end: var(--s-2); }
/**/
.worlink { display: block; margin: 0 auto; min-height: 2.75rem; font-size: var(--t-sm); }
.worlink[aria-pressed="true"] { color: var(--accent-ink); font-weight: 700; }
/*
*/
.worange { margin-block: var(--s-4) var(--s-2); }
/*
*/
.worange .segbar { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.worange .segbar::-webkit-scrollbar { display: none; }
.worange .seg { flex: 0 0 auto; white-space: nowrap; }
.woreps { inline-size: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.woreps th { padding: var(--s-2) var(--s-1); font-size: var(--t-xs); font-weight: 600; color: var(--muted); text-align: start; }
.woreps td { padding: var(--s-2) var(--s-1); border-block-start: 1px solid var(--line); }
/*
*/
.worfolder { margin-block-start: var(--s-6); }
.worfolder-h { display: flex; align-items: center; gap: var(--s-3); min-height: 2.75rem; cursor: pointer; font-weight: 700; }
.worfolder-n { color: var(--muted); font-weight: 600; font-variant-numeric: tabular-nums; }
.worfolder-tools { display: flex; flex-wrap: wrap; gap: 0 var(--s-6); margin-block: var(--s-1) var(--s-3); }
input.woset-in { inline-size: 100%; min-width: 0; min-height: 2.75rem; padding: 0 var(--s-1); text-align: center;
  font-size: var(--t-lg); font-weight: 600; font-variant-numeric: tabular-nums; border-radius: var(--r-sm); }
.woset.is-done input.woset-in { background: transparent; border-color: transparent; }
.woset input.woset-in::placeholder { color: var(--muted); font-weight: 400; }
button.woset-tick { display: inline-grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; padding: 0;
  border: 1px solid var(--control-line); border-radius: var(--r-sm); background: var(--card); color: var(--muted); cursor: pointer;
  transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease); }
button.woset-tick .icon { inline-size: 1.15rem; block-size: 1.15rem; }
/*
*/
button.woset-tick:hover:not(:disabled):not([aria-pressed="true"]) { border-color: var(--ok-ink); color: var(--ok-ink); }
button.woset-tick[aria-pressed="true"] { border-color: var(--ok-ink); background: var(--ok-ink); color: var(--card); }
button.woaddset { inline-size: 100%; min-height: 2.75rem; display: flex; align-items: center; justify-content: center; gap: var(--s-3);
  border-color: transparent; background: var(--chip-bg); }
a.woaddex { inline-size: 100%; display: flex; align-items: center; justify-content: center; gap: var(--s-3); min-height: 3rem; }
.woaddset .icon, .woaddex .icon { inline-size: 1.1rem; block-size: 1.1rem; }
.woempty { display: grid; justify-items: center; gap: var(--s-5); padding-block: var(--s-9); text-align: center; }
.woempty-h { margin: 0; max-inline-size: 28rem; color: var(--muted); }
a.woempty-go { display: inline-flex; align-items: center; gap: var(--s-3); min-height: 2.75rem; }
a.woempty-go .icon { inline-size: 1.1rem; block-size: 1.1rem; }
/**/
#wodelete { margin-block-start: var(--s-8); }
.womenu { display: grid; gap: var(--s-3); margin-block: var(--s-5); }
.womenu > .ghost, .womenu > .linkbtn { justify-content: flex-start; min-height: 2.75rem; }
/**/
.womenu-g { display: grid; gap: var(--s-3); }
.womenu-g > .ghost { justify-content: flex-start; min-height: 2.75rem; }
.womenu-g > .fitlist-h { margin: 0; }
/**/
.worestbar { padding-block: var(--s-4); }
.worest { display: grid; gap: var(--s-3); }
.worest-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); margin: 0; }
.worest-k { font-weight: 600; }
.worest-time { font-size: var(--t-2xl); font-weight: 700; font-variant-numeric: tabular-nums; }
.worest-bar { display: block; block-size: .375rem; border-radius: var(--r-pill); background: var(--line); overflow: hidden; }
.worest-fill { display: block; block-size: 100%; border-radius: inherit; background: var(--accent);
  transition: inline-size var(--dur-2) linear; }
.worest-acts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); margin: 0; }
.worest-acts > button.ghost { min-height: 2.75rem; padding-inline: var(--s-3); font-variant-numeric: tabular-nums; }
.worest.over .worest-acts { grid-template-columns: minmax(0, 1fr); }
.worest.over .worest-time { color: var(--accent-ink); }
.wobest { margin: var(--s-5) 0 0; padding: var(--s-4) var(--s-6); border-radius: var(--r-sm);
  background: var(--calm-bg); color: var(--accent-ink); font-weight: 600; }
.wobest[hidden] { display: none; }
/**/
.wobadges { list-style: none; margin: 0 0 var(--s-5); padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-3); }
.wobadge { display: grid; gap: var(--s-1); padding: var(--s-3) var(--s-5); border-radius: var(--r-md);
  border: 1px solid var(--line); background: var(--chip-bg); }
.wobadge-k { font-size: var(--t-xs); color: var(--muted); font-weight: 600; }
.wobadge-v { font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
/**/

/**/
.exall .fitsearch { margin-block-end: var(--s-4); }
.exfilters { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-block-end: var(--s-4); }
.exfilters select { flex: 1 1 12rem; min-inline-size: 0; max-inline-size: 100%; }
.exall-count { margin: 0 0 var(--s-3); }
/**/
.exall #exlist > .fitlist-h:first-child { margin-block-start: var(--s-5); }
/**/
.fitbar > .exsaid { margin: 0 0 var(--s-3); }
.exsaid:empty { display: none; }
.exrow .fitrow-end { color: var(--muted); }
.expage .fitcols, .expage .fitmain, .expage .fitside { display: grid; gap: var(--s-6); align-content: start; }

.exid { display: grid; gap: var(--s-1); min-inline-size: 0; }
.exid > p { margin: 0; }
.exid-name { font-weight: 700; font-size: var(--t-lg); overflow-wrap: anywhere; }
/**/
.exshots { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: var(--s-5); max-inline-size: 34rem; }
.exshot { margin: 0; display: grid; gap: var(--s-2); min-inline-size: 0; }
.exshot-img { display: block; aspect-ratio: 1; border-radius: var(--r-lg); overflow: hidden;
  background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.exshot-img img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.exshot figcaption { text-align: center; font-size: var(--t-sm); color: var(--muted); }
.exfacts { display: grid; gap: var(--s-3); margin: 0; }
.exfact { display: grid; grid-template-columns: minmax(7rem, max-content) minmax(0, 1fr); gap: var(--s-2) var(--s-6); }
.exfact dt { color: var(--muted); }
.exfact dd { margin: 0; overflow-wrap: anywhere; }
.exsteps, .extips { margin: 0; padding-inline-start: 1.4em; display: grid; gap: var(--s-3); line-height: 1.55; }
.exrefs { margin: 0; display: flex; flex-wrap: wrap; gap: var(--s-5); }
.excredit { margin: var(--s-6) 0 0; }
.excredit a { color: inherit; }
.exhow { display: grid; gap: var(--s-5); }
.exfind { margin: var(--s-5) 0 0; }
.wopick-in { display: inline-flex; align-items: center; gap: var(--s-2); color: var(--ok-ink); font-weight: 600; }
.wopick-in .icon { inline-size: 1rem; block-size: 1rem; }
button.fitrow[aria-disabled="true"] { cursor: default; }
.woarchived { margin-block-start: var(--s-7); }
.woex, .woex .fitcols, .woex .fitmain, .woex .fitside { display: grid; gap: var(--s-5); align-content: start; }
.woex .fitlist-h { margin-block-end: 0; }
.wostep { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem; align-items: center; gap: var(--s-3); }
.wostep input { min-width: 0; text-align: center; font-size: var(--t-xl); font-weight: 600;
  font-variant-numeric: tabular-nums; }
.wostep button { inline-size: 2.75rem; block-size: 2.75rem; padding: 0; font-size: var(--t-xl); line-height: 1; }
button.wocopy { min-height: 2.25rem; padding: var(--s-2) var(--s-6); border-radius: var(--r-pill);
  font-size: var(--t-sm); font-variant-numeric: tabular-nums; }
button.wocopy.next { border-color: var(--calm-border); background: var(--calm-bg); color: var(--accent-ink); }
.wosettings-edit { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: var(--s-4); }
/*
*/
.wosettings-edit > legend { padding: 0; margin-block-end: var(--s-5); font-size: var(--t-md); color: var(--muted); }
.wosettings-edit [data-wo-settings] { display: grid; gap: var(--s-4); }
[data-wo-setting-add] { justify-self: start; display: inline-flex; align-items: center; gap: var(--s-2); min-height: 2.75rem; }
.woroutine-row { display: flex; align-items: center; gap: var(--s-5); min-height: 3.25rem; padding-block: var(--s-3);
  border-block-end: 1px solid var(--line); }
.woroutine-name { flex: 1 1 auto; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.woroutine-row .controls { flex: 0 0 auto; margin: 0; gap: var(--s-2); }
.woroutine-row .controls > button.ghost { inline-size: 2.75rem; min-height: 2.75rem; padding: 0; }
.wolinks { display: flex; flex-wrap: wrap; gap: 0 var(--s-6); }
/*

*/
.worecords { display: grid; gap: var(--s-3); }
button.worec { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  gap: var(--s-1) var(--s-6); inline-size: 100%; padding: var(--s-5) var(--s-6);
  border-radius: var(--r-sm); text-align: start; font-weight: 400; }
.worec-k { font-weight: 600; overflow-wrap: anywhere; }
.worec-d { grid-column: 1; font-size: var(--t-sm); color: var(--muted); }
.worec-v { grid-column: 2; grid-row: 1 / span 2; font-size: var(--t-lg); font-variant-numeric: tabular-nums; }
button.worec[aria-pressed="true"] { background: var(--calm-bg); border-color: var(--calm-border); }
button.worec[aria-pressed="true"] .worec-v { color: var(--accent-ink); }
/*
*/
.wohome { display: grid; gap: var(--s-1); margin-block-end: var(--s-6); }
.wohome > p { margin: 0; }
.wohome-day { font-size: var(--t-2xl); font-weight: 700; letter-spacing: -.01em; }
.wosum { list-style: none; margin: 0 0 var(--s-6); padding: 0; display: grid; gap: var(--s-3); }
.wotile { --tone: var(--series-8); display: flex; align-items: center; gap: var(--s-5); min-width: 0;
  padding: var(--s-3) var(--s-5) var(--s-3) var(--s-3); border-radius: var(--r-pill);
  background: color-mix(in srgb, var(--tone) 14%, var(--card)); font-weight: 600; }
.wotile > bdi { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.wotile .foodtile-icon { margin: 0; flex: 0 0 auto; }
.wotile-n { color: var(--muted); font-weight: 400; white-space: nowrap; font-variant-numeric: tabular-nums; }

/*



*/
@container fit (min-width: 56rem) {
  /*


*/
  .fitcols:has(> .fitside) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    grid-template-rows: auto auto 1fr; column-gap: var(--s-9); align-items: start; }
  .fitcols:has(> .fitside) > * { grid-column: 1; }
  .fitcols > .fitside { grid-column: 2; grid-row: 1 / -1; }
  /*
*/
  .fitcols > :first-child > :first-child, .fitcols > .fitside > :first-child,
  .fitcols > .fitside > :first-child > .fitlist-h:first-child { margin-block-start: 0; }
  .fitside--stick { position: sticky; inset-block-start: calc(76px + var(--sa-top)); }

  /*
*/
  .foodday { justify-content: flex-start; gap: var(--s-7); }
  .foodsec > .fitside + .fitmain > .foodslot:first-child { margin-block-start: 0; }

  /*
*/
  .fitside .foodtotal { column-gap: var(--s-7); row-gap: var(--s-7); }
  .fitside .foodtotal .cring { inline-size: 5.5rem; }
  .fitside .foodhero-n { font-size: var(--t-3xl); }
  .fitside .foodtiles { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
  .fitside .foodtile { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon k of" "icon v of";
    align-items: center; column-gap: var(--s-5); row-gap: 0; padding-block: var(--s-4); padding-inline: var(--s-4) var(--s-6); }
  .fitside .foodtile-icon { grid-area: icon; margin: 0; }
  .fitside .foodtile-k { grid-area: k; }
  .fitside .foodtile-v { grid-area: v; font-size: var(--t-lg); }
  .fitside .foodtile-of { grid-area: of; }

  /*
*/
  .fitways-h { display: block; margin: 0 0 var(--s-4); }
  .foodadd-side .fitways { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); gap: var(--s-1); margin: 0; }
  .foodadd-side .fitway { flex-direction: row; justify-content: flex-start; gap: var(--s-6); min-height: 3rem;
    padding: var(--s-2) var(--s-4); transition: background-color var(--dur-1) var(--ease); }
  .foodadd-side .fitway:hover { background: var(--hover-bg); }
  .foodadd-side .fitway[aria-expanded="true"] { background: var(--calm-bg); }
  .foodadd-side .fitway-k { font-size: var(--t-base); text-align: start; }
  .foodadd-side .foodway { margin-block: var(--s-6) 0; padding: var(--s-6); }

  /*
*/
  .fitform .fitmain > .acctfields { grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); align-items: end; }
  /**/
  /*





*/
  .foodall #foodall, .exall #exlist { display: grid; column-gap: var(--s-9);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); }
  /*





*/
  .foodall #foodall > :not(.fitrow), .exall #exlist > :not(.fitrow) { grid-column: 1 / -1; }
  /*

*/
  .foodall #foodall > .fitrow:last-of-type, .exall #exlist > .fitrow:last-of-type { border-block-end: 1px solid var(--line); }
  /*



*/
  .foodall #foodall > .foodall-letter, .exall #exlist > .foodall-letter {
    color: var(--ink); margin-block-start: var(--s-8);
    padding-block-start: var(--s-6); border-block-start: 1px solid var(--line); }
  .foodall #foodall > .foodall-letter:first-of-type,
  .exall #exlist > .foodall-letter:first-of-type {
    margin-block-start: var(--s-5); padding-block-start: 0; border-block-start: 0; }
  /*

*/
  .fitform .fitform-sec:not(.fitside) > .acctfields { grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); align-items: end; }
  .foodkeep-iconrow { flex-wrap: wrap; overflow: visible; }

  /*
*/
  .fitbar:not(.fitbar--note):not(.worestbar) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
  .fitbar > .err { flex: 1 1 100%; }
  button.fitbar-go { inline-size: auto; min-inline-size: 18rem; }


  /*
*/
  .wolive .fitside .wostats { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); padding: var(--s-7);
    background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
  .wocards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 26rem), 1fr)); gap: var(--s-7); }
  a.woaddex { inline-size: 100%; }
  /*
*/
  .woempty + a.woaddex { margin-inline: auto; }
  /**/
  .worest { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "top bar acts";
    align-items: center; column-gap: var(--s-8); }
  .worest-top { grid-area: top; gap: var(--s-6); }
  .worest-bar { grid-area: bar; }
  .worest-acts { grid-area: acts; grid-template-columns: repeat(3, auto); }
  .worest.over .worest-acts { grid-template-columns: auto; }

  /**/
  .wolib .fitsearch { max-inline-size: 32rem; }
  .wolib #wolist, .wolib .woarchived > .fitlist { display: grid; column-gap: var(--s-9);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); }
  .wolib #wolist > :not(.fitrow), .wolib .woarchived > .fitlist > :not(.fitrow) { grid-column: 1 / -1; }
  .wolib .fitlist > .fitrow:last-child, .wolib #wolist > .fitrow:last-child { border-block-end: 1px solid var(--line); }

  /**/
  .worecords { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
}
/*
*/
@media (min-width: 1180px) {
  .fitside--stick { inset-block-start: calc(var(--s-8) + var(--sa-top)); }
}

/*














*/
@media (max-width: 560px) {
  /*












*/
  /*
*/
  .ldesc, .lamt { font-size: var(--t-lg); }
  /*









*/
  .lrow {
    display: grid; grid-template-columns: auto 1fr auto auto;
    column-gap: var(--s-5); row-gap: var(--s-1); align-items: baseline;
  }
  .lmain { display: contents; }
  /*
*/
  .rowmark { grid-column: 1; grid-row: 1; align-self: center; }
  .ldesc { grid-column: 2; grid-row: 1; }
  .lamt { grid-column: 3; grid-row: 1; }
  .lacts { grid-column: 4; grid-row: 1; }
  /*








*/
  .lrow:has(.lexp) .lacts {
    grid-column: 2 / -1; grid-row: auto; justify-self: end; }
  /*



*/
  .lnote, .lmeta, .paidpick { grid-column: 2 / -1; }
  /*

*/
  .lrow .wonum { grid-column: 1; grid-row: 1; align-self: center; }
  /*
*/
  .lrow .foodthumb { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
}
.lrow.in .lamt { color: var(--ok-ink); }
.del {
  border: 0; background: none; color: var(--muted); font-size: var(--t-2xl); line-height: 1;
  cursor: pointer; padding: 0 4px; border-radius: var(--r-xs); flex: 0 0 auto;
}
.del:hover { color: var(--urgent-ink); }
/*








*/

.rem { display: flex; align-items: baseline; gap: var(--s-6); padding: 11px 0;
       border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.rem:last-child { border-bottom: none; }
.rem .when { font-weight: 700; font-variant-numeric: tabular-nums; min-width: 104px; }
.rem .what { flex: 1; min-width: 200px; font-size: var(--t-lg); }
.rem .src { color: var(--muted); font-size: var(--t-sm); display: block; }
.rem.overdue .when { color: var(--urgent-ink); }
.rem.soon .when { color: var(--action-ink); }

/*









*/
.sharerow { display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--s-5); padding: 12px 0; border-bottom: 1px solid var(--line); }
.sharerow:last-child { border-bottom: none; }
.sharerow .who { flex: 1 1 200px; min-width: 0; font-size: var(--t-lg); }
.sharerow .meta { display: block; color: var(--muted); font-size: var(--t-sm); }
.sharerow .acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5); }
/*
*/
.sharerow .acts button { display: inline-flex; align-items: center;
  gap: var(--s-3); white-space: nowrap; }
.sharerow .acts .icon { width: 15px; height: 15px; }
.sharerow.off .who, .sharerow.off .meta { color: var(--muted); }

/*











*/
/*




*/
.home-space .wrap { max-width: 900px; padding-top: 0; }

/*





































*/
:root.home-space {
  --muted: #4b5665;
  --glow-bg: #c2d2e3;             /**/
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]).home-space {
    --muted: #9aa7b8;
    --glow-bg: #12273e;           /**/
  }
}
/*

*/
:root[data-theme="dark"].home-space {
  --muted: #9aa7b8;
  --glow-bg: #12273e;
}
/*


*/
:root.legal-docs { --muted: #4b5665; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]).legal-docs { --muted: #9aa7b8; }
}
:root[data-theme="dark"].legal-docs { --muted: #9aa7b8; }

/*


*/
.landglow { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.home-space .wrap, .home-space .sidebar { position: relative; z-index: 1; }
.landglow i {
  position: absolute; display: block; border-radius: 50%;
  /*

*/
  animation: landglow-drift 34s ease-in-out infinite;
  will-change: transform;
}
.landglow i:nth-child(1) {
  width: 52vw; height: 52vw; top: -16vw; inset-inline-start: -10vw;
  background: radial-gradient(circle, rgb(var(--grad-2-rgb) / .20), transparent 70%);
}
.landglow i:nth-child(2) {
  width: 44vw; height: 44vw; top: 16vw; inset-inline-end: -12vw;
  background: radial-gradient(circle, rgb(var(--grad-1-rgb) / .16), transparent 70%);
  animation-duration: 46s; animation-delay: -12s;
}
/*

*/
@keyframes landglow-drift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50%      { transform: translate3d(2vw, 3vw, 0) scale(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  .landglow i { animation: none; }
}

/*






*/
.home-space .top {
  position: sticky; top: 0; z-index: 30;
  background: rgb(var(--card-rgb) / .72);
  backdrop-filter: blur(14px) saturate(1.4);
  margin-inline: calc(-1 * max(18px, var(--sa-side)));
  /*








*/
  padding: calc(10px + var(--sa-top)) max(18px, var(--sa-side)) 10px;
  margin-bottom: var(--s-6);
  /*






*/
  border-radius: 0 0 var(--r-lg) var(--r-lg);
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur-2) var(--ease);
}
/*
*/
.home-space .top.scrolled { border-bottom-color: var(--line); }

/*




















*/
@media (max-width: 560px) {
  /*













*/
  .home-space .top {
    flex-wrap: nowrap;
    /*

*/
    gap: var(--s-3);
  }
  /*

*/
  .home-space .top #envbadge { display: none; }
  /*








*/
  .home-space .top {
    margin-inline: calc(-1 * max(14px, var(--sa-side)));
    padding-inline: max(14px, var(--sa-side));
  }
  .home-space .top .spacer { flex: 1 1 0; min-width: 0; }
  .home-space .top #brandname { display: none; }
  .home-space .top #langwrap { min-width: 0; flex: 0 1 auto; }
  .home-space .top .langpick { min-width: 0; max-width: 100%; }
  .home-space .top .langpick select {
    min-width: 0; text-overflow: ellipsis;
  }
  /*
*/
  .home-space .top #who { flex: 0 0 auto; }
  .home-space .top #who .ghost { white-space: nowrap; }
}


/*












*/


/*



*/
.featgrid {
  display: grid; gap: var(--s-6);
  /*




*/
  grid-template-columns: repeat(auto-fit, minmax(min(240px, calc((100% - var(--s-6)) / 2)), 1fr));
}
/*



*/
/*




*/
.feat {
  display: flex; flex-direction: column; gap: var(--s-3); padding: 14px 16px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
}
.feat strong { font-size: var(--t-lg); letter-spacing: -.01em; }
/*




*/
@media (max-width: 560px) {
  /*




*/
  .feat { display: grid; grid-template-columns: auto 1fr;
          gap: var(--s-2) var(--s-4); align-items: center; align-content: start;
          padding: 12px 13px; }
  .feat .sicon { grid-row: 1; grid-column: 1; }
  .feat strong { grid-row: 1; grid-column: 2; font-size: var(--t-base); }
  .feat p { grid-column: 1 / -1; font-size: var(--t-md); }
}
.feat p { margin: 0; color: var(--muted); font-size: var(--t-base); line-height: 1.45; }

/*




*/
.demo {
  display: grid; gap: var(--s-8);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /*







*/
  align-items: stretch;
}
.demo-col { display: flex; flex-direction: column; }
/*




*/
.demo-col > figure:last-child,
.demo-col > .card:last-of-type { flex: 1 0 auto; }
.demo-label {
  margin: 0 0 10px; font-size: var(--t-md); font-weight: 700; color: var(--muted);
}
.demo-letter {
  margin: 0; padding: 26px 24px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm);
  box-shadow: var(--shadow-1);
  font-size: var(--t-md); line-height: 1.6; color: var(--muted);
  /*







*/
  text-align: start;
}
/*















*/
/*





*/
@media (max-width: 560px) {
  /*



*/
  /*


*/
  .demo { align-items: start; align-content: start; }
  .demo-col > figure:last-child, .demo-col > .card:last-of-type { flex: 0 0 auto; }
  /*

*/
  .demo-letter, .demo-receipt {
    position: relative; max-height: 340px; overflow: hidden;
  }
  .demo-letter::after, .demo-receipt::after {
    content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 84px;
    background: linear-gradient(to bottom, transparent, var(--card));
    pointer-events: none;
  }
  /*




*/
  /*









*/
}
.demo-letter p { margin: 0 0 12px; }
.demo-letter p:last-child { margin-bottom: 0; }
.demo-letter strong { color: var(--ink); }
.dl-sender { font-weight: 600; color: var(--ink); }
.dl-meta { font-size: var(--t-sm); }
.dl-subject { font-weight: 700; color: var(--ink); font-size: var(--t-lg); margin-top: 18px; }
/*
*/
.dl-date { text-align: end; }
/*
*/
.dl-machine { font-size: var(--t-xs); opacity: .8; margin-top: 16px; }
/*












*/
/*







*/
.demo-col .filed { display: flex; align-items: center; gap: var(--s-4);
  margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--line);
  font-size: var(--t-sm); font-weight: 600; color: var(--ink); }
.demo-col .filed .icon { width: 15px; height: 15px; flex: 0 0 auto;
  color: var(--accent-ink); }
.demo-col .card:last-child { margin-bottom: 0; }
.demo-when { font-size: var(--t-xl); font-weight: 700; }
.demo-note { margin: 14px 0 0; }

/*


















*/
.demoslider {
  display: flex;
  gap: var(--s-8);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding-block: 4px;
  /*
*/
  scrollbar-width: none;
}
.demoslider::-webkit-scrollbar { display: none; }
/*












*/
.demoslider { align-items: start; overflow-y: hidden;
  transition: height var(--dur-2) cubic-bezier(.4, 0, .2, 1); }
.demoslider > .demo {
  flex: 0 0 100%;
  scroll-snap-align: start;
  /**/
  margin-top: 0;
}

/*



*/
/*


*/
.demochannel {
  display: flex; align-items: center; gap: var(--s-3);
  /*
*/
  flex-wrap: wrap;
  margin: 0 0 var(--s-5); color: var(--muted);
  font-size: var(--t-md); font-weight: 600;
}
/*





*/
.demochannel .chrest { font-weight: 400; opacity: .75; }
/*


*/
.demofrom { margin: 0; }
.demosubject { margin: 2px 0 var(--s-5); }
.demothread { display: flex; flex-direction: column; gap: var(--s-4); }
/*


*/
[dir="rtl"] .demothread { direction: rtl; }
/*








*/
.demothread .ask-msg, [dir="rtl"] .demothread .ask-msg { text-align: left; }

/*












*/
/*
















*/
.demoslider .catbar { grid-template-columns: 152px 1fr auto; }
/*

*/
.demoslider .catitems { padding-inline-start: calc(152px + var(--s-6)); }

/*





*/
@media (max-width: 560px) {
  .demoslider .catitems { padding-inline-start: var(--s-8); }
}

/*












*/
.demotabs { display: flex; justify-content: center; margin: 0 0 var(--s-7); }
.demotabs .seg { padding-block: 10px; }

/*

















*/
[data-typewrite].animating [data-w] {
  opacity: 0;
  transition: opacity var(--dur-2) var(--ease);
  transition-delay: var(--d, 0ms);
}
[data-typewrite].animating.written [data-w] { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  /*

*/
  [data-typewrite].animating [data-w] { opacity: 1; transition-delay: 0s; }
}

/*




*/

.demo-receipt {
  /*










*/
  margin: 0; padding: 26px 24px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm);
  box-shadow: var(--shadow-1);
  font-size: var(--t-md); line-height: 1.5; color: var(--muted);
  /*
*/
  text-align: left;
}
[dir="rtl"] .demo-receipt { text-align: left; }
.dr-shop { margin: 0; font-weight: 600; color: var(--ink); }
.dr-meta { margin: 2px 0 14px; font-size: var(--t-sm); }
/*

*/
.dr-lines { margin: 0; }
.dr-lines > div, .dr-total, .rollup > div, .rollup-total {
  display: flex; justify-content: space-between; gap: var(--s-6);
}
.dr-lines dt, .dr-lines dd, .rollup dt, .rollup dd { margin: 0; }
/*
*/
.dr-lines dd, .dr-total span:last-child, .rollup dd, .rollup-total strong {
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.dr-lines > div { padding: 2px 0; }
.dr-total {
  margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line);
  font-weight: 700; color: var(--ink);
}
.rollup { margin: 0; }
.rollup > div { padding: var(--s-3) 0; border-bottom: 1px solid var(--line); }
.rollup > div:last-child { border-bottom: 0; }
.rollup dd { font-weight: 600; }
.rollup-total {
  margin: var(--s-5) 0 0; padding-top: var(--s-5); border-top: 1px solid var(--line);
  font-size: var(--t-xl);
}
.rollup-total strong { font-weight: 700; }
section.land { margin: 44px 0 0; }
/*



*/
section.land > h2, section.land > .landh {
  font-size: var(--t-2xl); letter-spacing: -0.01em; margin: 0 0 18px; font-weight: 700; }

/*











*/
#landing section.land {
  /*

*/
  margin-top: 72px;
}
#landing section.land > h2 {
  font-size: var(--t-display-2); letter-spacing: -0.02em; margin: 0 0 22px;
}

/*
















*/
#landing.reveal section.land {
  opacity: 0; transform: translateY(14px);
  transition: opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);
}
#landing.reveal section.land.shown { opacity: 1; transform: none; }

/*












*/
#landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > * {
  opacity: 0; transform: translateY(10px);
  transition: opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);
}
#landing.reveal section.land.shown :is(.grid3, .featgrid, .plans, .trustgrid) > * {
  opacity: 1; transform: none;
}
#landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > :nth-child(2) { transition-delay: 80ms; }
#landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > :nth-child(3) { transition-delay: 160ms; }
#landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > :nth-child(4) { transition-delay: 240ms; }
#landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > :nth-child(5) { transition-delay: 320ms; }

@media (prefers-reduced-motion: reduce) {
  #landing.reveal section.land,
  #landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > * {
    opacity: 1; transform: none;
  }
  /*
*/
  #landing.reveal section.land :is(.grid3, .featgrid, .plans, .trustgrid) > * {
    transition-delay: 0s;
  }
}
/*




*/
.grid3 { display: grid; gap: var(--s-6);
  grid-template-columns: repeat(auto-fit, minmax(min(200px, calc((100% - var(--s-6)) / 2)), 1fr)); }
.step { padding: 16px; background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius); }
.step .n {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--accent); color: var(--on-accent); font-weight: 700; font-size: var(--t-base);
  margin-bottom: 10px;
}
.step strong { display: block; margin-bottom: 4px; }
.step p { margin: 0; color: var(--muted); font-size: var(--t-base); }

/*










*/
/*


*/
.herotrust { display: flex; align-items: flex-start; gap: var(--s-5);
  margin: 0 0 var(--s-8); padding: 10px 14px; border-radius: var(--r-md);
  background: var(--card); border: 1px solid rgb(var(--accent-rgb) / .22);
  font-size: var(--t-base); line-height: 1.5; color: var(--ink); }
.herotrust-mark { flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px;
  border-radius: var(--r-pill); background: rgb(var(--accent-rgb) / .1); color: var(--accent-ink); }
.herotrust-mark svg { width: 16px; height: 16px; }
.herotrust-text { min-width: 0; padding-block-start: var(--s-1); }
/*

*/
.herotrust a { display: inline-block; color: var(--accent-ink); font-weight: 600;
  text-underline-offset: 2px; }
.trust-lead { max-width: var(--m-prose); margin: 0 0 var(--s-8); font-size: var(--t-lg);
  line-height: 1.5; color: var(--ink); }
.trustgrid { display: grid; gap: var(--s-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) {
  /**/
  .trustgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.trustcard { display: flex; flex-direction: column; gap: var(--s-4); padding: 18px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.trustcard h3 { margin: 0; font-size: var(--t-lg); letter-spacing: -.01em; }
.trustcard p { margin: 0; color: var(--muted); font-size: var(--t-base); line-height: 1.5; }
.trust-ic { display: inline-grid; place-items: center; width: 34px; height: 34px;
  border-radius: var(--r-md); background: rgb(var(--accent-rgb) / .08);
  border: 1px solid rgb(var(--accent-rgb) / .18); color: var(--accent-ink); }
.trust-ic svg { width: 18px; height: 18px; }
.trust-more { margin: var(--s-8) 0 0; }
.trust-more .ghost { display: inline-flex; align-items: center; }
/*
*/
@media (max-width: 560px) {
  .trustcard { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center;
    gap: var(--s-4) var(--s-5); padding: 14px; }
  .trustcard p { grid-column: 1 / -1; }
}

/*











*/
details.faq p, .demo-note, .vatnote, ul.checks { max-width: var(--m-prose); }

ul.checks { list-style: none; margin: 0; padding: 0; }
ul.checks li { padding: 5px 0 5px 26px; position: relative; font-size: var(--t-lg); }
ul.checks li::before {
  content: "✓"; position: absolute; left: 2px; color: var(--accent-ink); font-weight: 700;
}
[dir="rtl"] ul.checks li { padding: 5px 26px 5px 0; }
[dir="rtl"] ul.checks li::before { left: auto; right: 2px; }

/*













*/
.plans { display: grid; grid-template-columns: 1fr; gap: var(--s-7); align-items: stretch; }
/*



*/
.plan .controls + .sub { margin-top: var(--s-5); }
@media (min-width: 860px) { .plans { grid-template-columns: repeat(2, 1fr); } }
.plan { display: flex; flex-direction: column; }
.plan { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.plan.popular { border-color: var(--accent); border-width: 2px; }
.plan h3 { color: var(--ink); font-size: var(--t-xl); text-transform: none; letter-spacing: 0; margin-bottom: 2px; }
.plan .price { font-size: var(--t-lg); font-weight: 700; margin: 2px 0 12px; }
/*

*/
.plan .controls { margin-top: auto; padding-top: 16px; }
.plan button { width: 100%; }

details.faq { border-bottom: 1px solid var(--line); padding: 2px 0; }
details.faq:first-of-type { border-top: 1px solid var(--line); }
/*














*/
details.faq summary {
  cursor: pointer; font-weight: 600; font-size: var(--t-lg); padding: 12px 0;
  list-style: none; padding-inline-start: 22px; position: relative;
}
details.faq summary::-webkit-details-marker { display: none; }
details.faq summary::before {
  content: "›" / ""; position: absolute; inset-inline-start: 4px;
  color: var(--muted); font-weight: 700;
  transition: transform var(--dur-1) var(--ease);
}
details.faq[open] summary::before { transform: rotate(90deg); }

/*

*/
details.rkhow { margin-block-start: var(--s-6); }
details.rkhow summary {
  cursor: pointer; font-weight: 600; font-size: var(--t-md); color: var(--accent-ink);
  list-style: none; padding-inline-start: 18px; position: relative;
  min-height: 44px; display: flex; align-items: center;
}
details.rkhow summary::-webkit-details-marker { display: none; }
details.rkhow summary::before {
  content: "›" / ""; position: absolute; inset-inline-start: 4px;
  font-weight: 700; transition: transform var(--dur-1) var(--ease);
}
details.rkhow[open] summary::before { transform: rotate(90deg); }
@media (prefers-reduced-motion: reduce) { details.rkhow summary::before { transition: none; } }

/*





















*/
details.faq {
  interpolate-size: allow-keywords;
}
details.faq::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size var(--dur-2) var(--ease),
              content-visibility var(--dur-2) var(--ease) allow-discrete;
}
details.faq[open]::details-content { block-size: auto; }

@media (prefers-reduced-motion: reduce) {
  /*

*/
  details.faq::details-content { block-size: auto; overflow: visible; }
}
details.faq summary:hover { color: var(--accent-ink); }
details.faq p { margin: 0 0 14px; color: var(--muted); font-size: var(--t-lg); }

footer.site {
  margin-top: 56px; padding: 22px 0 8px; border-top: 1px solid var(--line);
  font-size: var(--t-base); color: var(--muted);
}
footer.site .cols { display: flex; gap: var(--s-9); flex-wrap: wrap; align-items: flex-start; }
footer.site .brandline { display: flex; align-items: center; gap: var(--s-4); color: var(--ink); font-weight: 600; }
footer.site nav { display: flex; gap: var(--s-8); flex-wrap: wrap; }
footer.site a { text-decoration: none; padding: 8px 0; display: inline-block; }
footer.site .disclaimer { margin-top: 14px; font-size: var(--t-md); }

/*




*/
/*





*/
.sidebar { display: none; }
@media (min-width: 1180px) {
  .with-sidebar .sidebar {
    display: block; position: fixed;
    inset-block: 0; inset-inline-start: 0;
    width: 264px; padding: 20px 16px;
    background: var(--card); border-inline-end: 1px solid var(--line);
    overflow-y: auto;
    transform: translateX(0); visibility: visible;
    transition: transform var(--dur-2) cubic-bezier(.4, 0, .2, 1);
  }
  /*



*/
  /*





*/
  .with-sidebar:has(.sidebar) .wrap {
    margin-inline-start: max(296px, calc(264px + (100% - 264px - 760px) / 2));
    margin-inline-end: 24px;
  }
  /*


*/
  .with-sidebar:has(.sidebar).app-space .wrap {
    margin-inline-start: max(288px, calc(264px + (100% - 264px - var(--m-page)) / 2));
    margin-inline-end: 24px;
  }

  /*


*/
  .with-sidebar #appnav { display: none; }
  /*
*/
  /*
*/
  .with-sidebar #sidetoggle {
    display: grid; place-items: center; position: fixed;
    top: 50%; inset-inline-start: 249px; transform: translateY(-50%);
    width: 30px; height: 30px; padding: 0; border-radius: 50%;
    border: 1px solid var(--line); background: var(--card); color: var(--muted);
    cursor: pointer; z-index: 41; box-shadow: var(--shadow-1);
    transition: inset-inline-start var(--dur-2) cubic-bezier(.4, 0, .2, 1),
                color var(--dur-1) ease, border-color var(--dur-1) ease;
  }
  .with-sidebar #sidetoggle:hover { color: var(--accent-ink); border-color: var(--grad-3); }
  .with-sidebar #sidetoggle .icon { width: 15px; height: 15px; transform: scaleX(-1); }  /**/
  .with-sidebar.sidebar-collapsed #sidetoggle { inset-inline-start: 12px; }
  .with-sidebar.sidebar-collapsed #sidetoggle .icon { transform: none; }                 /**/
  /**/
  html[dir="rtl"] .with-sidebar #sidetoggle .icon { transform: none; }
  html[dir="rtl"] .with-sidebar.sidebar-collapsed #sidetoggle .icon { transform: scaleX(-1); }

  /*


*/
  .with-sidebar.sidebar-collapsed .sidebar {
    transform: translateX(-100%); pointer-events: none; visibility: hidden;
    transition: transform var(--dur-2) cubic-bezier(.4, 0, .2, 1), visibility var(--dur-1) linear var(--dur-2);
  }
  html[dir="rtl"] .with-sidebar.sidebar-collapsed .sidebar {
    transform: translateX(100%);
  }
  .with-sidebar.sidebar-collapsed .wrap {
    margin-inline-start: auto; margin-inline-end: auto;
  }
}
.wrap { transition: margin var(--dur-2) cubic-bezier(.4, 0, .2, 1); }
.side-new {
  display: block; text-align: center; text-decoration: none;
  background: var(--accent); color: var(--on-accent); font-weight: 600;
  padding: 11px 14px; border-radius: var(--r-sm); margin-bottom: 16px;
  box-shadow: 0 1px 2px rgb(var(--shade-rgb) / .2);
  transition: background-color var(--dur-1) var(--ease);
}
.side-new:hover { background: var(--grad-1); }
.sidebar h3 { margin-top: 4px; }
.side-doc {
  display: flex; align-items: baseline; gap: var(--s-4);
  padding: 9px 8px; border-radius: var(--r-sm);
  text-decoration: none; color: inherit; font-size: var(--t-base);
}
.side-doc:hover { background: var(--hover-bg); }
.side-doc.active { background: var(--calm-bg); font-weight: 600; }
.side-doc .side-title {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.side-empty { color: var(--muted); font-size: var(--t-md); padding: 4px 8px; }
.side-all {
  display: block; font-size: var(--t-md); text-decoration: none;
  padding: 12px 8px 4px; color: var(--accent-ink);
}
/*
*/
.side-rem {
  display: block; text-decoration: none; color: inherit;
  padding: 7px 8px; border-radius: var(--r-sm); font-size: var(--t-md); line-height: 1.35;
}
.side-rem:hover { background: var(--hover-bg); }
.side-rem .when { font-weight: 700; font-variant-numeric: tabular-nums; }
.side-rem.overdue .when { color: var(--urgent-ink); }
.side-rem.soon .when { color: var(--action-ink); }
.side-rem .what {
  display: block; color: var(--muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.side-sep { border: none; border-top: 1px solid var(--line); margin: 14px 0; }

/**/
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
section.land { scroll-margin-top: 18px; }

/*




*/
/*
*/
/*

*/
.botcheck { margin-top: 0; min-height: 0; --botcheck-size: normal; }
@media (max-width: 560px) {
  .botcheck { --botcheck-size: compact; }
}

/*








*/
/*



*/
.filepick-input { display: none; }
/*
*/
.filepick {
  display: inline-flex; align-items: center; gap: var(--s-4);
  padding: var(--s-5) var(--s-7); font: inherit; font-weight: 600;
  color: var(--accent-ink); background: transparent;
  border: 1px solid var(--line); border-radius: var(--r-sm);
  cursor: pointer;
}
.filepick:hover { border-color: var(--accent-ink); }

/*




*/
/*


*/
.supthreads { list-style: none; margin: 0; padding: 0; }
.supthreads li { margin-bottom: var(--s-4); }
.supthread-row {
  display: grid; gap: var(--s-2); width: 100%; text-align: start;
  padding: var(--s-6) var(--s-7); font: inherit; color: inherit;
  background: transparent; border: 1px solid var(--line);
  border-radius: var(--r-sm); cursor: pointer;
}
.supthread-row:hover { border-color: var(--accent-ink); }
.supthread-kind { display: flex; align-items: center; gap: var(--s-4);
  font-size: var(--t-xs); font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: var(--accent-ink); }
/*

*/
.supthread-gist { min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.supthread-when { font-size: var(--t-xs); color: var(--muted); }

.supturns { display: flex; flex-direction: column; gap: var(--s-6);
  margin-bottom: var(--s-7); }
.supturn { max-width: 34em; padding: var(--s-6) var(--s-7);
  border: 1px solid var(--line); border-radius: var(--r-sm); }
.supturn-you { align-self: flex-start; }
.supturn-us { align-self: flex-end; background: var(--calm-bg);
  border-color: var(--calm-border); }
/*
*/
.supturn-new { border-inline-start: 3px solid var(--accent-ink); }
.supturn-who { margin: 0 0 var(--s-2); font-size: var(--t-xs); font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.supturn-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.supturn-when { margin: var(--s-4) 0 0; font-size: var(--t-xs); color: var(--muted); }
.supturn-waiting { align-self: flex-start; margin: 0; }
.supturn-atts { display: flex; flex-wrap: wrap; gap: var(--s-4);
  margin-top: var(--s-5); }
.supturn-atts img { display: block; width: 96px; height: 96px; object-fit: cover;
  border: 1px solid var(--line); border-radius: var(--r-xs); }
/*

*/
.supturn-att-file { display: inline-block; max-width: 16em; padding: var(--s-4) var(--s-5);
  font-size: var(--t-sm); border: 1px solid var(--line); border-radius: var(--r-xs);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.supfiles { list-style: none; margin: var(--s-5) 0 0; padding: 0; }
.supfiles li {
  display: flex; align-items: center; gap: var(--s-5);
  padding: var(--s-4) var(--s-6); margin-bottom: var(--s-3);
  border: 1px solid var(--line); border-radius: var(--r-xs);
}
.supfile-name {
  flex: 1; min-width: 0; font-size: var(--t-sm); color: var(--muted);
  overflow-wrap: anywhere;
}

/*









*/
/*



*/
p.sub.upload-trust { font-size: var(--t-base); margin: var(--s-6) 0 0; }

.side-upgrade { width: 100%; margin-top: 10px; font-size: var(--t-base); padding: 9px 12px; min-height: 40px; }
/*

*/
.side-manage { width: 100%; margin-top: 10px; font-size: var(--t-base); padding: 9px 12px; min-height: 40px; }

/**/
.langbtns { display: flex; gap: var(--s-4); flex-wrap: wrap; margin-top: 4px; }
/**/
.langchip {
  display: inline-flex; align-items: center; min-height: 0;
  padding: 8px 15px; border: 1px solid var(--line); border-radius: var(--r-pill);
  background: var(--card); color: var(--ink); font-size: var(--t-base); font-weight: 600;
  cursor: pointer; transition: border-color var(--dur-1) ease, color var(--dur-1) ease, background var(--dur-1) ease;
}
.langchip:hover {
  border-color: var(--grad-3); color: var(--accent-ink);
  background: var(--hover-bg);
}

/*


*/
.stage { animation: rise .38s ease both; }
.stage:nth-child(2) { animation-delay: .10s; }
.stage:nth-child(3) { animation-delay: .20s; }
.stage:nth-child(4) { animation-delay: .30s; }
.stage:nth-child(5) { animation-delay: .40s; }
.stage:nth-child(6) { animation-delay: .50s; }
@media (prefers-reduced-motion: reduce) { .stage { animation: none; } }

[dir="rtl"] { text-align: right; }
[dir="rtl"] ol.steps { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .verdict { border-left: none; border-right: 5px solid var(--info); }
[dir="rtl"] .verdict.action-needed { border-right-color: var(--action); }
[dir="rtl"] .verdict.URGENT { border-right-color: var(--urgent-ink); }
[dir="rtl"] .low { margin-left: 0; margin-right: 6px; }

/*





*/
@media print {
  :root { --line: #999; }

  body { background: #fff; color: #000; font-size: 11pt; line-height: 1.4; }
  .wrap { max-width: none; padding: 0; }

  /**/
  .top, .controls, .drop, .files, .waiting, button, select, input,
  .navlink, .badge, #langwrap, #who, .doc .dot, .skip, .sidebar,
  section.land, footer.site, .hero, .herosub, .hero-preview, .doc-sections,
  .home-assistant, .home-onboarding {
    display: none !important;
  }

  .card, .note, .warn, .lawyer {
    border: none; border-radius: 0; padding: 0; margin: 0 0 10pt;
    background: var(--on-accent); box-shadow: none; color: #000;
  }
  .stage { animation: none !important; }

  /**/
  .verdict { border-left: 3pt solid #000; padding-left: 8pt; }
  /*


















*/
  [dir="rtl"] .verdict {
    border-left: none; padding-left: 0;
    border-right: 3pt solid #000; padding-right: 8pt;
  }
  .utag { font-weight: 700; color: #000; }
  .title { font-size: 15pt; }
  h3 { font-size: 8pt; letter-spacing: .06em; color: #000;
       border-bottom: 0.5pt solid #999; padding-bottom: 2pt; }

  /**/
  .deadline .d { font-size: 16pt; font-weight: 700; }
  .hard { background: none; color: #000; border: 1pt solid #000; padding: 0 3pt; }
  .low { background: none; color: #000; border: 0.5pt solid #000; }

  /*
*/
  .ev { font-size: 9pt; color: #333; }

  .card, .rem, ol.steps li, tr { break-inside: avoid; page-break-inside: avoid; }
  h3 { break-after: avoid; page-break-after: avoid; }

  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #555; }
  a[href^="/"]::after { content: ""; }

  .orig img { max-height: 16cm; width: auto; border: 0.5pt solid #999; }

  .run { font-size: 8pt; color: #555; }
  .run::after {
    display: block; margin-top: 4pt;
    content: "Generated by Fahim. Explanation and information only, not legal advice.";
  }
}

/*




*/

/*




*/

/**/
.icon { display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; }
.icon svg { width: 100%; height: 100%; display: block; }

/**/
.appnav {
  /*


*/
  position: sticky; top: calc(10px + var(--sa-top)); z-index: 35;
  display: flex; gap: var(--s-2); padding: 5px; margin: 12px auto 8px;
  /*



*/
  width: max-content; max-width: 100%; overflow-x: auto; scrollbar-width: none;
  border: 1px solid var(--line); border-radius: var(--r-pill);
  background: var(--card);
  box-shadow: var(--shadow-1);
}
.appnav::-webkit-scrollbar { display: none; }
.appnav[hidden] { display: none; }
/*



*/
[data-space].space-off, [data-space-any].space-off { display: none; }
.appnav a {
  display: inline-flex; align-items: center; gap: var(--s-4); padding: 8px 14px;
  border-radius: var(--r-pill); text-decoration: none; white-space: nowrap;
  color: var(--muted); font-size: var(--t-base); font-weight: 600;
  transition: color var(--dur-1) ease, background var(--dur-1) ease;
}
.appnav a .icon { width: 16px; height: 16px; }
.appnav a:hover { color: var(--ink); background: var(--chip-bg); }
.appnav a[aria-current="page"] {
  color: var(--on-accent); background: var(--accent);
}
/*
*/
.navsep { flex: 0 0 auto; align-self: stretch; width: 1px; margin: 5px 3px;
  background: var(--line); }
/*




*/
@media (max-width: 860px) {
  .appnav { width: 100%; justify-content: space-around; gap: var(--s-1); }
  /*











*/
  .appnav a { padding: 9px 4px; gap: 0; flex: 1 1 0; min-width: 0;
              justify-content: center; }
  .appnav a .icon { width: 21px; height: 21px; }
  .appnav a span:not(.icon) {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
    white-space: nowrap; border: 0;
  }
}

/*





















*/
@media (max-width: 560px) {
  .appnav {
    position: fixed; inset-block-start: auto; inset-block-end: 0;
    inset-inline: 0; margin: 0; width: 100%; max-width: none;
    /*

*/
    border: 0; border-block-start: 1px solid var(--line); border-radius: 0;
    box-shadow: none;
    padding: var(--s-2) var(--s-3);
    /*

*/
    padding-block-end: calc(var(--s-2) + var(--sa-bottom));
    /**/
    z-index: 42;
  }
  /**/
  .appnav a { border-radius: var(--r-md); }
  /*






*/
}

/**/
.hgreet {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: var(--s-7); flex-wrap: wrap; margin: 20px 0 20px;
}
/*


*/
.hstart:empty { display: none; }
.hgreet h2 {
  margin: 0; font-size: clamp(27px, 4.6vw, 38px); line-height: 1.14;
  letter-spacing: -.02em; font-weight: 700;
}
.hgreet .sub { margin: 7px 0 0; font-size: var(--t-lg); max-width: 34em; }

/*





*/
.stats {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-6); margin: 0 0 14px;
}
.stats > .stat:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 561px) {
  .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats > .stat:last-child:nth-child(odd) { grid-column: auto; }
}
.stat {
  display: flex; flex-direction: column; gap: var(--s-4); padding: 16px;
  min-width: 0;                                   /**/
  border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--card); box-shadow: var(--shadow-1);
  text-decoration: none; color: inherit;
  transition: transform var(--dur-2) ease, box-shadow var(--dur-2) ease, border-color var(--dur-2) ease;
}
.stat:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); border-color: var(--grad-3); }
.sicon {
  width: 34px; height: 34px; border-radius: var(--r-sm); display: grid; place-items: center;
  color: var(--accent-ink);
  background: rgb(var(--accent-rgb) / .08);
  border: 1px solid rgb(var(--accent-rgb) / .18);
}
.sicon .icon { width: 18px; height: 18px; }
.statval {
  font-size: clamp(18px, 2.6vw, 30px); font-weight: 800; letter-spacing: -.02em;
  line-height: 1.1; font-variant-numeric: tabular-nums;
  min-width: 0; overflow-wrap: anywhere;          /**/
}
.statval.txt { font-size: clamp(16px, 2.4vw, 21px); }
/*
*/
.statval.money { font-size: clamp(16px, 1.9vw, 23px); }
.statlabel {
  font-size: var(--t-md); color: var(--muted); font-weight: 600;
}

/*


*/
.spaces {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--s-6); margin: 8px 0 4px;
}
.space {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; gap: var(--s-4); padding: 18px;
  border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--card); box-shadow: var(--shadow-1);
  text-decoration: none; color: inherit;
  transition: transform var(--dur-2) ease, box-shadow var(--dur-2) ease, border-color var(--dur-2) ease;
}
.space:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); border-color: var(--grad-2); }
.space strong { font-size: var(--t-xl); letter-spacing: -.01em; margin-top: 2px; }
.space .ssub { color: var(--muted); font-size: var(--t-base); line-height: 1.45; }
.space .scount { font-size: var(--t-md); color: var(--accent-ink); font-weight: 700; }
/*

*/
.space .scount:empty { display: none; }
.space .chev {
  position: absolute; inset-inline-end: 14px; inset-block-start: 17px;
  width: 18px; height: 18px; color: var(--muted);
  transition: transform var(--dur-2) ease, color var(--dur-2) ease;
}
.space:hover .chev { color: var(--accent-ink); transform: translateX(3px); }
[dir="rtl"] .space .chev { transform: scaleX(-1); }
/*
*/
[dir="rtl"] .icon-mirror svg { transform: scaleX(-1); }
[dir="rtl"] .space:hover .chev { transform: scaleX(-1) translateX(3px); }

/*




*/
/*



*/
.homechart .chartwrap { display: flex; flex-direction: column; flex: 1; }
/*





*/
.homechart .cbars { gap: var(--s-7); }
.homechart .cbar-track { height: 18px; }
.homechart .cscale { margin-top: var(--s-5); }

/*



*/
.homechart .chartfoot { margin-top: auto; padding-top: 12px; display: flex; align-items: center;
  justify-content: space-between; gap: var(--s-5); flex-wrap: wrap; }
.homechart .chartfoot .seeall { margin-top: 0; }
.homechart .chartwrap { margin-bottom: var(--s-4); }
/*





*/
.homerow { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--s-6); margin-top: 12px; }
.homerow .card { margin-bottom: 0; display: flex; flex-direction: column; }
.homerow .card > [data-slot="body"] { display: flex; flex-direction: column; flex: 1; }
/*
*/
.homerow .card > [data-slot="body"] > .seeall,
.homerow .card > [data-slot="body"] > .mini-more { margin-top: auto; padding-top: 12px; }

/*















*/
.hgrid {
  /*


*/
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--s-6); margin: 0 0 14px;
}
/*



*/
.hwid { display: grid; min-width: 0; }
/*











*/
.hwid--edit { grid-template-rows: auto 1fr; }
/*






*/
.hwid > *, .hwtrayitem > * { min-width: 0; }
.hwid > * { margin-bottom: 0; }
.hwid > .card { display: flex; flex-direction: column; }
.hwid > .card > [data-slot="body"] { display: flex; flex-direction: column; flex: 1; }
.hwid > .card > [data-slot="body"] > .seeall,
.hwid > .card > [data-slot="body"] > .mini-more { margin-top: auto; padding-top: 12px; }
/*




*/
.hw-small { grid-column: auto / span 6; }
.hw-half, .hw-full { grid-column: auto / span 12; }
@media (min-width: 561px) {
  /**/
  .hw-small { grid-column: auto / span 4; }
  .hw-half { grid-column: auto / span 6; }
}

/*

















*/
@media (max-width: 560px) {
  .hw-startp-4 { grid-column-start: 4; }
}
@media (min-width: 561px) {
  .hw-startd-3 { grid-column-start: 3; }
  .hw-startd-4 { grid-column-start: 4; }
  .hw-startd-5 { grid-column-start: 5; }
}

/*
*/
.quickrow { display: flex; flex-wrap: wrap; gap: var(--s-4); align-items: center; }

/*

*/
.budrow--flat { padding-inline-end: 0; }
/*




*/
.budrow--link { display: block; text-decoration: none; color: inherit;
  cursor: pointer; }
.budrow--link:hover .budcat, .budrow--link:focus-visible .budcat {
  color: var(--accent-ink); }
.budrow--flat .budfig { font-variant-numeric: tabular-nums; }

/*






*/

/*

*/
.hwedit {
  display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap;
  row-gap: var(--s-1); min-width: 0; padding: 0 var(--s-1) var(--s-4);
}
/*




*/
/*


*/
.hw-small .hwedit { gap: var(--s-0); padding-inline: 0; }
/*



*/
.hw-small .hwname { display: none; }
.hw-small .hwsize { gap: var(--s-0); }
/*

*/
.hw-small .hwgrip, .hw-small .hwsizebtn, .hw-small .acctx {
  width: 24px; height: 24px; min-width: 24px; padding: 0;
}
.hw-small .hwgrip .icon, .hw-small .acctx .icon { width: 13px; height: 13px; }
.hwname {
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-size: var(--t-md); font-weight: 700; color: var(--muted);
}
/*
*/
.hwedit [data-homeup] .icon { transform: rotate(-90deg); }
.hwedit [data-homedown] .icon { transform: rotate(90deg); }
.hwedit .acctx[disabled] { opacity: .35; cursor: default; }
/*


*/
.hwgrip {
  display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto;
  border: 1px solid var(--control-line); border-radius: var(--r-sm);
  background: var(--card); color: var(--muted); cursor: grab;
  touch-action: none; padding: 0;
}
.hwgrip:hover { color: var(--accent-ink); border-color: var(--accent-ink); }
.hwgrip:active { cursor: grabbing; }
.hwgrip .icon { width: 15px; height: 15px; }

/*

*/
.hwsize { display: flex; gap: var(--s-1); flex: 0 0 auto; }
.hwsizebtn {
  display: grid; place-items: center; width: 30px; height: 30px; padding: 0;
  border: 1px solid transparent; border-radius: var(--r-sm);
  background: none; cursor: pointer; color: var(--muted);
}
.hwsizebtn:hover { border-color: var(--control-line); color: var(--ink); }
.hwsizebtn.on { border-color: var(--accent-ink); color: var(--accent-ink);
  background: rgb(var(--accent-rgb) / .08); }
/*
*/
.wg { display: block; height: 10px; border-radius: var(--r-hair); background: currentColor; }
.wg-small { width: 5px; }
.wg-half { width: 9px; }
.wg-full { width: 14px; }

/*


*/
.hgrid.editing .hwid { position: relative; }
.hgrid.editing .hwid > .card,
.hgrid.editing .hwid > .stat,
.hgrid.editing .hwid > .caseline { pointer-events: none; }
.hgrid.editing .hwid > .card,
.hgrid.editing .hwid > .stat { outline: 1px dashed var(--line); outline-offset: 3px; }
.hwempty { grid-column: 1 / -1; }

/*



*/
.hgrid.editing .card, .hgrid.editing .stat, .hgrid.editing .caseline,
.hwtray, .hwtrayitem .card, .hwtrayitem .stat, .hwtrayitem .caseline {
  animation: none;
}

/**/
.hwlifted { opacity: .35; }
/*
*/
.hwghost {
  position: fixed; inset-block-start: 0; inset-inline-start: 0; z-index: 60;
  pointer-events: none; opacity: .92; transform-origin: top left;
  box-shadow: var(--shadow-2); border-radius: var(--radius);
}
.hwghost .hwedit { visibility: hidden; }

/*






*/
.hwdrop-before::after, .hwdrop-after::after {
  content: ""; position: absolute; inset-block: -2px; width: 3px;
  border-radius: var(--r-pill); background: var(--accent-ink);
}
.hwdrop-before::after { inset-inline-start: calc(var(--s-6) / -2 - 1px); }
.hwdrop-after::after { inset-inline-end: calc(var(--s-6) / -2 - 1px); }

/*




*/
.hwtray {
  margin-top: var(--s-7); padding: var(--s-6);
  border: 1px dashed var(--line); border-radius: var(--radius);
  background: rgb(var(--shade-rgb) / .04);
}
.hwtray > h3 { margin: 0 0 var(--s-5); font-size: var(--t-md); color: var(--muted); }
/*
*/
.hwtray--takes { border-color: var(--accent-ink); border-style: solid;
  background: rgb(var(--accent-rgb) / .1); }
.hwtraygrid {
  display: grid; gap: var(--s-6);
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.hwtrayitem { display: flex; flex-direction: column; min-width: 0; }
/*


*/
.hwtrayitem > .card, .hwtrayitem > .stat, .hwtrayitem > .caseline {
  pointer-events: none; margin-bottom: 0;
}
/*

*/
.hwtrayitem > .card {
  max-height: 260px; overflow: hidden;
  mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
}
/*

*/
/*

*/
.hwbare [data-slot="body"]::after,
.hwbare > .caseline::after {
  content: ""; display: block; height: 44px; border-radius: var(--r-sm);
  background: repeating-linear-gradient(
    180deg, var(--line) 0 2px, transparent 2px 14px);
  opacity: .7;
}
/*
*/
.minisub {
  margin: 12px 0 4px; font-size: var(--t-md); font-weight: 700; color: var(--muted);
}
.minisub:first-child { margin-top: 2px; }

.mini-item {
  display: flex; gap: var(--s-5); align-items: baseline; padding: 9px 0;
  border-bottom: 1px solid var(--line); text-decoration: none; color: inherit; font-size: var(--t-lg);
}
.mini-item:last-of-type { border-bottom: 0; }
.mini-item .mtitle { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*

*/
.mtitle > bdi { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-item .mwhen { font-size: var(--t-md); color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mini-item.overdue .mwhen { color: var(--urgent-ink); font-weight: 700; }
.mini-item.soon .mwhen { color: var(--action-ink); font-weight: 600; }
/*


*/
.mini-item .mamt { font-size: var(--t-md); font-variant-numeric: tabular-nums;
  white-space: nowrap; color: var(--spend-ink); font-weight: 600; }
/*

*/
.mini-item.moneyin .mamt { color: var(--ok-ink); }
/*
*/
.mini-more { margin-top: 10px; }

/**/
.spacehead { display: flex; gap: var(--s-6); align-items: center; margin: 0 0 4px; }
.spacehead .sicon { width: 40px; height: 40px; border-radius: var(--r-md); }
.spacehead .sicon .icon { width: 20px; height: 20px; }
/*


*/
.spacehead h2, .spacehead h3 {
  margin: 0; font-size: var(--t-2xl); letter-spacing: -.01em;
  text-transform: none; color: var(--ink); font-weight: 700;
}
.spacehead-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-6); flex-wrap: wrap; margin: 4px 0 18px;
}

/**/
.side-spaces { display: flex; flex-direction: column; gap: var(--s-1); margin: 0 0 16px; }
.side-spaces a {
  display: flex; align-items: center; gap: var(--s-5); padding: 9px 10px;
  border-radius: var(--r-sm); text-decoration: none; color: var(--ink);
  font-weight: 600; font-size: var(--t-base);
}
.side-spaces a .icon { width: 17px; height: 17px; color: var(--accent-ink); }
.side-spaces a:hover { background: var(--hover-bg); }
/*






*/
.side-spaces a[aria-current="page"] {
  color: var(--accent-ink);
  font-weight: 700;
}
/**/
.side-navsep { border: none; border-top: 1px solid var(--line); margin: 8px 8px; }
/*
















*/
.side-group { display: flex; flex-direction: column; gap: var(--s-1); }
.side-group[hidden], .side-navsep[hidden] { display: none; }

/*

















*/
.pending {
  height: 2px; margin-top: var(--s-7); border-radius: var(--r-pill);
  background: var(--line); overflow: hidden;
  opacity: 0; animation: pending-in var(--dur-2) var(--ease) 220ms forwards;
}
.pending::after {
  content: ""; display: block; height: 100%; width: 35%; border-radius: inherit;
  background: linear-gradient(90deg, transparent, var(--grad-2), transparent);
  animation: pending-sweep 1.15s var(--ease) infinite;
}
[dir="rtl"] .pending::after { animation-name: pending-sweep-rtl; }

/*





*/
#readingcard .pending {
  height: 6px;
  margin-top: 0;
}
#readingcard .pending::after {
  /*
*/
  width: 45%;
  animation-duration: 1.6s;
}

/*


*/
.worktop {
  /*
*/
  position: fixed; inset-block-start: var(--sa-top); inset-inline: 0; z-index: 9999;
  height: 3px; background: var(--line); overflow: hidden; pointer-events: none;
  /*





*/
  opacity: 0; animation: pending-in var(--dur-2) var(--ease) forwards;
}
.worktop::after {
  content: ""; display: block; height: 100%; width: 35%;
  background: linear-gradient(90deg, transparent, var(--grad-2), transparent);
  animation: pending-sweep 1.15s var(--ease) infinite;
}
[dir="rtl"] .worktop::after { animation-name: pending-sweep-rtl; }

/*







*/
.worklabel {
  /*
*/
  position: fixed; inset-block-start: calc(3px + var(--sa-top)); inset-inline: 0; z-index: 9999;
  display: flex; justify-content: center; pointer-events: none;
  /**/
  opacity: 0; animation: pending-in var(--dur-2) var(--ease) forwards;
}
/*











*/
.worklabel[hidden] { display: none; }
/*


*/
.worktop[hidden] { display: none; }
.worklabel > span {
  background: var(--card); color: var(--muted);
  border: 1px solid var(--line); border-start-start-radius: 0;
  border-start-end-radius: 0; border-end-start-radius: var(--r-pill);
  border-end-end-radius: var(--r-pill); border-block-start: 0;
  /*




*/
  padding: var(--s-2) var(--s-6); font-size: var(--t-md);
  box-shadow: var(--shadow-1);
}
@media (prefers-reduced-motion: reduce) {
  .worktop { opacity: 1; animation: none; }
  .worktop::after { animation: none; width: 100%;
    background: var(--grad-2); opacity: .45; }
  /*
*/
  .worklabel { opacity: 1; animation: none; }
}
@keyframes pending-in { to { opacity: 1; } }
@keyframes pending-sweep { from { transform: translateX(-100%); } to { transform: translateX(320%); } }
@keyframes pending-sweep-rtl { from { transform: translateX(320%); } to { transform: translateX(-100%); } }
/*





*/
#view.settled > .pagehead:first-child,
#view.settled > .card:first-child,
#view.settled > .spacehead-row:first-child { animation: none; }
/*
*/
@media (prefers-reduced-motion: reduce) {
  .pending { opacity: 1; animation: none; }
  .pending::after { animation: none; width: 100%;
    background: var(--grad-2); opacity: .45; }
}

/*

*/
.section-loading { position: relative; }
.section-loading > * {
  pointer-events: none;
  animation: section-dim var(--dur-2) var(--ease) 200ms forwards;
}
.section-loading:empty {
  display: block; min-block-size: calc(var(--s-8) * 4);
  padding: var(--s-7); border: 1px solid var(--line);
  border-radius: var(--r-lg); background: var(--card);
}
.section-loading:empty::before {
  content: attr(data-loading-label); display: block;
  color: var(--muted); font-size: var(--t-base); line-height: 1.5;
  opacity: 0; animation: pending-in var(--dur-2) var(--ease) 200ms forwards;
}
.section-loading::after {
  content: ""; position: absolute;
  inset-block-start: 0; inset-inline: var(--s-7); height: var(--s-1);
  border-radius: var(--r-pill);
  background: linear-gradient(90deg, var(--line), var(--accent), var(--line));
  background-size: 200% 100%;
  opacity: 0;
  animation: pending-in var(--dur-2) var(--ease) 200ms forwards,
             section-progress 1.2s ease-in-out 200ms infinite alternate;
}
/**/
[data-slot="src"].section-loading:empty {
  display: inline-block; min-block-size: 0; padding: 0;
  border: 0; border-radius: 0; background: transparent;
}
[data-slot="src"].section-loading:empty::before { font-size: inherit; }
[data-slot="src"].section-loading::after {
  inset-block-start: auto; inset-block-end: 0; inset-inline: 0;
}
@keyframes section-dim { to { opacity: .65; } }
@keyframes section-progress { from { background-position: 100% 0; } to { background-position: 0 0; } }
@media (prefers-reduced-motion: reduce) {
  .section-loading > * { animation: none; }
  .section-loading::after {
    animation: pending-in var(--dur-2) var(--ease) 200ms forwards;
  }
}

/*











*/

/*






*/
@keyframes rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.rise { animation: rise .55s cubic-bezier(.22, .7, .25, 1) both; animation-delay: var(--d, 0ms); }
/*


*/
html.vt-running .rise, html.vt-running .stage { animation: none; }
/*


*/
.rise-spent { animation: none; }
.doc:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }

@media (prefers-reduced-motion: reduce) {
  .rise { animation: none; }
  .card, .stat, .space, .doc, button.go, a.go, .side-new, .drop, .appnav a,
  .sidebar, .wrap { transition: none !important; }
  /*









*/
  .stat:hover, .space:hover, .doc:hover, button.go:hover:not(:disabled), a.go:hover,
  .side-new:hover, .drop:hover, .doc-tile:hover, .astat:hover,
  .notecard:hover { transform: none; }
  .space:hover .chev { transform: none; }
  /*
*/
  [dir="rtl"] .space:hover .chev { transform: scaleX(-1); }
}

@media print { .appnav { display: none !important; } }

/*





































*/
.kv { max-width: 720px; }
/*


*/
.kv th, .kv td { overflow-wrap: anywhere; }
/*












*/
@media (max-width: 560px) {
  .kv, .kv tbody, .kv tr, .kv td { display: block; width: auto; }
  .kv tr { padding: var(--s-5) 0; border-bottom: 1px solid var(--line); }
  .kv tr:last-child { border-bottom: 0; }
  .kv td { padding: 0; border-bottom: 0; }
  .kv td.k { width: auto; padding-inline-end: 0; margin-bottom: var(--s-2);
             font-size: var(--t-md); }
}
/*








*/
.kv tr.outrow td { color: var(--muted); }
.kv tr.outrow td .dcell > span:first-child { text-decoration: line-through; }
/*





*/
.spacehead-row > .sub, .spacehead + .sub, .talkreads,
.chat-hint { max-width: var(--m-prose); }

/**/
.tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.rtable { width: 100%; border-collapse: collapse; font-size: var(--t-lg); }
.rtable th {
  text-align: start; font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .05em;
  color: var(--muted); font-weight: 700; padding: 0 12px 8px 0; border-bottom: 1px solid var(--line);
}
.rtable td { padding: 9px 12px 9px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.rtable tr:last-child td { border-bottom: 0; }
.rtable .ro { color: var(--muted); }
.rtable .rt { font-weight: 600; }
.rtable .rq, .rtable th.rq { width: 1%; white-space: nowrap; color: var(--muted); font-variant-numeric: tabular-nums; }
.rtable .rp, .rtable th.rp { text-align: end; white-space: nowrap; font-variant-numeric: tabular-nums; padding-inline-end: 0; }

.catbars { display: flex; flex-direction: column; gap: var(--s-6); }
.catbar { display: grid; grid-template-columns: 104px 1fr auto; align-items: center; gap: var(--s-6); }
.catbar .cn { font-size: var(--t-base); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catbar .ctrack { height: 8px; border-radius: var(--r-pill); background: var(--chip-bg); overflow: hidden; }
.catbar .cfill { display: block; height: 100%; border-radius: var(--r-pill);
  background: var(--accent); }
.catbar .camt { font-size: var(--t-base); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.catbar .cc { color: var(--muted); font-weight: 400; }

/*

*/
.catwrap > summary.catbar { cursor: pointer; list-style: none; }
.catwrap > summary.catbar::-webkit-details-marker { display: none; }
.catwrap > summary.catbar .cn::before {
  content: "›" / ""; display: inline-block; width: 12px; margin-inline-start: -12px;
  color: var(--muted); transition: transform var(--dur-1) var(--ease);
}
.catwrap[open] > summary.catbar .cn::before { transform: rotate(90deg); }
.catwrap > summary.catbar:hover .cn { color: var(--accent-ink); }
/*
*/
/*



*/
.catwrap:not([open]) > .catitems { display: none; }
.catitems { margin: var(--s-4) 0 var(--s-6); padding-inline-start: calc(104px + var(--s-6));
  display: flex; flex-direction: column; gap: var(--s-3); }
.catitem { display: flex; justify-content: space-between; gap: var(--s-6);
  font-size: var(--t-md); color: var(--muted); }
.ciname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*

*/
/*
*/
/*

*/
.rangerow { display: flex; flex-wrap: wrap; align-items: end; gap: var(--s-5);
  margin-block: var(--s-5); }
.rangerow label { display: inline-flex; align-items: center; gap: var(--s-4);
  font-size: var(--t-md); color: var(--muted); }
.rangerow input[type="date"] { font: inherit; font-size: var(--t-base);
  color: var(--ink); background: var(--field, transparent);
  border: 1px solid var(--control-line); border-radius: var(--r-sm);
  padding: var(--s-4) var(--s-5); }
/*
*/
.rangerow input[type="date"] { direction: ltr; }
/*













*/
@media (max-width: 560px) {
  .rangerow { display: grid; grid-template-columns: auto 1fr;
              align-items: center; gap: var(--s-5); }
  .rangerow label { display: grid; grid-column: 1 / -1;
                    grid-template-columns: subgrid; align-items: center; }
  .rangerow input[type="date"] { width: 100%; }
  /*
*/
  .rangerow button { grid-column: 1 / -1; }
}
.windowline { margin: var(--s-5) 0 0; font-variant-numeric: tabular-nums; }
/*
*/
.mscope { display: block; font-size: var(--t-sm); color: var(--muted); }

/*


*/
/*



*/
.paidpick { display: inline-flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-3); }
.paidpick .pbtn { font: inherit; font-size: var(--t-sm); cursor: pointer;
  padding: var(--s-3) var(--s-5); min-height: 0; line-height: 1.2;
  color: var(--muted); background: transparent;
  border: 1px solid var(--line); border-radius: var(--r-pill); }
.paidpick .pbtn:hover { color: var(--accent-ink); border-color: var(--accent-ink); }
.paidpick .pbtn.on { color: var(--on-accent); background: var(--accent);
  border-color: var(--accent); }
/*
*/
.lrow.settled .ldesc, .lrow.settled .lamt { opacity: .62; }

.cisrc { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-5);
  margin: 0 0 var(--s-4); font-size: var(--t-sm); }
.cisrc-a { color: var(--muted); text-decoration: none; }
a.cisrc-a:hover { color: var(--accent-ink); text-decoration: underline; }
.ciamt { font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }

@media (max-width: 560px) {
  /*
*/
  .catitems { padding-inline-start: var(--s-6); }
}

.itemchips { display: flex; flex-wrap: wrap; gap: var(--s-4); }
.itemchip { display: inline-flex; align-items: baseline; gap: var(--s-4);
  padding: 7px 13px; border-radius: var(--r-pill); border: 1px solid var(--line);
  background: var(--chip-bg); font-size: var(--t-base); }
.itemchip b { font-weight: 700; }
.itemchip .ic-amt { color: var(--muted); font-variant-numeric: tabular-nums; }
/*












*/
@media (max-width: 560px) {
  .itemchips { display: block; }
  .itemchip {
    display: flex; width: 100%; gap: var(--s-4); align-items: baseline;
    padding: var(--s-3) 0; border: 0; border-radius: 0; background: none;
    border-bottom: 1px solid var(--line);
  }
  .itemchip:last-child { border-bottom: 0; }
  /*
*/
  .itemchip b { margin-inline-start: auto; }
  .itemchip .ic-amt { min-width: 4.5em; text-align: end; }
}

/**/
.ftable { display: flex; flex-direction: column; }
/*






*/
.frow {
  display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: var(--s-3) 16px;
  padding: 11px 0; border-bottom: 1px solid var(--line); align-items: baseline;
}
.frow > * { min-width: 0; overflow-wrap: anywhere; }
.frow:last-child { border-bottom: 0; }
.flabel { color: var(--muted); font-size: var(--t-base); }
/*





*/
.fbody { display: flex; align-items: center; gap: var(--s-4); min-width: 0; }
/*




*/
.fbody > button:first-of-type { margin-inline-start: auto; }
.fval { font-weight: 600; overflow-wrap: anywhere; letter-spacing: .04em; }
/*







*/
@media (max-width: 560px) {
  .pval, .fval { font-size: var(--t-lg); }
  /*



*/
  .frow { grid-template-columns: 1fr; gap: var(--s-2); }
  /*


*/
  .frow > *, .frow .fsrc { grid-column: 1; }
  .flabel { font-size: var(--t-md); }
}
.fval[data-shown="0"] { color: var(--muted); letter-spacing: .12em; }
.eye {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 30px; height: 30px;
  padding: 0; border: 1px solid var(--control-line); border-radius: var(--r-sm);
  background: var(--card); color: var(--muted); cursor: pointer;
  transition: color var(--dur-1) ease, border-color var(--dur-1) ease;
}

/*

*/
.factx {
  /*


*/
  min-width: 24px; min-height: 24px;
  background: none; border: 0; cursor: pointer; padding: 2px 8px;
  font-size: var(--t-2xl); line-height: 1; color: var(--muted); opacity: .55;
  border-radius: var(--r-sm);
}
.factx:hover, .factx:focus-visible { opacity: 1; color: var(--urgent-ink); }
.factx:disabled { opacity: .3; cursor: default; }

.eye:hover { color: var(--accent-ink); border-color: var(--grad-3); }
/*



*/
.eye:disabled { opacity: .45; cursor: default; }
.eye:disabled:hover { color: var(--muted); border-color: var(--control-line); }
.eye .icon { width: 15px; height: 15px; }
.fsrc { grid-column: 2; font-size: var(--t-sm); color: var(--muted); }
.fsrc a { color: var(--accent-ink); text-decoration: none; }
.fsrc a:hover { text-decoration: underline; }

/**/
.verbar { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; margin-bottom: 14px; }
.verchips { display: inline-flex; gap: var(--s-2); padding: 4px; border: 1px solid var(--line);
  border-radius: var(--r-pill); background: var(--chip-bg); }
.verchip { padding: 5px 12px; border-radius: var(--r-pill); text-decoration: none; font-size: var(--t-md);
  font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
.verchip:hover { color: var(--ink); }
.verchip.active { color: var(--on-accent); background: var(--accent); }
/*

*/
.casebar { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; margin-bottom: 14px; }
/*
*/
.casebar-foot { margin-bottom: 0; margin-top: var(--s-8); }
/*
*/
.casechip { padding: 5px 12px; border-radius: var(--r-pill); text-decoration: none;
  font-size: var(--t-md); font-weight: 700; color: var(--accent-ink);
  border: 1px solid var(--calm-border); background: var(--calm-bg);
  min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.casechip:hover { color: var(--ink); }
.casecount, .caseref { font-size: var(--t-md); color: var(--muted); }
.caseowed { font-size: var(--t-md); font-weight: 700; font-variant-numeric: tabular-nums; }
/*
*/
.casestatus { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase;
  letter-spacing: .05em; color: var(--muted); border: 1px solid var(--line);
  padding: 1px 6px; border-radius: var(--r-xs); }
.casestatus[data-status="open"] { color: var(--accent-ink); border-color: var(--calm-border); }
.casesec { border-radius: var(--r-md); }
/*



*/
.casehead { flex-wrap: wrap; }
/*
*/
.casetoggle {
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; background: none; padding: 0; cursor: pointer;
  color: var(--accent); opacity: .85; line-height: 0;
  transition: transform var(--dur-1) ease;
}
.casetoggle svg { width: 15px; height: 15px; }
.casesec.open .casetoggle { transform: rotate(90deg); }
[dir="rtl"] .casetoggle { transform: rotate(180deg); }
[dir="rtl"] .casesec.open .casetoggle { transform: rotate(90deg); }
.casehead .fname { text-transform: none; font-size: var(--t-base); letter-spacing: .01em;
  color: var(--ink); font-weight: 700; text-decoration: none;
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.casehead .fname:hover { text-decoration: underline; }
.casehead .fico { display: inline-flex; color: var(--accent); opacity: .85; line-height: 0; }
.casehead .fico svg { width: 15px; height: 15px; }
/*
*/
.casepart { font-size: var(--t-xs); color: var(--muted); text-transform: none; letter-spacing: 0; }
/*


*/
.casetag { flex: none; white-space: nowrap;
  font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--muted); }
/*
*/
.casewhy { flex: none; white-space: nowrap; font-size: var(--t-xs); color: var(--muted); }
/*

*/
.caserow { position: relative; }
.caserowx { flex: none; position: relative; z-index: 1; opacity: 0; transition: opacity var(--dur-1) ease; }
.caserow:hover .caserowx, .caserow:focus-within .caserowx { opacity: 1; }
/**/
@media (pointer: coarse) { .caserowx { opacity: 1; } }
.casedim { opacity: .55; }
.caseline { margin-bottom: 14px; }
/**/
.casenote { margin: 0 0 10px; font-size: var(--t-md); color: var(--accent-ink); }
.caserr { display: block; font-size: var(--t-md); color: var(--warn-ink); }
.caserr:not(:empty) { margin: 0 0 10px; }

.tag-version { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--accent-ink); border: 1px solid var(--calm-border); padding: 1px 6px; border-radius: var(--r-xs); }
.cmpcard { margin-top: 14px; }
.cmpbody ul { margin: 6px 0 0; padding-inline-start: 20px; }
.cmpbody li { margin: 5px 0; font-size: var(--t-lg); }
.cmpbody p { margin: 6px 0; font-size: var(--t-lg); }
.pulse-sm { display: inline-block; width: 15px; height: 15px; vertical-align: -2px; margin-inline-end: 6px;
  border: 2px solid var(--line); border-top-color: var(--accent-ink); border-radius: 50%;
  animation: spin 1s linear infinite; }
@media (prefers-reduced-motion: reduce) { .pulse-sm { animation-duration: 3s; } }

/**/
.mcontrols { display: flex; align-items: center; gap: var(--s-5); flex-wrap: wrap; margin-bottom: 16px; }
/*










*/
/*




*/
.mcontrols > .segbar { flex: 1 1 auto; min-width: 0;
  /*



*/
  flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.mcontrols > .segbar::-webkit-scrollbar { display: none; }
.mcontrols > .curpick { flex: 0 0 auto; }
/*




*/
/*





*/
.monthstep { display: inline-flex; align-items: center; gap: var(--s-2);
  flex: 0 0 auto; }
.monthstepnow { min-width: 8.5em; text-align: center; font-size: var(--t-md);
  font-weight: 600; color: var(--ink); }
/*

*/
.monthstep .calnav[disabled] { opacity: .38; cursor: default; }
/*





*/
/*














*/
.segbar { display: inline-flex; flex-wrap: wrap; max-width: 100%;
  gap: var(--s-2); padding: 3px; border: 1px solid var(--control-line);
  border-radius: var(--r-md); background: var(--chip-bg); }
.seg { padding: 6px 13px; border: 0; border-radius: var(--r-pill); background: transparent;
  color: var(--muted); font-size: var(--t-md); font-weight: 600; cursor: pointer; min-height: 0; }
/*
*/
@media (max-width: 430px) { .seg { padding: 6px 10px; } }
.seg:hover { color: var(--ink); }
.seg.active { color: var(--on-accent); background: var(--accent); }
/*


*/
.curpick { display: inline-flex; align-items: center; gap: var(--s-3);
  flex: 0 0 auto; min-width: 0; font-size: var(--t-md); color: var(--muted); }
.curpick select { min-height: 36px; padding: 6px 10px; font-weight: 600; }
/*



*/
.rateline { color: var(--muted); margin: -6px 0 14px; font-size: var(--t-md); }
.ratesoff { color: var(--action-ink); margin: -6px 0 14px; font-size: var(--t-md); }
/*
*/
.mcard .mtoday { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
.mcard .mbreak { font-size: var(--t-sm); color: var(--muted); font-variant-numeric: tabular-nums;
  margin-top: 2px; overflow-wrap: anywhere; }
/*




*/
.mcard .mleftout { font-size: var(--t-sm); color: var(--action-ink);
  margin-top: 2px; overflow-wrap: anywhere; }
.lnote { font-size: var(--t-md); color: var(--muted); overflow-wrap: anywhere; }
.lacts { display: inline-flex; gap: var(--s-1); flex: 0 0 auto; align-items: center; }
/*


*/
.lact { border: 0; background: none; color: var(--muted); cursor: pointer; padding: 0;
  width: 30px; height: 30px; flex: 0 0 auto;
  border-radius: var(--r-xs); display: inline-grid; place-items: center; min-height: 0; line-height: 1; }
.lact .icon { width: 15px; height: 15px; }
.lact.del { font-size: var(--t-2xl); }
.lact:hover { color: var(--accent-ink); }
.lact.del:hover { color: var(--urgent-ink); }
.lrow.editing { display: block; }
.lrow.editing .rowmark { display: none; }
/**/
.hiddenwrap { margin-top: 14px; }
.hiddenwrap > summary { cursor: pointer; color: var(--muted); font-size: var(--t-md);
  font-weight: 600; list-style: none; padding: 6px 0; user-select: none; }
.hiddenwrap > summary::-webkit-details-marker { display: none; }
.hiddenwrap > summary::before { content: "▸ " / ""; }
.hiddenwrap[open] > summary::before { content: "▾ " / ""; }
.lrow.hidden-line { opacity: .55; }
/*






*/
.lrow.hidden-line .lact {
  font-size: var(--t-md); font-weight: 600; padding: 4px 8px;
  width: auto; min-width: 30px; height: auto; min-height: 30px;
}
/**/
.lcur { font-size: var(--t-sm); padding: 3px 6px; border-radius: var(--r-xs); border: 1px solid var(--calm-border);
  background: var(--hover-bg); color: var(--accent-ink); font-weight: 600; cursor: pointer; }
.lrow.nocur .lamt { color: var(--muted); }
.editform { display: flex; flex-direction: column; gap: var(--s-4); padding: 4px 0 8px; }
.editline { display: flex; gap: var(--s-4); flex-wrap: wrap; align-items: center; }
.editform input, .editform select { min-height: 40px; font-size: var(--t-base); }
.editform input[type="text"] { flex: 1; min-width: 140px; }

/*

*/
.spendback { margin-bottom: var(--s-4); }
/*


*/
.backrow { margin-bottom: var(--s-4); }
/*


*/
.spendamt { font-size: var(--t-3xl); font-weight: 700; margin: var(--s-2) 0 var(--s-1);
  line-height: 1.1; }
.spenddoc { margin: var(--s-2) 0 0; font-size: var(--t-md); }
/*
*/
.spendh { margin: var(--s-6) 0 var(--s-1); font-size: var(--t-lg); }
.spendh:first-child { margin-top: 0; }
/*



*/
.spfield { display: flex; flex-direction: column; gap: var(--s-1);
  margin-top: var(--s-6); }
.spfield > label { font-weight: 600; font-size: var(--t-md); color: var(--muted); }
.spfield select { width: 100%; min-height: 44px; font-size: var(--t-base); }
/**/
.spendsave { margin-top: var(--s-5); }
/*

*/
.spendhead .rowmark { width: 40px; height: 40px; flex: 0 0 auto; }
/*


*/
/*




*/
/*

*/
.spline { display: flex; flex-wrap: wrap; gap: var(--s-6);
  /*



*/
  margin-top: var(--s-6); }
.spline > .spfield { flex: 1 1 12rem; min-width: 10rem; margin-top: 0; }
.spfield textarea, .spfield input { width: 100%; font-size: var(--t-base);
  min-height: 44px; }
.spfield textarea { min-height: 84px; resize: vertical; }
/*



*/
.spendlink { margin: var(--s-1) 0 0; font-size: var(--t-md);
  overflow-wrap: anywhere; }
/*

*/
.spicgrid { list-style: none; margin: var(--s-2) 0 0; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: var(--s-3); }
.spic { position: relative; margin: 0; }
.spic img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block;
  border-radius: var(--r-sm); border: 1px solid var(--line); background: var(--hover-bg); }
/*


*/
.spic .lact { position: absolute; inset-inline-end: var(--s-1); top: var(--s-1);
  background: var(--card); border: 1px solid var(--line); color: var(--urgent-ink);
  box-shadow: var(--shadow-1); }
.spic .lact:hover { color: var(--urgent-ink); background: var(--hover-bg); }
.spicadd { margin: var(--s-4) 0 0; }
/*


*/
/*

*/
.lact.has { color: var(--accent-ink); }
a.lact { text-decoration: none; }

/**/
/*


*/
.linkbtn { border: 0; background: none; padding: 10px 6px; font-size: var(--t-base);
  color: var(--accent-ink); cursor: pointer; min-height: 24px; }
/*









*/
.linkbtn.danger {
  color: var(--muted);
  border: 1px solid var(--control-line);
  border-radius: var(--r-xs);
  padding: 8px 12px;
}
.linkbtn.danger:hover,
.linkbtn.danger:focus-visible {
  color: var(--urgent-ink);
  border-color: var(--urgent-ink);
}
/*


*/
.linkbtn.quiet {
  color: var(--muted);
  border: 1px solid var(--control-line);
  border-radius: var(--r-xs);
  padding: 8px 12px;
}
.linkbtn.quiet:hover,
.linkbtn.quiet:focus-visible {
  color: var(--accent-ink);
  border-color: var(--accent);
}
/*














*/
.delbtn .icon, .sharebtn .icon { display: none; }
@media (max-width: 760px) {
  .delbtn .dellabel, .sharebtn .dellabel {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
    white-space: nowrap; border: 0;
  }
  .delbtn .icon, .sharebtn .icon { display: inline-grid; width: 18px; height: 18px; }
  /*
*/
  .delbtn, .sharebtn { padding: 10px; line-height: 0; }
}

/**/
/*




*/
.moneytoggle.on { color: var(--accent-ink); }
.moneytoggle.off { color: var(--muted); }
/*

*/
.bulkrow { display: flex; flex-wrap: wrap; gap: var(--s-5); margin-top: var(--s-5);
  padding-top: var(--s-5); border-top: 1px solid var(--line); }
.bulktoggle { display: inline-flex; align-items: center; gap: var(--s-3);
  font-size: var(--t-md); color: var(--muted); }
.bulktoggle .icon { width: 15px; height: 15px; }
.bulktoggle:hover, .bulktoggle:focus-visible { color: var(--accent-ink); }
/**/
.rtable .racts { width: 1%; white-space: nowrap; text-align: end; }
.rtable .racts .lact { margin-inline-start: var(--s-2); }

/*














*/
@media (max-width: 560px) {
  /*

*/
  .rtable thead { display: none; }
  .rtable, .rtable tbody { display: block; }
  .rtable tr {
    display: grid; grid-template-columns: 1fr auto auto;
    column-gap: var(--s-5); row-gap: var(--s-1); align-items: baseline;
    padding: var(--s-4) 0; border-bottom: 1px solid var(--line);
  }
  .rtable tr:last-child { border-bottom: 0; }
  /*



*/
  .rtable { font-size: var(--t-base); }
  /*


*/
  .rtable .racts .lact { width: 26px; height: 26px; }
  /*







*/
  .rtable td { display: block; width: auto; min-width: 0; padding: 0; border: 0;
               overflow-wrap: anywhere; }
  /*








*/
  .rtable .rt { grid-column: 1 / span 2; grid-row: 1; }
  .rtable .rp { grid-column: 3; grid-row: 1; width: auto; }
  .rtable .ro { grid-column: 1; grid-row: 2; font-size: var(--t-md); }
  .rtable .rq { grid-column: 2; grid-row: 2; width: auto; }
  /*





*/
  .rtable .racts { grid-column: 3; grid-row: 2; width: auto; justify-self: end;
                   display: flex; gap: var(--s-2); justify-content: flex-end; }
  /*






*/
  .rtable .racts .lact { margin-inline-start: 0; overflow: hidden; }
  /*

*/
  .rtable .rq:not(:empty)::before { content: "\00D7"; }
  /*






*/
  .rtable td[colspan] { grid-column: 1 / -1; }
}

/**/
.pwcard { max-width: 560px; }
.pwlabel {
  display: block; font-size: var(--t-md); font-weight: 600; color: var(--muted);
  margin: 14px 0 6px; text-transform: none; letter-spacing: 0;
}
.pwinput {
  width: 100%; font: inherit; font-size: var(--t-lg); padding: 11px 13px; min-height: 44px;
  border: 1px solid var(--control-line); border-radius: var(--r-sm);
  background: var(--card); color: var(--ink); box-sizing: border-box;
}
/*





*/
.pwinput:focus { border-color: var(--focus-line); }
textarea.pwinput { min-height: 0; resize: vertical; }

/**/
.pwmeter { height: 6px; border-radius: var(--r-pill); background: var(--chip-bg);
  overflow: hidden; margin: 8px 0 2px; }
.pwbar { display: block; height: 100%; width: 0; border-radius: var(--r-pill);
  transition: width var(--dur-2) ease, background var(--dur-2) ease; }
.pwbar.s0, .pwbar.s1 { background: var(--urgent); }
.pwbar.s2 { background: var(--action); }
.pwbar.s3 { background: var(--grad-2); }
.pwbar.s4 { background: var(--grad-1); }

.pwack { display: flex; align-items: flex-start; gap: var(--s-5); margin: 16px 0 4px;
  font-size: var(--t-base); color: var(--ink); cursor: pointer; }
.pwack input { margin-top: 3px; min-height: 0; }

.pwerr { color: var(--urgent-ink); font-size: var(--t-base); margin-top: 12px; }
.pwok { color: var(--grad-2); font-size: var(--t-base); font-weight: 600; margin: 12px 0 0; }

/**/
.pwwarn {
  display: flex; gap: var(--s-6); align-items: flex-start; margin: 16px 0 4px;
  padding: 13px 15px; border-radius: var(--r-md);
  background: var(--warn-bg); border: 1px solid var(--warn-border);
}
.pwwarn .icon { color: var(--warn-ink); flex: 0 0 auto; margin-top: 1px; }
.pwwarn strong { display: block; color: var(--warn-ink); font-size: var(--t-lg); }
.pwwarn span { display: block; color: var(--warn-ink); font-size: var(--t-base); opacity: .92; margin-top: 2px; }

/**/
.pwbar-top { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-6); flex-wrap: wrap; margin-bottom: 14px; }
.pwactions { display: flex; align-items: center; gap: var(--s-4); }
.pwactions .linkbtn { display: inline-flex; align-items: center; gap: var(--s-3); }
.pwactions .linkbtn .icon { width: 15px; height: 15px; }

.pwlist { display: flex; flex-direction: column; gap: var(--s-5); }

/**/
.pwentry {
  display: flex; gap: var(--s-7); align-items: flex-start; justify-content: space-between;
  padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--card); box-shadow: var(--shadow-1);
}
.pwentry-main { min-width: 0; display: flex; flex-direction: column; gap: var(--s-3); flex: 1; }
.pwentry-name { font-weight: 700; font-size: var(--t-lg); }
.pwentry-user, .pwentry-pass { display: flex; align-items: center; gap: var(--s-4);
  font-size: var(--t-base); color: var(--muted); min-width: 0; }
.pwentry-user span { overflow-wrap: anywhere; }
.pwdots { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 1px; color: var(--muted); overflow-wrap: anywhere; }
.pwdots.revealed { color: var(--ink); letter-spacing: 0; }
.pweye { border: 0; background: none; padding: 2px; min-height: 0; cursor: pointer;
  color: var(--muted); display: inline-flex; }
.pweye:hover { color: var(--accent-ink); }
.pweye .icon { width: 17px; height: 17px; }
.pwcopy { border: 1px solid var(--line); background: var(--card); color: var(--accent-ink);
  font-size: var(--t-md); font-weight: 600; padding: 3px 10px; border-radius: var(--r-pill);
  min-height: 0; cursor: pointer; }
.pwcopy:hover { border-color: var(--grad-3); }
.pwcopy.copied { color: var(--grad-2); border-color: var(--grad-2); }
.pwentry-url { font-size: var(--t-base); color: var(--accent-ink); text-decoration: none;
  overflow-wrap: anywhere; }
.pwentry-url:hover { text-decoration: underline; }
.pwentry-notes { font-size: var(--t-base); color: var(--muted); white-space: pre-wrap;
  overflow-wrap: anywhere; }
.pwentry-tools { display: flex; flex-direction: column; align-items: flex-end; gap: var(--s-1);
  flex: 0 0 auto; }

.pwpassrow { display: flex; gap: var(--s-4); align-items: center; }
.pwpassrow .pwinput { flex: 1; }
.pwpassrow .linkbtn { flex: 0 0 auto; white-space: nowrap; }
.pwchange { margin-top: 12px; max-width: 420px; }

/*





*/
/*



*/
.seeall, .mini-more { display: inline-flex; align-items: center; min-height: 24px;
  margin-top: 12px; font-size: var(--t-base);
  font-weight: 600; color: var(--accent-ink); text-decoration: none; }
.seeall:hover, .mini-more:hover { text-decoration: underline; }
.seeall::after, .mini-more::after { content: " \2192"; }
[dir="rtl"] .seeall::after, [dir="rtl"] .mini-more::after { content: " \2190"; }

/**/
.idnote { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap;
  margin: -6px 0 16px; font-size: var(--t-base); color: var(--muted); }
.idnote .linkbtn { padding: 4px 6px; font-size: var(--t-base); }
.idedit { margin: 4px 0 16px; max-width: 460px; }

/**/
.ochips { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-top: 4px; }
.ochip { font-size: var(--t-md); font-weight: 600; padding: 5px 11px; border-radius: var(--r-pill);
  background: var(--chip-bg); color: var(--muted); }
.ochip.overdue { background: var(--warn-bg); color: var(--urgent-ink); border: 1px solid var(--warn-border); }
.ochip.soon { background: var(--low-bg); color: var(--action-ink); }

/*



*/
.ogroup { margin: 18px 0 0; }
.osub { font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .06em; color: var(--muted);
  font-weight: 700; margin: 0 0 8px; }

/*


*/
.orow { position: relative; }
.ostretch { position: absolute; inset: 0; z-index: 0; border-radius: inherit; }
.orow > .owhen, .orow > .omain, .orow > .oamount { position: relative; z-index: 1;
  pointer-events: none; }
.orow .ourg { pointer-events: auto; }

/*
















*/
.orow {
  display: flex; align-items: center; gap: var(--s-7);
  padding: 13px var(--s-7);
  margin-inline: calc(var(--s-7) * -1);
  width: calc(100% + var(--s-7) * 2);
  border: 0; border-block-end: 1px solid var(--line);
  /*


*/
  border-inline-start: 3px solid transparent;
  text-decoration: none; color: inherit;
  transition: background-color var(--dur-1) ease, border-color var(--dur-2) ease;
}
.orow:last-child { border-block-end: 0; }
/*
*/
.orow:hover { background: var(--hover-bg); }
.orow.overdue { border-inline-start-color: var(--urgent-ink); }
.orow.soon { border-inline-start-color: var(--action); }
/*

*/
.owhen { flex: 0 0 auto; min-width: 82px; font-weight: 700; font-size: var(--t-base); color: var(--muted); }
/*

*/
.owhenat { display: block; font-weight: 500; font-size: var(--t-sm);
  color: var(--muted); font-variant-numeric: tabular-nums; }
.owhen.overdue { color: var(--urgent-ink); }
.owhen.soon { color: var(--action-ink); }
.omain { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--s-2); }
.odesc { font-weight: 600; font-size: var(--t-lg); overflow-wrap: anywhere; }
.ometa { font-size: var(--t-md); color: var(--muted); display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; }
.ohard { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: var(--urgent-ink); background: var(--warn-bg); border: 1px solid var(--warn-border);
  padding: 1px 7px; border-radius: var(--r-pill); }
.obell { display: inline-flex; color: var(--accent-ink); }
.obell .icon { width: 14px; height: 14px; }
.oamount { flex: 0 0 auto; font-weight: 700; font-variant-numeric: tabular-nums; font-size: var(--t-lg);
  overflow-wrap: anywhere; }
/**/
@media (max-width: 560px) {
  /*






*/
  .orow { display: grid; grid-template-columns: auto 1fr;
          align-items: baseline; column-gap: var(--s-5); row-gap: var(--s-2); }
  .owhen { grid-column: 1; grid-row: 1; min-width: 68px; font-size: var(--t-md); }
  .oamount { grid-column: 2; grid-row: 1; justify-self: end; }
  .omain { grid-column: 1 / -1; grid-row: 2; }
  /*







*/
  .oacts { grid-column: 1 / -1; grid-row: 3; justify-self: start; }
  .oamount { font-size: var(--t-base); }
}

/**/
.psub { font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .06em; color: var(--muted);
  font-weight: 700; margin: 14px 0 6px; }
.prow-person { display: flex; align-items: center; justify-content: space-between; gap: var(--s-6);
  padding: 9px 0; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.prow-person:last-child { border-bottom: 0; }
.pperson { display: flex; align-items: baseline; gap: var(--s-5); min-width: 0; flex-wrap: wrap; }
.peoplelink { font-weight: 600; font-size: var(--t-lg); color: var(--accent-ink); text-decoration: none;
  overflow-wrap: anywhere; }
.peoplelink:hover { text-decoration: underline; }
.pcount { font-size: var(--t-md); color: var(--muted); }
.prel { display: inline-flex; align-items: center; gap: var(--s-4); }
.rellabel { font-size: var(--t-md); font-weight: 600; color: var(--ink);
  background: var(--chip-bg); padding: 3px 10px; border-radius: var(--r-pill); }
/*








*/
.docbar { margin: 4px 0 14px; padding: 12px 14px; border-radius: var(--r-md);
  background: var(--hover-bg); border: 1px solid var(--calm-border); }
/*



*/
.countline { margin: 22px 0 10px; }
/*

*/
.countrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--s-6); margin: 22px 0 10px; }
.countrow .countline, .countrow .folderbar { margin: 0; }
.countrow .unfilestrip { flex: 1 1 100%; }
.searchrow { position: relative; display: flex; align-items: center; }
.searchrow .searchicon { position: absolute; inset-inline-start: 12px; display: inline-flex;
  color: var(--muted); pointer-events: none; }
.searchrow .searchicon svg { width: 18px; height: 18px; }
/*





*/
.searchrow input { width: 100%; padding: 11px 14px; padding-inline-start: 40px;
  padding-inline-end: var(--s-7); border-radius: var(--r-sm); border: 1px solid var(--control-line);
  background: var(--card); color: var(--ink); font-size: var(--t-lg);
  /**/
  appearance: none; -webkit-appearance: none; }
.searchrow:has(.searchx) input { padding-inline-end: 38px; }
.searchrow input::-webkit-search-cancel-button { display: none; }
.searchx { position: absolute; inset-inline-end: 8px; border: 0; background: none;
  color: var(--muted); font-size: var(--t-2xl); line-height: 1; cursor: pointer;
  padding: 2px 8px; border-radius: var(--r-sm); }
.searchx:hover { color: var(--ink); background: var(--card); }
.filterrow { display: flex; align-items: flex-end; gap: var(--s-5); flex-wrap: wrap;
  margin-top: var(--s-5); }
/*

*/
.filtoggle { display: none; }
@media (max-width: 560px) {
  .filtoggle { display: inline-flex; align-items: center; gap: var(--s-3);
    margin-top: var(--s-5); min-height: 44px; padding: 0 var(--s-6);
    border: 1px solid var(--line); border-radius: var(--r-sm);
    background: var(--card); color: var(--ink); font-size: var(--t-md);
    font-weight: 600; cursor: pointer; }
  .filterrow.collapsed { display: none; }
  /*
*/
  .filterrow .ffield { flex: 1 1 100%; }
  /*








*/
  .filterrow .fpair { flex: 1 1 calc(50% - var(--s-5) / 2); min-width: 0; }
  /*




*/
  .filterrow .fpair .tagfilter { display: flex; }
  .filterrow .fpair .tagfilter select { flex: 1 1 auto; }
  /*







*/
  .filterrow .ffield select { max-width: none; }
}
.ffield { display: inline-flex; flex-direction: column; gap: var(--s-2); }
.flabel-sm { font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .04em;
  color: var(--muted); font-weight: 700; }
/*





*/
.filterrow select { padding: 7px 10px; border-radius: var(--r-sm);
  border: 1px solid var(--control-line); background: var(--card); color: var(--ink);
  font-size: var(--t-base); max-width: 190px; text-overflow: ellipsis; }
.filterrow select:disabled { opacity: .55; cursor: not-allowed; }
.filterrow .linkbtn { align-self: center; margin-bottom: 2px; }
.filtercount { margin: 10px 0 0; font-size: var(--t-md); color: var(--muted); }
.filtercount:empty { display: none; }      /**/
/**/
.profile-search { margin-bottom: var(--s-2); }

/*
*/
.filtered-out { display: none !important; }

.pfilter { min-width: 150px; }
/**/
.explainrow { display: flex; align-items: center; gap: var(--s-6); margin: 16px 0 0;
  padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-md); cursor: pointer;
  transition: border-color var(--dur-1) ease, background var(--dur-1) ease; }
/*






*/
.explainrow[hidden] { display: none; }
.explainrow:hover { border-color: var(--calm-border); background: var(--hover-bg); }
.explainrow:has(input:checked) { border-color: var(--calm-border); background: var(--hover-bg); }
/*

*/
.explainrow input { width: 24px; height: 24px; flex: 0 0 auto; margin: 0; accent-color: var(--accent); cursor: pointer; }
.explainrow > span { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
.explainrow strong { font-size: var(--t-lg); font-weight: 600; line-height: 1.25; }
.explainrow .sub { font-size: var(--t-md); margin: 0; line-height: 1.45; }
/**/
.tag-unexplained { font-size: var(--t-sm); font-weight: 600; letter-spacing: .02em;
  color: var(--muted); background: var(--chip-bg); padding: 2px 9px; border-radius: var(--r-pill); }
/**/
.pmerged { flex-basis: 100%; font-size: var(--t-sm); color: var(--muted); overflow-wrap: anywhere; }
/**/
.mergebox { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.mergedlist { display: flex; flex-wrap: wrap; gap: var(--s-3); margin: 6px 0 8px; }
.mergedtag { display: inline-flex; align-items: center; gap: var(--s-3); font-size: var(--t-md);
  background: var(--chip-bg); color: var(--ink); padding: 3px 6px 3px 10px; border-radius: var(--r-pill);
  overflow-wrap: anywhere; }
.mtx { border: 0; background: transparent; color: var(--muted); cursor: pointer;
  font-size: var(--t-lg); line-height: 1; padding: 0 2px; }
.mtx:hover { color: var(--urgent-ink); }

/*

*/
/*

*/
.chat-model { display: inline-flex; align-items: center; flex: 0 1 auto; min-width: 0; }
.chat-model select { font-size: var(--t-md); padding: 6px 8px; min-height: 40px; max-width: 100%;
  color: var(--muted); text-overflow: ellipsis; }
/*
*/
.vh { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/*
*/
.card.sig h3 { margin: 0; }
.card.sig .sigmeta { margin: 8px 0 0; font-size: var(--t-md); color: var(--muted); }
.card.sig .sigmeta.ev { font-style: italic; }
.sig-done { border-inline-start: 3px solid var(--ok); }
.sig-none { border-inline-start: 3px solid var(--accent); }
.sig-part { border-inline-start: 3px solid var(--action); }

/*


*/
.card.cal { padding-bottom: 14px; }
.calhead { display: flex; align-items: center; gap: var(--s-4); margin-bottom: 12px; }
/*




*/
.calmonth { font-size: var(--t-xl); font-weight: 700; flex: 1 1 auto; min-width: 0; }
/*


*/
.calnav { min-height: 34px; padding: 4px 10px; display: inline-grid; place-items: center; }
/*
*/
.calnav .icon { width: 16px; height: 16px; transform: rotate(180deg); }
.calnav.next .icon { transform: none; }
html[dir="rtl"] .calnav .icon { transform: none; }          /**/
html[dir="rtl"] .calnav.next .icon { transform: rotate(180deg); }
/*



*/
/*



*/
.calnew { min-height: 34px; padding: 6px 12px; font-size: var(--t-base); }
/*

*/
.calform { display: flex; flex-direction: column; gap: var(--s-5);
  margin-bottom: var(--s-7); }
/*


*/
.calform[hidden] { display: none; }
.calform-line { display: flex; gap: var(--s-5); }
.calform-title { flex: 1 1 auto; min-width: 0; }
.calform-date { flex: 0 0 auto; }
.calform-controls { margin: 0; }
.calform-err { margin: 0; color: var(--urgent-ink); font-size: var(--t-base); }
@media (max-width: 560px) {
  /*
*/
  .calform-line { flex-direction: column; }
  /*


*/
  .calhead { flex-wrap: wrap; }
  .calnew { flex: 1 0 100%; }
}
/*



*/
@media (max-width: 400px) {
  .calhead { gap: var(--s-3); }
  /*









*/
  .calmonth { font-size: var(--t-lg); flex: 1 0 100%; }
  /*







*/
}
/*




*/
.calgrid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
  border: 1px solid var(--line); border-width: 0 1px 1px 0;
  border-radius: var(--r-sm); overflow: hidden; }
/*


*/
.calgrid > * { border: 1px solid var(--line); border-width: 1px 0 0 1px; }
.cdow { font-size: var(--t-xs); font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--muted); text-align: center; padding: var(--s-3) var(--s-1);
  background: var(--chip-bg); }
/*





*/
/*


*/
/*








*/
.cday { position: relative; display: flex; flex-direction: column; align-items: stretch;
  justify-content: flex-start; gap: var(--s-1); min-height: 72px;
  padding: var(--s-3) var(--s-2) var(--s-2); text-align: start;
  background: var(--card);
  font: inherit; color: var(--ink); overflow: hidden; }
/*











*/
.cday.out .cnum { color: var(--muted); }
.cnum { font-size: var(--t-md); line-height: 1.6; color: var(--ink);
  align-self: flex-start; padding-inline: var(--s-1); }
.cday.has { cursor: pointer; }
/*



*/
.cday-hit:focus-visible { outline-offset: -3px; }
/*




*/
.cday-hit { position: absolute; inset: 0; z-index: 0; min-height: 0;
  padding: 0; border: 0; background: none; border-radius: inherit; cursor: pointer; }
/*

*/
.cnum, .cevents { position: relative; z-index: 1; pointer-events: none; }
.cev, .cmore { pointer-events: auto; }
.cday.has .cnum { font-weight: 600; }
.cday.has:hover { background: var(--hover-bg); }
/*

*/
.cday.today .cnum { color: var(--on-accent); font-weight: 700; background: var(--accent);
  border-radius: var(--r-pill); min-width: 1.55rem; text-align: center;
  padding-inline: 0; }
.cevents { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
/*

*/
.cev { display: flex; align-items: center; gap: var(--s-2); min-width: 0; width: 100%;
  padding: var(--s-1) var(--s-2); border-radius: var(--r-xs); background: var(--chip-bg);
  font-size: var(--t-xs); line-height: 1.35; color: var(--ink);
  /*
*/
  border: 0; min-height: 0; text-align: start; cursor: pointer; }
/*


*/
.cev:hover { box-shadow: inset 0 0 0 1px var(--control-line); }
/*


*/
.cev:focus-visible, .cmore:focus-visible { outline-offset: -2px; }
/*



*/
@media (pointer: coarse) and (min-width: 621px) {
  .cev { min-height: 24px; }
}
.cev-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
.cev-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*









*/
.cev.spend .cev-dot { background: var(--spend-ink); }
/*


*/
.cev.moneyin .cev-dot { background: var(--ok-ink); }
.cev.soon .cev-dot { background: var(--grad-3); }
/*

*/
.cev.hard .cev-dot, .cev.overdue .cev-dot { background: var(--urgent-ink); }
/*
*/
.cev.hard, .cev.overdue { background: var(--warn-bg); color: var(--urgent-ink); }
.cdot { width: 5px; height: 5px; border-radius: 50%; background: var(--muted); display: block; }
.cdot.soon { background: var(--grad-3); }
.cdot.hard { background: var(--urgent-ink); }
.cdot.overdue { background: var(--urgent-ink); }
.cmore { font-size: var(--t-xs); color: var(--muted); line-height: 1.35; padding-inline: var(--s-2);
  /*
*/
  border: 0; background: none; min-height: 0; padding-block: 0; text-align: start;
  cursor: pointer; }
/*


*/
.cmore-short { display: none; }
/*



*/
/*




*/
/*



*/
.landed { background: var(--chip-bg); border-radius: var(--r-sm);
  box-shadow: 0 0 0 2px var(--accent-ink); }
/*






*/
.card.landed { background: var(--card); border-radius: var(--radius); }

/*









*/
.oacts { display: inline-flex; align-items: center; gap: var(--s-3);
  flex: 0 1 auto; min-width: 0; max-width: 100%; }

/*

*/
.orow.flash, .oday.flash { box-shadow: 0 0 0 2px var(--grad-3);
  transition: box-shadow var(--dur-2) ease; }
.oday.flash { border-radius: var(--r-md); }

/*




*/
/*


*/
.oday { margin-bottom: var(--s-7); background: var(--card);
  border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: var(--s-6) var(--s-7); box-shadow: var(--shadow-1); }
.odayhead { margin: 0 0 var(--s-4); font-size: var(--t-base); font-weight: 700;
  color: var(--ink); display: flex; align-items: baseline; gap: var(--s-4); }

/*


*/
.ox { position: relative; z-index: 1; pointer-events: auto; flex: 0 0 auto;
  display: inline-grid; place-items: center; width: 30px; height: 30px;
  min-height: 0; padding: 0; border: 0; background: none; border-radius: var(--r-sm);
  color: var(--muted); cursor: pointer;
  opacity: 0; transition: opacity var(--dur-1) ease, color var(--dur-1) ease; }
.ox .icon { width: 16px; height: 16px; }
.orow:hover .ox, .ox:focus-visible { opacity: 1; }
.ox:hover { color: var(--urgent-ink); }
/*

*/
@media (hover: none) { .ox { opacity: 1; } }

/*




*/
.odone-btn { position: relative; z-index: 1; pointer-events: auto; flex: 0 0 auto;
  display: inline-grid; place-items: center; width: 30px; height: 30px;
  min-height: 0; padding: 0; border: 0; background: none; border-radius: var(--r-sm);
  color: var(--muted); cursor: pointer;
  opacity: 0; transition: opacity var(--dur-1) ease, color var(--dur-1) ease; }
.odone-btn .icon { width: 16px; height: 16px; }
.orow:hover .odone-btn, .odone-btn:focus-visible, .odone-btn.on { opacity: 1; }
/*


*/
.ourg { opacity: 0; max-width: 100%;
  transition: opacity var(--dur-1) ease; }
.orow:hover .ourg, .ourg:focus-visible, .ourg.set { opacity: 1; }
@media (hover: none) { .ourg { opacity: 1; } }
.odone-btn:hover { color: var(--ok-ink); }
.odone-btn.on { color: var(--ok-ink); }
@media (hover: none) { .odone-btn { opacity: 1; } }

/*


*/
.orow.odone .owhen, .orow.odone .odesc { color: var(--muted); }
.orow.odone .oamount { color: var(--muted); }
.odonetag { display: inline-flex; align-items: center; gap: var(--s-2);
  color: var(--ok-ink); font-size: var(--t-sm); }
.odonetag .icon { width: 13px; height: 13px; }

/*






*/
.chart { margin: 0 0 var(--s-8); }
.chart-title { margin: 0 0 var(--s-5); font-size: var(--t-md); color: var(--muted); }
.chart-cur { color: var(--muted); font-variant-numeric: tabular-nums; }
.chart-empty { margin: 0; color: var(--muted); font-size: var(--t-md); }

/*
*/
.cbars { display: flex; flex-direction: column; gap: var(--s-3); }
.cbar-row { display: grid; grid-template-columns: minmax(0, 8.5rem) 1fr auto;
  align-items: center; gap: var(--s-5); }
/*




*/
/*





*/
.cbar-link { text-decoration: none; color: inherit; cursor: pointer;
  min-height: 24px; border-radius: var(--r-xs); }
.cbar-link:hover .cbar-track, .cbar-link:focus-visible .cbar-track {
  background: var(--line); }
.cbar-link:hover .cbar-label { color: var(--accent-ink); }
.cbar-label { min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-size: var(--t-md); color: var(--ink); }
.cbar-folded { color: var(--muted); font-variant-numeric: tabular-nums; }
.cbar-track { position: relative; height: 14px; border-radius: var(--r-sm);
  background: var(--chip-bg); overflow: hidden; }
/*

*/
.cbar-fill { position: absolute; inset-block: 0; inset-inline-start: 0;
  border-start-end-radius: var(--r-mark);
  border-end-end-radius: var(--r-mark); }
.cbar-value { font-size: var(--t-md); color: var(--ink);
  font-variant-numeric: tabular-nums; white-space: nowrap; }

/**/
/*
*/
.cplot { position: relative; font-size: var(--t-sm);
  padding-inline-start: calc(var(--m-chart-axis) + var(--s-4));
  margin-block-end: var(--s-7); }
/*




*/
.cgrid { position: absolute; inset-inline-start: calc(var(--m-chart-axis) + var(--s-4)); inset-inline-end: 0;
  height: 0; border-block-start: 1px solid var(--line); pointer-events: none; }
.cgridlabel { position: absolute; inset-inline-end: calc(100% + var(--s-4));
  transform: translateY(-50%); color: var(--muted); font-size: var(--t-sm);
  font-variant-numeric: tabular-nums; inline-size: var(--m-chart-axis);
  white-space: normal; overflow-wrap: anywhere; text-align: end; }
/*



*/
.ccols { position: relative; display: flex; align-items: flex-end; gap: var(--s-3);
  height: 150px; overflow-x: auto; padding-block-end: var(--s-2); }
.cscale { margin: var(--s-3) 0 0; color: var(--muted); font-size: var(--t-sm);
  text-align: end; font-variant-numeric: tabular-nums; }
.ccol { display: flex; flex-direction: column; align-items: center;
  gap: var(--s-2); flex: 1 1 0; min-width: 34px; height: 100%;
  justify-content: flex-end; }
.ccol-stack { display: flex; flex-direction: column-reverse; justify-content: flex-start;
  width: 100%; max-width: 46px; height: 100%; gap: var(--s-1); }
.ccol-seg { display: block; width: 100%; border-radius: 0; }
/*
*/
.ccol-stack > .ccol-seg:last-child { border-start-start-radius: var(--r-mark);
  border-start-end-radius: var(--r-mark); }
.ccol-label { font-size: var(--t-sm); color: var(--muted); white-space: nowrap; }

/*


*/
.dcols-plot { position: relative; }
/*
*/
.dcols-plot--axis { --m-chart-axis: 6ch; padding-inline-start: calc(var(--m-chart-axis) + var(--s-4)); }
.dcols-grid { position: absolute; inset-inline: 0; inset-block-start: 0; inset-block-end: calc(1.5rem + var(--s-2));
  pointer-events: none; }
/*
*/
.dcols { position: relative; display: flex; align-items: stretch; block-size: 8.5rem; }
.dcols-plot--axis .dcols { block-size: 12rem; }
.dcol { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: var(--s-2);
  padding-inline: var(--s-1); color: inherit; text-decoration: none; border-radius: var(--r-sm);
  transition: background-color var(--dur-1) var(--ease); }
.dcol-track { position: relative; flex: 1 1 auto; inline-size: 100%; max-inline-size: 2.75rem;
  border-block-end: 1px solid var(--line); border-start-start-radius: var(--r-sm); border-start-end-radius: var(--r-sm); }
.dcol-fill { position: absolute; inset-inline: 0; inset-block-end: 0;
  border-start-start-radius: var(--r-mark); border-start-end-radius: var(--r-mark); }
/*









*/
.dcol-goal { position: absolute; inset-inline: 0; block-size: 2px; margin-block-end: -1px;
  background: repeating-linear-gradient(to right, var(--ink) 0 4px, transparent 4px 8px); opacity: .42; }
.dcol-label { block-size: 1.5rem; line-height: 1.5rem; font-size: var(--t-sm); color: var(--muted); white-space: nowrap;
  font-variant-numeric: tabular-nums; }
/*





*/
.dcol.on { background: var(--chip-bg); }
.dcol.on .dcol-label { color: var(--ink); font-weight: 700; }
a.dcol:hover, a.dcol:focus-visible { background: var(--hover-bg); }
a.dcol:hover .dcol-label { color: var(--accent-ink); }

/*
*/
.cshare { display: flex; gap: var(--s-1); block-size: 0.875rem; border-radius: var(--r-pill); overflow: hidden;
  background: var(--chip-bg); }
.cshare-seg { flex-basis: 0; min-inline-size: 2px; }
.clegend.cshare-legend { margin: var(--s-5) 0 0; padding: 0; list-style: none; gap: var(--s-3) var(--s-7); }
.cshare-legend b { color: var(--ink); font-variant-numeric: tabular-nums; }
.cshare-note { color: var(--muted); font-variant-numeric: tabular-nums; }

/*

*/
.clegend { display: flex; flex-wrap: wrap; gap: var(--s-5);
  margin: 0 0 var(--s-5); font-size: var(--t-sm); color: var(--muted); }
.cleg { display: inline-flex; align-items: center; gap: var(--s-3); }
.cleg i { width: 12px; height: 12px; border-radius: var(--r-xs); flex: none; }

/*



*/
/*






*/
.mtiles { display: grid; gap: var(--s-6); margin: 0 0 var(--s-8);
  grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mtiles > .mtile { grid-column: 1 / -1; }
/*




*/
.mtiles > .mtilehero { grid-column: 1 / -1; display: grid; }
/*

*/
.mtiles > .mtilehero--pair { grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-6); }
.mtilehero > .mcard, .mtilehero > .mtile { margin: 0; width: auto; flex: none;
  padding: var(--s-7); }
/*

*/
.mtilehero .mval, .mtilehero .mtilefig { font-size: var(--t-3xl); }
.mtilehero .mlabel, .mtilehero .mtilelabel { font-size: var(--t-lg); }
/*
*/
@media (min-width: 46rem) {
  .mtiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mtiles > .mtile { grid-column: span 2; }
  /*






*/
  .mtiles > .mtilehero { grid-column: span 2; }
}
/*


*/
.mtiles > .mcard { flex: none; width: auto; margin: 0; }
/*


*/
.mtile { display: flex; gap: var(--s-5);
  padding: var(--s-6); border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--card); color: var(--ink); text-decoration: none;
  transition: border-color var(--dur-2) ease; }
/*





*/
.mtile--side { flex-direction: row; align-items: center;
  justify-content: space-between; }
.mtile--stack { flex-direction: column; }
.mtile:hover { border-color: var(--control-line); }
.mtilehead { display: grid; gap: var(--s-2); }
/*

*/
.mtilelabel { display: flex; align-items: center; gap: var(--s-3);
  font-size: var(--t-md); color: var(--muted); }
.mtilelabel .icon { flex: none; width: 1.15em; height: 1.15em; }
.mtilelabel .icon svg { width: 100%; height: 100%; display: block; }
.mtilefig { font-size: var(--t-2xl); font-weight: 700; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; }
.mtilecur { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
.mtileart .chart { margin: 0; }
/*

*/
.mtile--side .mtilehead { flex: 1 1 auto; min-width: 0; }
.mtile--side .mtileart { flex: 0 0 auto; }
/*
*/
.mtile--side .cringsvg { max-width: 5rem; }
.mtile--side .cringpct { height: min(100%, 5rem); font-size: var(--t-lg); }
.mtile--side .cringlabel, .mtile--side .cringcap { font-size: var(--t-sm); }
/**/
.mtile--stack .mtileart { margin-block-start: auto; }

/*


*/
.widbar { margin: var(--s-6) 0 0; }
/*

*/
.widbar--top { margin: 0 0 var(--s-6); }
.widbar .linkbtn { border: 1px solid var(--control-line);
  border-radius: var(--r-md); padding: 9px 14px; color: var(--ink);
  font-weight: 600; font-size: var(--t-md); }
.widbar .linkbtn:hover { border-color: var(--accent-ink); }
.widedit { margin: var(--s-5) 0 0; padding: var(--s-5);
  border: 1px solid var(--line); border-radius: var(--r-md); background: var(--card); }
.widrow { display: grid; grid-template-columns: 1fr auto auto auto;
  align-items: center; gap: var(--s-3); padding: var(--s-3) 0;
  border-block-end: 1px solid var(--line); }
.widrow:last-of-type { border-block-end: 0; }
.widname { min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-size: var(--t-md); font-weight: 600; }
/*

*/
.widrow [data-widup] .icon { transform: rotate(-90deg); }
.widrow [data-widdown] .icon { transform: rotate(90deg); }
.widrow .acctx[disabled] { opacity: .35; cursor: default; }
.widadd { display: flex; flex-wrap: wrap; gap: var(--s-5);
  margin-block-start: var(--s-5); }

/*




*/
.goalgroup .inswhy { margin-block-end: var(--s-5); }
.goalcard { padding: var(--s-6) 0; border-block-end: 1px solid var(--line); }
.goalcard:last-of-type { border-block-end: 0; }
.goalhead { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-4); }
.goalname { font-weight: 600; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.goalcard.done .goalname { color: var(--ok-ink); }
.goalfig { margin: var(--s-2) 0 var(--s-3); font-size: var(--t-lg);
  font-weight: 700; font-variant-numeric: tabular-nums; }
.goaltrack { display: block; height: 10px; border-radius: var(--r-sm);
  background: var(--chip-bg); overflow: hidden; }
.goalfill { display: block; height: 100%; background: var(--accent);
  border-start-end-radius: var(--r-mark); border-end-end-radius: var(--r-mark); }
.goalcard.done .goalfill { background: var(--ok); }
.goalpct { margin: var(--s-2) 0 0; font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
/*







*/
.goalneeds { margin: var(--s-3) 0 0; font-size: var(--t-md);
  color: var(--ink); font-weight: 600; }
.goalbacklabel { margin: var(--s-5) 0 var(--s-2); font-size: var(--t-sm);
  color: var(--muted); text-transform: none; }
.goalbacks { display: flex; flex-direction: column; gap: var(--s-2); }
.goalback { display: grid; grid-template-columns: auto 1fr auto auto;
  align-items: center; gap: var(--s-3); }
.goalback .icon { width: 16px; height: 16px; color: var(--muted); }
.goalback .icon svg { width: 100%; height: 100%; display: block; }
/*


*/
.goalback .goalmark { display: inline-grid; place-items: center; height: 16px; }
.goalback .goalmark > svg { height: 16px; width: auto; max-width: 40px;
  display: block; }
.goalbackname { min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-size: var(--t-md); }
.goalbackval { font-size: var(--t-md); font-variant-numeric: tabular-nums;
  white-space: nowrap; }
/*
*/
.goalacts { display: flex; flex-wrap: wrap; gap: var(--s-3);
  margin-block-start: var(--s-5); }
.goalacts .linkbtn {
  border: 1px solid var(--control-line); border-radius: var(--r-md);
  padding: 9px 14px; color: var(--ink); font-weight: 600;
  font-size: var(--t-md); }
.goalacts .linkbtn:hover { border-color: var(--accent-ink); }
/*
*/
.goalacts .linkbtn.primary { background: var(--accent); color: var(--on-accent);
  border-color: transparent; }
.goalacts .linkbtn.primary:hover { background: var(--grad-1); }

/*



*/
.nwbox { margin: 0 0 var(--s-8); padding-block-end: var(--s-6);
  border-block-end: 1px solid var(--line); }
.nwtoggle, .nwranges { display: flex; flex-wrap: wrap; gap: var(--s-2);
  padding: 3px; border: 1px solid var(--control-line); border-radius: var(--r-md);
  background: var(--chip-bg); width: fit-content; max-width: 100%; }
.nwtoggle { margin-block-end: var(--s-5); }
.nwranges { margin-block-start: var(--s-5); }
.nwfig { margin: 0; font-size: var(--t-4xl); font-weight: 700;
  letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.nwcur { font-size: var(--t-md); color: var(--muted); font-weight: 600; }
.nwnote { margin: var(--s-2) 0 0; font-size: var(--t-md); color: var(--muted); }
.nwbox .chart { margin-block-start: var(--s-6); }
/*
*/
.nwbox .cplot { height: 8.5rem; }
/*

*/
.chart[data-chart="line"] .cplot { height: 8.5rem; }
/*
*/
.chart[data-chart="line"] { margin-block-start: var(--s-6); }

/*


*/
.plandrop { margin: calc(-1 * var(--s-5)) 0 var(--s-7); color: var(--accent-ink);
  font-size: var(--t-md); font-weight: 600; }
.planlist { display: flex; flex-direction: column; margin: 0 0 var(--s-6); }
/*




*/
.planrow { display: grid; align-items: center; gap: var(--s-1) var(--s-4);
  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
  padding: var(--s-5) 0; border-block-end: 1px solid var(--line); }
.planrow:last-child { border-block-end: 0; }
/*


*/
@media (max-width: 374px) {
  .planrow {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "mark main main  main"
                         "mark amt  edit  close";
    column-gap: var(--s-4); row-gap: var(--s-2);
  }
  .planrow > .submark { grid-area: mark; align-self: start; }
  .planrow .planmain { grid-area: main; }
  .planrow .planamt { grid-area: amt; justify-self: start; justify-items: start; }
  .planrow > [data-planedit] { grid-area: edit; }
  .planrow > [data-planclose] { grid-area: close; }
}
/*
*/
.planrow.done .planname, .planrow.done .planval { color: var(--muted); }
.planmain { display: grid; gap: var(--s-1); min-width: 0; }
/**/
.planamt { display: grid; gap: var(--s-1); justify-items: end; }
.planval { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.planleft { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; white-space: nowrap; }
/*

*/
.plantrack { grid-column: 1 / -1; height: 6px; border-radius: var(--r-sm);
  background: var(--chip-bg); overflow: hidden; margin-block-start: var(--s-3); }
.planfill { display: block; height: 100%; background: var(--accent);
  border-start-end-radius: var(--r-mark); border-end-end-radius: var(--r-mark); }
.planpay { grid-column: 1 / -1; justify-self: start; margin-block-start: var(--s-4);
  cursor: pointer; border: 1px solid var(--control-line);
  border-radius: var(--r-md); background: transparent; color: var(--ink);
  padding: 8px 14px; font-size: var(--t-md); font-weight: 600; }
.planpay:hover { border-color: var(--accent-ink); }
/*

*/
.planhist { grid-column: 1 / -1; justify-self: start; margin-block-start: var(--s-3);
  cursor: pointer; border: 0; background: none; padding: 4px 0;
  color: var(--muted); font-size: var(--t-sm); font-weight: 600;
  text-decoration: underline; text-underline-offset: 3px; }
.planhist:hover { color: var(--ink); }

/*


*/
.payhist { border: 1px solid var(--line); border-radius: var(--r-md);
  padding: var(--s-5) var(--s-6); margin-block-end: var(--s-6);
  background: var(--chip-bg); }
.payhist h4 { font-size: var(--t-sm); text-transform: uppercase;
  letter-spacing: .04em; color: var(--muted); margin: 0 0 var(--s-4); }
.payrow { display: grid; align-items: center; gap: var(--s-1) var(--s-4);
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  padding-block: var(--s-3); }
/*
*/
.paywhen { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; white-space: nowrap; }
.paymain { display: grid; gap: var(--s-1); min-width: 0; }
.payamt { font-variant-numeric: tabular-nums; }
/*
*/
.paykind { font-size: var(--t-sm); color: var(--muted); }
.paynote { font-size: var(--t-sm); color: var(--muted); overflow-wrap: anywhere; }
.payform { display: grid; gap: var(--s-3) var(--s-4);
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  padding-block-start: var(--s-4); border-block-start: 1px solid var(--line); }
/*
*/
.payfull { grid-column: 1 / -1; }
/*


*/
.payamt.out { color: var(--muted); }

/*














*/
.insgroup.incgroup, .insgroup.goalgroup, .insgroup.catbreak,
.acctlist, .planlist {
  border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--card); padding: var(--s-7); }
.acctlist, .planlist { margin: 0 0 var(--s-7); }
/*



*/
.insgroup.incgroup, .insgroup.goalgroup, .insgroup.catbreak {
  margin-block: var(--s-7); }
/*



*/
.inclist { margin: 0 0 var(--s-6); }
/**/
.insgroup.incgroup > h3, .insgroup.goalgroup > h3, .insgroup.catbreak > h3 {
  margin-block-start: 0; }

/*

















*/
/*
*/
.budgetcard > .insgroup {
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card);
  padding: var(--s-7); margin: 0 0 var(--s-7); }
.budgetcard > .insgroup > h3 { margin-block-start: 0; }
/*
*/
.budgetcard > .budform { margin-block: var(--s-7); }

/*



*/
.incexpected { display: grid; gap: var(--s-1); margin: 0 0 var(--s-2); }
.incbig { font-size: var(--t-3xl); font-weight: 700; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; color: var(--ok-ink); }
.inclabel { font-size: var(--t-md); color: var(--muted); }
.incgroup .inswhy { margin-block-end: var(--s-6); }
.inclist { display: flex; flex-direction: column; margin: 0 0 var(--s-6); }
.incrow { display: grid; align-items: center; gap: var(--s-1) var(--s-4);
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  padding: var(--s-5) 0; border-block-end: 1px solid var(--line); }
.incrow:last-child { border-block-end: 0; }
.incmain { display: grid; gap: var(--s-1); min-width: 0; }
/*


*/
/**/
.incamt { display: grid; gap: var(--s-1); justify-items: end; }
/*


*/
.incval { font-weight: 700; font-variant-numeric: tabular-nums;
  white-space: nowrap; color: var(--ok-ink); }
.incyear { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; white-space: nowrap; }

/*



*/
.acctlist { display: flex; flex-direction: column; margin: 0 0 var(--s-8); }
/*




*/
/*

*/
.acctlist > .acctadd, .planlist > .acctadd { border-block-end: 1px solid var(--line); }
.planlist > .acctadd:last-child { border-block-end: 0; }
.acctlist > .acctadd:last-child { border-block-end: 0; }
.acctformacts { display: flex; flex-wrap: wrap; gap: var(--s-4); align-items: center; }
/*




*/
/*


*/
.itemrows { display: flex; flex-direction: column; gap: var(--s-3);
  margin-block-start: var(--s-4); }
.itemrow { display: grid; gap: var(--s-2);
  grid-template-columns: minmax(0, 1fr) 4.5rem 5.5rem auto auto; align-items: center; }
/*






*/
@media (max-width: 35rem) {
  /*


*/
  .itemrow { grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    grid-template-areas: "name name name" "qty amt del" "cat cat cat"; }
  .itemrow .i_name { grid-area: name; }
  .itemrow .i_qty { grid-area: qty; }
  .itemrow .i_amt { grid-area: amt; }
  .itemrow .i_cat { grid-area: cat; }
  .itemrow .i_del { grid-area: del; }
}
.itemrow input, .itemrow select { min-width: 0; }
/*


*/
.itemrow .i_cat { max-width: 10rem; }
/*



*/
.itemfoot { justify-content: space-between; align-items: center;
  margin-block-start: var(--s-4); }
/*
*/
.itemsum { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }

/*



*/
/*


*/
.kindlist { display: flex; flex-direction: column; margin-block: var(--s-4); }
.kindrow { display: grid; grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center; gap: var(--s-2);
  padding: var(--s-4) 0; border-block-end: 1px solid var(--line); }
.kindrow:last-child { border-block-end: 0; }
.kindname { font-weight: 600; overflow-wrap: anywhere; }
.kindadd { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; }
.kindadd input { flex: 1 1 10rem; min-width: 0; }

/*




*/
.side-nestrow { display: flex; align-items: center; gap: var(--s-1);
  border-radius: var(--r-sm); }
.side-nestrow:hover { background: var(--hover-bg); }
/*


*/
.side-spaces .side-nestrow:hover > a, .side-nestrow:hover .side-more { background: none; }
.side-nestrow > a { flex: 1 1 auto; min-width: 0; }
.side-more { display: inline-flex; align-items: center; justify-content: center;
  flex: none; width: 1.75rem; height: 1.75rem; padding: 0;
  border: 0; border-radius: var(--r-sm); background: none; color: var(--muted);
  cursor: pointer; transition: transform var(--dur-2) ease, color var(--dur-2) ease; }
/*
*/
.side-more:hover { color: var(--ink); }
.side-more .icon { width: 1rem; height: 1rem; transform: rotate(90deg); }
/*
*/
.side-nest.open .side-more .icon { transform: rotate(-90deg); }
html[dir="rtl"] .side-more .icon { transform: rotate(90deg); }
html[dir="rtl"] .side-nest.open .side-more .icon { transform: rotate(-90deg); }
.side-sub { display: flex; flex-direction: column;
  margin-inline-start: var(--s-8); }
/*




*/
.side-sub[hidden] { display: none; }
.side-subitem { display: block; padding: var(--s-2) var(--s-4);
  font-size: var(--t-md); color: var(--muted); text-decoration: none;
  border-radius: var(--r-sm); }
.side-subitem:hover { color: var(--ink); background: var(--chip-bg); }
/*




*/
.side-subitem[aria-current="page"] {
  color: var(--accent-ink);
  font-weight: 700;
}
.acctgroup { margin-block-end: var(--s-8); }
.acctgroup:last-of-type { margin-block-end: var(--s-7); }
.acctgroup .acctlist { margin: 0; }
.acctgrouphead {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--s-4); margin: 0 0 var(--s-3); padding: 0 var(--s-7);
  font-size: var(--t-sm); font-weight: 600; }
.acctgroupname { color: var(--muted); text-transform: none; }
.acctgrouptotal { font-variant-numeric: tabular-nums; color: var(--ink);
  font-size: var(--t-md); }
/*



*/
.acctgroup.out .acctgrouptotal { color: var(--ink); }
/*



*/
.acctrow { display: grid; align-items: center; gap: var(--s-1) var(--s-4);
  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
  padding: var(--s-5) 0; border-block-end: 1px solid var(--line); }
.acctrow:last-child { border-block-end: 0; }
/*






*/
@media (max-width: 374px) {
  .acctrow {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "mark main main main"
                         "mark val  edit close";
    column-gap: var(--s-4); row-gap: var(--s-2);
  }
  .acctrow .acctmark { grid-area: mark; align-self: start; }
  .acctrow .acctmain { grid-area: main; }
  .acctrow .acctval { grid-area: val; justify-self: start; }
  .acctrow > [data-acctedit] { grid-area: edit; }
  .acctrow > [data-acctclose] { grid-area: close; }
  /*
*/
  .acctrow .acctart { grid-row: 3; }
}
/*






*/
.acctmark { --mk: var(--series-1);
  display: grid; place-items: center; width: 34px; height: 34px;
  border-radius: var(--r-sm); color: var(--ink);
  background: color-mix(in srgb, var(--mk) 16%, var(--card));
  border: 1px solid color-mix(in srgb, var(--mk) 38%, var(--card)); }
.acctmark .icon { width: 18px; height: 18px; }
.acctmark .icon svg { width: 100%; height: 100%; display: block; }
/*







*/
.acctmark.hasmark { background: var(--mark-plate); border-color: var(--mark-plate-line); }
.acctmark > svg { display: block; }
/*














*/
.acctmark.wide > svg { width: 30px; height: auto; max-height: 26px; }

/*

*/
.acctcard { display: flex; align-items: center; gap: var(--s-2);
  font-size: var(--t-sm); color: var(--muted); }
.acctnet { display: inline-grid; place-items: center; height: 18px; }
.acctnet svg { height: 18px; width: auto; max-width: 44px; display: block; }
/*


*/
.acctnet:empty { display: none; }
.acctcardname { letter-spacing: .04em; text-transform: uppercase;
  font-weight: 600; }

/*

















*/
.acctrow.tiered { --tier: var(--line); --tier-wash: transparent; }
.acctrow[data-tier="classic"]   { --tier: #8d99a8; }
.acctrow[data-tier="silver"]    { --tier: #b6bcc6; }
.acctrow[data-tier="gold"]      { --tier: #c9a227; }
.acctrow[data-tier="platinum"]  { --tier: #9fb0c0; }
.acctrow[data-tier="titanium"]  { --tier: #8a949c; }
.acctrow[data-tier="signature"] { --tier: #6b6ca8; }
.acctrow[data-tier="world"]     { --tier: #2f7d8f; }
.acctrow[data-tier="infinite"]  { --tier: #7a5ea8; }
.acctrow[data-tier="black"]     { --tier: #4a5058; }
/*

*/
.acctrow.tiered .acctmark { border-color: color-mix(in srgb, var(--tier) 55%, var(--card));
  background: linear-gradient(140deg,
    color-mix(in srgb, var(--tier) 18%, var(--card)) 0%,
    color-mix(in srgb, var(--tier) 6%, var(--card)) 52%,
    color-mix(in srgb, var(--tier) 15%, var(--card)) 100%); }
/*
*/
.acctrow.tiered .acctmark.hasmark { background: var(--mark-plate);
  border-color: color-mix(in srgb, var(--tier) 45%, var(--mark-plate)); }
.acctmain { display: grid; gap: var(--s-1); min-width: 0; }
/*

















*/
.acctname, .incname, .planname { font-weight: 600; min-width: 0;
  overflow-wrap: anywhere; }
/*
















*/
.acctmeta, .incmeta, .planmeta { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; min-width: 0;
  overflow-wrap: anywhere; min-block-size: 2.6em; }
.acctval { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.acctcur { font-size: var(--t-sm); color: var(--muted); font-weight: 600; }
/*

*/
/*
*/
.acctart { grid-column: 1 / -1; grid-row: 2; justify-self: start;
  width: min(100%, 11rem); margin-block-start: var(--s-3); }
.acctart .cringsvg { max-width: 4.25rem; }
.acctart .cringpct { height: min(100%, 4.25rem); font-size: var(--t-md); }
.acctart .cringcap { font-size: var(--t-sm); }
.acctart .chart { margin: 0; }
.acctx { background: none; border: 0; padding: var(--s-2); cursor: pointer;
  color: var(--muted); display: grid; place-items: center; }
/*




*/
/*



*/
.acctx--reserved { visibility: hidden; }
@media (max-width: 699px) { .acctx--reserved { display: none; } }
.acctx:hover { color: var(--urgent-ink); }
.acctx .icon { width: 16px; height: 16px; }
.acctx .icon svg { width: 100%; height: 100%; display: block; }

/*
*/
/*





*/
/*







*/
/*

*/
.acctadd { margin-block: var(--s-7); }
.acctlist > .acctadd, .planlist > .acctadd { margin-block: 0; }
.acctadd > summary {
  display: inline-flex; align-items: center; gap: var(--s-3);
  cursor: pointer; list-style: none;
  border: 1px solid var(--control-line); border-radius: var(--r-md);
  background: transparent; color: var(--ink); font-weight: 600;
  padding: 11px 18px; font-size: var(--t-base);
  transition: border-color var(--dur-1) var(--ease),
              background-color var(--dur-1) var(--ease); }
.acctadd > summary:hover { border-color: var(--accent-ink); }
.acctadd > summary::marker { content: ""; }
.acctadd > summary::-webkit-details-marker { display: none; }
/*
*/
.acctadd > summary::before {
  content: ""; width: 14px; height: 14px; flex: none;
  background: currentColor;
  -webkit-mask: var(--plus-mask) center / contain no-repeat;
  mask: var(--plus-mask) center / contain no-repeat; }
.acctadd[open] > summary { margin-block-end: var(--s-5); }
.acctadd[open] > summary::before { --plus-mask: var(--minus-svg); }
.acctadd > summary::marker { content: ""; }
.acctform { display: grid; gap: var(--s-5); }
.acctkinds { display: grid; gap: var(--s-3); }
.acctkind { display: grid; grid-template-columns: auto auto 1fr; align-items: center;
  gap: var(--s-4); padding: var(--s-4); cursor: pointer;
  border: 1px solid var(--control-line); border-radius: var(--r-md); }
/*

*/
.acctkind input:checked ~ .acctkindmark { color: var(--accent-ink); }
.acctkind input:checked ~ .acctkindmain .acctkindname { color: var(--accent-ink); }
.acctkindmark { display: grid; place-items: center; width: 26px; height: 26px;
  color: var(--muted); }
.acctkindmark .icon { width: 20px; height: 20px; }
.acctkindmark .icon svg { width: 100%; height: 100%; display: block; }
.acctkindmain { display: grid; gap: var(--s-1); min-width: 0; }
.acctkindname { font-weight: 600; }
.acctkinddesc { font-size: var(--t-sm); color: var(--muted); }
/*






*/
.acctform, .acctfields { min-width: 0; }
.acctfields { display: grid; gap: var(--s-5); }
.acctfield { display: grid; gap: var(--s-2); font-size: var(--t-md);
  color: var(--muted); min-width: 0; }
.acctfield input, .acctfield select, .acctfield textarea { font-size: var(--t-base);
  width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
/*

*/
.chip.acct { font-weight: 600; }

/*






*/
.catrows { display: flex; flex-direction: column; }
.catcur + .catcur { margin-block-start: var(--s-7); }
.catcurhead { margin: 0 0 var(--s-2); font-size: var(--t-md);
  color: var(--muted); font-weight: 600; }
.catrow { border-block-end: 1px solid var(--line); }
.catrow:last-child { border-block-end: 0; }
/*

*/
/*






*/
button.catrow, .catrow.plain {
  display: grid; align-items: center; gap: var(--s-1) var(--s-4);
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  padding: var(--s-5) var(--s-7); cursor: pointer;
  margin-inline: calc(var(--s-7) * -1);
  width: calc(100% + var(--s-7) * 2);
  /*


*/
  border-radius: 0;
  background: none; border: 0; border-block-end: 1px solid var(--line);
  text-align: start; font: inherit; color: inherit; }
.catrow.plain { cursor: default; }
/*





*/
button.catrow.on .catname { color: var(--accent-ink); background: var(--chip-bg);
  border-radius: var(--r-pill); padding-block: var(--s-1); padding-inline: var(--s-3);
  margin-inline-start: calc(var(--s-3) * -1); }
/*
*/
button.catrow:focus-visible { outline-offset: -3px; }
/*

*/
button.catrow:hover .catname { color: var(--accent-ink); }
/*
*/
.caticon { display: inline-grid; place-items: center; width: 18px; height: 18px; }
.catmark { width: 10px; height: 10px; border-radius: var(--r-xs); }
/*
*/
.catrow .icon { width: 18px; height: 18px; }
.catrow .icon svg { width: 100%; height: 100%; display: block; }
/*
*/
.catname { min-width: 0; max-width: 100%; justify-self: start; font-weight: 600;
  display: inline-flex; align-items: center; gap: var(--s-2); }
.catlabel { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*

*/
.catchev { display: inline-grid; flex: none; width: 14px; height: 14px; color: var(--muted);
  transition: transform var(--dur-1) var(--ease); }
.catchev svg { width: 100%; height: 100%; display: block; }
[dir="rtl"] .catchev { transform: scaleX(-1); }
button.catrow.on .catchev { transform: rotate(90deg); color: var(--accent-ink); }
[dir="rtl"] button.catrow.on .catchev { transform: rotate(-90deg) scaleX(-1); }
@media (prefers-reduced-motion: reduce) { .catchev { transition: none; } }
.catval { font-variant-numeric: tabular-nums; font-weight: 600;
  white-space: nowrap; }
/*

*/
.catmeta { grid-column: 3 / -1; font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
.cattrack { grid-column: 1 / -1; height: 6px; border-radius: var(--r-sm);
  background: var(--chip-bg); overflow: hidden; }
.catfill { display: block; height: 100%;
  border-start-end-radius: var(--r-mark); border-end-end-radius: var(--r-mark); }
/*


*/
.catrows .ledger.catledger {
  margin: 0 0 var(--s-4); padding-inline-start: var(--s-4);
  border-inline-start: 2px solid var(--line); }
/*
*/
.catdrill { padding: 0 0 var(--s-5) calc(10px + var(--s-4)); }
.drow { display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--s-5); padding: var(--s-3) 0;
  border-block-start: 1px solid var(--line); }
.dmain { display: grid; gap: var(--s-1); min-width: 0; }
.ddesc { font-size: var(--t-md); overflow: hidden; text-overflow: ellipsis; }
.ddesc a { color: var(--accent-ink); }
.damt { font-size: var(--t-md); font-variant-numeric: tabular-nums;
  white-space: nowrap; }

/*







*/
.cring { position: relative; display: grid; justify-items: center;
  gap: var(--s-2); }
.cringsvg { width: 100%; max-width: 7.5rem; aspect-ratio: 1; display: block;
  /*
*/
  transform: rotate(-90deg); }
.cringtrack { fill: none; stroke: var(--chip-bg); stroke-width: 9; }
/*
*/
.cringfill { fill: none; stroke-width: 9; stroke-linecap: round;
  transition: stroke-dasharray var(--dur-2) ease; }
/*

*/
.cringpct { position: absolute; inset-block-start: 0; height: min(100%, 7.5rem);
  display: grid; place-items: center; font-size: var(--t-2xl); font-weight: 700;
  font-variant-numeric: tabular-nums; letter-spacing: -.02em; color: var(--ink); }
.cringpct.near { color: var(--action-ink); }
.cringpct.over { color: var(--urgent-ink); }
.cringlabel { font-size: var(--t-md); color: var(--muted); }
.cringcap { font-size: var(--t-md); color: var(--muted); text-align: center; }
.cringcap.near { color: var(--action-ink); }
.cringcap.over { color: var(--urgent-ink); }
@media (prefers-reduced-motion: reduce) { .cringfill { transition: none; } }

/*


*/
/*
















*/
.cflows { display: grid; grid-template-columns: fit-content(40%) 1fr auto;
  align-items: center; column-gap: var(--s-4); row-gap: var(--s-3); }
.cflow-row { display: contents; }
.cflow-label { font-size: var(--t-sm); color: var(--muted); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.cflow-row .cbar-fill.in { background: var(--series-6); }
.cflow-row .cbar-fill.out { background: var(--series-7); }

/*


*/
/*
*/
.clinearea { position: absolute; inset-block: 0; inset-inline: 4.5rem 0; }
.clinesvg { position: absolute; inset: 0; width: 100%; height: 100%;
  overflow: visible; }
.cline { fill: none; stroke: var(--series-8); stroke-width: 2;
  stroke-linejoin: round; stroke-linecap: round; }
.clinedot { position: absolute; width: 9px; height: 9px; border-radius: 50%;
  background: var(--series-8); transform: translate(-50%, 50%); }
.clineends { display: flex; justify-content: space-between; gap: var(--s-5);
  margin: var(--s-3) 0 0; padding-inline-start: 4.5rem;
  font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }

/*
*/
.charttable { width: 100%; border-collapse: collapse; font-size: var(--t-md); }
.charttable th, .charttable td { text-align: start; padding: var(--s-3) var(--s-4);
  border-block-end: 1px solid var(--line); }
.charttable thead th { color: var(--muted); font-weight: 600; }
.charttable td { font-variant-numeric: tabular-nums; }
.chartswap { background: none; border: 0; padding: 0; color: var(--action-ink);
  font-size: var(--t-sm); cursor: pointer; }

/*



*/
.insights .insgroup { margin: 0 0 var(--s-9); }
.insights .insgroup:last-child { margin-bottom: 0; }
.insights h3 { margin: 0 0 var(--s-5); font-size: var(--t-lg); }
.insrow { padding: var(--s-5) 0; border-block-end: 1px solid var(--line); }
.insrow:last-child { border-block-end: 0; }
.insmain { margin: 0; color: var(--ink); }
.inswhy { margin: var(--s-2) 0 0; color: var(--muted); font-size: var(--t-md); }
.insdocs { margin: var(--s-3) 0 0; font-size: var(--t-md); }
.insdocs a { color: var(--action-ink); }
.chartwrap { margin: 0 0 var(--s-8); }
.charttablewrap { margin-block-start: var(--s-5); overflow-x: auto; }

/*



*/
.netgroup { margin-block-end: var(--s-6); }
.netgroup:last-of-type { margin-block-end: 0; }
.netcur { margin: 0 0 var(--s-2); font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
/*





*/
.netrow { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: var(--s-5) var(--s-8); }
.netcell { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
.netlabel { font-size: var(--t-sm); color: var(--muted); }
.netval { font-size: var(--t-xl); font-weight: 600; color: var(--ink);
  font-variant-numeric: tabular-nums; }
.netval.in { color: var(--ok-ink); }

.budrow { position: relative; padding: var(--s-5) 0; border-block-end: 1px solid var(--line); }
.budrow:last-child { border-block-end: 0; }
.budhead { display: flex; justify-content: space-between; align-items: baseline;
  gap: var(--s-5); margin-block-end: var(--s-3); }
.budcat { color: var(--ink); }
.budfig { color: var(--muted); font-size: var(--t-md); font-variant-numeric: tabular-nums; }
.budtrack { display: block; height: 10px; border-radius: var(--r-sm);
  background: var(--chip-bg); overflow: hidden; }
.budfill { display: block; height: 100%; background: var(--accent);
  border-start-end-radius: var(--r-mark); border-end-end-radius: var(--r-mark); }
.budfill.near { background: var(--action-ink); }
.budfill.over { background: var(--urgent); }
.budstate { margin: var(--s-3) 0 0; font-size: var(--t-md); color: var(--muted); }
.budstate.near { color: var(--action-ink); }
.budstate.over { color: var(--urgent-ink); }
/*
*/
.budlimit { width: 6.5em; padding: 2px var(--s-3); border: 1px solid transparent;
  border-radius: var(--r-xs); background: none; color: var(--ink);
  font: inherit; font-variant-numeric: tabular-nums; text-align: end;
  min-height: 0; }
.budlimit:hover { border-color: var(--line); }
.budlimit:focus { border-color: var(--accent); background: var(--card); }

/*
*/
/*



*/
.addown { margin-block: var(--s-5); }
/*





*/
/*



*/
.addown > summary { cursor: pointer; color: var(--accent-ink);
  font-size: var(--t-md); list-style: none; user-select: none; }
.addown > summary::-webkit-details-marker { display: none; }
.addown > summary::before { content: "▸ " / ""; }
.addown[open] > summary::before { content: "▾ " / ""; }
.addrow { display: flex; flex-wrap: wrap; gap: var(--s-5);
  margin-block-start: var(--s-5); }
.addrow input[type="number"] { max-width: 7rem; }
.addrow input[type="date"] { max-width: 10rem; }
.addrow input[type="text"] { flex: 1 1 9rem; min-width: 0; }

.budx { position: absolute; inset-block-start: var(--s-4); inset-inline-end: 0;
  display: inline-grid; place-items: center; width: 30px; height: 30px;
  min-height: 0; padding: 0; border: 0; background: none; border-radius: var(--r-sm);
  color: var(--muted); cursor: pointer; opacity: 0;
  transition: opacity var(--dur-1) ease; }
.budx .icon { width: 15px; height: 15px; }
.budrow:hover .budx, .budx:focus-visible { opacity: 1; }
@media (hover: none) { .budx { opacity: 1; } }
.budform { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5);
  margin-block-start: var(--s-7); }
/*


*/
.budform input { flex: 1 1 8rem; min-width: 0; max-width: 14rem; }

/*




*/
.mtabs { display: flex; gap: var(--s-3); margin: 0 0 var(--s-7);
  border-block-end: 1px solid var(--line); overflow-x: auto;
  scrollbar-width: none; }
.mtabs::-webkit-scrollbar { display: none; }
.mtab { flex: 0 0 auto; padding: var(--s-4) var(--s-5); color: var(--muted);
  text-decoration: none; white-space: nowrap; font-size: var(--t-lg);
  border-block-end: 2px solid transparent; margin-block-end: -1px; }
.mtab:hover { color: var(--ink); }
.mtab.on { color: var(--ink); font-weight: 600; border-block-end-color: var(--accent); }
/*




*/
[data-more] {
  --more-l: 0px; --more-r: 0px;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--more-l),
                                      #000 calc(100% - var(--more-r)), transparent);
          mask-image: linear-gradient(to right, transparent, #000 var(--more-l),
                                      #000 calc(100% - var(--more-r)), transparent);
}
[data-more~="left"] { --more-l: 40px; }
[data-more~="right"] { --more-r: 40px; }
.msechint { margin: var(--s-8) 0 0; color: var(--muted); font-size: var(--t-md); }
/*



*/
.windowsum { display: none; }
.windowpick { margin: 0; }
/*









*/
.windowpick > summary { list-style: none; }
.windowpick > summary::-webkit-details-marker { display: none; }
@media (max-width: 560px) {
  .windowsum {
    display: inline-flex; align-items: center; gap: var(--s-3);
    /*

*/
    min-height: 44px; padding: var(--s-4) var(--s-6);
    margin-block-end: var(--s-5);
    border: 1px solid var(--control-line); border-radius: var(--r-pill);
    background: var(--card); color: var(--ink);
    font-size: var(--t-lg); font-weight: 600;
    cursor: pointer;
  }
  /*

*/
  .windowsumchev { transform: rotate(90deg); transition: transform var(--dur-1) ease; }
  .windowpick[open] .windowsumchev { transform: rotate(-90deg); }
  /*
*/
  .windowpick[open] .windowbody { margin-block-end: var(--s-5); }
}

/*


*/
.windowrow { display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--s-3) var(--s-6); margin-block-end: var(--s-7); }
.windowrow > * { margin: 0; }
/*




*/
.windowfacts { display: grid; gap: var(--s-1); min-width: 0; }
/*


*/
.windowrow .windowfacts > * { margin: 0; }
.windowfacts .windowline, .windowfacts .rateline { font-size: var(--t-sm); }

/*
















*/
@media (max-width: 560px) {
  .pagesub { display: none; }
  /*










*/
  /*








*/
  .mtiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /*


*/
  .mcard { padding: var(--s-5) var(--s-6); }
  .windowrow { gap: var(--s-3); }
  .windowrow .monthstep { flex: 1 1 100%; justify-content: space-between; }
  .monthstepnow { font-size: var(--t-sm); }
  .windowfacts { flex: 1 1 100%; }
  .mcontrols { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    margin-block-end: var(--s-5); }
  .mcontrols::-webkit-scrollbar { display: none; }
  .segbar { flex-wrap: nowrap; }
  /*


*/
  .seg { flex: 0 0 auto; white-space: nowrap; }
  /*
*/
  .mcontrols .spacer { display: none; }
}

/*




*/
#overviewflow > *, #spendtrend > *, #subs > * { margin-block-start: var(--s-9); }
.msecempty { margin: var(--s-7) 0; color: var(--muted); }

/*


*/
/*




*/
.msettings { display: grid; gap: var(--s-9); }
@media (min-width: 900px) {
  /*

*/
  .msettings { grid-template-columns: 1fr 1fr; gap: var(--s-9); }
}
.msetgroup h3 { margin: 0 0 var(--s-5); font-size: var(--t-lg); }
.msetrow { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-5); margin-block-end: var(--s-4); }
.msetrow > span { color: var(--ink); }
.msetrow input[type="number"] { max-width: 7rem; }
.msetrow.check { justify-content: flex-start; }
.msetcols { border: 1px solid var(--line); border-radius: var(--r-sm);
  padding: var(--s-5); margin: var(--s-5) 0 0; }
.msetcols legend { padding: 0 var(--s-3); color: var(--muted); font-size: var(--t-sm); }
.msetreq { color: var(--muted); font-size: var(--t-sm); font-style: normal; }

/**/
.mfilter { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5);
  /*

*/
  margin-block: var(--s-5); }
.mfilter input { flex: 1 1 12rem; min-width: 0; }
/*












*/
.mfilter .curpick { flex: 0 1 auto; min-width: 0; }
.mfilter .curpick select { min-width: 0; max-width: 100%; }

/*



*/
.lrowitems[hidden] { display: none; }
/*





*/
.lrowitems { display: block; overflow-x: auto;
  /*


*/
  margin: var(--s-5) 0 var(--s-7);
  padding-inline-start: calc(var(--s-8) + var(--s-7)); }
.linetable { width: 100%; border-collapse: collapse; font-size: var(--t-md); }
.linetable th { text-align: start; font-weight: 600; color: var(--muted);
  font-size: var(--t-sm); padding-block: var(--s-3); white-space: nowrap; }
.linetable td { padding-block: var(--s-3);
  border-block-start: 1px solid var(--line); }
/*
*/
.linetable .num { text-align: end; white-space: nowrap;
  font-variant-numeric: tabular-nums; }
.linetable td .chip { margin-inline-start: var(--s-3); }
.linesum { margin: var(--s-4) 0 0; text-align: end; color: var(--muted);
  font-size: var(--t-sm); font-variant-numeric: tabular-nums; }
/*




*/
.lexp .icon { transform: rotate(90deg);
  transition: transform var(--dur-1) var(--ease); }
.lexp[aria-expanded="true"] .icon { transform: rotate(-90deg); }

/**/
.subrow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5);
  padding: var(--s-5) 0; border-block-end: 1px solid var(--line); }
.subrow:last-child { border-block-end: 0; }
/*







*/
.submark {
  /*


*/
  --mk: var(--series-1);
  flex: 0 0 auto; display: grid; place-items: center;
  /*






*/
  width: 36px; height: 36px; border-radius: 50%;
  /*
*/
  font-size: var(--t-md); font-weight: 700; letter-spacing: .01em;
  color: var(--ink); background: var(--chip-bg);
  background: color-mix(in srgb, var(--mk) 16%, var(--card));
  border: 1px solid color-mix(in srgb, var(--mk) 38%, var(--card));
}
/*






*/
.submark > svg { width: 50%; height: 50%; }
/*












*/
.submark .icon { width: 55%; height: 55%; }

/*





*/
.submark.hasmark {
  background: var(--card);
  border-color: var(--line);
}
.submark.hasmark svg { display: block; }
/**/
.subrow.ended .submark { opacity: .55; }
/*



*/
/*












*/
.submain { flex: 1 1 11rem; min-width: 0; display: flex; flex-direction: column;
  gap: var(--s-1); }
/*











*/
/*












*/
.submain a { color: var(--ink); min-height: 24px;
  display: flex; align-items: center; align-self: flex-start; max-width: 100%; }
.submeta { font-size: var(--t-sm); color: var(--muted); }
/*






*/
.subprice { flex: 1 0 100%; margin: 0; font-size: var(--t-sm); color: var(--muted); }
.subprice a { color: var(--muted); text-decoration: underline; }
.subprice a:hover, .subprice a:focus-visible { color: var(--ink); }
.subrow.ended .subprice { opacity: .55; }
.subfig { display: flex; flex-direction: column; align-items: flex-end;
  gap: var(--s-1); flex: 0 0 auto; }
.submonth { color: var(--ink); font-variant-numeric: tabular-nums; }
.subyear { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
/*
*/
.subrow.ended .submain a, .subrow.ended .submonth { color: var(--muted); }
/*


*/
.subname { color: var(--ink); }
/*


*/
.subrow.dormant .submain a, .subrow.dormant .subname,
.subrow.dormant .submonth { color: var(--muted); }
.dormantnote { font-style: italic; }

/*



*/
.subfound { border: 1px solid var(--line); border-radius: var(--r-md);
  padding: var(--s-5) var(--s-6); margin-block-start: var(--s-7);
  background: var(--chip-bg); }
.subfound h3 { font-size: var(--t-sm); text-transform: uppercase;
  letter-spacing: .04em; color: var(--muted); margin: 0 0 var(--s-4); }
.subfoundrow { display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--s-4); padding-block: var(--s-4); }
/*

*/
.subfoundacts { display: flex; gap: var(--s-3); flex: 0 0 auto;
  margin-inline-start: auto; }
.subfoundacts button { min-height: 36px; padding-inline: var(--s-5); }
/*



*/
.subhero { font-size: var(--t-4xl); font-weight: 700; margin: var(--s-6) 0 0;
  font-variant-numeric: tabular-nums; line-height: 1.1; }
.subherosub { font-size: var(--t-sm); color: var(--muted); margin: var(--s-1) 0 0; }
/*
*/
.substats { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-7);
  margin-block: var(--s-6); }
.substat { display: flex; flex-direction: column; font-size: var(--t-sm);
  color: var(--muted); }
.substat b { font-size: var(--t-xl); color: var(--ink); font-weight: 700;
  font-variant-numeric: tabular-nums; }
/*
*/
.subsoon { border: 1px solid var(--line); border-radius: var(--r-md);
  padding: var(--s-5) var(--s-6); margin-block-end: var(--s-6);
  background: var(--chip-bg); }
.subsoon h3 { font-size: var(--t-sm); text-transform: uppercase;
  letter-spacing: .04em; color: var(--muted); margin: 0 0 var(--s-4); }
.subsoonrow { display: flex; align-items: center; gap: var(--s-4);
  padding-block: var(--s-3); }
.subdue { font-size: var(--t-sm); color: var(--muted); white-space: nowrap;
  font-variant-numeric: tabular-nums; }
/**/
.subdue.now { color: var(--warn-ink); font-weight: 700; }
/*

*/
.subalt { font-size: var(--t-sm); color: var(--muted);
  font-variant-numeric: tabular-nums; }
.subwhen { display: flex; align-items: center; gap: var(--s-3); flex: 0 0 auto; }
/*





*/
@media (min-width: 700px) {
  .subwhen > .subdue { min-inline-size: 7.5rem; text-align: end; }
}
.subdaypick { font-size: var(--t-sm); padding: 2px var(--s-2); }
.subx { display: inline-grid; place-items: center; width: 30px; height: 30px;
  min-height: 0; padding: 0; border: 0; background: none; border-radius: var(--r-sm);
  color: var(--muted); cursor: pointer; flex: 0 0 auto; opacity: 0;
  transition: opacity var(--dur-1) ease, color var(--dur-1) ease; }
.subx .icon { width: 16px; height: 16px; }
.subrow:hover .subx, .subx:focus-visible, .subx.on { opacity: 1; }
.subx:hover, .subx.on { color: var(--ok-ink); }
@media (hover: none) { .subx { opacity: 1; } }

/*
*/
.oown { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: var(--accent-ink); }
.onote { color: var(--muted); overflow-wrap: anywhere; }

/**/
.askform textarea {
  width: 100%; min-height: 44px; max-height: 160px; resize: none; overflow-y: auto;
  font: inherit; line-height: 1.45; padding: 11px 13px;
}
/*





*/
@media (max-width: 620px) {
  .cday { min-height: 58px; gap: var(--s-1); padding: var(--s-2) var(--s-1) var(--s-1); }
  .cnum { font-size: var(--t-xs); line-height: 1.5; }
  .cday.today .cnum { min-width: 1.35rem; }
  /*
*/
  .cevents { flex-direction: row; flex-wrap: wrap; gap: var(--s-1); align-items: center;
             padding-inline: var(--s-1); }
  /*





*/
  .cev { padding: 0; background: none; gap: 0; pointer-events: none; }
  .cev:hover { box-shadow: none; }
  .cev.hard, .cev.overdue { background: none; }
  .cev-txt { display: none; }
  .cev-dot { width: 5px; height: 5px; }
  .cmore { padding-inline: var(--s-1); font-size: var(--t-xs); }
  .cmore-long { display: none; }
  .cmore-short { display: inline; }
}

/*





*/
.orow.lv-urgent { border-inline-start-color: var(--urgent-ink); background: var(--warn-bg); }
/*


*/
/*




*/
.orow.lv-urgent:hover { box-shadow: inset 0 0 0 1px var(--warn-border); }
.orow.lv-urgent .odesc { font-weight: 700; }
.orow.lv-soon { border-inline-start-color: var(--action); }
/*


*/
/*
*/
.orow.lv-context { border-inline-start-color: transparent; }
.orow.lv-context .odesc { font-weight: 500; color: var(--muted); }

/*



*/
.calkinds { display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--s-3); margin-block: var(--s-6); }
.calkinds-lead { font-size: var(--t-sm); color: var(--muted); font-weight: 600;
  margin-inline-end: var(--s-2); }
.calkind { display: inline-flex; align-items: center; gap: var(--s-3);
  min-height: 32px; padding: var(--s-2) var(--s-5); cursor: pointer;
  /*

*/
  border: 1px solid var(--control-line); border-radius: var(--r-pill);
  background: transparent; color: var(--muted); font: inherit;
  font-size: var(--t-sm); font-weight: 600;
  transition: border-color var(--dur-1) var(--ease),
              color var(--dur-1) var(--ease); }
.calkind.on { color: var(--ink); border-color: var(--ink); }
.calkind:hover { border-color: var(--accent-ink); }
/*

*/
.calkind:not(.on) span { text-decoration: line-through; }
.calkind-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.calkind-dot.spend { background: var(--spend-ink); }
.calkind-dot.in { background: var(--ok-ink); }
/**/
.calkind-n { font-weight: 500; opacity: .7; font-variant-numeric: tabular-nums; }

/*
















*/
/*





*/
.orow.ospend { border-inline-start-color: var(--spend-ink); opacity: 1; }
.orow.ospend .odesc { color: var(--ink); font-weight: 600; }
/*
*/
.orow.ospend .oown { color: var(--spend-ink); }
/*
*/
.orow.ospend .oamount { color: var(--ink); }

/*


*/
.orow.ospend.oin { border-inline-start-color: var(--ok-ink); }
.orow.ospend.oin .oown { color: var(--ok-ink); }
.orow.ospend.oin .oamount { color: var(--ok-ink); }

/*



*/
/*







*/
.dcell { display: flex; align-items: center; gap: var(--s-5); }

.caltoggle {
  display: inline-flex; align-items: center; justify-content: center;
  /*
*/
  width: 30px; height: 30px; padding: 0; flex: 0 0 auto;
  border: 0; background: none; border-radius: var(--r-sm);
  cursor: pointer; transition: color var(--dur-1) ease, opacity var(--dur-1) ease;
}
.caltoggle .icon { width: 17px; height: 17px; }
.caltoggle.on { color: var(--accent-ink); opacity: 1; }
/*









*/
.caltoggle.off { color: var(--muted); opacity: 1; }
.caltoggle.off:hover { color: var(--accent-ink); }
.caltoggle.on:hover { opacity: .7; }
.caltoggle:disabled { cursor: progress; opacity: .3; }


/*


*/
/*











*/
.spacehead-tools { display: flex; align-items: center; gap: var(--s-5);
  flex: 1 1 auto; justify-content: flex-end; flex-wrap: wrap; }
/*







*/
.spacehead-tools > .go { flex: 0 0 auto; max-width: 100%; }
.viewbar { display: inline-flex; gap: var(--s-1); padding: 3px;
  border: 1px solid var(--control-line); border-radius: var(--r-sm); background: var(--card); }
.viewbtn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 30px; padding: 0; border: 0; border-radius: var(--r-xs);
  background: none; color: var(--muted); cursor: pointer;
  transition: background var(--dur-1) ease, color var(--dur-1) ease;
}
.viewbtn .icon { width: 17px; height: 17px; }
.viewbtn:hover { color: var(--accent-ink); }
.viewbtn.on { background: var(--accent); color: var(--on-accent); }


/*

















*/
.doc-grid { display: grid; gap: var(--s-7); margin-bottom: 8px; align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(min(168px, calc((100% - var(--s-7)) / 2)), 1fr)); }
/*



*/
.doc-grid > .grid-head { grid-column: 1 / -1; margin: 18px 0 0; }
.doc-grid > .grid-head:first-child { margin-top: 2px; }
.doc-tile {
  display: flex; flex-direction: column; text-decoration: none; color: inherit;
  border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden;
  background: var(--card); transition: transform var(--dur-1) ease, box-shadow var(--dur-1) ease;
}
.doc-tile:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }
/*


*/
.tile-shot { position: relative; display: block; aspect-ratio: 3 / 4;
  background: var(--bg); overflow: hidden; }
.tile-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center;
  display: block; }
.tile-fallback { position: absolute; inset: 0; display: none;
  align-items: center; justify-content: center; color: var(--muted); }
.tile-fallback .icon { width: 30px; height: 30px; }
/*




*/
.tile-shot.no-shot { background: var(--chip-bg); }
.tile-shot.no-shot img { display: none; }
.tile-shot.no-shot .tile-fallback { display: flex; }

/*





*/
.tile-shot.shot-forgotten { background: var(--chip-bg); }
.tile-forgotten { display: flex; flex-direction: column; gap: var(--s-3);
  align-items: center; justify-content: center; text-align: center; padding: 8px; }
/*

*/
.tile-forgotten .icon { width: 40px; height: 40px; opacity: .75; }
.tile-forgotten-label { font-size: var(--t-sm, .74rem); line-height: 1.3;
  color: var(--muted); opacity: .85; max-width: 90%; }
.tile-body { display: flex; flex-direction: column; gap: var(--s-2); padding: 10px 11px 12px; }
/*









*/
.tile-title .dot { margin-inline-end: var(--s-4); }
.tile-title { display: flex; align-items: baseline; gap: var(--s-4); font-weight: 600;
  font-size: var(--t-base); line-height: 1.35;
  /**/
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  /*




*/
  overflow-wrap: anywhere;
  /*








*/
  padding-inline-start: 4px; margin-inline-start: -4px; }
.tile-meta { font-size: var(--t-md); color: var(--muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*
*/
.tile-added { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap;
  font-size: var(--t-sm); color: var(--muted); opacity: .9; }
/*
*/
.tile-group, .doc-group { display: inline-block; max-width: 100%; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;
  font-size: var(--t-sm); font-weight: 600; color: var(--ink);
  background: var(--chip-bg); padding: 1px 8px; border-radius: var(--r-pill); }
/*




*/
.doc-kind { display: inline-flex; align-items: center; gap: var(--s-2); }
.doc-kind .icon svg { width: 13px; height: 13px; opacity: .75; }
.doc-kind.case .icon svg { opacity: .9; }
.doc-added { white-space: nowrap; }
/**/
.doc-addedline { margin: -4px 0 14px; font-size: var(--t-md); }

/*
*/
.table-scroll { overflow-x: auto; margin-bottom: 10px; }
.doc-table { width: 100%; border-collapse: collapse; font-size: var(--t-lg);
  table-layout: fixed; }
/*

*/
.doc-table th:nth-child(1), .doc-table td:nth-child(1) { width: 34%; }
.doc-table th:nth-child(2), .doc-table td:nth-child(2) { width: 28%; }
.doc-table th:nth-child(3), .doc-table td:nth-child(3) { width: 14%; }
.doc-table th:nth-child(4), .doc-table td:nth-child(4) { width: 12%; }
.doc-table th:nth-child(5), .doc-table td:nth-child(5) { width: 12%; }
/*


*/
.doc-table.with-group th:nth-child(1), .doc-table.with-group td:nth-child(1) { width: 28%; }
.doc-table.with-group th:nth-child(2), .doc-table.with-group td:nth-child(2) { width: 22%; }
.doc-table.with-group th:nth-child(3), .doc-table.with-group td:nth-child(3) { width: 12%; }
.doc-table.with-group th:nth-child(4), .doc-table.with-group td:nth-child(4) { width: 16%; }
.doc-table.with-group th:nth-child(5), .doc-table.with-group td:nth-child(5) { width: 11%; }
.doc-table.with-group th:nth-child(6), .doc-table.with-group td:nth-child(6) { width: 11%; }
/*









*/
.doc-table.with-tags:not(.with-group) th:nth-child(1), .doc-table.with-tags:not(.with-group) td:nth-child(1) { width: 30%; }
.doc-table.with-tags:not(.with-group) th:nth-child(2), .doc-table.with-tags:not(.with-group) td:nth-child(2) { width: 23%; }
.doc-table.with-tags:not(.with-group) th:nth-child(3), .doc-table.with-tags:not(.with-group) td:nth-child(3) { width: 12%; }
.doc-table.with-tags:not(.with-group) th:nth-child(4), .doc-table.with-tags:not(.with-group) td:nth-child(4) { width: 17%; }
.doc-table.with-tags:not(.with-group) th:nth-child(5), .doc-table.with-tags:not(.with-group) td:nth-child(5) { width: 9%; }
.doc-table.with-tags:not(.with-group) th:nth-child(6), .doc-table.with-tags:not(.with-group) td:nth-child(6) { width: 9%; }
/**/
.doc-table.with-group.with-tags th:nth-child(1),
.doc-table.with-group.with-tags td:nth-child(1) { width: 25%; }
.doc-table.with-group.with-tags th:nth-child(2),
.doc-table.with-group.with-tags td:nth-child(2) { width: 19%; }
.doc-table.with-group.with-tags th:nth-child(3),
.doc-table.with-group.with-tags td:nth-child(3) { width: 10%; }
.doc-table.with-group.with-tags th:nth-child(4),
.doc-table.with-group.with-tags td:nth-child(4) { width: 14%; }
.doc-table.with-group.with-tags th:nth-child(5),
.doc-table.with-group.with-tags td:nth-child(5) { width: 14%; }
.doc-table.with-group.with-tags th:nth-child(6),
.doc-table.with-group.with-tags td:nth-child(6) { width: 9%; }
.doc-table.with-group.with-tags th:nth-child(7),
.doc-table.with-group.with-tags td:nth-child(7) { width: 9%; }

/*











*/
.tagchip[data-tagcolour="blue"],   .rowtag[data-tagcolour="blue"],
.swatch[data-tagcolour="blue"]   { --tag-hue: var(--tag-blue); }
.tagchip[data-tagcolour="green"],  .rowtag[data-tagcolour="green"],
.swatch[data-tagcolour="green"]  { --tag-hue: var(--tag-green); }
.tagchip[data-tagcolour="amber"],  .rowtag[data-tagcolour="amber"],
.swatch[data-tagcolour="amber"]  { --tag-hue: var(--tag-amber); }
.tagchip[data-tagcolour="red"],    .rowtag[data-tagcolour="red"],
.swatch[data-tagcolour="red"]    { --tag-hue: var(--tag-red); }
.tagchip[data-tagcolour="purple"], .rowtag[data-tagcolour="purple"],
.swatch[data-tagcolour="purple"] { --tag-hue: var(--tag-purple); }
.tagchip[data-tagcolour="teal"],   .rowtag[data-tagcolour="teal"],
.swatch[data-tagcolour="teal"]   { --tag-hue: var(--tag-teal); }

.tagchip[data-tagcolour]:not([data-tagcolour=""]),
.rowtag[data-tagcolour]:not([data-tagcolour=""]) {
  background: color-mix(in srgb, var(--tag-hue) 14%, var(--chip-bg));
  border-color: color-mix(in srgb, var(--tag-hue) 55%, var(--control-line));
}

/*

*/
.swatches { display: inline-flex; flex-wrap: wrap; gap: var(--s-3); }
.swatch {
  width: 18px; height: 18px; min-height: 0; padding: 0; flex: 0 0 auto;
  border-radius: var(--r-pill); cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--tag-hue) 55%, var(--control-line));
  background: color-mix(in srgb, var(--tag-hue) 60%, var(--chip-bg));
}
/**/
.swatch[data-tagcolour=""] { background: var(--chip-bg); }
.swatch.on { outline: 2px solid var(--focus-line); outline-offset: 2px; }
/*


*/
@media (pointer: coarse) {
  .swatch { width: 26px; height: 26px; }
}

/*

*/
.taglist { list-style: none; margin: 0; padding: 0; display: flex;
  flex-direction: column; gap: var(--s-4); }
.tagrow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4);
  padding: var(--s-4) 0; border-bottom: 1px solid var(--line); }
.tagrow:last-child { border-bottom: 0; }
/*
*/
.tagused { flex: 0 0 auto; }
.tagrow .tagacts { margin-inline-start: auto; display: inline-flex; gap: var(--s-3); }
@media (max-width: 560px) {
  /*
*/
  .tagrow .swatches { flex-basis: 100%; }
  .tagrow .tagacts { margin-inline-start: 0; }
}

/*







*/
@media (max-width: 700px) {
  .doc-table.with-tags:not(.with-group) th:nth-child(4),
  .doc-table.with-tags:not(.with-group) td:nth-child(4),
  .doc-table.with-group.with-tags th:nth-child(5),
  .doc-table.with-group.with-tags td:nth-child(5) { display: none; }

  .doc-table.with-tags:not(.with-group) th:nth-child(1), .doc-table.with-tags:not(.with-group) td:nth-child(1) { width: 34%; }
  .doc-table.with-tags:not(.with-group) th:nth-child(2), .doc-table.with-tags:not(.with-group) td:nth-child(2) { width: 28%; }
  .doc-table.with-tags:not(.with-group) th:nth-child(3), .doc-table.with-tags:not(.with-group) td:nth-child(3) { width: 14%; }
  .doc-table.with-tags:not(.with-group) th:nth-child(5), .doc-table.with-tags:not(.with-group) td:nth-child(5) { width: 12%; }
  .doc-table.with-tags:not(.with-group) th:nth-child(6), .doc-table.with-tags:not(.with-group) td:nth-child(6) { width: 12%; }

  .doc-table.with-group.with-tags th:nth-child(1),
  .doc-table.with-group.with-tags td:nth-child(1) { width: 28%; }
  .doc-table.with-group.with-tags th:nth-child(2),
  .doc-table.with-group.with-tags td:nth-child(2) { width: 22%; }
  .doc-table.with-group.with-tags th:nth-child(3),
  .doc-table.with-group.with-tags td:nth-child(3) { width: 12%; }
  .doc-table.with-group.with-tags th:nth-child(4),
  .doc-table.with-group.with-tags td:nth-child(4) { width: 16%; }
  .doc-table.with-group.with-tags th:nth-child(6),
  .doc-table.with-group.with-tags td:nth-child(6) { width: 11%; }
  .doc-table.with-group.with-tags th:nth-child(7),
  .doc-table.with-group.with-tags td:nth-child(7) { width: 11%; }
}

/*

*/
.rowtags { display: flex; flex-wrap: wrap; gap: var(--s-2); min-width: 0; }
.rowtag {
  display: inline-block; max-width: 100%; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
  font-size: var(--t-sm); color: var(--muted);
  background: var(--chip-bg); border: 1px solid var(--control-line);
  border-radius: var(--r-pill); padding: 1px 8px;
}
/**/
.rowtag.more { border-color: transparent; background: none; padding-inline: 2px; }

/*


*/
.doc-table td { overflow-wrap: break-word; }
.doc-table th { text-align: start; font-size: var(--t-sm); text-transform: uppercase;
  letter-spacing: .04em; color: var(--muted); font-weight: 700;
  padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.doc-table td { padding: 11px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
/*



*/
.doc-table td:first-child > .dot { display: inline-block; vertical-align: middle;
  margin-inline-end: var(--s-4); }
.doc-table a { color: inherit; text-decoration: none; font-weight: 600; }
.doc-tr { cursor: pointer; }
.doc-tr:hover { background: var(--card); }
.doc-tr:focus-visible { outline-offset: -2px; }
.doc-table .overdue { color: var(--urgent-ink); font-weight: 700; }
.doc-table .soon { color: var(--action-ink); font-weight: 700; }


/*




*/
.card.orig { text-align: center; }
.card.orig h3 { text-align: start; }
.card.orig img { max-width: min(100%, 560px); max-height: 70vh; width: auto;
  height: auto; margin-inline: auto; border-radius: var(--r-sm); }
/*



*/
.card.orig .thumbwrap { display: inline-block; max-width: min(100%, 560px); }
.card.orig .thumb { max-width: 100%; max-height: 60vh; width: auto; height: auto; }
.card.orig .pdfnote { text-align: start; }

/*








*/
.origmore { display: none; }
@media (max-width: 560px) {
  /*



*/
  .origmore { display: inline-flex; align-items: center; min-height: 44px;
    margin-top: 6px; font-size: var(--t-base); }
  .card.orig:not(.orig-open) img,
  .card.orig:not(.orig-open) .thumb { max-height: 38vh; }
}

/*

*/
.readmeta { display: grid; grid-template-columns: auto 1fr; gap: var(--s-3) 14px;
  align-items: baseline; margin-top: 4px; }
.readmeta .rk { font-size: var(--t-md); color: var(--muted); }
.readmeta .rv { font-weight: 600; }
.readmeta .rv.low-conf { color: var(--action-ink); }

/*






*/
.forgetblock > summary { list-style: none; }
.forgetblock > summary::-webkit-details-marker { display: none; }

/*

*/
.rereadrow { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.rereadrow .ghost { font-size: var(--t-base); }
#rereadpanel .modelsel { min-width: 180px; padding: 9px 10px; border-radius: var(--r-sm);
  border: 1px solid var(--control-line); background: var(--card); color: var(--ink); }
.warnline { color: var(--urgent-ink); }

/*

*/
.cdot.ctx { background: var(--muted); opacity: .6; }

/*

*/
/*




*/
.owho { display: inline-block; max-width: 100%; margin-inline-start: 8px; padding: 1px 8px;
  border-radius: var(--r-pill); font-size: var(--t-sm); font-weight: 600;
  color: var(--accent-ink); background: var(--card); border: 1px solid var(--line);
  vertical-align: middle; overflow-wrap: anywhere; }

/**/
/*











*/
/*
*/
.setlink { margin: 22px 0 0; text-align: center; }
.setshell { container: setshell / inline-size; margin-block-start: var(--s-7); }
.setlayout { display: grid; gap: var(--s-9); align-items: start; }
.setnav, .setpanels { min-width: 0; }
.setnav { display: flex; flex-direction: column; gap: var(--s-7); }
.setshell:not([data-open=""]) .setnav { display: none; }
.setshell[data-open=""] .setpanels { display: none; }
.setnav-group[hidden] { display: none; }
.setnav-label { margin: 0 var(--s-2) var(--s-4); font-size: var(--t-md); font-weight: 600;
  color: var(--muted); }
/*

*/
.setnav-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line);
  border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow-1); overflow: hidden; }
.setnav-list > li[hidden] { display: none; }
.setnav-list > li + li { border-top: 1px solid var(--line); }
.setnav-item { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center; column-gap: var(--s-6); min-height: 60px; padding: 12px 14px;
  color: var(--ink); text-decoration: none; transition: background var(--dur-1) ease; }
.setnav-item:hover { background: var(--hover-bg); }
/*
*/
.setnav-item:focus-visible { outline-offset: -3px; }
/*

*/
.setnav-item .sicon, .setunit-head .sicon,
.app-space .setpanel .spacehead > .sicon { flex: none; width: 34px; height: 34px;
  border-radius: var(--r-md); background: rgb(var(--accent-rgb) / .08);
  border: 1px solid rgb(var(--accent-rgb) / .18); color: var(--accent-ink); }
.setnav-item .sicon .icon, .setunit-head .sicon .icon,
.setpanel .spacehead > .sicon .icon { width: 18px; height: 18px; }
.setpanel .spacehead { gap: var(--s-5); margin: 0 0 var(--s-5); }
.setpanel .spacehead h3 { font-size: var(--t-xl); line-height: 1.3; }
/**/
.rkacts { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-block-start: var(--s-6); }
.rkdanger { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3);
  margin-block-start: var(--s-7); padding-block-start: var(--s-6); border-top: 1px solid var(--line); }
.rkdanger .sub { margin: 0; }
/*

*/
.rkways { margin: var(--s-7) 0 0; font-size: var(--t-md); }
.rkhow .rkdanger { margin-block-start: var(--s-4); padding-block-start: 0; border-top: 0; }
/*
*/
.pklist { list-style: none; margin: var(--s-6) 0 0; padding: 0; }
.pkrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--s-4) var(--s-6); padding-block: var(--s-6); border-top: 1px solid var(--line); }
.pkrow:first-child { border-top: 0; padding-block-start: 0; }
.pkwhat { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; flex: 1 1 14rem; }
.pkwhat .sub, .pkline { margin: 0; }
.pkline { margin-block-start: var(--s-6); }
.pkacts { display: flex; flex-wrap: wrap; gap: var(--s-4); }
/**/
.si-pk { margin-block-start: var(--s-6); }
.si-passkey { display: inline-flex; align-items: center; gap: var(--s-4); min-height: 44px; }
.si-passkey .icon { width: 18px; height: 18px; }
.si-pk .si-pkerr { margin: var(--s-3) 0 0; }
.setnav-text { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
.setnav-title { font-size: var(--t-lg); font-weight: 600; line-height: 1.3; }
/*
*/
.setnav-sum, .setnav-hit { font-size: var(--t-md); line-height: 1.35; color: var(--muted);
  overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; line-clamp: 2; }
.setnav-sum:empty, .setnav-hit:empty { display: none; }
/**/
.setnav-hit { color: var(--accent-ink); }
.setnav-item.is-hit .setnav-sum { display: none; }
.setnav-chev { display: inline-grid; color: var(--muted); }
.setnav-chev .icon, .setlinkcard-chev .icon { width: 16px; height: 16px; }
/**/
[dir="rtl"] .setnav-chev .icon, [dir="rtl"] .setlinkcard-chev .icon { transform: scaleX(-1); }
.setnav-item[aria-current="page"] { background: rgb(var(--accent-rgb) / .09); }
.setnav-item[aria-current="page"] .setnav-title { color: var(--accent-ink); }
/*
*/
.setnav-item[aria-current="page"]::before { content: ""; position: absolute; inset-block: 10px;
  inset-inline-start: 0; width: 3px; border-radius: var(--r-pill); background: var(--accent); }
.setfindrow { margin: 0; }
.setfindrow[hidden], .setfindnone[hidden] { display: none; }
.setfindnone { margin: 0; }

/*

*/
.setpanels { max-width: 820px; }
.setpanel { display: flex; flex-direction: column; gap: var(--s-7); }
.setpanel[hidden] { display: none; }
.setback { margin: 0; }
.setback a { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 44px;
  font-weight: 600; text-decoration: none; }
.setback-chev { display: inline-grid; }
.setback-chev .icon { width: 16px; height: 16px; transform: scaleX(-1); }
[dir="rtl"] .setback-chev .icon { transform: none; }
.setpanel-title { margin: 0; font-size: var(--t-2xl); line-height: 1.25; }
/*
*/
.setpanel .rise { animation: none; }
.setpanel .card { margin: 0; }
/*

*/
.setunit { scroll-margin-top: calc(76px + var(--sa-top)); }
/*
*/
.setunit:has(> div:only-child:empty) { display: none; }
.setunit-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5); margin-block-end: var(--s-5); }
/*
*/
.setunit-head .infobox { flex: 1 1 100%; margin: 0; }
.setunit-head h3 { margin: 0; font-size: var(--t-xl); line-height: 1.3; }
.setunit .sub + .sub { margin-block-start: var(--s-4); }
.setunit .controls { margin-block-start: var(--s-6); }
.setunit.flash, .setunit.flash > .card { box-shadow: 0 0 0 2px var(--grad-3);
  transition: box-shadow var(--dur-2) ease; }
.setrow-sub { display: block; margin-block-start: var(--s-1); font-weight: 400; font-size: var(--t-md); }
button.setrow-sub { margin-block-start: var(--s-3); }
/*
*/
.setquiet { font-size: var(--t-md); }
/*

*/
.setlinkcard { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s-6);
  align-items: center; color: inherit; text-decoration: none;
  transition: background var(--dur-1) ease; }
.setlinkcard:hover { background: var(--hover-bg); }
.setlinkcard > .setunit-head, .setlinkcard > .sub { grid-column: 1; }
.setlinkcard > .sub { margin: 0; }
.setlinkcard-chev { grid-column: 2; grid-row: 1 / span 2; display: inline-grid; color: var(--muted); }
/*

*/
.posture { display: flex; flex-direction: column; gap: var(--s-4); margin-block-start: var(--s-5); }
.posture .explainrow { margin: 0; }
.posture-row:not(.is-on) .posture-body { display: none; }
.setlinks { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-7); margin-block: var(--s-5) 0; }
.setfoot { margin: 0; text-align: center; }
/**/
.setdanger { border-color: var(--warn-border); }
/*


*/
.setstatus { margin: var(--s-4) 0 0; font-size: var(--t-md); font-weight: 600;
  line-height: 1.4; color: var(--muted); }
.setstatus:empty { margin: 0; }
.setstatus[data-state="ok"] { color: var(--ok-ink); }
.setstatus[data-state="err"] { color: var(--urgent-ink); }
/**/
.setrow:has(+ .setstatus) { border-bottom: 0; }
/*
*/
#set-keep .setrow { border-bottom: 0; padding-block: var(--s-5); }
#set-keep .setrow > label.vh + * { margin-inline-start: 0; }
/*


*/
@media (max-width: 789px) {
  #view:has(> .setshell:not([data-open=""])) > .pagehead { display: none; }
  #view > .setshell:not([data-open=""]) { margin-block-start: 0; }
  .setshell:not([data-open=""]) .setpanel-title { font-size: var(--t-3xl); letter-spacing: -.02em; }
}

@container setshell (min-width: 760px) {
  .setlayout { grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); }
  .setshell[data-open] .setnav { display: flex; position: sticky; top: calc(76px + var(--sa-top)); }
  .setshell[data-open] .setpanels { display: block; }
  .setback { display: none; }
}
/**/
@media (min-width: 1180px) {
  .setshell[data-open] .setnav { top: calc(20px + var(--sa-top)); }
}
@media (max-width: 560px) {
  .setnav-item { padding: 12px var(--s-6); column-gap: var(--s-5); }
}

.setrow { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-7); padding: 12px 0; border-bottom: 1px solid var(--line); }
.setrow:last-child { border-bottom: 0; }
.setrow label { font-weight: 600; flex: 1 1 auto; min-width: 0; }
/*



*/
.setrow > label.vh + * { margin-inline-start: auto; }
.setrow .pwinput { max-width: 220px; }
@media (max-width: 560px) {
  .setrow { flex-direction: column; align-items: stretch; }
  .setrow .pwinput { max-width: none; }
}

/*


*/
/*



*/
.remfield { display: flex; flex-direction: column; gap: var(--s-3); align-items: stretch;
  width: 220px; max-width: 220px; flex: 0 0 220px; }
.remfield .pwinput { max-width: none; }
.remecho { font-size: var(--t-md); color: var(--muted); line-height: 1.35; }
.remecho:empty { display: none; }
@media (max-width: 560px) { .remfield { width: auto; max-width: none; flex: 1 1 auto; } }

/*

*/
.dkack { display: flex; align-items: flex-start; gap: var(--s-5); margin-top: 14px;
  font-size: var(--t-lg); line-height: 1.45; cursor: pointer; }
.dkack .bigcheck { margin-top: 1px; }

/*

*/
/*
















*/
:where(input[type="checkbox"], input[type="radio"]) {
  width: 24px; height: 24px; flex-shrink: 0; }
.bigcheck { width: 24px; height: 24px; accent-color: var(--grad-3);
  flex: 0 0 auto; cursor: pointer; }
@media (max-width: 560px) { .bigcheck { align-self: flex-start; } }

/*


*/
/*











*/
/*

















*/
.ourg { appearance: none; -webkit-appearance: none; border: 1px solid transparent;
  background: transparent; color: var(--muted); font: inherit; font-size: var(--t-sm);
  font-weight: 600; padding: 1px 6px; border-radius: var(--r-pill); cursor: pointer;
  margin-inline-start: 8px; max-width: min(240px, 100%); min-width: 0; }
/*

*/
.ourg:hover, .ourg:focus { border-color: var(--line); background: var(--card);
  color: var(--accent-ink); }
.ourg.set { color: var(--accent-ink); border-color: var(--line); background: var(--card); }

/*


*/
.editbtn {
  /*



*/
  min-width: 24px; min-height: 24px;
  background: none; border: 0; padding: 4px; margin-inline-start: 6px;
  color: var(--muted); opacity: .45; cursor: pointer; border-radius: var(--r-xs);
  vertical-align: middle; transition: opacity var(--dur-1) ease, color var(--dur-1) ease;
}
.editbtn:hover, .editbtn:focus-visible { opacity: 1; color: var(--ink); background: var(--hover-bg); }
.editbtn .icon svg { width: 15px; height: 15px; }
h3 .editbtn { vertical-align: baseline; }
/*


*/
.verdict .title .editbtn { vertical-align: baseline; }
/*
*/
.verdict .from .editbtn { vertical-align: baseline; padding: 2px 4px; }
.verdict .from .editbtn .icon svg { width: 13px; height: 13px; }

/*
*/
@media print { .editbtn { display: none; } }

/*



*/
.sup-reg  { color: var(--ok-ink, var(--ink)); }
.sup-anon { color: var(--muted); border-color: var(--muted); }

/*

*/
/*



*/
.spacehead .factsall {
  margin-inline-start: auto;
  flex: 0 0 auto;
}

/*



*/
.pendingslot { margin-top: 16px; }
.pendingacts { display: flex; gap: var(--s-5); justify-content: center;
  flex-wrap: wrap; margin: var(--s-3) 0 0; }

.pendinghead {
  position: sticky; top: 0; z-index: 2;
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-6); padding: 10px 0; margin-top: 12px;
  background: var(--card); border-bottom: 1px solid var(--calm-border);
}

/*


*/
.editbox-block { display: flex; width: 100%; margin-inline-start: 0; flex-wrap: wrap; }
.editbox-block .editinput {
  flex: 1 1 260px; min-width: 0;
  font-size: inherit; font-weight: inherit; letter-spacing: inherit;
}
/**/
@media (max-width: 560px) {
  .editbox-block .editinput { flex-basis: 100%; }
}

.editbox { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--s-4);
  margin-inline-start: 6px; vertical-align: middle; }
/*
*/
.editbox:has(textarea) { display: flex; margin: 8px 0 0; }
.editinput {
  font: inherit; font-size: var(--t-lg); color: var(--ink); background: var(--chip-bg);
  border: 1px solid var(--calm-border); border-radius: var(--r-sm); padding: 7px 10px;
  min-width: 180px;
}
textarea.editinput { width: 100%; min-height: 96px; resize: vertical; line-height: 1.5; }
/*















*/
.editbox select.editselect {
  text-transform: none; letter-spacing: normal;
  flex: 0 0 auto; width: auto; min-width: 0;
}

.editsave, .editcancel { font-size: var(--t-base); padding: 7px 14px; }
.editerr { font-size: var(--t-md); color: var(--urgent-ink); flex-basis: 100%; }

/*
*/
.corrected {
  font-size: var(--t-sm); font-weight: 600; letter-spacing: .02em;
  color: var(--accent); background: var(--chip-bg);
  padding: 2px 8px; border-radius: var(--r-pill); margin-inline-start: 8px;
}

/*










*/
.golinks { display: flex; flex-direction: column; gap: var(--s-3);
  margin-top: var(--s-6); }
/*

*/
.golink-head {
  margin: var(--s-6) 0 var(--s-1); font-size: var(--t-sm); font-weight: 600;
  letter-spacing: .02em; color: var(--muted);
}
.golink-head:first-child { margin-top: var(--s-1); }
.golink {
  display: flex; align-items: center; gap: var(--s-5);
  padding: var(--s-5) var(--s-6); text-decoration: none; color: var(--ink);
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--r-md);
  transition: border-color var(--dur-1) var(--ease),
              background-color var(--dur-1) var(--ease);
}
.golink:hover { border-color: var(--accent); background: var(--chip-bg); }
/*
*/
.golink .goicon { display: flex; color: var(--muted); flex: 0 0 auto; }
.golink .goicon .icon { width: 18px; height: 18px; }
.golabel { flex: 1 1 auto; min-width: 0; font-size: var(--t-base); }
/*
*/
.golink .gochev { display: flex; color: var(--muted); flex: 0 0 auto; }
.golink .gochev .icon { width: 16px; height: 16px; }
html[dir="rtl"] .golink .gochev .icon { transform: rotate(180deg); }

/*

*/
.fixoffer { margin-top: 10px; }
.fixlist { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-top: 8px; }
.fixbtn { font-size: var(--t-base); padding: 8px 14px; }
.fixbtn.done { opacity: .65; cursor: default; }

/*







*/
/*
*/
.fixpair { display: inline-flex; align-items: center; gap: var(--s-4); }

.actoffer.settled { background: transparent; border-color: var(--line); }
.actoffer.settled > strong { color: var(--muted); font-weight: 600; }

/*






*/

.folderbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5); margin: 2px 0 6px; }
/*
*/
.foldnew {
  display: inline-flex; align-items: center; justify-content: center;
  /*

*/
  /*

*/
  min-width: 44px; height: 44px; padding: 0 12px; gap: var(--s-3); border-radius: var(--r-sm);
  border: 1px solid var(--control-line); background: none; color: var(--muted);
  font-size: var(--t-md); font-weight: 600; white-space: nowrap;
  cursor: pointer; transition: background var(--dur-1) ease, color var(--dur-1) ease, border-color var(--dur-1) ease;
}
.foldnew .icon svg { width: 17px; height: 17px; }
.foldnew:hover { color: var(--accent-ink); border-color: var(--calm-border); background: var(--hover-bg); }

.foldnew[hidden] { display: none; }
.foldinput {
  font: inherit; font-size: var(--t-base); color: var(--ink); background: var(--chip-bg);
  border: 1px solid var(--control-line); border-radius: var(--r-sm); padding: 7px 11px;
}
/*

*/
.foldnew-input { width: 15rem; max-width: 100%; }
.foldnew-input[hidden] { display: none; }

.folderr { font-size: var(--t-md); color: var(--urgent-ink); }

/*
*/
.foldhead { align-items: center; }
.foldhead .fico { display: inline-flex; color: var(--accent); opacity: .85; line-height: 0; }
.foldhead .fico svg { width: 15px; height: 15px; }
.foldhead .fname { text-transform: none; font-size: var(--t-base); letter-spacing: .01em; color: var(--ink); font-weight: 700; }
.foldtools { display: inline-flex; gap: var(--s-1); margin-inline-start: auto; }

/*
*/
.foldbtn {
  background: none; border: 0; padding: 5px; color: var(--muted);
  opacity: .5; cursor: pointer; border-radius: var(--r-xs); line-height: 0;
  transition: opacity var(--dur-1) ease, color var(--dur-1) ease, background var(--dur-1) ease;
}
.foldbtn .icon svg { width: 15px; height: 15px; }
.foldbtn:hover, .foldbtn:focus-visible { opacity: 1; color: var(--ink); background: var(--hover-bg); }

.foldconfirm { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--s-4); margin-inline-start: auto; }
.foldconfirm-text { text-transform: none; letter-spacing: 0; font-size: var(--t-md); color: var(--muted); }
.foldconfirm .small { font-size: var(--t-md); padding: 6px 12px; }

.foldsec { border-radius: var(--r-md); transition: background var(--dur-1) ease, box-shadow var(--dur-1) ease; }
.foldempty {
  margin: 0 0 4px; padding: 16px; text-align: center; font-size: var(--t-base); color: var(--muted);
  border: 1px dashed var(--line); border-radius: var(--r-md);
}

/**/
.unfilestrip {
  display: none; align-items: center; justify-content: center; gap: var(--s-4);
  padding: 12px; margin: 4px 0 10px; font-size: var(--t-base); color: var(--muted);
  border: 1px dashed var(--line); border-radius: var(--r-md);
}
.unfilestrip .icon svg { width: 15px; height: 15px; }
body.dragging-doc .unfilestrip { display: flex; }
body.dragging-doc .foldsec { box-shadow: inset 0 0 0 1px var(--line); }

.foldsec.dropover, .unfilestrip.dropover {
  background: var(--hover-bg);
  box-shadow: inset 0 0 0 2px var(--accent);
  color: var(--ink);
}
.dragging { opacity: .4; }

/*









*/
/*





*/
.foldpick { display: inline-flex; align-items: center; min-width: 0; }
/**/
.foldpick select { min-width: 0; max-width: 20rem; text-overflow: ellipsis; }
/*



*/
.foldpick select, .taginput { min-height: 0; height: 34px; padding-block: 0; }
/*



*/
.controls .rowend { display: contents; }
@media (max-width: 760px) {
  .controls .rowend {
    display: flex; align-items: center; gap: var(--s-5);
    flex: 1 1 auto; min-width: 0; justify-content: flex-end;
  }
}
.controls .navlink { flex: 0 0 auto; }
.controls .danger { flex: 0 0 auto; }
.picklabel {
  margin: 0; line-height: 1; white-space: nowrap;
  font-size: var(--t-sm); letter-spacing: .04em; text-transform: uppercase;
  color: var(--muted);
}
.foldpick select {
  font: inherit; font-size: var(--t-base); line-height: 1; color: var(--ink);
  background: var(--chip-bg); border: 1px solid var(--control-line);
  border-radius: var(--r-sm); padding: 0 30px 0 11px; height: 34px; margin: 0;
  /*
*/
  appearance: none; -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
                    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 16px) calc(50% + 1px), calc(100% - 11px) calc(50% + 1px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.foldpick select:hover { border-color: var(--calm-border); }

/*
*/
[dir="rtl"] .foldpick select {
  padding: 0 11px 0 30px;
  /*

*/
  background-position: 11px calc(50% + 1px), 16px calc(50% + 1px);
}

/*
*/
.tagfilter { display: inline-flex; align-items: center; gap: var(--s-3); min-width: 0; }
.tagfilter select { min-width: 0; }
/*
*/
.tagfilter .foldbtn { flex: 0 0 auto; }

/*












*/
/*









*/
.docmeta {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--s-4) var(--s-6);
  margin: 0 0 16px;
}
.metagroup { display: flex; align-items: center; gap: var(--s-4); min-width: 0; }
.metalabel { flex: 0 0 auto; }
.metarow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-4); min-width: 0; }
/*
*/
@media (max-width: 560px) {
  .docmeta { flex-direction: column; align-items: stretch; gap: var(--s-5); }
  .metagroup { flex-direction: column; align-items: flex-start; gap: var(--s-3); }
}

/*
*/
/*






*/
.alsochk {
  display: inline-flex; align-items: center; gap: var(--s-3);
  font-size: var(--t-base); color: var(--ink);
  background: var(--chip-bg); border: 1px solid var(--control-line);
  border-radius: var(--r-pill); padding: 0 12px 0 9px; cursor: pointer;
  /*
*/
  max-width: 18rem; min-width: 0; height: 34px;
}
.alsochk > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alsochk:hover { border-color: var(--calm-border); }
/*
*/
.alsochk:has(input:checked) { border-color: var(--accent-ink); color: var(--accent-ink); }
/*
*/
.alsochk:has(input:focus-visible) {
  outline: 3px solid var(--focus-line); outline-offset: 2px;
}
/*



*/
@supports not selector(:has(*)) {
  .alsochk input:focus-visible { outline: 2px solid var(--focus-line); outline-offset: 1px; }
}
.alsochk input {
  margin: 0; cursor: pointer; width: 15px; height: 15px; flex: 0 0 auto;
  /*

*/
  accent-color: var(--accent-ink);
}
/*


*/
.alsochk:not(:has(input:checked)) input { opacity: .5; }
/*
*/
.alsochk:has(input:disabled) { opacity: .55; cursor: default; }
.alsoerr { font-size: var(--t-md); color: var(--urgent-ink); }

.tagchip {
  display: inline-flex; align-items: center; gap: var(--s-2);
  font-size: var(--t-base); color: var(--ink);
  background: var(--chip-bg); border: 1px solid var(--control-line);
  /*





*/
  border-radius: var(--r-pill); padding-inline: 11px; height: 34px;
  max-width: 18rem; min-width: 0;
}
.tagchip:has(.tagx) { padding-inline-end: 4px; }
.tagchip .tagname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*
*/
.tagchip .tagx {
  border: 0; background: none; color: var(--muted); cursor: pointer;
  font-size: var(--t-base); line-height: 1; padding: 0; width: 24px; height: 24px;
  border-radius: var(--r-pill); flex: 0 0 auto;
}
.tagchip .tagx:hover { color: var(--ink); background: var(--control-line); }
.tagchip .tagx:disabled { opacity: .5; cursor: default; }
/*













*/
.taginput {
  font-size: var(--t-base); border-radius: var(--r-sm); padding-inline: 11px;
  /*


*/
  background: var(--chip-bg); border-color: var(--control-line);
  /*
*/
  width: 11rem; max-width: 100%; min-width: 0;
}
.taginput:disabled { opacity: .55; }

/*
*/
.unfilestrip.hintonly { border-style: dashed; opacity: .8; }
/*
*/
.foldhead { cursor: grab; }
.foldhead:active { cursor: grabbing; }
/*
*/
body.dragging-folder .foldsec.dropover { box-shadow: inset 0 0 0 2px var(--accent); }
body.dragging-folder .unfilestrip { display: none; }

/**/

/**/
.foldnew-wrap { display: inline-flex; align-items: center; gap: var(--s-3); }
.foldnew-wrap[hidden] { display: none; }

/*

*/
.foldnew-wrap .foldnew-input {
  width: 0; opacity: 0; padding-inline: 0; border-color: transparent;
  transition: width var(--dur-2) cubic-bezier(.2, .8, .3, 1), opacity var(--dur-2) ease,
              padding var(--dur-2) cubic-bezier(.2, .8, .3, 1), border-color var(--dur-2) ease;
}
.foldnew-wrap.open .foldnew-input {
  width: 15rem; max-width: 60vw; opacity: 1; padding-inline: 11px;
  border-color: var(--line);
}
.foldnew-wrap .foldok { transform: scale(.7); opacity: 0; transition: transform var(--dur-2) cubic-bezier(.2,.8,.3,1) var(--dur-1), opacity var(--dur-1) ease var(--dur-1); }
.foldnew-wrap.open .foldok { transform: scale(1); opacity: 1; }

.foldok {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--r-sm);
  background: var(--accent); color: var(--on-accent); cursor: pointer;
}
.foldok .icon svg { width: 17px; height: 17px; }
.foldok:hover { filter: brightness(1.08); }
/*

*/
.foldcancel { background: var(--chip-bg); color: var(--muted); border: 1px solid var(--line); }
.foldcancel:hover { color: var(--ink); background: var(--hover-bg); filter: none; }


.foldreset { color: var(--muted); }
.foldreset:hover { color: var(--accent-ink); }

/*
*/
@keyframes foldrise {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}
.foldsec { animation: foldrise .26s cubic-bezier(.2, .8, .3, 1) both; }
.foldsec:nth-of-type(2) { animation-delay: .03s; }
.foldsec:nth-of-type(3) { animation-delay: .06s; }
.foldsec:nth-of-type(4) { animation-delay: .09s; }

/**/
@keyframes dropland { 0% { transform: scale(.97); } 60% { transform: scale(1.012); } 100% { transform: none; } }
.foldsec .doc-tile, .foldsec .card.doc { animation: dropland .3s cubic-bezier(.2, .8, .3, 1) both; }

/*

*/
@media (prefers-reduced-motion: reduce) {
  .foldnew-wrap .foldnew-input,
  .foldnew-wrap .foldok { transition: none; }
  .foldsec, .foldsec .doc-tile, .foldsec .card.doc { animation: none; }
}
/*


*/
.orenew {
  font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: var(--accent-ink); background: var(--chip-bg);
  padding: 2px 7px; border-radius: var(--r-xs); margin-inline-start: 8px; white-space: nowrap;
}


/*




*/
/*

*/
#impbar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999;
  display: flex; align-items: center; justify-content: center; gap: var(--s-7);
  flex-wrap: wrap; padding: calc(9px + var(--sa-top)) 16px 9px;
  font-size: var(--t-base); font-weight: 600;
  color: var(--on-accent); background: var(--urgent); box-shadow: 0 2px 10px rgba(0,0,0,.28); }
#impbar .linkbtn { color: var(--on-accent); text-decoration: underline; font-weight: 700; }
/*



*/
body.has-impbar { padding-top: calc(42px + var(--sa-top)); }
body.has-impbar .wrap { padding-block-start: 18px; }
@media (max-width: 560px) { body.has-impbar { padding-top: calc(62px + var(--sa-top)); } }
/*




*/
body.has-impbar .sidebar { inset-block-start: calc(42px + var(--sa-top)); }

/*



*/
body.viewing-as #view input:disabled,
body.viewing-as #view select:disabled,
body.viewing-as #view textarea:disabled,
body.viewing-as #view button:disabled {
  opacity: .5; cursor: not-allowed; filter: grayscale(.4);
}
body.viewing-as #view label { cursor: not-allowed; }

/**/
pre.cmd { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm);
  padding: 10px 12px; font-size: var(--t-md); overflow-x: auto; white-space: pre; }
table .num { text-align: end; font-variant-numeric: tabular-nums; }


/*




*/
.adminhead { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-7); flex-wrap: wrap; margin: 4px 0 14px; }
.adminhead h2 { margin: 0; font-size: var(--t-2xl); letter-spacing: -.01em;
  display: inline-flex; align-items: center; gap: var(--s-5); }
/*


*/
.adminwho { display: flex; align-items: center; gap: var(--s-5); flex-wrap: wrap; }
.adminwho .ghost { padding: 6px 12px; font-size: var(--t-md); }

/*



*/
.admintabs { display: flex; gap: var(--s-2); flex-wrap: wrap;
  border-bottom: 1px solid var(--line); margin-bottom: 18px;
  /*
*/
  position: sticky; top: 0; z-index: 5;
  background: var(--bg); padding-top: var(--s-3); }
@media (max-width: 720px) {
  /*

*/
  .admintabs { flex-wrap: nowrap; overflow-x: auto;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .admintabs::-webkit-scrollbar { display: none; }
  .admintab { flex: none; }
  /*



*/
  .admintab:focus-visible { outline-offset: -3px; }
}
.admintab {
  display: inline-flex; align-items: center; gap: var(--s-4);
  padding: 9px 14px; border-radius: var(--r-sm) var(--r-sm) 0 0;
  font-size: var(--t-base); font-weight: 600; color: var(--muted);
  text-decoration: none; white-space: nowrap;
  border: 1px solid transparent; border-bottom: 0;
  /*
*/
  box-shadow: inset 0 -2px 0 0 transparent;
  transition: color var(--dur-1) ease, background var(--dur-1) ease,
              box-shadow var(--dur-1) ease; }
.admintab:hover { color: var(--ink); background: var(--hover-bg); }
.admintab.on { color: var(--accent-ink); background: var(--card);
  border-color: var(--line); box-shadow: inset 0 -2px 0 0 var(--accent); }
.atabicon { display: inline-grid; place-items: center; }
.atabicon .icon { width: 15px; height: 15px; }
/*
*/
.atabbadge { display: inline-grid; place-items: center; min-width: 19px;
  height: 19px; padding: 0 6px; border-radius: var(--r-pill);
  background: var(--accent); color: var(--on-accent);
  font-size: var(--t-xs); font-weight: 700; font-variant-numeric: tabular-nums; }

/*


*/
.cardhead { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-6); flex-wrap: wrap; margin-bottom: var(--s-6); }
.cardhead h3 { margin: 0; }

/*








*/

/*



*/
.periodcard { margin-top: 16px; }
.periodnote { margin: var(--s-6) 0 0; }
/*







*/
.scoperow {
  display: flex; align-items: center; gap: var(--s-8);
  flex-wrap: wrap; margin-top: var(--s-8);
  /*

*/
  justify-content: flex-end;
}
.scopelabel { flex: 0 0 auto; }
/*


*/
.checkbar { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.chk {
  display: inline-flex; align-items: center; gap: var(--s-3);
  padding: var(--s-3) var(--s-5); border-radius: var(--r-pill);
  background: var(--chip-bg); color: var(--muted);
  cursor: pointer; user-select: none; font-size: var(--t-md); font-weight: 600;
}
.chk.on { background: var(--accent); color: #fff; }
.chk input { accent-color: var(--accent); margin: 0; }
.chk.on input { accent-color: #fff; }
/*
*/
@media (max-width: 720px) {
  .scoperow { justify-content: flex-start; }
}
/*
*/
.periodnow { font-weight: 600; font-size: var(--t-md); color: var(--accent-ink);
  background: var(--calm-bg); border: 1px solid var(--calm-border);
  padding: 2px 9px; border-radius: var(--r-pill); margin-inline-start: var(--s-5);
  white-space: nowrap; }
/*
*/
.cardonlyhead { margin: 0 0 var(--s-6); display: flex; align-items: center;
  flex-wrap: wrap; gap: var(--s-3); }
/*
*/
.agperiod { flex: none; font-size: var(--t-sm); color: var(--muted);
  font-weight: 600; white-space: nowrap; order: 3; margin-inline-start: var(--s-5); }
/*
*/
.astat-group::after { order: 2; }
/*

*/
.tblnote { margin: -4px 0 8px; font-size: var(--t-sm); }

/*
*/
.moneyrow { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-6); flex-wrap: wrap; margin-bottom: var(--s-7); }
/*

*/
.dater { display: inline-flex; align-items: center; gap: var(--s-5);
  flex-wrap: wrap; flex: 1 1 30em; }
.dater .pwinput { max-width: 11.5em; }
.moneyacts { display: inline-flex; align-items: center; gap: var(--s-5); flex-wrap: wrap; }
.moneyacts .ghost { padding: 6px 12px; font-size: var(--t-md); }

/*


*/
.searchrow { display: flex; gap: var(--s-5); align-items: center;
  flex-wrap: wrap; margin-bottom: var(--s-7); }
.searchbox { position: relative; flex: 1 1 22em; min-width: 0; display: block; }
.searchbox .pwinput { width: 100%; padding-inline-start: 36px; }
.searchicon { position: absolute; inset-inline-start: 11px; top: 50%;
  transform: translateY(-50%); display: grid; place-items: center;
  color: var(--muted); pointer-events: none; }
.searchicon .icon { width: 16px; height: 16px; }

/*

*/
.pagerline { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-6); flex-wrap: wrap; margin: var(--s-7) 0 0;
  font-size: var(--t-base); color: var(--muted); }
.pagerbtns { display: inline-flex; gap: var(--s-4); }
.pagerbtns .ghost { padding: 6px 12px; font-size: var(--t-md); }
.pagerbtns .ghost[disabled] { opacity: .4; cursor: default; }
.filternote { margin: var(--s-6) 0 0; }

/*


*/
.aempty { display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: var(--s-3); padding: 30px 16px; }
.aemptyicon { display: grid; place-items: center; width: 40px; height: 40px;
  border-radius: var(--r-pill); color: var(--muted); background: var(--chip-bg); }
.aemptyicon .icon { width: 19px; height: 19px; }
/*

*/
.aemptyicon.warn { color: var(--warn-ink); background: var(--warn-bg);
  border: 1px solid var(--warn-border); }
.aemptytitle { margin: 4px 0 0; font-weight: 600; }
.aempty .sub { margin: 0; max-width: 46ch; }

.aloading { display: flex; align-items: center; justify-content: center;
  gap: var(--s-5); padding: 30px 16px; }
.aspin { width: 15px; height: 15px; border-radius: 50%; flex: none;
  border: 2px solid var(--line); border-top-color: var(--accent);
  animation: aspin 700ms linear infinite; }
@keyframes aspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .aspin { animation-duration: 2.4s; } }

/*
















*/

/*


*/
/*

*/
.astat-group {
  display: flex; align-items: center; gap: var(--s-5);
  margin: 26px 0 10px;
}
.astat-group:first-of-type { margin-top: 6px; }
.astat-group::after {
  content: ""; flex: 1; height: 1px; background: var(--line);
}
.agicon {
  display: inline-grid; place-items: center; flex: none;
  width: 22px; height: 22px; border-radius: var(--r-xs);
  color: var(--accent-ink);
  background: rgb(var(--accent-rgb) / .08);
  border: 1px solid rgb(var(--accent-rgb) / .18);
}
.agicon .icon { width: 13px; height: 13px; }

/*

*/
.adminmark {
  font-size: var(--t-sm); font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: var(--accent-ink);
  background: var(--calm-bg); border: 1px solid var(--calm-border);
  padding: 3px 10px; border-radius: var(--r-pill); vertical-align: middle;
}

/*





*/
body.admin table td, body.admin table th { padding-inline-end: var(--s-7); }
body.admin table td:last-child, body.admin table th:last-child { padding-inline-end: 0; }
/*




*/
body.admin table th {
  text-align: start; font-size: var(--t-xs); text-transform: uppercase;
  letter-spacing: .05em; color: var(--muted); font-weight: 700;
  padding-block-end: var(--s-4); border-bottom: 1px solid var(--line);
}
/**/
body.admin table th.num { text-align: end; }

/*






*/
body.admin table.asettings td:nth-child(2) { min-width: 8rem; }
@media (max-width: 560px) {
  body.admin table.asettings, body.admin table.asettings tbody { display: block; }
  body.admin table.asettings tr {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4) var(--s-5);
    padding-block: var(--s-6); border-bottom: 1px solid var(--line);
  }
  body.admin table.asettings tr:last-child { border-bottom: 0; }
  body.admin table.asettings td { display: block; padding: 0; border-bottom: 0; }
  body.admin table.asettings td:first-child { flex: 1 1 100%; }
  body.admin table.asettings td:nth-child(2) { flex: 1 1 10rem; max-width: 16rem; min-width: 0;
    overflow-wrap: anywhere; }
  body.admin table.asettings td:nth-child(3):empty { display: none; }
}

/*


*/
/*












*/
.upact { min-width: 11em; }
.upact .linkbtn { white-space: nowrap; display: inline-block; }

/*
*/
.sup-done { opacity: .5; }
/*



*/
.sup-body { max-width: 460px; }
.sup-said { white-space: pre-wrap; overflow-wrap: anywhere; }

/*




*/
.sup-clockwhy { display: inline-block; margin-top: 3px; color: var(--warn-ink); }

/*

*/
.sup-atts { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-top: var(--s-5); }
.sup-att { display: inline-flex; align-items: center; gap: var(--s-3);
  border: 1px solid var(--line); border-radius: var(--r-xs); overflow: hidden; }
.sup-att img { display: block; width: 88px; height: 88px; object-fit: cover; }
/*
*/
.sup-att-file { padding: 8px 10px; font-size: var(--t-sm); color: var(--accent-ink);
  max-width: 220px; }
.sup-att-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*





*/
.sup-reply { margin-top: var(--s-5); padding-inline-start: var(--s-5);
  border-inline-start: 3px solid var(--calm-border); }
/*

*/
.sup-reply-us { border-inline-start-color: var(--accent-ink); }

/*
*/
.sup-open { display: block; color: inherit; text-decoration: none; }
.sup-open:hover { color: var(--accent-ink); text-decoration: underline; }
.sup-size { display: block; margin-top: var(--s-2); font-size: var(--t-xs); }

/**/

/*

*/
.sup-headtags { display: inline-flex; align-items: center; gap: var(--s-4);
  flex-wrap: wrap; }

.sup-facts { display: grid; grid-template-columns: max-content 1fr;
  gap: var(--s-3) var(--s-7); margin: var(--s-7) 0; }
.sup-facts dt { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: var(--muted); }
.sup-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }

/*

*/
.sup-thread { max-width: 46em; }
.sup-thread .sup-reply { margin-top: var(--s-7); }
/*

*/
.sup-reply-them { border-inline-start-color: var(--calm-border); }
.sup-replybox-page { margin-top: var(--s-7); max-width: 46em; min-width: 0; }

.sup-actions { min-width: 9em; }
.sup-actions .linkbtn { white-space: nowrap; display: inline-block; }
.sup-replybox { margin-top: var(--s-4); min-width: 260px; }
.sup-replybox textarea { width: 100%; font: inherit;
  padding: var(--s-4) var(--s-5);
  border: 1px solid var(--control-line); border-radius: var(--r-xs);
  background: transparent; color: inherit; }

.atag { display: inline-block; font-size: var(--t-xs); font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; white-space: nowrap;
  color: var(--accent-ink); background: var(--calm-bg);
  border: 1px solid var(--calm-border); padding: 1px 7px; border-radius: var(--r-pill); }

/*

*/
.atag.warn {
  background: var(--warn-bg); border-color: var(--warn-border); color: var(--warn-ink);
}
/*


*/
/*


*/
.atag.ours { background: var(--chip-bg); border-color: var(--line);
  color: var(--muted); }

.atag.super {
  background: var(--accent); border-color: transparent; color: var(--on-accent);
}

/*



*/
.acctable td { vertical-align: top; }
/**/
.rowmail { border: 0; background: none; padding: 0; cursor: pointer;
  font: inherit; font-weight: 600; color: var(--accent-ink); text-align: start;
  overflow-wrap: anywhere; }
.rowmail:hover { text-decoration: underline; }
.rowid { display: block; font-size: var(--t-xs); }
/*

*/
.docsval { display: block; }
.docsplit { display: block; font-size: var(--t-xs); }
.docsplit > span { display: block; white-space: nowrap; }
.rowact { white-space: nowrap; }
.tagnote { display: block; font-size: var(--t-xs); margin-top: 2px; }

/*






*/
@media (max-width: 720px) {
  .acctable, .acctable tbody, .acctable tr, .acctable td { display: block; width: 100%; }
  .acctable thead { display: none; }
  .acctable tr[data-row] {
    border: 1px solid var(--line); border-radius: var(--r-md);
    background: var(--card); padding: var(--s-6); margin-bottom: var(--s-5); }
  .acctable td { padding: 3px 0 !important; text-align: start !important; }
  /**/
  .acctable td.acell { padding-bottom: var(--s-5) !important;
    margin-bottom: var(--s-4); border-bottom: 1px solid var(--line); }
  .acctable td.acell .rowmail { font-size: var(--t-lg); }
  .acctable td[data-label] { display: flex; align-items: baseline;
    justify-content: space-between; gap: var(--s-6); }
  .acctable td[data-label]::before {
    content: attr(data-label); flex: none;
    font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .05em;
    color: var(--muted); font-weight: 700; }
  /*
*/
  .acctable td[data-label] .docsval { text-align: end; }
  .acctable td.rowact { padding-top: var(--s-5) !important; }
  .acctable td.rowact .linkbtn { padding-inline: 0; }
  /*
*/
  .acctable tr.detailrow { margin-top: calc(var(--s-5) * -1); margin-bottom: var(--s-5); }
  .acctdetail { padding: var(--s-7) var(--s-6); border-radius: 0 0 var(--r-md) var(--r-md); }
  /**/
  .acctable td[colspan] { padding: 0 !important; }
  .acctable td[colspan]::before { content: none; }
}

/*
*/
.detailrow > td { padding: 0 !important; background: var(--hover-bg); }
.detailrow[hidden] { display: none; }
.acctdetail { padding: var(--s-8) var(--s-7) var(--s-7);
  border-top: 2px solid var(--accent); }
.detailtop { display: flex; align-items: flex-start; justify-content: space-between;
  gap: var(--s-7); flex-wrap: wrap; margin-bottom: var(--s-7); }
.detailmail { margin: 0; font-size: var(--t-xl); font-weight: 700;
  overflow-wrap: anywhere; }
.detailtop .sub { margin: 2px 0 0; }
.detailtags { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; }
.detailfacts { margin-bottom: var(--s-8); }
/*

*/
.detailgroup { margin: var(--s-8) 0 var(--s-3); font-size: var(--t-md);
  text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.detailnote { margin: 0 0 var(--s-3); }
.detailacts { display: flex; align-items: center; gap: var(--s-5);
  flex-wrap: wrap; padding-top: var(--s-6); }
.detailacts .spacer { flex: 1; }
/*
*/
.detailacts .ghost.danger { border-color: var(--warn-border); color: var(--urgent-ink); }
.detailacts .ghost.danger:hover { background: var(--warn-bg); }
@media (max-width: 560px) {
  /**/
  .detailacts { flex-direction: column; align-items: stretch; }
  .detailacts .spacer { display: none; }
}

/*




*/
.givecard { margin-top: 16px; }
/*
*/
.rowhint { display: block; font-weight: 400; font-size: var(--t-md);
  color: var(--muted); margin-top: 2px; max-width: 44ch; }
/*














*/
/*







*/
/*






*/
.givectl { display: grid; grid-template-columns: 12em max-content 1fr;
  align-items: center; gap: var(--s-6);
  flex: 0 0 min(38em, 62%); }
/**/
.giveunit select.pwinput { width: 100%; }
.giveprimary { display: flex; }
.giveprimary .ghost { width: 100%; justify-content: center; }
.givemore { display: flex; align-items: center; gap: var(--s-5); flex-wrap: wrap; }
/*
*/
.givemore .danger { margin-inline-start: auto; }
/*

*/
.giveunit { display: inline-flex; align-items: center; gap: var(--s-4); }
.giveunit .pwinput { width: 6.5em; text-align: end; font-variant-numeric: tabular-nums; }
/*


*/
.giveunit em { font-style: normal; font-size: var(--t-md); color: var(--muted);
  min-width: 4.2em; }
/*

*/
.giverow-wide { align-items: flex-start; }
.giverow-wide .pwinput { flex: 1 1 22em; min-width: 0; max-width: none; }

/*





*/
@media (max-width: 740px) {
  .acctdetail .setrow { flex-direction: column; align-items: stretch; }
  .acctdetail .givectl { flex: none; width: 100%; grid-template-columns: 1fr; }
  .acctdetail .giveprimary .ghost { width: auto; }
  .acctdetail .givemore { justify-content: flex-start; }
  .acctdetail .givemore .danger { margin-inline-start: 0; }
}

@media (max-width: 560px) {
  /*

*/
  .giverow-wide .pwinput { flex: none; width: 100%; }
  /*

*/
  .givectl { grid-template-columns: 1fr; width: 100%; gap: var(--s-5); }
  .giveunit .pwinput { flex: 1 1 auto; width: auto; }
  /*

*/
  .givemore { justify-content: flex-start; }
  .givemore .danger { margin-inline-start: 0; }
}
/*

*/
.giveresult { margin: 14px 0 0; padding: 10px 12px; border-radius: var(--r-md);
  background: var(--chip-bg); font-size: var(--t-base); color: var(--ink);
  /*
*/
  border-inline-start: 3px solid var(--accent); }
.giveresult[hidden] { display: none; }
.giveresult.bad { color: var(--urgent-ink); border-inline-start-color: var(--urgent-ink); }

/*










*/
.statgrid { display: grid; gap: var(--s-6); margin-bottom: 12px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.astat { display: flex; flex-direction: column; gap: var(--s-2); padding: 14px 16px;
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card);
  box-shadow: var(--shadow-1);
  transition: transform var(--dur-2) ease, box-shadow var(--dur-2) ease,
              border-color var(--dur-2) ease; }
.astat:hover { transform: translateY(-2px); box-shadow: var(--shadow-2);
  border-color: var(--grad-3); }
.astatv { font-size: var(--t-3xl); font-weight: 700; line-height: 1.1;
  font-variant-numeric: tabular-nums; }
.astatl { font-size: var(--t-md); color: var(--muted); font-weight: 600; }
.astatn { font-size: var(--t-sm); color: var(--muted); opacity: .85; }

.twocol { display: grid; gap: var(--s-9);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.twocol h3 { margin: 0 0 8px; font-size: var(--t-base); }
.twocol table { width: 100%; }
.twocol td { padding: 3px 0; font-size: var(--t-base); }


/*



































*/
select:not([multiple]):not([size]):not(.native):not(.bare) {
  appearance: none; -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
                    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  /*
*/
  background-position: calc(100% - 22px) calc(50% + 1px),
                       calc(100% - 17px) calc(50% + 1px);
  padding-inline-end: 38px;
}
/*





*/
[dir="rtl"] select:not([multiple]):not([size]):not(.native):not(.bare) {
  background-position: 17px calc(50% + 1px), 22px calc(50% + 1px);
}

/**/
.foldpick select {
  background-position: calc(100% - 22px) calc(50% + 1px),
                       calc(100% - 17px) calc(50% + 1px);
  padding-inline-end: 38px;
}
[dir="rtl"] .foldpick select {
  /**/
  background-position: 17px calc(50% + 1px), 22px calc(50% + 1px);
}


/*


*/
.infowrap { position: relative; }
.card.infowrap .spacehead { flex-wrap: wrap; }
.infobtn { display: inline-flex; align-items: center; justify-content: center;
  /*

*/
  width: 26px; height: 26px; min-width: 26px; min-height: 26px;
  align-self: center; padding: 0; border-radius: 50%;
  border: 1px solid var(--line); background: transparent; color: var(--muted);
  cursor: pointer; flex: 0 0 auto; margin-inline-start: 8px; }
.infobtn svg { width: 15px; height: 15px; }
/*


*/
.infobtn::after { content: ""; position: absolute; inset: 50% auto auto 50%;
  width: 44px; height: 44px; transform: translate(-50%, -50%); }
.infobtn { position: relative; }
.infobtn:hover, .infobtn.on { color: var(--accent-ink); border-color: var(--calm-border); }

/**/
.infobox { flex: 1 0 100%; margin: 10px 0 0; font-size: var(--t-base); line-height: 1.55;
  /*
*/
  white-space: pre-line;
  color: var(--muted); padding: 10px 12px; border-radius: var(--r-sm);
  background: var(--chip-bg); border: 1px solid var(--line); }


/*


*/
.legal-nav { display: flex; flex-wrap: wrap; gap: var(--s-4) 16px; margin-top: 22px;
  font-size: var(--t-base); }
/*




*/
.legal-nav a { color: var(--muted); text-decoration: none;
  padding-block: var(--s-3); }
.legal-nav a:hover { color: var(--accent-ink); text-decoration: underline; }
/*





*/
.legal-here { color: var(--accent-ink); font-weight: 700;
  padding-block: var(--s-3); }

/*




*/
.card.legal { line-height: 1.65; text-align: start; }
/*


*/
.legal p, .legal li { overflow-wrap: anywhere; }
.legal-lead { font-size: var(--t-xl); color: var(--muted); margin: 0 0 6px; max-width: 60ch; }
.legal p { max-width: 68ch; }
.legal-h { margin: 26px 0 6px; font-size: var(--t-xl); letter-spacing: .01em; }
.legal-list { max-width: 68ch; padding-inline-start: 20px; margin: 6px 0; }
.legal-list li { margin: 5px 0; }
/*
*/
.legal-note { max-width: 68ch; margin: 12px 0; padding: 11px 13px; font-size: var(--t-lg);
  color: var(--muted); background: var(--chip-bg); border: 1px solid var(--line);
  border-radius: var(--r-sm); }
.legal-tablewrap { overflow-x: auto; margin: 10px 0; }
.legal-table { width: 100%; border-collapse: collapse; font-size: var(--t-lg);
  min-width: 460px; }
.legal-table th, .legal-table td { text-align: start; padding: 8px 12px 8px 0;
  border-bottom: 1px solid var(--line); vertical-align: top; }
.legal-table th { color: var(--muted); font-size: var(--t-md); text-transform: uppercase;
  letter-spacing: .06em; }
.legal-foot { margin: 26px 0 40px; font-size: var(--t-base); }
/*
*/
.legal-foot a { color: var(--muted); text-decoration: none;
  display: inline-flex; align-items: center; min-height: 24px; }
.legal-foot a:hover { color: var(--accent-ink); text-decoration: underline; }

/*









*/
.legal-space .wrap { max-width: 800px; }

/*

*/
.legal-fallback {
  margin: 14px 0 0; padding: 9px 13px; font-size: var(--t-md);
  color: var(--muted); background: var(--calm-bg);
  border: 1px solid var(--calm-border); border-radius: var(--r-md);
}
.legal-fallback[hidden] { display: none; }


/*



*/
/*





*/
.side-legal {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-1);
  margin: 18px 0 6px; padding: var(--s-3);
  background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-md);
}
/*

*/
.side-legal a {
  display: flex; align-items: center; gap: var(--s-4); min-width: 0;
  padding-block: var(--s-3); padding-inline: 10px; border-radius: var(--r-sm);
  font-size: var(--t-md); font-weight: 600; line-height: 1.35;
  color: var(--muted); text-decoration: none;
  transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease),
              box-shadow var(--dur-1) var(--ease);
}
.side-legal a:hover { background: var(--card); color: var(--ink); box-shadow: var(--shadow-1); }
.side-legal a .icon { width: 15px; height: 15px; }
.side-legal a > span:not(.icon):not(.side-newdot) { min-width: 0; overflow-wrap: anywhere; }
.side-legal #sidesupport { grid-column: 1 / -1; }
.side-legal #sidesupport .side-newdot { margin-inline-start: auto; }
/*

*/
.side-newdot {
  display: inline-block; min-width: 1.25em; margin-inline-start: var(--s-3);
  padding: 0 var(--s-2); font-size: var(--t-xs); font-weight: 700;
  line-height: 1.5; text-align: center;
  color: var(--on-accent); background: var(--accent);
  border-radius: var(--r-pill);
}

/*































*/
.legal-docs .wrap { max-width: var(--m-page); position: relative; z-index: 1; }

/*
*/
.legal-docs .legal-top {
  flex-wrap: nowrap; gap: var(--s-6); margin: 0;
  padding-block: 8px; padding-inline: 16px 8px;
  background: rgb(var(--card-rgb) / .78);
  border: 1px solid var(--line); border-radius: var(--r-xl);
  box-shadow: var(--shadow-1);
}
.legal-docs .legal-bar-tools { min-width: 0; }
.legal-docs .legal-top .langpick { min-width: 0; }
.legal-docs .legal-top .langpick select { min-width: 0; max-width: 100%; text-overflow: ellipsis; }
.legal-docs .legal-back {
  min-height: 40px; padding: 0 16px 0 12px; gap: var(--s-4);
  font-size: var(--t-base); white-space: nowrap;
}
.legal-docs .legal-back:hover { background: var(--hover-bg); border-color: var(--focus-line); }
.legal-docs .legal-back .icon { width: 17px; height: 17px; }
.legal-docs .legal-fallback { margin-block-start: var(--s-7); }

.legal-docs .legal-layout {
  display: grid; gap: var(--s-8); align-items: start; margin-block-start: var(--s-9);
}
.legal-docs .legal-rail { display: flex; flex-direction: column; gap: var(--s-9); min-width: 0; }

/*

*/
.legal-docs .legal-nav {
  display: flex; flex-direction: column; gap: var(--s-1); margin: 0; padding: var(--s-3);
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg);
  box-shadow: var(--shadow-1);
}
.legal-docs .legal-nav a, .legal-docs .legal-here {
  display: flex; align-items: center; gap: var(--s-5);
  min-height: 42px; padding: 8px 12px; border-radius: var(--r-sm);
  font-size: var(--t-base); font-weight: 600; line-height: 1.3;
  color: var(--muted); text-decoration: none;
  transition: background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.legal-docs .legal-nav a:hover { background: var(--hover-bg); color: var(--ink); text-decoration: none; }
.legal-docs .legal-here { background: var(--calm-bg); color: var(--accent-ink); font-weight: 700; }
.legal-docs .legal-nav .icon { width: 18px; height: 18px; }

/**/
.legal-docs .legal-toc-h {
  margin: 0 0 var(--s-5); padding-inline: 14px;
  font-size: var(--t-md); font-weight: 700; color: var(--ink);
}
.legal-docs .legal-toc ol {
  list-style: none; margin: 0; padding: 0; border-inline-start: 1px solid var(--line);
}
.legal-docs .legal-toc a {
  display: flex; align-items: baseline; gap: var(--s-5);
  margin-inline-start: -1px; padding: 6px 12px;
  border-inline-start: 2px solid transparent;
  font-size: var(--t-md); line-height: 1.45; color: var(--muted); text-decoration: none;
  transition: color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);
}
.legal-docs .legal-toc a:hover { color: var(--ink); border-inline-start-color: var(--control-line); }
.legal-docs .legal-toc a[aria-current] {
  color: var(--accent-ink); font-weight: 600; border-inline-start-color: var(--accent);
}
.legal-docs .legal-toc .legal-num { background: none; padding: 0; min-width: 1.6em; }

/**/
.legal-docs .card.legal {
  margin: 0; padding: 0; min-width: 0; line-height: 1.7;
  border-radius: var(--r-xl); box-shadow: var(--shadow-2);
}
/*

*/
.legal-docs .legal-hero {
  text-align: center;
  padding: clamp(28px, 4vw, 52px) clamp(20px, 5vw, 56px) clamp(24px, 3vw, 36px);
  border-bottom: 1px solid var(--line);
  border-radius: calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px) 0 0;
  background: radial-gradient(90% 150% at 50% -20%, rgb(var(--grad-2-rgb) / .12), transparent 65%);
}
.legal-docs .legal-badge {
  display: inline-grid; place-items: center; width: 64px; height: 64px;
  margin-block-end: var(--s-8); border-radius: var(--r-pill); color: var(--accent-ink);
  background: radial-gradient(circle at 32% 28%, rgb(var(--grad-3-rgb) / .40), rgb(var(--grad-2-rgb) / .14) 72%);
  box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / .22),
              0 0 0 8px rgb(var(--accent-rgb) / .05),
              0 16px 32px -16px rgb(var(--accent-rgb) / .6);
}
.legal-docs .legal-badge:empty { display: none; }
.legal-docs .legal-badge .icon { width: 30px; height: 30px; }
.legal-docs .legal-title {
  margin: 0; font-size: var(--t-4xl); font-weight: 800; line-height: 1.15;
  letter-spacing: -.02em; color: var(--ink); text-wrap: balance;
}
.legal-docs .legal-lead {
  max-width: 56ch; margin: var(--s-5) auto 0;
  font-size: var(--t-xl); line-height: 1.55; color: var(--muted); text-wrap: balance;
}
.legal-docs .legal-meta {
  max-width: 64ch; margin: var(--s-7) auto 0;
  font-size: var(--t-md); line-height: 1.55; color: var(--muted);
}

/*
*/
.legal-docs .legal-body {
  padding: clamp(22px, 2.6vw, 32px) clamp(20px, 5vw, 56px) clamp(24px, 4vw, 44px);
}
.legal-docs .legal-sec {
  padding-block: clamp(22px, 2.6vw, 32px); border-top: 1px solid var(--line);
  scroll-margin-top: var(--s-9);
}
.legal-docs .legal-sec:first-child { padding-top: 0; border-top: 0; }
.legal-docs .legal-sec > :last-child { margin-block-end: 0; }
.legal-docs .legal-h {
  display: flex; align-items: baseline; gap: var(--s-6);
  margin: 0 0 var(--s-7); font-size: var(--t-2xl); font-weight: 700;
  line-height: 1.3; letter-spacing: -.01em; color: var(--ink);
}
.legal-docs .legal-num {
  flex: none; display: inline-grid; place-items: center; min-width: 2.5em; padding: 1px 8px;
  font-size: var(--t-sm); font-weight: 700; line-height: 1.6; letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
  color: var(--accent-ink); background: rgb(var(--accent-rgb) / .09); border-radius: var(--r-pill);
}
.legal-docs .legal-sec p, .legal-docs .legal-sec li {
  max-width: none; color: color-mix(in srgb, var(--ink) 86%, var(--card));
}
.legal-docs .legal-sec p { margin: 0 0 var(--s-7); }
.legal-docs .legal-list {
  display: grid; gap: var(--s-4); max-width: none; margin: 0 0 var(--s-7);
  padding: 0; list-style: none;
}
.legal-docs .legal-list li { position: relative; margin: 0; padding-inline-start: 26px; }
/**/
.legal-docs .legal-list li::before {
  content: ""; position: absolute; inset-inline-start: 8px; top: calc(.85em - 3.5px);
  width: 7px; height: 7px; border-radius: var(--r-pill);
  background: var(--accent); box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / .14);
}

/*
*/
.legal-docs .legal-callout {
  display: flex; align-items: flex-start; gap: var(--s-6);
  margin: var(--s-8) 0; padding: 16px 18px;
  background: var(--calm-bg); border: 1px solid var(--calm-border); border-radius: var(--r-md);
}
.legal-docs .legal-sec .legal-callout p { margin: 0; color: var(--ink); }
.legal-docs .legal-ico {
  flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px;
  border-radius: var(--r-pill); color: var(--accent-ink); background: rgb(var(--accent-rgb) / .12);
}
.legal-docs .legal-ico .icon { width: 17px; height: 17px; }
.legal-docs .legal-callout[data-tone="good"] {
  background: color-mix(in srgb, var(--ok) 8%, var(--card));
  border-color: color-mix(in srgb, var(--ok) 32%, var(--card));
}
.legal-docs .legal-callout[data-tone="good"] .legal-ico {
  color: var(--ok-ink); background: color-mix(in srgb, var(--ok) 16%, transparent);
}
.legal-docs .legal-callout[data-tone="caution"] {
  background: var(--low-bg); border-color: color-mix(in srgb, var(--action) 34%, var(--card));
}
.legal-docs .legal-callout[data-tone="caution"] .legal-ico {
  color: var(--action-ink); background: color-mix(in srgb, var(--action) 16%, transparent);
}

/*
*/
.legal-docs .legal-note {
  max-width: none; margin: 0 0 var(--s-8); padding: 14px 18px; color: var(--ink);
  font-size: inherit; border-radius: var(--r-md);
  background: color-mix(in srgb, var(--ok) 8%, var(--card));
  border-color: color-mix(in srgb, var(--ok) 32%, var(--card));
}

.legal-docs .legal-foot { display: flex; justify-content: center; margin: clamp(24px, 4vw, 40px) 0 var(--s-6); }
.legal-docs .legal-foot a { gap: var(--s-4); font-weight: 600; }

/*


*/
@keyframes legal-in { from { opacity: 0; } to { opacity: 1; } }
.legal-docs .legal-sec { animation: legal-in .45s cubic-bezier(.22, .7, .25, 1) both; }
@media (prefers-reduced-motion: reduce) {
  .legal-docs .legal-sec { animation: none; }
}
@media (prefers-reduced-motion: no-preference) {
  html:has(> body.legal-docs) { scroll-behavior: smooth; }
}

/**/
@media (min-width: 1180px) {
  .legal-docs .legal-layout { grid-template-columns: 248px minmax(0, 1fr); gap: var(--s-9); }
  /*
*/
  .legal-docs .legal-foot { padding-inline-start: calc(248px + var(--s-9)); }
  .legal-docs .legal-rail {
    position: sticky; top: var(--s-9); max-height: calc(100vh - 48px);
    /*

*/
    overflow-y: auto; scrollbar-width: thin;
    /*
*/
    padding: 6px; margin: -6px;
  }
}
/*




*/
@media (max-width: 1179.98px) {
  .legal-docs .wrap { max-width: calc(940px + 2 * max(18px, var(--sa-side))); }
  .legal-docs .legal-toc { display: none; }
  .legal-docs .legal-nav {
    --bleed: max(18px, var(--sa-side));
    flex-direction: row; flex-wrap: nowrap; gap: var(--s-3);
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
    margin-inline: calc(-1 * var(--bleed)); padding: 6px var(--bleed);
    background: none; border: 0; border-radius: 0; box-shadow: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--bleed),
                                        #000 calc(100% - var(--bleed)), transparent);
            mask-image: linear-gradient(to right, transparent, #000 var(--bleed),
                                        #000 calc(100% - var(--bleed)), transparent);
  }
  .legal-docs .legal-nav::-webkit-scrollbar { display: none; }
  .legal-docs .legal-nav a, .legal-docs .legal-here {
    flex: none; white-space: nowrap; min-height: 40px; padding: 6px 16px 6px 12px;
    background: var(--card); border: 1px solid var(--line); border-radius: var(--r-pill);
    box-shadow: var(--shadow-1);
  }
  .legal-docs .legal-here { background: var(--accent); border-color: transparent; color: var(--on-accent); }
  .legal-docs .legal-nav .icon { width: 16px; height: 16px; }
}
@media (pointer: coarse) {
  .legal-docs .legal-nav a, .legal-docs .legal-here { min-height: 44px; }
  .legal-docs .legal-toc a { padding-block: 10px; }
}
/*
*/
@media (max-width: 560px) {
  /*
*/
  .legal-docs .legal-nav { --bleed: max(14px, var(--sa-side)); }
  .legal-docs .legal-top { padding-inline: 12px 6px; border-radius: var(--r-lg); }
  .legal-docs .legal-back { display: none; }
  .legal-docs .legal-layout { margin-block-start: var(--s-7); gap: var(--s-6); }
  .legal-docs .legal-badge { width: 54px; height: 54px; margin-block-end: var(--s-7); }
  .legal-docs .legal-badge .icon { width: 26px; height: 26px; }
  .legal-docs .legal-h { gap: var(--s-5); }
  .legal-docs .legal-callout { padding: 14px; gap: var(--s-5); }
  .legal-docs .legal-list li { padding-inline-start: 22px; }
  .legal-docs .legal-list li::before { inset-inline-start: 6px; }
}
/**/
@media (max-width: 380px) {
  .legal-docs .legal-top #brandname { display: none; }
}
@media print {
  .legal-docs .landglow, .legal-docs .legal-top, .legal-docs .legal-rail,
  .legal-docs .legal-foot, .legal-docs .skip { display: none; }
  .legal-docs .legal-layout { display: block; margin: 0; }
  .legal-docs .card.legal { border: 0; box-shadow: none; }
  .legal-docs .legal-sec { animation: none; }
}

/*



*/
.dlg-overlay {
  position: fixed; inset: 0; z-index: 200;
  background: rgb(var(--shade-rgb) / .45);
  display: flex; align-items: center; justify-content: center;
  /*


*/
  padding: max(20px, var(--sa-top)) max(20px, var(--sa-side)) max(20px, var(--sa-bottom));
  /*




*/
  overflow-y: auto; overscroll-behavior: contain;
}
/*






*/
.dlg-card {
  background: var(--card); border: 1px solid var(--control-line);
  border-radius: var(--radius); box-shadow: var(--shadow-1);
  padding: 20px; max-width: 420px; width: 100%; margin-block: auto;
  display: flex; flex-direction: column; align-items: stretch; gap: var(--s-7);
}
/*


*/
.dlg-card > form { display: contents; }

/*














*/
/*




*/
@keyframes dlg-shade-in  { from { opacity: 0; } }
@keyframes dlg-card-in   { from { opacity: 0; transform: translateY(8px); } }
@keyframes dlg-shade-out { to { opacity: 0; } }
@keyframes dlg-card-out  { to { opacity: 0; transform: translateY(8px); } }
.dlg-overlay { animation: dlg-shade-in var(--dur-1) var(--ease); }
.dlg-card    { animation: dlg-card-in var(--dur-2) var(--ease); }
.dlg-overlay.dlg-out { animation: dlg-shade-out var(--dur-1) var(--ease) forwards; }
.dlg-overlay.dlg-out .dlg-card { animation: dlg-card-out var(--dur-1) var(--ease) forwards; }
/*


*/
@media (prefers-reduced-motion: reduce) {
  .dlg-overlay, .dlg-card,
  .dlg-overlay.dlg-out, .dlg-overlay.dlg-out .dlg-card { animation: none; }
}

/*



*/
html.dlg-open { overflow: hidden; }
.dlg-msg { margin: 0; font-size: var(--t-lg); line-height: 1.5; }
/*


*/
.dlg-subject { margin: 0; font-size: var(--t-lg); font-weight: 600; line-height: 1.4;
  overflow-wrap: anywhere;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  line-clamp: 2; overflow: hidden; }
.dlg-controls { margin-top: 0; justify-content: flex-end; }
/*




*/
.dlg-field { display: grid; gap: var(--s-2); font-size: var(--t-sm);
  color: var(--muted); }
.dlg-field .dlg-input { color: var(--ink); font-size: var(--t-md); }

/*


*/
.dlg-picks { display: flex; flex-direction: column; gap: var(--s-2);
  max-height: min(46vh, 380px); overflow-y: auto; }
/*


*/
.dlg-search { position: relative; display: block; }
.dlg-search .searchicon { position: absolute; inset-inline-start: var(--s-5);
  top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.dlg-search .searchicon svg { width: 16px; height: 16px; }
.dlg-search input { width: 100%; padding-inline: calc(var(--s-5) + 24px) var(--s-5);
  padding-block: var(--s-5); border: 1px solid var(--control-line); border-radius: var(--r-sm);
  background: var(--card); color: var(--ink); font-size: var(--t-base); }
/*
*/
.dlg-none { margin: 0; }
.dlg-none[hidden] { display: none; }
/*









*/
.dlg-pick { display: flex; align-items: center; gap: var(--s-5);
  width: 100%; text-align: start; cursor: pointer; flex: 0 0 auto;
  border: 1px solid var(--control-line); background: none; color: inherit;
  border-radius: var(--r-sm); padding: var(--s-5) var(--s-6); font: inherit; }
/*



*/
.dlg-pick[hidden] { display: none; }


/*

*/
.dlg-pick-text { flex: 1 1 auto; min-width: 0; }
.dlg-pick-shot { flex: 0 0 auto; width: 40px; height: 52px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--control-line); border-radius: var(--r-xs);
  background: var(--field); color: var(--muted); }
/*


*/
.dlg-pick-shot img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dlg-pick-fallback { display: none; }
.dlg-pick-shot.no-shot img { display: none; }
.dlg-pick-shot.no-shot .dlg-pick-fallback { display: block; }
.dlg-pick:hover { background: var(--chip-bg); }

.dlg-pick-label { display: block; font-weight: 600; }
/*



*/
.dlg-pick-sub { display: block; margin-top: 2px; margin-bottom: 0;
  font-size: var(--t-md); }

/*

*/
.attachrow { display: flex; flex-wrap: wrap; gap: var(--s-3);
  margin-bottom: var(--s-4); }
.attachchip { display: inline-flex; align-items: center; gap: var(--s-2);
  max-width: 100%; background: var(--chip-bg); color: var(--ink);
  border-radius: var(--r-pill); padding: var(--s-2) var(--s-3) var(--s-2) var(--s-5);
  font-size: var(--t-md); }
.attachchip .icon { width: 14px; height: 14px; flex: none; }
/*
*/
.attachname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachchip button { border: 0; background: none; color: var(--muted);
  cursor: pointer; font-size: var(--t-lg); line-height: 1; padding: 0 var(--s-2);
  border-radius: var(--r-xs); }
.attachchip button:hover { color: var(--ink); }

/*




*/
.attachchip.unkept { background: transparent; border: 1px dashed var(--line); }
.unkeptflag { flex: none; font-size: var(--t-sm); color: var(--muted);
  text-transform: lowercase; white-space: nowrap; }
/*

*/
.attachchip.pending { color: var(--muted); font-style: italic; }

/*


*/
.chatdrawer.dropping, #chatpanel.dropping {
  outline: 2px dashed var(--accent); outline-offset: -6px; }


/*



*/
.replyrow { display: flex; gap: var(--s-4); flex-wrap: wrap; align-items: center; }
.replyrow #replyintent { flex: 0 0 auto; max-width: 240px; }
.replyrow #replynote { flex: 1 1 200px; min-width: 0; }

.replydraft { margin-top: 14px; }
.replybadge {
  display: inline-block; margin: 0 0 10px;
  padding: 4px 10px; border-radius: var(--r-pill);
  background: var(--low-bg); color: var(--action-ink);
  font-size: .82rem; font-weight: 600;
}
.replyletter {
  margin-top: 12px; padding: 14px 16px;
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius);
}
.replysubject { margin-bottom: 10px; }
/*
*/
.replybody {
  margin: 0; white-space: pre-wrap; word-wrap: break-word;
  font: inherit; color: var(--ink);
}

/*

*/
.translaterow { display: flex; gap: var(--s-4); align-items: center; flex-wrap: wrap; }
.translaterow #trlang { flex: 1 1 180px; max-width: 260px; min-width: 0; }

/**/
/*

*/
/*




*/
/*





*/
.talkwrap { display: grid; grid-template-columns: 210px minmax(0, 1fr);
  gap: var(--s-8); align-items: start; margin-top: var(--s-8);
  margin-bottom: 14px; }

.talkside { display: flex; flex-direction: column; gap: var(--s-5); position: sticky; top: 84px; }
.talknewbtn { width: 100%; }
.talksidehead { margin: 6px 2px 0; font-size: var(--t-sm); font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.talklist { display: flex; flex-direction: column; gap: var(--s-2); max-height: 55vh;
  overflow-y: auto; }
.talkitem { display: flex; align-items: center; gap: var(--s-4); width: 100%; min-height: 0;
  padding: 10px 12px; border: 1px solid transparent; border-radius: var(--r-md);
  background: none; color: var(--ink); cursor: pointer; text-align: start;
  font-size: var(--t-base); }
.talkitem:hover { background: var(--chip-bg); }
.talkitem.active { background: var(--chip-bg); border-color: var(--line); font-weight: 600; }
/*

*/
.talkitem-name { flex: 1 1 auto; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35;
  /*
*/
  overflow-wrap: anywhere; }
.talkitem-meta { flex: 0 0 auto; font-size: var(--t-xs); font-variant-numeric: tabular-nums;
  color: var(--muted); }

.talkmain { min-width: 0; border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--card); padding: 16px 18px; }
.talkmainhead { display: flex; align-items: center; gap: var(--s-5); margin-bottom: 12px;
  padding-bottom: 12px; border-bottom: 1px solid var(--line); }
/*



*/
.talkmainwho { flex: 1 1 auto; min-width: 0; margin: 0; font-size: var(--t-lg);
  font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--ink);
  line-height: 1.35; overflow-wrap: anywhere; }
/*








*/
button.talkback { display: none; }      /**/
/*






*/
button.talkback { gap: var(--s-3); }
button.talkback .icon { flex: 0 0 auto; width: 16px; height: 16px;
  transform: rotate(180deg); }
html[dir="rtl"] button.talkback .icon { transform: none; }
.talktrash { color: var(--muted); }
/*
*/
.talktrash:hover { color: var(--urgent-ink); background: var(--chip-bg); }

/*


*/
.talkstarthead { border-bottom: 0; padding-bottom: 0; margin-bottom: 4px; }
.talkstart { padding: 6px 2px; }
.talkstartq { display: block; font-size: var(--t-xl); font-weight: 600; margin-bottom: 12px; }
.talkstart textarea { width: 100%; }

/*
*/
/*









*/
.talklog { max-height: 58vh; gap: var(--s-2); }

/*







*/
/*


*/
/*




*/
/*
*/
.app-space .wrap { container-type: inline-size; container-name: talk; }

.talkwrap.hasrail { grid-template-columns: minmax(0, 1fr); }
@container talk (min-width: 700px) {
  .talkwrap.hasrail { grid-template-columns: 210px minmax(0, 1fr); }
  .talkwrap.hasrail .talkrail { grid-column: 2; }
}
@container talk (min-width: 1080px) {
  /*


*/
  .talkwrap.hasrail {
    grid-template-columns: 210px minmax(400px, 1fr) minmax(420px, 0.4fr); }
  /*



*/
  .talkwrap.hasrail .talkrail { grid-column: 3; }
}
/*


*/

.talkrail { min-width: 0; border: 1px solid var(--line);
  border-radius: var(--r-lg); background: var(--card); padding: 14px 16px; }
@container talk (min-width: 1080px) {
  .talkrail { position: sticky; top: 84px;
    max-height: calc(100vh - 120px); overflow-y: auto; }
}
.talkrail .talkcard { border: 0; padding: 0; background: none; margin: 0; }
.talkrail .chat-empty { margin-top: var(--s-7); }
/*
*/
.talkrail .talkasklog { max-height: none; }
/**/
.blockcopy.done { color: var(--ok-ink, var(--accent-ink)); }

/*


*/
.talkpick { display: flex; flex-wrap: wrap; gap: var(--s-2);
  margin: var(--s-6) 0 var(--s-5); }
.pickbtn { flex: none; width: 34px; height: 34px; display: grid;
  place-items: center; border: 1px solid var(--line); background: none;
  color: var(--muted); border-radius: var(--r-pill); cursor: pointer;
  font: inherit; font-size: var(--t-md); font-variant-numeric: tabular-nums; }
.pickbtn:hover { color: var(--ink); border-color: var(--muted); }

.pickbtn.on { background: var(--accent); border-color: var(--accent);
  color: var(--on-accent); font-weight: 600; }

.talktabs { display: flex; gap: var(--s-2); margin-bottom: var(--s-5);
  border-bottom: 1px solid var(--line); }
.talktab { display: inline-flex; align-items: center; gap: var(--s-3);
  border: 0; background: none; color: var(--muted); cursor: pointer;
  font: inherit; font-size: var(--t-md); font-weight: 600;
  padding: var(--s-4) var(--s-4); border-bottom: 2px solid transparent;
  /*

*/
  border-radius: 0;
  margin-bottom: -1px; }
.talktab .icon { width: 16px; height: 16px; }
.talktab:hover { color: var(--ink); }
.talktab:focus-visible { border-radius: var(--r-xs); }
.talktab.on { color: var(--accent-ink); border-bottom-color: var(--accent-ink); }

.talkasklog { max-height: 52vh; gap: var(--s-5); }
.talkaskrow { display: flex; }
.talkaskrow.mine { justify-content: flex-end; }
/*
*/
/*
*/
.talkanswer { max-width: 100%; text-align: start;
  font-size: var(--t-lg); line-height: 1.6; }
.talkaskwait { display: flex; align-items: center; gap: var(--s-3); }

/*



*/
.fact-when, .fact-money { font-weight: 600; color: var(--ink);
  white-space: nowrap; }
/*
*/
.fact-mail { color: var(--accent-ink); text-decoration: underline;
  text-underline-offset: 2px; overflow-wrap: anywhere; }
.fact-mail:hover { text-decoration-thickness: 2px; }

/*
*/
.talkanswer p, .talkreads p, .note.warn p, .ask-msg p, .cmpbody p { margin: 0 0 var(--s-5); }
.talkanswer p:last-child, .talkreads p:last-child, .note.warn p:last-child,
.ask-msg p:last-child, .cmpbody p:last-child { margin-bottom: 0; }
.talkanswer ul, .talkreads ul, .note.warn ul, .ask-msg ul, .cmpbody ul {
  margin: 0 0 var(--s-5); padding-inline-start: var(--s-8); }
.talkanswer li, .talkreads li, .note.warn li, .ask-msg li, .cmpbody li {
  margin-bottom: var(--s-2); }
/*
*/
.talkreads > strong, .note.warn > strong { display: inline; }
.talkreads > strong + p, .note.warn > strong + p { display: inline; }
.talkaskform { margin-top: var(--s-5); }
.talkline { display: flex; align-items: center; gap: var(--s-2); max-width: 100%; }
.talkline.runstart { margin-top: 12px; }
.talkline.theirs { justify-content: flex-start; }
/*


*/
.talkline.mine { flex-direction: row-reverse; justify-content: flex-start; }
/*

*/
.talkline .ask-msg { max-width: calc(100% - 32px); }

/*


*/
.ghostbub { min-height: 0; padding: 10px 14px; border: 1px dashed var(--line);
  border-radius: var(--r-md); background: none; color: var(--muted); cursor: pointer;
  font-size: var(--t-base); font-weight: 600; }
.ghostbub:hover { border-style: solid; border-color: var(--accent);
  color: var(--accent); }
.talkline.theirs .ghostbub { border-end-start-radius: 4px; }
.talkline.mine .ghostbub { border-end-end-radius: 4px; }

/*
*/
.bubedit { max-width: 85%; min-width: min(300px, 100%); padding: 10px 12px;
  border-radius: var(--r-md); }
.bubedit.talk-them { background: var(--chip-bg); }
.bubedit.talk-me { background: var(--accent); }
/*


*/
.bubedit textarea { width: 100%; border: 0; background: none; resize: none;
  padding: 0; margin: 0; min-height: 0; font: inherit; line-height: 1.45;
  color: inherit; }
.bubedit.talk-me textarea { color: var(--on-accent); }
.bubedit.talk-me textarea::placeholder { color: rgba(255, 255, 255, .72); }
/*


*/
.bubedit textarea:focus { outline: none; box-shadow: none; }
.bubedit:has(textarea:focus) { outline: 3px solid var(--focus-line); outline-offset: 2px; }
.bubacts { display: flex; align-items: center; gap: var(--s-3); margin-top: 8px; }
.bubacts .ghost, .bubacts .go { min-height: 0; padding: 5px 12px; font-size: var(--t-md); }
.bubacts .talkicon { margin-inline-end: auto; }
.bubedit.talk-me .bubacts .ghost { color: var(--on-accent); border-color: rgba(255, 255, 255, .5); }

/*



*/
.talkicon { display: inline-grid; place-items: center; cursor: pointer;
  width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; border: 0; background: none;
  color: var(--muted); min-height: 0; padding: 0; }
.talkicon .icon { width: 18px; height: 18px; }
.talkicon:hover { background: var(--chip-bg); color: var(--ink); }
.bubedit.talk-me .talkicon { color: rgba(255, 255, 255, .85); }
.bubedit.talk-me .talkicon:hover { background: rgba(255, 255, 255, .18); color: var(--on-accent); }

/*

*/
/*



*/
.talkdel { flex: 0 0 auto; border: 0; background: none; color: var(--muted);
  width: 24px; height: 24px; place-items: center;
  opacity: 0; cursor: pointer; font-size: var(--t-xl); line-height: 1; padding: 0;
  min-height: 0; transition: opacity var(--dur-1); }
.talkline:hover .talkdel, .talkdel:focus-visible { opacity: .75; }
.talkdel:hover, .talkdel.always { opacity: 1; }
/*






*/
@media (hover: none) { .talkdel { opacity: .8; } }

.talkcard { margin-top: 14px; }
.talkreads { margin: 6px 0 10px; }
.talkopts { display: flex; flex-direction: column; gap: var(--s-6); margin-top: 12px; }
/*

*/
.talkopt { border: 0; border-radius: var(--r-md); padding: 13px 14px;
  background: var(--field); }
.talklabel { display: inline-block; font-size: var(--t-sm); font-weight: 700; padding: 3px 9px;
  border-radius: var(--r-pill); background: var(--chip-bg); color: var(--muted); margin-bottom: 8px; }
/*




*/
/*


*/
.talkblock { border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--chip-bg); overflow: hidden; margin-bottom: var(--s-6); }
.talkblockhead { display: flex; align-items: center; gap: var(--s-4);
  justify-content: space-between; padding: var(--s-3) var(--s-4) var(--s-3) var(--s-6);
  border-bottom: 1px solid var(--line); }
/*
*/
.talkblockhead .talklabel { margin: 0; margin-inline-end: auto; }
.blockicon { display: inline-grid; place-items: center; flex: none;
  width: 28px; height: 28px; border: 0; background: none; color: var(--muted);
  cursor: pointer; border-radius: var(--r-xs); }
.blockicon .icon { width: 16px; height: 16px; }
.blockicon:hover { color: var(--ink); background: var(--card); }

/*

*/
.blockicon.on { color: var(--on-accent); background: var(--accent); }
.blockcopy { display: inline-flex; align-items: center; gap: var(--s-2);
  flex: none; border: 0; background: none; color: var(--muted); cursor: pointer;
  font: inherit; font-size: var(--t-sm); padding: var(--s-2) var(--s-4);
  border-radius: var(--r-xs); }
.blockcopy .icon { width: 14px; height: 14px; }
.blockcopy:hover { color: var(--ink); background: var(--card); }

.talkblock .talktext { margin: 0; padding: var(--s-6); }
/*
*/
.talkblock .talkglosslabel { margin: 0; padding: var(--s-5) var(--s-6) 0; }

.talktext { margin: 0 0 10px; white-space: pre-wrap; overflow-wrap: anywhere;
  text-align: start;
  font: inherit; font-size: var(--t-lg); line-height: 1.55; }

/*
*/
.talkglosslabel { margin: 0 0 4px; font-size: var(--t-sm); letter-spacing: .04em;
  text-transform: uppercase; color: var(--muted); }

/*

*/
.talkparse { margin-top: 12px; }
.talkrow { display: flex; align-items: center; gap: var(--s-4); margin-bottom: 8px; flex-wrap: wrap; }
/*

*/
.talkrow.bad .talkrowtext { border-color: var(--warn-border);
  background: var(--warn-bg); color: var(--warn-ink); }
/*




*/
.talkrowtext { flex: 1 1 220px; min-width: 0; resize: none; overflow-y: auto;
  line-height: 1.4; }
.talkseg { flex: 0 0 auto; }
/*

*/
.talkparsehead { display: flex; align-items: flex-start; gap: var(--s-4);
  flex-wrap: wrap; margin-bottom: 8px; }
.talkparsenote { flex: 1 1 240px; margin: 0; }
button.talkswap { flex: 0 0 auto; align-self: center; }
.talkparsecount { margin: 0 2px 10px; }
/*


*/
.talktrimmed { margin: 0 0 12px; }
/*

*/
.talkmore { display: flex; align-items: center; justify-content: center;
  gap: var(--s-3); width: 100%; margin: 4px 0 12px; padding: 8px 12px;
  border: 1px dashed var(--line); border-radius: var(--r-md);
  background: none; color: var(--muted); cursor: pointer; font-size: var(--t-sm); }
.talkmore:hover { background: var(--chip-bg); color: var(--ink); }
.talkmore svg { transform: rotate(90deg); }
/*
*/
.talkparseacts { margin-top: 4px; }

/*

*/
.talkimportrow { display: flex; justify-content: center; margin: 10px 0 2px; }
.talkimport { display: inline-flex; align-items: center; gap: var(--s-3);
  padding: 8px 14px; border: 1px dashed var(--line); border-radius: var(--r-pill);
  background: none; color: var(--muted); cursor: pointer; font-size: var(--t-sm); }
.talkimport:hover:not(:disabled) { background: var(--chip-bg); color: var(--ink);
  border-style: solid; }
.talkimport:disabled { cursor: default; opacity: .7; }
.talkimport svg { width: 16px; height: 16px; }

/*
*/
.tiarea { width: 100%; min-height: 140px; resize: vertical; margin-bottom: 8px; }
.tierr { margin: 0 0 8px; }
/*


*/
.tiacts { justify-content: space-between; align-items: center; gap: var(--s-4); }
.tibtns { display: flex; align-items: center; gap: var(--s-5); }
label.tishot { display: inline-flex; align-items: center; gap: var(--s-3);
  cursor: pointer; }
.tiwho { display: flex; flex-direction: column; gap: var(--s-3); margin: 4px 0 12px; }
.tiname { display: flex; align-items: center; gap: var(--s-4); width: 100%;
  padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-md);
  background: none; color: var(--ink); cursor: pointer; text-align: start;
  font-size: var(--t-base); font-weight: 600; overflow-wrap: anywhere; }
.tiname:hover, .tiname:focus-visible { background: var(--chip-bg); }
.tinamedot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%;
  background: var(--accent); }

/*

*/
.talkpartial { display: flex; align-items: flex-start; gap: var(--s-3);
  margin: 0 0 10px; color: var(--muted); }
.talkpartial svg { flex: 0 0 auto; width: 15px; height: 15px; margin-top: 2px; }

/*

*/
.askreset { display: flex; justify-content: flex-end; margin-bottom: var(--s-4); }
.askreset .linkbtn { display: inline-flex; align-items: center; gap: var(--s-3);
  font-size: var(--t-sm); }
.askreset svg { width: 14px; height: 14px; }

/**/
/*


*/
.talksidetop { display: flex; flex-direction: column; gap: var(--s-1); }
.talkcmptoggle { align-self: flex-end; font-size: var(--t-sm); }
/*


*/
.talkitem.picked { background: var(--chip-bg); border-color: var(--accent); }
.talkitem.picked .talkch { color: var(--accent); }
.talkcmpbar { display: flex; flex-direction: column; gap: var(--s-3);
  padding-top: var(--s-4); border-top: 1px solid var(--line); }
.talkcmpbar .go { width: 100%; }
.talkcmpbar .sub { margin: 0; }
/*
*/
.cmpchips { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-bottom: 12px; }
.cmpchip { display: inline-flex; align-items: center; gap: var(--s-3);
  max-width: 100%; padding: 5px 10px; border-radius: var(--r-pill);
  background: var(--chip-bg); color: var(--ink); font-size: var(--t-sm);
  overflow-wrap: anywhere; }
.cmpchip svg { flex: 0 0 auto; width: 14px; height: 14px; color: var(--muted); }
.cmplog { min-height: 120px; }
.cmpnote { flex: 1 1 auto; margin: 0; font-size: var(--t-xs); }

/*




*/
.talkttl { margin-top: 16px; font-size: var(--t-md); }

/*


*/
@media (max-width: 860px) {
  .talkwrap { grid-template-columns: minmax(0, 1fr); }
  /*


*/
  .talkwrap.hasrail { grid-template-columns: minmax(0, 1fr); }
  /*

*/
  .talkwrap.hasrail .talkrail { grid-column: 1; }
  .talkside { position: static; display: none; }
  .talkside.open { display: flex; }
  .talkwrap:not(:has(.talkmain)) .talkside,
  .talkside:only-child { display: flex; }
  .talkside.open ~ .talkmain { display: none; }
  /*




*/
  .talkside.open ~ .talkrail { display: none; }
  button.talkback { display: inline-flex; }   /**/
  .talkmain { padding: 14px; }
  .talklog { max-height: none; }

  /*









*/
  .talkmainhead { flex-wrap: wrap; gap: var(--s-3) var(--s-4); }
  .talkmainhead > button.talkback { order: 1; }
  .talkmainhead > .talkicon { order: 2; }
  /*



*/
  .talkmainhead > .talkmainwho + .talkicon { margin-inline-start: auto; }
  /*
*/
  .talkmainwho { order: 3; flex: 1 0 100%; font-size: var(--t-md); }
  /*





*/
  .talkmainhead { row-gap: var(--s-7); }
  /*

*/
  .talkmainhead .talkdocchip { display: flex; width: fit-content;
    max-width: 100%; margin: 6px 0 0; }
  /*

*/
  .talksidetop { flex-direction: row; align-items: baseline;
    justify-content: space-between; gap: var(--s-4); }
}

/*

*/
@media (max-width: 400px) {
  .talkbacktext { display: none; }
  button.talkback { padding-inline: 12px; }
}

/*


*/

/*




*/
.btnspin { display: inline-block; width: 15px; height: 15px; vertical-align: -2px;
  border: 2px solid currentColor; border-top-color: transparent; border-radius: var(--r-pill);
  opacity: .8; animation: spin .7s linear infinite; }
@media (prefers-reduced-motion: reduce) { .btnspin { animation-duration: 2.4s; } }
[aria-busy="true"] { cursor: progress; }

/*
*/
.talkopts.stale { opacity: .45; pointer-events: none; transition: opacity var(--dur-1) var(--ease); }

/**/
.talkerr { margin-top: var(--s-4); }
.bubedit .talkcard { margin-top: 10px; }
.talkcard { border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: 15px 16px; background: var(--calm-bg); border-color: var(--calm-border); }
.talkrefine { display: flex; align-items: center; gap: var(--s-4); margin-top: 12px; }
.talkrefine input { flex: 1 1 200px; min-width: 0; }

/*

*/
.talkch { flex: 0 0 auto; display: inline-grid; place-items: center; color: var(--muted); }
.talkch .icon { width: 15px; height: 15px; }
.talkitem.active .talkch { color: var(--accent-ink); }
.talkdocchip { display: inline-flex; align-items: center; gap: var(--s-2);
  margin-top: var(--s-2); padding: var(--s-1) var(--s-4) var(--s-1) var(--s-3);
  border: 1px solid var(--calm-border); background: var(--calm-bg);
  border-radius: var(--r-pill); font-size: var(--t-xs); font-weight: 600;
  color: var(--accent-ink); text-decoration: none; max-width: 100%; }
/*

*/
.talkdocchip { min-height: 24px; }
.talkdocchip .icon { width: 13px; height: 13px; flex: 0 0 auto; }
.talkdocchip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.talkdocchip:hover { border-color: var(--accent-ink); }
.talkstart select { width: 100%; margin-bottom: var(--s-6); }
.doctalks { margin-top: var(--s-6); }
.doctalk { display: flex; align-items: center; gap: var(--s-4); width: 100%; min-height: 0;
  padding: var(--s-5) var(--s-6); margin-top: var(--s-2); border: 1px solid var(--line);
  border-radius: var(--r-md); background: none; color: var(--ink); cursor: pointer;
  text-align: start; font-size: var(--t-base); }
.doctalk:hover { background: var(--hover-bg); border-color: var(--accent-ink); }
.doctalk-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }

/*

*/
.talkdoccard { display: flex; gap: var(--s-5); align-items: flex-start;
  max-width: 85%; min-width: 0;
  padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-md);
  border-end-start-radius: var(--r-xs); background: var(--chip-bg);
  color: var(--ink); text-decoration: none;
  transition: border-color var(--dur-1) var(--ease); }
.talkdoccard:hover { border-color: var(--accent-ink); }
.talkdocthumb { flex: 0 0 auto; width: 46px; height: 60px; object-fit: cover;
  border-radius: var(--r-xs); border: 1px solid var(--line); background: var(--card); }
.talkdocbody { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
.talkdoctitle { font-weight: 600; font-size: var(--t-md); line-height: 1.35;
  overflow-wrap: anywhere; }
/*
*/
.talkdocx { font-size: var(--t-sm); color: var(--muted); line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere; }
/*
*/
.talkdocnothumb { display: block; }

/*


*/
/*

*/
/*


*/
.talkaskrow2 { display: flex; flex-direction: column; align-items: stretch;
  gap: var(--s-3); margin: var(--s-6) 0; }
/*





*/
.talkaskrow2 textarea { width: 100%; min-width: 0; border: 1px solid var(--control-line);
  border-radius: var(--r-sm); background: var(--field, transparent);
  padding: var(--s-4) var(--s-5); font: inherit;
  font-size: var(--t-md); line-height: 1.45; resize: vertical;
  min-height: calc(2 * 1.45em + 2 * var(--s-4) + 2px);
  /*
*/
  text-align: start; }
/*

*/
.talkaigo { flex: none; align-self: flex-end; display: inline-flex;
  align-items: center; gap: var(--s-3); }
.talkaigo .icon { width: 16px; height: 16px; }


/*












*/
@media (pointer: coarse) {
  /*



































*/
  select,
  input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])),
  textarea {
    font-size: max(16px, var(--t-lg)) !important;
  }

  /*
*/
  .lact, .del, .factx, .talkdel, .chat-del, .mtx, .eye, .caltoggle,
  .blockicon, .blockcopy, .pweye, .talkicon, .foldbtn, .editbtn, .infobtn,
  .casechip, .casetoggle, .delbtn, .ox {
    position: relative;
  }
  .lact::after, .del::after, .factx::after, .talkdel::after, .chat-del::after,
  .mtx::after, .eye::after, .caltoggle::after, .blockicon::after,
  .blockcopy::after, .pweye::after, .talkicon::after, .foldbtn::after,
  .editbtn::after, .infobtn::after, .casechip::after, .casetoggle::after,
  .delbtn::after, .ox::after {
    content: ""; position: absolute; top: 50%; left: 50%;
    width: max(100%, 44px); height: max(100%, 44px);
    transform: translate(-50%, -50%);
  }
  /*






*/
  .lacts, .fbody, .pwentry-tools, .pwactions, .lact-group { gap: var(--s-7); }
  /*





*/
  .foldtools { gap: var(--s-7); }

  /*

*/
  /*
*/
  /*


*/
  .paidpick .pbtn { min-height: 44px; }
  /*


*/
  .legal-nav a, .legal-here { padding-block: var(--s-6); }
  .legal-nav { gap: var(--s-3) var(--s-7); }
  /*
*/
  .side-legal a { padding-block: var(--s-6); }
  .side-legal { gap: var(--s-3) var(--s-7); }
}


/*




*/
/*

*/
.planinc { margin: 18px 0 8px; font-size: var(--t-md); font-weight: 600; color: var(--muted); }
.planfeat { margin: 0; padding: 0; list-style: none;
  display: grid; gap: var(--s-4); font-size: var(--t-md); }
/**/
.planfeat li { display: flex; align-items: flex-start; gap: var(--s-5); }
.planfeat li::before { content: "✓"; color: var(--accent); font-weight: 700;
  line-height: 1.35; flex: none; }
/*
*/
.planbill { margin: 6px 0 0; }

/*








*/
.superbadge {
  display: flex; align-items: center; gap: var(--s-5);
  margin: 4px 0 2px; padding: 12px 14px;
  border: 1px solid var(--calm-border, var(--line));
  border-radius: var(--r-md); background: var(--chip-bg);
}
.superstar { display: inline-grid; place-items: center; flex: none;
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--card); color: var(--accent-ink); }
.superstar svg { width: 18px; height: 18px; }
.supertext { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
.supertext strong { font-size: var(--t-lg); line-height: 1.25; }
/*
*/
.supertext .sub { font-size: var(--t-md); }
.planbill:first-of-type { margin-top: 16px; padding-top: 14px;
  border-top: 1px solid var(--line); }


/*



*/
.toast {
  /*
*/
  position: fixed; inset-block-end: max(18px, var(--sa-bottom));
  inset-inline: 0; z-index: 10000;
  display: flex; justify-content: center; padding-inline: var(--s-7);
  pointer-events: none;
}
.toast > span {
  pointer-events: auto; cursor: pointer;
  max-width: 34rem; text-align: start;
  background: var(--card); color: var(--ink);
  border: 1px solid var(--line); border-radius: var(--r-md);
  padding: var(--s-5) var(--s-7); font-size: var(--t-base);
  box-shadow: var(--shadow-2);
  animation: toast-in var(--dur-2) var(--ease) forwards;
}
/*
*/
.toast-err > span { border-inline-start: 3px solid var(--urgent-ink); }
/*
*/
.toast-ok > span { border-inline-start: 3px solid var(--ok); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) {
  /**/
  .toast > span { animation: none; }
}

/*





















*/
.pager { justify-content: center; gap: var(--s-6); flex-wrap: nowrap; }
/*




*/
/*

*/
.pager > button.ghost { padding: 7px 14px; font-size: var(--t-sm); }
/*






*/
@media (max-width: 430px) {
  .pager { gap: var(--s-4); }
  .pager > button.ghost { padding-inline: var(--s-4); }
}
.pager .pageof {
  min-width: 8rem; text-align: center; white-space: nowrap;
  font-size: var(--t-md); font-variant-numeric: tabular-nums;
  /*



*/
  margin: 0;
}

/*




*/
.pagerdots { display: flex; align-items: center; gap: var(--s-2); }
.pagerdot {
  /*


*/
  border: 0; background: none; padding: 9px; line-height: 0; cursor: pointer;
  border-radius: var(--r-pill);
}
.pagerdot::before {
  content: ""; display: block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--line);
  transition: background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);
}
.pagerdot:hover::before { background: var(--muted); }
.pagerdot.on::before { background: var(--accent); transform: scale(1.25); }
@media (prefers-reduced-motion: reduce) {
  .pagerdot::before { transition: none; }
}


/*























*/
@media (hover: none) {
  .stat:hover, .space:hover, .doc:hover, .doc-tile:hover,
  .orow:hover, .astat:hover { transform: none; }
  .space:hover .chev { transform: none; }
  /*
*/
  [dir="rtl"] .space:hover .chev { transform: scaleX(-1); }
  [dir="rtl"] .orow:hover { transform: none; }
}


/*



















*/
/*



















*/
@media (forced-colors: active) {
  .dot { forced-color-adjust: none; }
  /*
*/
  .dot.action-needed { background: var(--action-ink); border-color: var(--action-ink); }
  .dot.URGENT { background: var(--urgent-ink); border-color: var(--urgent-ink);
    outline-color: var(--urgent-ink); }
}

@view-transition { navigation: auto; }

header.top { view-transition-name: chrome-top; }
.sidebar   { view-transition-name: chrome-rail; }

/*



















*/
::view-transition-group(root),
::view-transition-group(chrome-top),
::view-transition-group(chrome-rail),
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--dur-2);
  animation-timing-function: var(--ease);
}

/*

*/
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}


/*










*/
.modelbars { display: grid; gap: var(--s-4); margin-top: var(--s-4); }
.mrow {
  display: grid; align-items: center; gap: var(--s-4);
  grid-template-columns: minmax(9rem, 14rem) 1fr minmax(11rem, auto);
}
.mname { font-weight: 600; }
/*
*/
.modelbars.bare .mrow { grid-template-columns: minmax(9rem, 14rem) auto; }
.mtrack {
  background: var(--chip-bg); border-radius: var(--r-pill);
  height: var(--s-5); overflow: hidden;
}
.mfill {
  background: var(--accent); height: 100%; border-radius: var(--r-pill);
  /*



*/
  border-start-start-radius: 0; border-end-start-radius: 0;
}
/*
*/
.mfig { text-align: end; font-variant-numeric: tabular-nums; }
/*

*/
@media (max-width: 720px) {
  .mrow { grid-template-columns: 1fr; gap: var(--s-1); }
  .mfig { text-align: start; }
}

/*














*/
@media (max-width: 560px) {
  /*

*/
  .wrap { padding-inline: max(14px, var(--sa-side));
          padding-block-start: calc(10px + var(--sa-top));
          /*

*/
          padding-block-end: calc(56px + var(--sa-bottom)); }
  .spacehead-row { margin: 2px 0 12px; }
  /*



*/
  /*

*/
  .countrow { display: flex; flex-wrap: wrap; align-items: center;
              justify-content: space-between; gap: var(--s-6); margin: 12px 0 8px; }
  .countrow .countline { margin: 0; }
  .countrow .folderbar { margin: 0; }
  .countrow .unfilestrip { flex: 1 1 100%; }
  .countline { margin: 12px 0 8px; }
  /*




*/
  .docbar { margin: 2px 0 10px; padding: 10px; }
  .searchrow input { padding-block: 9px; }
  .doc-grid > .grid-head { margin-top: 12px; }
  .tile-body { padding: 8px 9px 10px; }
  /*







*/
  .mini-item .mtitle { white-space: normal; }
  .mtitle > bdi { white-space: normal; overflow-wrap: anywhere;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  /*
*/
  .mcards { gap: var(--s-5); margin-bottom: 14px; }
  .mcard { padding: 11px 12px; }
  .lrow { padding: 9px 0; }
}

/*


*/
@media screen {
  .galbar { display: flex; gap: var(--s-4); flex-wrap: wrap; }
  .galphone { display: block; width: 393px; max-width: 100%; height: 75vh;
    min-height: 400px; margin-inline: auto; border: 1px solid var(--line); border-radius: var(--r-lg); }
  .galphone[hidden], #gallery[hidden] { display: none; }
  .gal-embedded .top, .gal-embedded .galheading, .gal-embedded .galintro { display: none; }

  .galsec { margin-block: var(--s-9); }
  .galname { font-size: var(--t-lg); font-weight: 600; color: var(--muted);
    text-transform: uppercase; letter-spacing: .06em; margin-block-end: var(--s-6); }
  .galbody { display: grid; gap: var(--s-7); }
  .galrow { display: flex; align-items: center; gap: var(--s-5); flex-wrap: wrap; }
}

/*
*/
@media screen {
  .app-space .wrap { max-width: var(--m-workspace); }
  .app-space .top { padding-block-end: var(--s-6); border-bottom: 1px solid var(--line); }
  /*




*/
  /*








*/
  .app-space :where(.card, .stat) { border-radius: var(--r-xl); padding: var(--s-8); }
  .app-space .spacehead h2 { font-size: var(--t-3xl); letter-spacing: -.025em; }
  .app-space .spacehead > .sicon { background: none; border: 0; }
  /*






*/
  .app-space .pagehead { background: none; border: 0; box-shadow: none;
    padding: 0; margin-block: var(--s-9) var(--s-7); }
  .app-space .pagehead > .sub, .app-space .pagehead > .pagesub {
    margin-block: var(--s-4) var(--s-6); font-size: var(--t-lg); }
  .app-space .hgreet { align-items: center; }
  .app-space .hgreet h2 { font-size: var(--t-workspace); font-weight: 600; letter-spacing: -.035em; }
  .app-space .hgreet .sub { max-width: none; font-size: var(--t-lg); }
  .app-space .hstart .go { display: inline-flex; align-items: center; min-height: 44px; }
  /*


*/
  .widbar .iconbtn { display: inline-flex; align-items: center; justify-content: center;
    width: 44px; min-height: 44px; padding: 0; color: var(--muted); }
  .widbar .iconbtn:hover { color: var(--ink); }
  .widbar .iconbtn .icon { width: 18px; height: 18px; }

  /*

*/
  .side-brand { display: none; }
  .app-space .side-brand { display: flex; align-items: center; gap: var(--s-5); padding: var(--s-6) var(--s-5) var(--s-9);
    color: var(--ink); text-decoration: none; font-size: var(--t-2xl); font-weight: 600; letter-spacing: -.025em; }
  .side-brand img { flex: none; }
  .side-spaces a { color: var(--muted); padding-block: var(--s-6); font-weight: 600; }
  .side-spaces a .icon { color: inherit; }
  .side-spaces a[aria-current="page"] { background: var(--calm-bg); color: var(--accent-ink); }
  .side-subitem { border-inline-start: 1px solid var(--line); }
  .side-navsep { margin-block: var(--s-6); }

  .home-assistant { background: var(--card); border: 1px solid var(--line);
    border-block-start: 2px solid var(--accent-ink); border-radius: var(--r-xl);
    padding: var(--s-8); margin-block-end: var(--s-9); box-shadow: var(--shadow-1); }
  .home-assistant-label { display: flex; align-items: center; gap: var(--s-4);
    color: var(--accent-ink); font-size: var(--t-lg); font-weight: 600; }
  .home-ask-entry { display: flex; justify-content: space-between; align-items: center;
    gap: var(--s-6); width: 100%; min-height: 48px; padding: var(--s-5) 0;
    border: 0; border-radius: var(--r-sm); background: none; color: var(--ink);
    text-align: start; font-size: var(--t-2xl); font-weight: 600; letter-spacing: -.015em; }
  .home-ask-entry:hover { color: var(--accent-ink); background: none; }
  .home-ask-entry > .icon { color: var(--accent-ink); }
  html[dir="rtl"] .home-ask-entry > .icon { transform: scaleX(-1); }
  .home-ask-prompts { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-block-start: var(--s-4); }
  .home-ask-prompts[hidden] { display: none; }
  /*

*/
  .home-ask-prompts[data-pending] { visibility: hidden; }
  .home-ask-prompts .ghost { font-size: var(--t-base); font-weight: 400; padding: var(--s-4) var(--s-6);
    min-height: 44px; background: var(--bg); text-align: start; white-space: normal; }
  .home-ask-prompts .ghost:hover { color: var(--accent-ink); border-color: var(--accent-ink); background: var(--calm-bg); }
  .hgrid { gap: var(--s-7); }
  .hgrid .card > h3 { font-size: var(--t-xl); font-weight: 600; margin-block-end: var(--s-6); }
  .hgrid .stat { position: relative; gap: var(--s-4); }
  .hgrid .stat .sicon { background: none; border: 0; width: 24px; height: 24px; }
  .hgrid .statval { font-weight: 600; letter-spacing: -.035em; }
  .hgrid .statlabel { font-size: var(--t-base); }
  .homeagenda { border-block-start: 2px solid var(--action); }
  /*


*/
  /*


*/
  .homeagenda .mini-item { display: grid; grid-template-columns: auto 1fr;
    justify-items: start; gap: var(--s-5) var(--s-4); padding-block: var(--s-7); }
  .homeagenda .mtitle { grid-column: 1 / -1; }
  /*



*/
  .homeagenda .mwhen { font-size: var(--t-sm); font-weight: 600;
    padding: var(--s-2) var(--s-5); border-radius: var(--r-pill);
    background: var(--hover-bg); color: var(--muted); }
  /*
*/
  .homeagenda .mini-item.soon .mwhen { background: var(--low-bg); color: var(--action-ink); }
  .homeagenda .mini-item.overdue .mwhen { background: var(--warn-bg); color: var(--urgent-ink); }
  /*


*/
  .homeagenda .mamt { grid-area: 1 / 2; justify-self: end; color: var(--ink);
    font-size: var(--t-base); font-weight: 700; font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere; }
  .homeagenda .mtitle { width: 100%; font-size: var(--t-lg); white-space: normal; overflow-wrap: anywhere; }
  .homeagenda .mtitle > bdi { white-space: normal; overflow-wrap: anywhere; }
  .homeagenda .minisub { font-size: var(--t-base); font-weight: 600; margin-block: var(--s-6) var(--s-2); }
  .hgrid [data-card="recent"] .mini-item, .hgrid [data-card="spending"] .mini-item { padding-block: var(--s-6); }
  .hgrid .caseline { padding: var(--s-6) var(--s-8); border-inline-start: 2px solid var(--action);
    border-radius: var(--r-md); background: var(--card); }

  /**/
  .docbar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-5);
    padding: 0; background: none; border: 0; margin-block: var(--s-7); }
  /*
*/
  .docbar .searchrow { flex: 1 1 240px; min-width: 0; margin: 0; }
  .docbar .searchrow input { border-radius: var(--r-md); min-height: 48px; }
  .filtoggle { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-3);
    margin: 0; min-height: 48px; padding: var(--s-4) var(--s-6); border: 1px solid var(--control-line);
    border-radius: var(--r-md); color: var(--ink); background: var(--card); font-size: var(--t-base); }
  .filterrow { flex: 1 1 100%; background: var(--card); padding: var(--s-7);
    border: 1px solid var(--line); border-radius: var(--r-lg); margin: 0; }
  .filterrow.collapsed { display: none; }
  .docbar .filtercount { flex-basis: 100%; margin: 0; }
  .flabel-sm { text-transform: none; letter-spacing: normal; font-weight: 600; }
  .cat-head { text-transform: none; letter-spacing: -.01em; font-size: var(--t-xl); }
  .card.doc { border-radius: var(--r-lg); padding: var(--s-7) var(--s-8); box-shadow: none;
    transition: border-color var(--dur-1) var(--ease), background var(--dur-1) var(--ease); }
  .card.doc:hover { border-color: var(--accent-ink); background: var(--calm-bg); transform: none; }
  .card.doc .row > strong { font-size: var(--t-xl); font-weight: 600; }
  .card.doc .meta { margin-block-start: var(--s-4); line-height: 1.6; }
  .doc-due { display: inline-flex; align-items: center; gap: var(--s-3); margin-block-start: var(--s-5);
    font-size: var(--t-base); color: var(--action-ink); }
  .doc-due.overdue { color: var(--urgent-ink); }
  .doc-tile { border-radius: var(--r-lg); }
  .tile-body { padding: var(--s-6); }
  .tile-title { font-size: var(--t-base); }

  /**/
  .money-workspace .mtiles { gap: var(--s-7); margin-block: var(--s-8); }
  .money-workspace .mcard, .money-workspace .mtile { border-radius: var(--r-xl); padding: var(--s-8); background: var(--card); }
  .money-workspace .mcard .mval { font-size: var(--t-3xl); font-weight: 600; letter-spacing: -.025em; }
  .money-workspace .mcard .mlabel { font-size: var(--t-base); }
  .money-workspace .mtilefig { font-size: var(--t-2xl); font-weight: 600; }
  /*












*/
  .money-workspace .insgroup,
  .money-workspace .ledger:not(.catledger) {
    background: var(--card); border-radius: var(--r-lg); padding: var(--s-7); }

  .money-workspace .mtabs { flex-wrap: wrap; overflow: visible; gap: var(--s-3); border: 0; }
  .money-workspace .mtab { border: 0; margin: 0; border-radius: var(--r-sm); padding: var(--s-4) var(--s-6); }
  .money-workspace .mtab.on { color: var(--accent-ink); background: var(--calm-bg); }
  .money-workspace .msechint { line-height: 1.6; }
}

/*








*/
@media (max-width: 560px) {
  .money-workspace .mtabs { flex-wrap: nowrap; overflow-x: auto; }
}
/*





*/
@media screen and (min-width: 561px) {
  .homeagenda .mtitle > bdi { display: inline; }
}
@media screen and (min-width: 1180px) {
  .with-sidebar:has(.sidebar).app-space .wrap {
    margin-inline-start: max(288px, calc(264px + (100% - 264px - var(--m-workspace)) / 2));
  }
  .with-sidebar.sidebar-collapsed:has(.sidebar).app-space .wrap {
    margin-inline-start: auto; margin-inline-end: auto;
  }
  /*




*/
  .with-sidebar:not(.sidebar-collapsed).app-space .top h1 {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  /**/
  .with-sidebar:not(.sidebar-collapsed):has(#sidemoneymore[aria-expanded="true"]) .money-workspace .mtabs { display: none; }
}
@media screen and (max-width: 560px) {
  .home-assistant { padding: var(--s-7); border-radius: var(--r-lg); margin-block-end: var(--s-7); }
  .home-ask-entry { font-size: var(--t-xl); }
  .home-ask-prompts { gap: var(--s-3); }
  .home-ask-prompts .ghost { min-height: 44px; }
  /**/
  .app-space :where(.card, .stat) { padding: var(--s-7); border-radius: var(--r-lg); }
  .docbar .searchrow { flex-basis: 100%; }
  .filtoggle { min-height: 44px; }
  .card.doc { padding: var(--s-7); }
  .card.doc .row { flex-wrap: wrap; }
  .card.doc .row > strong { flex: 1 1 calc(100% - var(--s-9)); }
  .card.doc .row > .tag-everyday { margin-inline-start: 0; }
  .money-workspace .mcard, .money-workspace .mtile { padding: var(--s-6); border-radius: var(--r-lg); }
  .money-workspace .mcard .mval { font-size: var(--t-2xl); }
  .money-workspace .mtab { font-size: var(--t-base); min-height: 44px; display: inline-flex; align-items: center; }
}


/**/
.landing-intro-copy { min-width: 0; }
.hero-preview { align-self: center; min-width: 0; padding: var(--s-9);
  border: 1px solid var(--line); border-radius: var(--r-xl);
  background: var(--card); box-shadow: var(--shadow-2); }
.hero-preview[hidden], .landing-intro:has(#capture[hidden]) .hero-preview { display: none; }
.hero-preview-top { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-5); padding-block-end: var(--s-7); margin-block-end: var(--s-7);
  border-block-end: 1px solid var(--line); }
.hero-preview-top .brand { font-size: var(--t-xl); font-weight: 700; color: var(--accent-ink); }
.hero-preview h2 { font-size: var(--t-3xl); line-height: 1.25; margin: var(--s-4) 0 var(--s-8); }
.hero-fact { display: flex; flex-direction: column; gap: var(--s-3);
  padding-block: var(--s-6); border-block-start: 1px solid var(--line); }
.hero-fact > span { color: var(--muted); font-size: var(--t-base); }
.hero-fact strong { font-size: var(--t-lg); font-weight: 600; }
.hero-fact-amount { flex-direction: row; align-items: center; justify-content: space-between;
  gap: var(--s-5); flex-wrap: wrap; }
.hero-fact-amount strong { font-size: var(--t-3xl); font-variant-numeric: tabular-nums; }
.hero-next { display: flex; align-items: flex-start; gap: var(--s-5);
  border-radius: var(--r-lg); background: var(--chip-bg); padding: var(--s-6); margin-block: var(--s-5); }
.hero-next h3 { margin: 0 0 var(--s-3); }
.hero-next p { margin: 0; font-size: var(--t-md); }
/*



*/
.hero-preview .filed { display: flex; align-items: center; gap: var(--s-4);
  margin: var(--s-6) 0 0; font-size: var(--t-md); font-weight: 600; color: var(--ink); }
/*
*/
.hero-preview .filed > [data-icon], .demo-col .filed > [data-icon] {
  display: inline-flex; flex: none; }
.hero-preview .filed .icon { width: 16px; height: 16px; color: var(--accent-ink); }
.hero-example-link { display: inline-flex; align-items: center; min-height: 44px;
  margin-block-start: var(--s-4); font-weight: 600; }
.hero-proof-money { display: none; }
[data-face="money"] .hero-proof-docs { display: none; }
[data-face="money"] .hero-proof-money { display: block; }
.hero-categories { margin: 0; }
.hero-categories > div { display: flex; justify-content: space-between; gap: var(--s-6);
  padding-block: var(--s-5); border-block-end: 1px solid var(--line); }
.hero-categories dd { margin: 0; font-variant-numeric: tabular-nums; }
@media (min-width: 900px) {
  .home-space:not(.with-sidebar):has(#heropreview:not([hidden])) .wrap { max-width: 1200px; }
  .landing-intro:has(#heropreview:not([hidden])):has(#capture:not([hidden])) {
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: clamp(28px, 5vw, 72px); padding-block: var(--s-8) var(--s-9); }
  .landing-intro .hero { font-size: clamp(40px, 4.7vw, 64px); }
  .landing-intro .herosub { font-size: var(--t-lg); }
}
@media (max-width: 899px) {
  .hero-preview { margin-block: var(--s-9); padding: var(--s-7); }
}

/**/
.hstart { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;
  gap: var(--s-4); }
.hstart .widbar { display: flex; flex-wrap: wrap; gap: var(--s-3); margin: 0; }

/*




*/
@media (max-width: 560px) {
  .hgreet { flex-wrap: nowrap; align-items: flex-start; gap: var(--s-5); }
  .hgreet > :first-child { min-width: 0; }
}
/*


*/
.home-spaces { margin-block-end: var(--s-7); }
.home-spaces h3 { margin-block: 0 var(--s-3); }
.spacepicks { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-block: var(--s-5) 0; }
.spaceacts { display: flex; flex-wrap: wrap; gap: var(--s-4); align-items: center; margin-block-start: var(--s-6); }
.home-spaces .alsoerr { margin-block: var(--s-4) 0; }
.home-spaces .alsoerr[hidden] { display: none; }
.home-onboarding { display: flex; align-items: flex-start; gap: var(--s-6); margin-block-end: var(--s-7); }
.home-onboarding[hidden] { display: none; }
.home-onboarding h3 { margin-block: 0 var(--s-3); }
.home-onboarding .ghost { display: inline-flex; margin-block-start: var(--s-5); }
.home-trust { display: flex; align-items: flex-start; gap: var(--s-4); margin: var(--s-5) 0 0;
  font-size: var(--t-md); line-height: 1.45; color: var(--muted); }
.home-trust .icon { flex: none; width: 16px; height: 16px; margin-block-start: var(--s-1); color: var(--accent-ink); }

/*






*/
.navmore { display: none; }
@media (max-width: 560px) {
  .appnav:has(.navmore) { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch; overflow: visible; gap: var(--s-1); }
  .appnav[hidden] { display: none; }
  /*

*/
  .appnav > .nav-secondary, .appnav > .navsep { display: none; }
  .appnav > a, .navmore > summary { display: flex; flex-direction: column; align-items: center;
    justify-content: flex-start; gap: var(--s-2); padding: var(--s-3) var(--s-1);
    min-height: 60px; height: 100%; color: var(--muted); font-size: var(--t-base);
    font-weight: 600; text-align: center; border-radius: var(--r-md); cursor: pointer; }
  .appnav a span:not(.icon) { position: static; width: auto; height: auto; margin: 0;
    clip: auto; clip-path: none; overflow: visible; white-space: normal; overflow-wrap: anywhere; }
  .navmore { display: block; min-width: 0; }
  .navmore:not([open]) .navmore-links { display: none; }
  .navmore > summary { list-style: none; }
  .navmore > summary::-webkit-details-marker { display: none; }
  .navmore > summary .icon { width: 21px; height: 21px; }
  .navmore[open] > summary { background: var(--chip-bg); color: var(--ink); }
  .navmore:has(a[aria-current="page"]) > summary { background: var(--accent); color: var(--on-accent); }
  .navmore-links { position: absolute; inset-inline: var(--s-5);
    inset-block-end: calc(100% + var(--s-3)); max-height: min(60dvh, 420px); overflow-y: auto;
    border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-4);
    background: var(--card); box-shadow: var(--shadow-2); }
  .navmore-links a { display: flex; justify-content: flex-start; gap: var(--s-5);
    padding: var(--s-5); min-height: 48px; white-space: normal; text-align: start; }
  /*


*/
  .app-space .wrap, .with-sidebar.home-space .wrap { padding-block-end: calc(96px + var(--sa-bottom)); }
  .hstart { justify-content: flex-start; }
}
/*






*/
@media (max-width: 360px) {
  .appnav:has(.navmore) { gap: 0; padding-inline: var(--s-1); }
  .appnav > a, .navmore > summary { font-size: var(--t-xs); padding-inline: 0; }
  .appnav > a span:not(.icon), .navmore > summary span:not(.icon) {
    font-weight: 500; letter-spacing: -.012em; }
}

.doc-sections { display: flex; flex-wrap: wrap; gap: var(--s-4); margin-block: var(--s-6); }
.doc-sections .ghost { display: inline-flex; align-items: center; }
[id^="doc-"][tabindex="-1"] { scroll-margin-block-start: 96px; }
@media (max-width: 560px) {
  [id^="doc-"][tabindex="-1"] { scroll-margin-block-start: var(--s-7); }
}

/*











*/
.histday { margin-block-end: var(--s-7); }
.histdate { font-size: var(--t-lg); margin: 0 0 var(--s-6); }
.histrows { list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: var(--s-7); }
.histrow { display: grid; grid-template-columns: 22px 1fr; gap: var(--s-6);
  align-items: start; }
/*
*/
.histmark { color: var(--muted); display: inline-flex; }
.histmark svg { width: 18px; height: 18px; }
.histbody { min-width: 0; }              /**/
.histsaid { margin: 0; font-size: var(--t-base); }
/*
*/
.histwhen { color: var(--muted); font-size: var(--t-sm); white-space: nowrap;
  margin-inline-start: var(--s-2); }
.histmeta { margin: var(--s-1) 0 0; font-size: var(--t-sm); }
.histmadelabel { margin: var(--s-4) 0 var(--s-2); font-size: var(--t-sm);
  color: var(--muted); }
/*

*/
.histmade { list-style: none; margin: 0;
  padding-block: 0; padding-inline: var(--s-6) 0;
  border-inline-start: 2px solid var(--line);
  display: flex; flex-direction: column; gap: var(--s-2); }
.histmade li { font-size: var(--t-md); }
/*
*/
.histgone { color: var(--muted); }
.histgone .sub { font-size: var(--t-sm); }

/*










*/

/*

*/
.noteinput { width: 100%; border: 1px solid transparent; background: none;
  border-radius: var(--r-sm); padding: var(--s-3) var(--s-4);
  font: inherit; color: inherit; }
/*





*/
.noteinput:focus { border-color: var(--line); background: var(--card); }
/*







*/
.notetitle, .notebody { margin-inline-start: calc(var(--s-4) * -1);
  width: calc(100% + var(--s-4)); }
.listtitle { margin-inline-start: calc(var(--s-4) * -1); }
.notetitle { font-size: var(--t-xl); font-weight: 650; }
/*



*/
.notebody { resize: none; overflow: hidden; min-height: 4.8em; line-height: 1.55; }

/**/

/*















*/
.noteswall { columns: 280px; column-gap: var(--s-6); }
/*


*/
/*




*/
@media (min-width: 361px) and (max-width: 560px) {
  .noteswall { column-width: auto; column-count: 2; column-gap: var(--s-5); }
}
/*


*/
.noteswall > .card { break-inside: avoid; margin-bottom: var(--s-6); }
@media (max-width: 560px) { .noteswall > .card { margin-bottom: var(--s-5); } }
/*
*/
@media (max-width: 560px) { .noteswall > .notecard { padding: var(--s-5); } }

/*





*/
.listsgrid { display: grid; gap: var(--s-6); align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); }
/*




*/
.listsgrid > .card:not(.listcard) { grid-column: 1 / -1; }

.notecard { display: flex; flex-direction: column; gap: var(--s-4); }
/*





*/
.notecard:hover { box-shadow: var(--shadow-2); transform: translateY(-1px); }
/*

*/
.notehead { display: flex; flex-direction: column; gap: var(--s-2);
  width: 100%; text-align: start; border: 0; background: none; padding: 0;
  color: inherit; font: inherit; cursor: pointer; min-height: 44px; }
.notetitleline { display: flex; align-items: flex-start; gap: var(--s-4);
  font-size: var(--t-lg); font-weight: 600; }
/*




*/
.notetitleline > bdi { min-width: 0; overflow-wrap: anywhere; }
/*


*/
.noteline { line-height: 1.5; overflow-wrap: anywhere; }
/**/
/*




*/
.notefoot { display: flex; align-items: flex-end; gap: var(--s-4);
  justify-content: space-between; }
.notewhen { margin-inline-start: auto; color: var(--muted); font-size: var(--t-sm);
  white-space: nowrap; font-variant-numeric: tabular-nums; flex: 0 0 auto; }
/*






*/
.notefoot > .notechip, .notefoot > .notegone,
.noteacts > .notechip, .noteacts > .notegone { min-width: 0; flex: 0 1 auto; }
/*









*/
@media (min-width: 361px) and (max-width: 560px) {
  .notefoot { flex-wrap: wrap; }
  .notefoot > .notechip { flex: 1 1 100%; }
}
.noteacts { flex-wrap: wrap; gap: var(--s-4); align-items: center; }
/*

*/
/**/
/*


*/
.kshr-write { border-color: var(--control-line); background: var(--card);
  margin-top: var(--s-4); }
/*

*/
.kshr-until { margin-top: var(--s-5); color: var(--muted); }
/*

*/
.kshr-kept { background: var(--bg); border-color: var(--line); }
/*
*/
.kshr-count { margin: 0 0 var(--s-3); }
#thing .budtrack { margin-bottom: var(--s-5); }
#thing .budfill { background: var(--ok); }

.noteclash { border-top: 1px solid var(--line); padding-top: var(--s-4);
  display: flex; flex-direction: column; gap: var(--s-3); }
/*



*/
.noteclash[hidden] { display: none; }
.noteclash textarea { background: var(--bg); }
/*

*/
.noteacts .danger { margin-inline-start: auto; }
.notesaved { color: var(--ok-ink); }

/*
*/
/*




*/
.notechip[hidden] { display: none; }
.notechip { display: inline-flex; align-items: center; gap: var(--s-3);
  align-self: flex-start; max-width: 100%;
  padding: var(--s-2) var(--s-4); border: 1px solid var(--line);
  border-radius: var(--r-pill); font-size: var(--t-sm); color: var(--muted);
  text-decoration: none; }
.notechip:hover { color: inherit; }
.notechip svg { width: 13px; height: 13px; flex: 0 0 auto; }
/*





*/
/*







*/
.notechip bdi { min-width: 0; overflow-wrap: break-word; hyphens: auto; }
.notechip { align-items: flex-start; }
.notechip .icon { margin-top: 1px; }
/*
*/
.notegone { margin: 0; font-size: var(--t-sm); }

/**/
.listcard { display: flex; flex-direction: column; gap: var(--s-4); }
/*



*/
.listcard .budtrack { margin-block: var(--s-4) var(--s-5); }
.listcard .budfill { background: var(--ok); }
/*





*/
.listhead { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4); }
.listtitle { flex: 1; min-width: 0; font-size: var(--t-lg); font-weight: 600; }
.listcount { white-space: nowrap; font-variant-numeric: tabular-nums; }

.checklines { list-style: none; margin: 0; padding: 0; }
/*





*/
/*



*/
.checkrow .odone-btn, .steps--ticks .odone-btn,
.homecheck .odone-btn { opacity: 1; }
/*






















*/
.checkrow .odone-btn, .steps--ticks .odone-btn,
.homecheck .odone-btn { color: transparent; }
.checkrow .odone-btn::before, .steps--ticks .odone-btn::before,
/*




*/
.homecheck .odone-btn::before { content: ""; position: absolute;
  inset-block: 3px; inset-inline-start: 0; inset-inline-end: 6px;
  border: 2px solid var(--line); border-radius: var(--r-xs);
  transition: background var(--dur-1) ease, border-color var(--dur-1) ease; }
/*













*/
.checkrow .odone-btn .icon, .steps--ticks .odone-btn .icon,
.homecheck .odone-btn .icon { position: relative; z-index: 1;
  width: 14px; height: 14px; margin-inline-end: 6px; }
.checkrow .odone-btn svg, .steps--ticks .odone-btn svg,
.homecheck .odone-btn svg { stroke-width: 3; }
/*
*/
.checkrow .odone-btn:hover, .steps--ticks .odone-btn:hover,
.homecheck .odone-btn:hover { color: var(--ok-ink); }
.checkrow .odone-btn:hover::before, .steps--ticks .odone-btn:hover::before,
.homecheck .odone-btn:hover::before { border-color: var(--ok-ink); }
/*

*/
.checkrow .odone-btn.on, .steps--ticks .odone-btn.on,
.homecheck .odone-btn.on { color: var(--card); }
.checkrow .odone-btn.on::before, .steps--ticks .odone-btn.on::before,
.homecheck .odone-btn.on::before { background: var(--ok-ink);
  border-color: var(--ok-ink); }
/*



*/
.checkrow:hover .ox, .checkrow .ox:focus-visible { opacity: 1; }
/*


*/
/*
*/
.listhead .checkmenu { align-self: center; }
/*










*/
.checkrow { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--s-4);
  padding-block: var(--s-3); border-bottom: 1px solid var(--line);
  min-height: 44px; }
.checkrow:last-child { border-bottom: 0; }
.checktext, .steptext { flex: 1 1 auto; min-width: 0; }
.checktext bdi, .steptext bdi { overflow-wrap: anywhere; }
/*

*/
.checkrow--done .checktext, .checkrow--done .steptext { color: var(--muted);
  text-decoration: line-through; }
/*


*/
.checkfrom { display: block; font-size: var(--t-sm); color: var(--muted);
  margin-top: 2px; }
/*


*/
/*


*/
.sharedmark { cursor: default; }
.sharedmark:hover { color: var(--muted); }
/*

*/
.remindchip { cursor: default; }
.remindchip:hover { color: var(--muted); }
/*

*/
.remindchip.inherited { border-style: dashed; }
/*




















*/
.listcadence { flex: 1 0 calc(100% + 6px); min-width: 0; max-width: none;
  opacity: 1; margin-inline: -6px 0; }
/**/
.notewhenfield { width: auto; flex: 0 0 auto; }
/*






*/
@media (max-width: 560px) { .notewhenfield { flex: 1 0 100%; } }
/*




*/
.noteacts .ghost { gap: var(--s-3); }
.sharedn { font-variant-numeric: tabular-nums; font-weight: 600; }
/*
*/
.rowchips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3);
  min-width: 0; }
/*







*/
.keepshare { max-height: min(62vh, 520px); overflow-y: auto;
  padding-inline-end: var(--s-3); padding-bottom: var(--s-5);
  scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
/*




*/
.keepshare::-webkit-scrollbar { width: 8px; }
.keepshare::-webkit-scrollbar-track { background: transparent; }
.keepshare::-webkit-scrollbar-thumb { background: var(--line);
  border-radius: var(--r-pill); }
.checkdue { font-size: var(--t-sm); color: var(--muted); white-space: nowrap;
  font-variant-numeric: tabular-nums; }
.checkdue.overdue { color: var(--urgent-ink); font-weight: 700; }
.checkdue.soon { color: var(--action-ink); font-weight: 600; }
/*






*/
.checkdate { flex: 0 1 8.5em; width: 8.5em; min-width: 0; }
/*

*/
/*





*/
.checkmenu { position: relative; margin: 0; flex: 0 0 auto; }
.checkmenu > summary { list-style: none; cursor: pointer; }
.checkmenu > summary::-webkit-details-marker { display: none; }
/*


*/
.checkmore { display: inline-grid; place-items: center; width: 30px; height: 30px;
  border-radius: var(--r-sm); color: var(--muted); }
.checkmore .icon { width: 16px; height: 16px; }
.checkmore:hover { color: inherit; }
/*
*/
.checkmore svg { transform: rotate(90deg); transition: transform var(--dur-1) ease; }
.checkmenu[open] > .checkmore svg { transform: rotate(-90deg); }
/*





*/
.checkmenu:not([open]) .checkacts { display: none; }
.checkacts { position: absolute; inset-inline-end: 0; top: calc(100% + var(--s-2));
  z-index: 3; display: flex; flex-direction: column; align-items: stretch;
  /*

*/
  min-width: 13em; max-width: min(17em, 80vw); padding: var(--s-2); gap: 0;
  /*

*/
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--r-sm); box-shadow: var(--shadow-2); }
/*







*/
.checkacts .ghost { justify-content: flex-start; gap: var(--s-4);
  text-align: start; min-height: 40px; width: 100%;
  border: 0; border-radius: var(--r-xs); background: none;
  padding-inline: var(--s-4); font-weight: 500; }
.checkacts .ghost:hover { background: var(--calm-bg); }
.checkacts .ghost.danger:hover { background: var(--warn-bg); }
.checkacts .ghost[disabled] { opacity: .4; cursor: default; }
.checkacts .ghost[disabled]:hover { background: none; }
/*



*/
.checkacts [data-check-up] svg { transform: rotate(-90deg); }
.checkacts [data-check-down] svg { transform: rotate(90deg); }

/*



*/
.checkadd { gap: 0; }
.checkaddicon { color: var(--muted); display: inline-flex; flex: 0 0 auto;
  width: 30px; justify-content: center; }
.checkaddicon svg { width: 16px; height: 16px; }
.checkinput { flex: 1; min-width: 0; }

/*
*/
/*





*/
ol.steps--ticks { list-style: none; padding: 0; }
[dir="rtl"] ol.steps--ticks { padding-right: 0; }
.steps--ticks > li { display: flex; align-items: center; gap: var(--s-4);
  padding-block: var(--s-3); min-height: 44px; }
.homecheck { align-items: center; }

/**/
/*
*/
.dlg-tabs { display: flex; gap: var(--s-3); }
.dlg-tab { flex: 1; min-height: 36px; padding: var(--s-3) var(--s-4);
  border: 1px solid var(--line); background: none; border-radius: var(--r-sm);
  color: var(--muted); font: inherit; font-size: var(--t-md); cursor: pointer; }
.dlg-tab.on { color: inherit; border-color: currentColor; font-weight: 600; }
.dlg-pick.on { border-color: currentColor; }

/*


*/
.mailaddr { direction: ltr; unicode-bidi: isolate; word-break: break-all; }

/*




*/
/*


*/
.home-mailwait {
  display: flex; align-items: center; gap: var(--s-5);
  margin: 0 0 var(--s-6);
}
/*




*/
.home-mailwait[hidden] { display: none; }
.home-mailwait > div { flex: 1 1 auto; min-width: 0; }
.home-mailwait h3 { margin: 0; }

/*

*/
.mailwait-fold > summary.mailwait-sum {
  display: flex; align-items: center; gap: var(--s-4);
  min-height: 44px; cursor: pointer; list-style: none;
}
.mailwait-fold > summary.mailwait-sum::-webkit-details-marker { display: none; }
.mailwait-fold > summary.mailwait-sum::marker { content: ""; }
.mailwait-sum h3 { margin: 0; flex: 1 1 auto; min-width: 0; }
.mailwait-chev { display: inline-grid; flex: none; width: 16px; height: 16px; color: var(--muted);
  transition: transform var(--dur-1) var(--ease); }
.mailwait-chev svg { width: 100%; height: 100%; display: block; }
[dir="rtl"] .mailwait-chev { transform: scaleX(-1); }
.mailwait-fold[open] .mailwait-chev { transform: rotate(90deg); }
[dir="rtl"] .mailwait-fold[open] .mailwait-chev { transform: rotate(-90deg) scaleX(-1); }
.mailwait-fold[open] > summary.mailwait-sum { margin-block-end: var(--s-2); }
@media (prefers-reduced-motion: reduce) { .mailwait-chev { transition: none; } }

.mailrows { list-style: none; margin: 0; padding: 0; }
.mailrows li {
  display: flex; align-items: center; gap: var(--s-5); flex-wrap: wrap;
  padding: 7px 0; border-bottom: 1px solid var(--line);
  font-size: var(--t-lg);
}
.mailrows li:last-child { border-bottom: 0; }
.mailrows .mailrow-note { color: var(--muted); font-size: var(--t-sm); }
/*




*/
/*


*/
.mailrows .mailrow-due {
  font-size: var(--t-sm); color: var(--ink); white-space: nowrap;
  background: var(--chip-bg); border-radius: var(--r-pill);
  padding: 2px var(--s-4);
}
.mailrows .mailrow-due.overdue { background: var(--warn-bg); color: var(--warn-ink); }

.mailrows li > .go, .mailrows li > .ghost { margin-inline-start: auto; }
/*





*/
.mailrows .mailrow-acts { display: flex; align-items: center; gap: var(--s-4);
  margin-inline-start: auto; }
@media (max-width: 560px) {
  .mailrows .mailrow-acts { flex-basis: 100%; margin-inline-start: 0; }
}
/**/
.mailrows a { min-width: 0; }
/*




*/
.mailrows li.mailrow-wait .mailrow-note { color: var(--warn-ink); }
.mailrows li.mailrow-wait .mailaddr { opacity: .72; }