/* whiledo · Material 3 Expressive foundation · Osaka Jade seed
   Tokens, type, shape, motion. Shared by whiledo.xyz, about.whiledo.xyz and git.whiledo.xyz. */
:root{
  color-scheme:dark;
  /* color roles (dark, seed Osaka Jade) */
  --md-primary:#7f9db9;--md-on-primary:#0b2133;--md-primary-container:#2c4a64;--md-on-primary-container:#cfe5fa;
  --md-secondary:#b6c8d9;--md-on-secondary:#213343;--md-secondary-container:#384a5b;--md-on-secondary-container:#d2e4f5;
  --md-tertiary:#e6c36a;--md-on-tertiary:#3d2f00;--md-tertiary-container:#584400;--md-on-tertiary-container:#ffdf90;
  --md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;
  --md-surface:#0e1317;--md-surface-dim:#0e1317;--md-surface-bright:#353b41;
  --md-surface-lowest:#090d10;--md-surface-low:#161b20;--md-surface-container:#1a2025;--md-surface-high:#252b30;--md-surface-highest:#30363c;
  --md-on-surface:#dee3e9;--md-on-surface-variant:#c0c7cf;--md-outline:#8a9199;--md-outline-variant:#40474e;
  --md-inverse-surface:#dee3e9;--md-inverse-on-surface:#2b3136;--md-scrim:#000;
  /* type: Roboto Flex is the expressive variable family; falls back to system sans */
  --font-brand:"Roboto Flex","Google Sans Flex","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
  --font-plain:"Roboto Flex","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* shape scale */
  --shape-xs:4px;--shape-sm:8px;--shape-md:12px;--shape-lg:16px;--shape-lg-inc:20px;--shape-xl:28px;--shape-xl-inc:32px;--shape-xxl:48px;--shape-full:999px;
  /* motion: spatial springs overshoot, effects springs never do */
  --ease-effects:cubic-bezier(.2,0,0,1);
  --ease-emphasized-in:cubic-bezier(.3,0,.8,.15);
  --ease-emphasized-out:cubic-bezier(.05,.7,.1,1);
  --dur-fast:200ms;--dur:350ms;--dur-slow:500ms;
  /* state layers */
  --state-hover:8%;--state-focus:10%;--state-press:10%;
}
:root{
--shape-cookie:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M96.1 50.0L95.9 51.2L95.5 52.4L94.8 53.5L93.9 54.6L92.7 55.6L91.5 56.6L90.2 57.5L88.9 58.3L87.7 59.1L86.6 59.8L85.7 60.6L84.9 61.3L84.4 62.2L84.1 63.1L84.0 64.1L84.2 65.2L84.4 66.4L84.8 67.8L85.3 69.2L85.7 70.6L86.2 72.2L86.4 73.7L86.6 75.1L86.5 76.5L86.3 77.8L85.8 79.0L85.0 79.9L84.1 80.7L82.9 81.2L81.6 81.6L80.1 81.8L78.6 81.8L77.1 81.7L75.5 81.5L74.0 81.3L72.6 81.1L71.3 81.0L70.2 81.0L69.1 81.2L68.2 81.6L67.5 82.2L66.8 83.0L66.2 84.0L65.6 85.1L65.1 86.4L64.5 87.8L63.9 89.3L63.2 90.7L62.4 92.0L61.6 93.2L60.6 94.1L59.5 94.8L58.4 95.3L57.2 95.5L56.0 95.3L54.7 94.9L53.5 94.3L52.3 93.4L51.1 92.4L50.0 91.3L48.9 90.1L48.0 89.0L47.0 88.0L46.1 87.2L45.2 86.5L44.3 86.1L43.3 85.9L42.4 85.9L41.3 86.2L40.2 86.6L39.0 87.2L37.7 87.8L36.3 88.6L34.9 89.2L33.5 89.8L32.1 90.3L30.7 90.6L29.3 90.6L28.1 90.4L27.0 89.9L26.0 89.2L25.2 88.2L24.6 87.0L24.1 85.7L23.8 84.2L23.5 82.7L23.4 81.1L23.4 79.6L23.3 78.1L23.2 76.8L23.0 75.6L22.7 74.6L22.2 73.7L21.6 73.0L20.8 72.4L19.7 72.0L18.5 71.6L17.2 71.3L15.8 71.0L14.3 70.6L12.7 70.2L11.3 69.7L9.9 69.1L8.7 68.4L7.8 67.5L7.0 66.5L6.6 65.4L6.4 64.2L6.5 62.9L6.8 61.6L7.4 60.2L8.2 58.9L9.0 57.6L10.0 56.3L10.9 55.1L11.8 54.0L12.5 53.0L13.0 51.9L13.4 51.0L13.5 50.0L13.4 49.0L13.0 48.1L12.5 47.0L11.8 46.0L10.9 44.9L10.0 43.7L9.0 42.4L8.2 41.1L7.4 39.8L6.8 38.4L6.5 37.1L6.4 35.8L6.6 34.6L7.0 33.5L7.8 32.5L8.7 31.6L9.9 30.9L11.3 30.3L12.7 29.8L14.3 29.4L15.8 29.0L17.2 28.7L18.5 28.4L19.7 28.0L20.8 27.6L21.6 27.0L22.2 26.3L22.7 25.4L23.0 24.4L23.2 23.2L23.3 21.9L23.4 20.4L23.4 18.9L23.5 17.3L23.8 15.8L24.1 14.3L24.6 13.0L25.2 11.8L26.0 10.8L27.0 10.1L28.1 9.6L29.3 9.4L30.7 9.4L32.1 9.7L33.5 10.2L34.9 10.8L36.3 11.4L37.7 12.2L39.0 12.8L40.2 13.4L41.3 13.8L42.4 14.1L43.3 14.1L44.3 13.9L45.2 13.5L46.1 12.8L47.0 12.0L48.0 11.0L48.9 9.9L50.0 8.7L51.1 7.6L52.3 6.6L53.5 5.7L54.7 5.1L56.0 4.7L57.2 4.5L58.4 4.7L59.5 5.2L60.6 5.9L61.6 6.8L62.4 8.0L63.2 9.3L63.9 10.7L64.5 12.2L65.1 13.6L65.6 14.9L66.2 16.0L66.8 17.0L67.5 17.8L68.2 18.4L69.1 18.8L70.2 19.0L71.3 19.0L72.6 18.9L74.0 18.7L75.5 18.5L77.1 18.3L78.6 18.2L80.1 18.2L81.6 18.4L82.9 18.8L84.1 19.3L85.0 20.1L85.8 21.0L86.3 22.2L86.5 23.5L86.6 24.9L86.4 26.3L86.2 27.8L85.7 29.4L85.3 30.8L84.8 32.2L84.4 33.6L84.2 34.8L84.0 35.9L84.1 36.9L84.4 37.8L84.9 38.7L85.7 39.4L86.6 40.2L87.7 40.9L88.9 41.7L90.2 42.5L91.5 43.4L92.7 44.4L93.9 45.4L94.8 46.5L95.5 47.6L95.9 48.8Z'/%3E%3C/svg%3E");
--shape-sunny:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L98.0 51.3L97.8 52.5L97.6 53.7L97.2 55.0L96.8 56.2L96.3 57.3L95.7 58.5L94.9 59.6L94.1 60.6L93.2 61.6L92.2 62.5L91.0 63.3L89.7 64.1L88.2 64.6L85.5 64.7L87.3 66.6L88.0 68.1L88.4 69.6L88.7 71.0L88.7 72.4L88.7 73.7L88.5 75.0L88.3 76.3L87.9 77.5L87.5 78.7L86.9 79.9L86.3 81.0L85.6 82.0L84.8 83.0L83.9 83.9L83.0 84.8L82.0 85.6L81.0 86.3L79.9 86.9L78.7 87.5L77.5 87.9L76.3 88.3L75.0 88.5L73.7 88.7L72.4 88.7L71.0 88.7L69.6 88.4L68.1 88.0L66.6 87.3L64.7 85.5L64.6 88.2L64.1 89.7L63.3 91.0L62.5 92.2L61.6 93.2L60.6 94.1L59.6 94.9L58.5 95.7L57.3 96.3L56.2 96.8L55.0 97.2L53.7 97.6L52.5 97.8L51.3 98.0L50.0 98.0L48.7 98.0L47.5 97.8L46.3 97.6L45.0 97.2L43.8 96.8L42.7 96.3L41.5 95.7L40.4 94.9L39.4 94.1L38.4 93.2L37.5 92.2L36.7 91.0L35.9 89.7L35.4 88.2L35.3 85.5L33.4 87.3L31.9 88.0L30.4 88.4L29.0 88.7L27.6 88.7L26.3 88.7L25.0 88.5L23.7 88.3L22.5 87.9L21.3 87.5L20.1 86.9L19.0 86.3L18.0 85.6L17.0 84.8L16.1 83.9L15.2 83.0L14.4 82.0L13.7 81.0L13.1 79.9L12.5 78.7L12.1 77.5L11.7 76.3L11.5 75.0L11.3 73.7L11.3 72.4L11.3 71.0L11.6 69.6L12.0 68.1L12.7 66.6L14.5 64.7L11.8 64.6L10.3 64.1L9.0 63.3L7.8 62.5L6.8 61.6L5.9 60.6L5.1 59.6L4.3 58.5L3.7 57.3L3.2 56.2L2.8 55.0L2.4 53.7L2.2 52.5L2.0 51.3L2.0 50.0L2.0 48.7L2.2 47.5L2.4 46.3L2.8 45.0L3.2 43.8L3.7 42.7L4.3 41.5L5.1 40.4L5.9 39.4L6.8 38.4L7.8 37.5L9.0 36.7L10.3 35.9L11.8 35.4L14.5 35.3L12.7 33.4L12.0 31.9L11.6 30.4L11.3 29.0L11.3 27.6L11.3 26.3L11.5 25.0L11.7 23.7L12.1 22.5L12.5 21.3L13.1 20.1L13.7 19.0L14.4 18.0L15.2 17.0L16.1 16.1L17.0 15.2L18.0 14.4L19.0 13.7L20.1 13.1L21.3 12.5L22.5 12.1L23.7 11.7L25.0 11.5L26.3 11.3L27.6 11.3L29.0 11.3L30.4 11.6L31.9 12.0L33.4 12.7L35.3 14.5L35.4 11.8L35.9 10.3L36.7 9.0L37.5 7.8L38.4 6.8L39.4 5.9L40.4 5.1L41.5 4.3L42.7 3.7L43.8 3.2L45.0 2.8L46.3 2.4L47.5 2.2L48.7 2.0L50.0 2.0L51.3 2.0L52.5 2.2L53.7 2.4L55.0 2.8L56.2 3.2L57.3 3.7L58.5 4.3L59.6 5.1L60.6 5.9L61.6 6.8L62.5 7.8L63.3 9.0L64.1 10.3L64.6 11.8L64.7 14.5L66.6 12.7L68.1 12.0L69.6 11.6L71.0 11.3L72.4 11.3L73.7 11.3L75.0 11.5L76.3 11.7L77.5 12.1L78.7 12.5L79.9 13.1L81.0 13.7L82.0 14.4L83.0 15.2L83.9 16.1L84.8 17.0L85.6 18.0L86.3 19.0L86.9 20.1L87.5 21.3L87.9 22.5L88.3 23.7L88.5 25.0L88.7 26.3L88.7 27.6L88.7 29.0L88.4 30.4L88.0 31.9L87.3 33.4L85.5 35.3L88.2 35.4L89.7 35.9L91.0 36.7L92.2 37.5L93.2 38.4L94.1 39.4L94.9 40.4L95.7 41.5L96.3 42.7L96.8 43.8L97.2 45.0L97.6 46.3L97.8 47.5L98.0 48.7Z'/%3E%3C/svg%3E");
--shape-clover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L98.0 51.3L97.9 52.5L97.7 53.8L97.4 55.0L97.1 56.2L96.8 57.4L96.3 58.6L95.8 59.7L95.2 60.9L94.6 61.9L93.9 63.0L93.1 64.0L92.3 65.0L91.4 65.9L90.5 66.8L89.6 67.6L88.5 68.4L87.5 69.1L86.3 69.7L85.2 70.3L84.0 70.8L82.7 71.3L81.4 71.6L80.1 71.9L78.8 72.1L77.4 72.1L75.9 72.1L74.3 71.9L72.7 71.5L70.4 70.4L71.5 72.7L71.9 74.3L72.1 75.9L72.1 77.4L72.1 78.8L71.9 80.1L71.6 81.4L71.3 82.7L70.8 84.0L70.3 85.2L69.7 86.3L69.1 87.5L68.4 88.5L67.6 89.6L66.8 90.5L65.9 91.4L65.0 92.3L64.0 93.1L63.0 93.9L61.9 94.6L60.9 95.2L59.7 95.8L58.6 96.3L57.4 96.8L56.2 97.1L55.0 97.4L53.8 97.7L52.5 97.9L51.3 98.0L50.0 98.0L48.7 98.0L47.5 97.9L46.2 97.7L45.0 97.4L43.8 97.1L42.6 96.8L41.4 96.3L40.3 95.8L39.1 95.2L38.1 94.6L37.0 93.9L36.0 93.1L35.0 92.3L34.1 91.4L33.2 90.5L32.4 89.6L31.6 88.5L30.9 87.5L30.3 86.3L29.7 85.2L29.2 84.0L28.7 82.7L28.4 81.4L28.1 80.1L27.9 78.8L27.9 77.4L27.9 75.9L28.1 74.3L28.5 72.7L29.6 70.4L27.3 71.5L25.7 71.9L24.1 72.1L22.6 72.1L21.2 72.1L19.9 71.9L18.6 71.6L17.3 71.3L16.0 70.8L14.8 70.3L13.7 69.7L12.5 69.1L11.5 68.4L10.4 67.6L9.5 66.8L8.6 65.9L7.7 65.0L6.9 64.0L6.1 63.0L5.4 61.9L4.8 60.9L4.2 59.7L3.7 58.6L3.2 57.4L2.9 56.2L2.6 55.0L2.3 53.8L2.1 52.5L2.0 51.3L2.0 50.0L2.0 48.7L2.1 47.5L2.3 46.2L2.6 45.0L2.9 43.8L3.2 42.6L3.7 41.4L4.2 40.3L4.8 39.1L5.4 38.1L6.1 37.0L6.9 36.0L7.7 35.0L8.6 34.1L9.5 33.2L10.4 32.4L11.5 31.6L12.5 30.9L13.7 30.3L14.8 29.7L16.0 29.2L17.3 28.7L18.6 28.4L19.9 28.1L21.2 27.9L22.6 27.9L24.1 27.9L25.7 28.1L27.3 28.5L29.6 29.6L28.5 27.3L28.1 25.7L27.9 24.1L27.9 22.6L27.9 21.2L28.1 19.9L28.4 18.6L28.7 17.3L29.2 16.0L29.7 14.8L30.3 13.7L30.9 12.5L31.6 11.5L32.4 10.4L33.2 9.5L34.1 8.6L35.0 7.7L36.0 6.9L37.0 6.1L38.1 5.4L39.1 4.8L40.3 4.2L41.4 3.7L42.6 3.2L43.8 2.9L45.0 2.6L46.2 2.3L47.5 2.1L48.7 2.0L50.0 2.0L51.3 2.0L52.5 2.1L53.8 2.3L55.0 2.6L56.2 2.9L57.4 3.2L58.6 3.7L59.7 4.2L60.9 4.8L61.9 5.4L63.0 6.1L64.0 6.9L65.0 7.7L65.9 8.6L66.8 9.5L67.6 10.4L68.4 11.5L69.1 12.5L69.7 13.7L70.3 14.8L70.8 16.0L71.3 17.3L71.6 18.6L71.9 19.9L72.1 21.2L72.1 22.6L72.1 24.1L71.9 25.7L71.5 27.3L70.4 29.6L72.7 28.5L74.3 28.1L75.9 27.9L77.4 27.9L78.8 27.9L80.1 28.1L81.4 28.4L82.7 28.7L84.0 29.2L85.2 29.7L86.3 30.3L87.5 30.9L88.5 31.6L89.6 32.4L90.5 33.2L91.4 34.1L92.3 35.0L93.1 36.0L93.9 37.0L94.6 38.1L95.2 39.1L95.8 40.3L96.3 41.4L96.8 42.6L97.1 43.8L97.4 45.0L97.7 46.2L97.9 47.5L98.0 48.7Z'/%3E%3C/svg%3E");
--shape-flower:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.9 51.3L97.5 52.5L96.8 53.7L95.9 54.8L94.8 55.9L93.5 56.9L92.0 57.8L90.5 58.6L88.8 59.3L87.1 59.9L85.4 60.5L83.7 60.9L82.1 61.4L80.6 61.7L79.2 62.1L78.0 62.5L76.9 62.8L76.1 63.3L75.4 63.8L74.9 64.4L74.7 65.1L74.5 65.9L74.6 66.9L74.8 68.0L75.1 69.2L75.5 70.6L75.9 72.1L76.3 73.7L76.8 75.4L77.2 77.2L77.5 78.9L77.7 80.7L77.8 82.5L77.7 84.2L77.5 85.9L77.1 87.3L76.6 88.7L75.9 89.9L75.0 90.8L74.0 91.6L72.8 92.1L71.6 92.3L70.2 92.4L68.8 92.2L67.3 91.7L65.8 91.1L64.3 90.3L62.8 89.3L61.3 88.3L59.9 87.1L58.6 85.9L57.4 84.7L56.2 83.5L55.1 82.4L54.1 81.3L53.2 80.5L52.3 79.8L51.5 79.2L50.8 78.9L50.0 78.8L49.2 78.9L48.5 79.2L47.7 79.8L46.8 80.5L45.9 81.3L44.9 82.4L43.8 83.5L42.6 84.7L41.4 85.9L40.1 87.1L38.7 88.3L37.2 89.3L35.7 90.3L34.2 91.1L32.7 91.7L31.2 92.2L29.8 92.4L28.4 92.3L27.2 92.1L26.0 91.6L25.0 90.8L24.1 89.9L23.4 88.7L22.9 87.3L22.5 85.9L22.3 84.2L22.2 82.5L22.3 80.7L22.5 78.9L22.8 77.2L23.2 75.4L23.7 73.7L24.1 72.1L24.5 70.6L24.9 69.2L25.2 68.0L25.4 66.9L25.5 65.9L25.3 65.1L25.1 64.4L24.6 63.8L23.9 63.3L23.1 62.8L22.0 62.5L20.8 62.1L19.4 61.7L17.9 61.4L16.3 60.9L14.6 60.5L12.9 59.9L11.2 59.3L9.5 58.6L8.0 57.8L6.5 56.9L5.2 55.9L4.1 54.8L3.2 53.7L2.5 52.5L2.1 51.3L2.0 50.0L2.1 48.7L2.5 47.5L3.2 46.3L4.1 45.2L5.2 44.1L6.5 43.1L8.0 42.2L9.5 41.4L11.2 40.7L12.9 40.1L14.6 39.5L16.3 39.1L17.9 38.6L19.4 38.3L20.8 37.9L22.0 37.5L23.1 37.2L23.9 36.7L24.6 36.2L25.1 35.6L25.3 34.9L25.5 34.1L25.4 33.1L25.2 32.0L24.9 30.8L24.5 29.4L24.1 27.9L23.7 26.3L23.2 24.6L22.8 22.8L22.5 21.1L22.3 19.3L22.2 17.5L22.3 15.8L22.5 14.1L22.9 12.7L23.4 11.3L24.1 10.1L25.0 9.2L26.0 8.4L27.2 7.9L28.4 7.7L29.8 7.6L31.2 7.8L32.7 8.3L34.2 8.9L35.7 9.7L37.2 10.7L38.7 11.7L40.1 12.9L41.4 14.1L42.6 15.3L43.8 16.5L44.9 17.6L45.9 18.7L46.8 19.5L47.7 20.2L48.5 20.8L49.2 21.1L50.0 21.2L50.8 21.1L51.5 20.8L52.3 20.2L53.2 19.5L54.1 18.7L55.1 17.6L56.2 16.5L57.4 15.3L58.6 14.1L59.9 12.9L61.3 11.7L62.8 10.7L64.3 9.7L65.8 8.9L67.3 8.3L68.8 7.8L70.2 7.6L71.6 7.7L72.8 7.9L74.0 8.4L75.0 9.2L75.9 10.1L76.6 11.3L77.1 12.7L77.5 14.1L77.7 15.8L77.8 17.5L77.7 19.3L77.5 21.1L77.2 22.8L76.8 24.6L76.3 26.3L75.9 27.9L75.5 29.4L75.1 30.8L74.8 32.0L74.6 33.1L74.5 34.1L74.7 34.9L74.9 35.6L75.4 36.2L76.1 36.7L76.9 37.2L78.0 37.5L79.2 37.9L80.6 38.3L82.1 38.6L83.7 39.1L85.4 39.5L87.1 40.1L88.8 40.7L90.5 41.4L92.0 42.2L93.5 43.1L94.8 44.1L95.9 45.2L96.8 46.3L97.5 47.5L97.9 48.7Z'/%3E%3C/svg%3E");
}

:root{
--spring-spatial:linear(0,0.047,0.158,0.297,0.441,0.574,0.691,0.786,0.862,0.918,0.959,0.986,1.004,1.014,1.019,1.02,1.019,1.017,1.014,1.011,1.008,1.006,1.004,1.003,1.002,1.001,1,1,1,1,1,1,1,1,1,1,1);
--spring-spatial-bouncy:linear(0,0.091,0.297,0.538,0.76,0.933,1.047,1.108,1.126,1.116,1.091,1.06,1.032,1.01,0.995,0.987,0.984,0.985,0.988,0.992,0.996,0.999,1.001,1.002,1.002,1.002,1.002,1.001,1.001,1,1,1,1,1,1,1,1);
--spring-spatial-fast:linear(0,0.046,0.153,0.287,0.426,0.557,0.671,0.766,0.841,0.899,0.942,0.972,0.992,1.004,1.011,1.014,1.015,1.014,1.013,1.01,1.008,1.006,1.005,1.003,1.002,1.001,1.001,1,1,1,1,1,1,1,1,1,1);
}

/* expressive type roles */
.t-display{font-family:var(--font-brand);font-stretch:125%;font-weight:800;font-optical-sizing:auto;letter-spacing:-.035em;line-height:.92}
.t-headline{font-family:var(--font-brand);font-stretch:112%;font-weight:700;letter-spacing:-.02em;line-height:1.12}
.t-title{font-family:var(--font-brand);font-weight:600;letter-spacing:-.005em;line-height:1.3}
.t-body{font-family:var(--font-plain);font-weight:400;line-height:1.6}
.t-label{font-family:var(--font-plain);font-weight:600;letter-spacing:.02em}
/* shape helpers */
.shape-cookie{-webkit-mask:var(--shape-cookie) center/100% 100% no-repeat;mask:var(--shape-cookie) center/100% 100% no-repeat}
.shape-sunny{-webkit-mask:var(--shape-sunny) center/100% 100% no-repeat;mask:var(--shape-sunny) center/100% 100% no-repeat}
.shape-clover{-webkit-mask:var(--shape-clover) center/100% 100% no-repeat;mask:var(--shape-clover) center/100% 100% no-repeat}
.shape-flower{-webkit-mask:var(--shape-flower) center/100% 100% no-repeat;mask:var(--shape-flower) center/100% 100% no-repeat}
/* wavy progress: moving sine mask over the active part */
:root{--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M0 8Q10 0 20 8T40 8' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
.e-wave{height:16px;display:flex;align-items:center;gap:6px}
.e-wave>i{display:block;height:16px;background:var(--md-primary);-webkit-mask:var(--wave) 0 0/40px 16px repeat-x;mask:var(--wave) 0 0/40px 16px repeat-x;animation:e-wave 1.2s linear infinite;border-radius:var(--shape-full);transition:width var(--dur-slow) var(--spring-spatial)}
.e-wave>b{display:block;flex:1;height:4px;background:var(--md-secondary-container);border-radius:var(--shape-full)}
@keyframes e-wave{to{-webkit-mask-position:40px 0;mask-position:40px 0}}
/* loading indicator: shape that morphs while turning */
.e-loader{width:48px;height:48px;background:var(--md-primary);display:inline-block;animation:e-morph 2.4s var(--spring-spatial-bouncy) infinite}
.e-loader-wrap{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--shape-full);background:var(--md-secondary-container)}
.e-loader-wrap .e-loader{width:38px;height:38px;background:var(--md-on-secondary-container)}
@keyframes e-morph{
  0%{border-radius:50% 50% 50% 50%;rotate:0deg;scale:1}
  20%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;rotate:72deg;scale:.88}
  40%{border-radius:12% 88% 12% 88%;rotate:144deg;scale:1}
  60%{border-radius:55% 45% 20% 80%/45% 55% 80% 20%;rotate:216deg;scale:.9}
  80%{border-radius:25%;rotate:288deg;scale:1}
  100%{border-radius:50% 50% 50% 50%;rotate:360deg;scale:1}}
/* entrance */
@keyframes e-rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes e-fade{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.e-reveal{animation:e-rise 420ms var(--ease-emphasized-out) both;animation-delay:calc(var(--i,0)*45ms)}
/* ripple (m3e.js) */
.e-ink-host{position:relative;overflow:hidden;isolation:isolate}
.e-ink{position:absolute;pointer-events:none;border-radius:50%;background:currentColor;z-index:2}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.e-ink{display:none}.e-wave>i{-webkit-mask-position:0 0;mask-position:0 0}}

/* halftone backdrop: one clean dot screen, fading out from a per-page spot (set by m3e.js) */
html{--hx1:100%;--hy1:0%;--hx2:0%;--hy2:100%}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--md-primary) 8%,transparent) 0 1.3px,transparent 1.9px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 65% 60% at var(--hx1) var(--hy1),#000 0,transparent 100%),radial-gradient(ellipse 55% 50% at var(--hx2) var(--hy2),#0008 0,transparent 100%);
  mask-image:radial-gradient(ellipse 65% 60% at var(--hx1) var(--hy1),#000 0,transparent 100%),radial-gradient(ellipse 55% 50% at var(--hx2) var(--hy2),#0008 0,transparent 100%)}
body,body.m3-git-shell,body.m3-git-framed{background:transparent!important}
/* ---- Forgejo: map Material 3 Expressive roles onto Forgejo theme variables ---- */
:root{
  --fonts-regular:var(--font-plain),"Liberation Sans",sans-serif,var(--fonts-emoji);--fonts-proportional:var(--font-plain),"Liberation Sans",sans-serif;--fonts-monospace:var(--font-mono),monospace,var(--fonts-emoji);
  --color-primary:var(--md-primary);--color-primary-contrast:var(--md-on-primary);--color-primary-hover:color-mix(in srgb,var(--md-primary),#fff 14%);--color-primary-active:color-mix(in srgb,var(--md-primary),#000 14%);
  --color-primary-alpha-10:color-mix(in srgb,var(--md-primary) 10%,transparent);--color-primary-alpha-20:color-mix(in srgb,var(--md-primary) 20%,transparent);--color-primary-alpha-30:color-mix(in srgb,var(--md-primary) 30%,transparent);--color-primary-alpha-40:color-mix(in srgb,var(--md-primary) 40%,transparent);--color-primary-alpha-50:color-mix(in srgb,var(--md-primary) 50%,transparent);--color-primary-alpha-60:color-mix(in srgb,var(--md-primary) 60%,transparent);--color-primary-alpha-70:color-mix(in srgb,var(--md-primary) 70%,transparent);--color-primary-alpha-80:color-mix(in srgb,var(--md-primary) 80%,transparent);--color-primary-alpha-90:color-mix(in srgb,var(--md-primary) 90%,transparent);
  --color-body:var(--md-surface);--color-box-body:var(--md-surface-low);--color-box-header:var(--md-surface-container);--color-menu:var(--md-surface-container);--color-nav-bg:var(--md-surface-low);--color-card:var(--md-surface-container);--color-input-background:var(--md-surface-container);
  --color-secondary:var(--md-surface-highest);--color-secondary-hover:var(--md-outline-variant);--color-secondary-active:var(--md-outline-variant);--color-secondary-alpha-60:color-mix(in srgb,var(--md-surface-highest) 60%,transparent);
  --color-text:var(--md-on-surface);--color-text-dark:var(--md-on-surface);--color-text-light:var(--md-on-surface-variant);--color-text-light-1:var(--md-on-surface-variant);--color-text-light-2:var(--md-outline);--color-text-light-3:var(--md-outline-variant);
  --color-hover:var(--md-surface-high);--color-active:var(--md-surface-highest);--color-link:var(--md-primary);--color-link-hover:var(--md-tertiary);--color-footer:var(--md-surface);--color-code-bg:var(--md-surface-low);
  --color-markup-table-row:var(--md-surface-low);--color-markup-table-row-alt:var(--md-surface-container);--color-markup-code-block:var(--md-surface);
  --color-green:#7fd8a0;--color-yellow:var(--md-tertiary);--color-red:var(--md-error);--color-accent:var(--md-primary);
}
html{background:var(--md-surface)}body{background:transparent;color:var(--md-on-surface)}
::selection{background:var(--md-primary-container);color:var(--md-on-primary-container)}
body{font-family:var(--font-plain);-webkit-font-smoothing:antialiased}

html,body{background:var(--md-surface);color:var(--md-on-surface)}
::selection{background:var(--md-surface-highest);color:#f7e8b2}
body{line-height:1.5}
#navbar{min-height:76px;padding:12px 24px;background:var(--md-surface-low);border:0;box-shadow:none;gap:12px;align-items:center}
#navbar .ui.menu{gap:4px;align-items:center}
#navbar .ui.menu .item{min-height:42px;padding:10px 16px;border-radius:999px;color:var(--md-on-surface-variant);font-weight:500}
#navbar .ui.menu .item:hover,#navbar .ui.menu .active.item{background:var(--md-surface-high);color:var(--md-on-surface)}
#navbar-logo{display:flex;align-items:center;gap:12px;color:var(--md-on-surface)!important;margin-right:16px;padding-left:0!important;background:transparent!important}
#navbar-logo img{width:28px;height:28px}
#navbar-logo::after{content:'whiledo / git';font-size:17px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
.page-content{padding-top:28px;padding-bottom:40px}
.page-content>.ui.container{width:calc(100% - 64px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
.ui.card,.ui.cards>.card{border:0;border-radius:28px;box-shadow:none;background:var(--md-surface-container);overflow:hidden}
#profile-avatar-card.ui.card{border-radius:28px;background:var(--md-surface-high);box-shadow:none;border:0}
#profile-avatar-card.ui.card .image{padding:20px 20px 0;background:transparent}
#profile-avatar-card.ui.card .image img{border-radius:20px}
#profile-avatar-card .content{padding:22px;border:0!important;background:transparent}
#profile-avatar-card .content .header{font-size:28px;font-weight:600;letter-spacing:-.7px;line-height:1.2}
#profile-avatar-card .extra.content{padding:16px 22px;background:transparent;border-top:1px solid color-mix(in srgb,var(--md-outline-variant) 60%,transparent)!important}
#profile-avatar-card .extra.content .item{padding:7px 0}
/* Primary tabs keep an animated, rounded indicator instead of pill cards. */
.ui.secondary.pointing.tabular.borderless.menu,.ui.secondary.pointing.tabular.borderless.menu.top.attached{border:0!important;border-bottom:1px solid var(--md-surface-highest)!important;border-radius:0!important;background:transparent;gap:4px;padding:0 8px!important;margin-bottom:24px!important;min-height:58px}
.ui.secondary.pointing.tabular.borderless.menu .item{position:relative;border:0!important;border-radius:12px 12px 0 0!important;margin:0!important;min-height:56px;padding:15px 16px!important;color:var(--md-on-surface-variant);background:transparent;font-weight:500}
.ui.secondary.pointing.tabular.borderless.menu .item:hover{background:var(--md-surface-container);color:var(--md-on-surface)}
.ui.secondary.pointing.tabular.borderless.menu .active.item{background:transparent!important;color:var(--md-primary)!important;box-shadow:none!important}
.ui.secondary.pointing.tabular.borderless.menu .active.item::after{content:'';display:block!important;position:absolute;left:16px!important;right:16px!important;top:auto!important;bottom:0!important;width:auto!important;height:3px!important;border:0!important;border-radius:3px 3px 0 0;transform:none!important;background:var(--md-primary);animation:m3-tab-in 280ms var(--ease-effects) both}
@keyframes m3-tab-in{from{scale:.4 1;opacity:.3}to{scale:1 1;opacity:1}}
.ui.secondary.pointing.menu .item>.label{border:0;background:var(--md-surface-highest);color:var(--md-on-surface);border-radius:999px}
.ui.button{min-height:40px;padding:11px 20px;border:0;border-radius:999px;background:var(--md-surface-highest);color:var(--md-on-surface);font-weight:500;box-shadow:none!important}
.ui.button:hover{background:color-mix(in srgb,var(--md-surface-highest),var(--md-on-surface) 8%);color:var(--md-on-surface)}
.ui.primary.button,.ui.green.button,.ui.positive.button{background:var(--md-primary);color:var(--md-on-primary)}
.ui.primary.button:hover,.ui.green.button:hover,.ui.positive.button:hover{background:color-mix(in srgb,var(--md-primary),#fff 14%);color:var(--md-on-primary)}
.ui.basic.button{background:transparent!important;border:1px solid var(--md-outline-variant)!important;color:var(--md-primary)!important;box-shadow:none!important}
.ui.basic.button:hover{background:var(--md-surface-high)!important}
.ui.red.button,.ui.negative.button{background:var(--md-error-container);color:var(--md-on-error-container)}
.ui.icon.button{padding:11px;min-width:40px}
.ui.disabled.button,.ui.button:disabled{opacity:.45!important;cursor:default}
/* Connected actions share one capsule; dropdowns must remain unclipped. */
.ui.buttons{border-radius:999px;background:var(--md-surface-high);box-shadow:none;gap:0}
.ui.buttons>.button,.ui.labeled.button>.button{border-radius:0!important}
.ui.buttons>.button:first-child,.ui.labeled.button>.button:first-child{border-radius:999px 0 0 999px!important}
.ui.buttons>.button:last-child{border-radius:0 999px 999px 0!important}
.ui.labeled.button>.label{border-radius:0 999px 999px 0!important;background:var(--md-surface-container)!important;border:0!important;padding:10px 14px}
.ui.buttons>.button:only-child{border-radius:999px!important}
.ui.label{background:var(--md-surface-high);color:var(--md-secondary);border:0;border-radius:8px;padding:6px 9px}
.ui.label a{color:inherit}
.ui.input>input,.ui.form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ui.form textarea,.ui.form select,.ui.selection.dropdown{min-height:48px;padding:12px 16px;background:var(--md-surface-container);color:var(--md-on-surface);border:1px solid transparent;border-bottom:1px solid var(--md-outline-variant);border-radius:12px 12px 0 0;box-shadow:none;transition:border-color 160ms var(--ease-effects),background 160ms var(--ease-effects)}
.ui.input>input:focus,.ui.form input:focus,.ui.form textarea:focus{border-color:transparent;border-bottom:2px solid var(--md-primary);background:var(--md-surface-high);box-shadow:none}
.ui.form .field>label{font-size:13px;font-weight:500;color:var(--md-on-surface-variant);margin-bottom:8px}
.ui.form .field{margin-bottom:22px}
.ui.action.input>input{border-radius:999px 0 0 999px;border-bottom:0}
.ui.action.input>.button:last-child{border-radius:0 999px 999px 0}
#repo-search-form{margin-bottom:22px;gap:12px;flex-wrap:wrap}
.ui.dropdown .menu{background:var(--md-surface-high);border:0;border-radius:18px;box-shadow:0 8px 24px #0008;padding:8px;min-width:170px}
.ui.dropdown .menu>.item{border-radius:10px;padding:12px!important;color:var(--md-on-surface)}
.ui.dropdown .menu>.item:hover,.ui.dropdown .menu>.selected.item{background:var(--md-surface-highest);color:var(--md-on-surface)}
.ui.dropdown .menu>.header{color:var(--md-on-surface-variant)}
.ui.dropdown .menu>.divider{border-color:color-mix(in srgb,var(--md-outline-variant) 60%,transparent)}
.ui.checkbox input{accent-color:var(--md-primary)}
.ui.checkbox label:before{border-radius:4px;background:var(--md-surface-low);border-color:var(--md-primary)}
.ui.checkbox input:checked~label:before{background:var(--md-primary);border-color:var(--md-primary)}
.ui.checkbox input:checked~label:after{color:var(--md-on-primary)}
/* Repo indexes are coherent Material lists, not independent bordered cards. */
.user.profile .flex-list,.explore .flex-list{background:var(--md-surface-low);border-radius:24px;padding:4px 20px;overflow:hidden}
.user.profile .flex-list>.flex-item,.explore .flex-list>.flex-item{padding:20px 4px;border-color:var(--md-surface-highest);transition:background 160ms var(--ease-effects)}
.user.profile .flex-item-title,.explore .flex-item-title{font-size:20px;font-weight:500;letter-spacing:-.3px}
.user.profile .flex-item-body,.explore .flex-item-body{color:var(--md-on-surface-variant);line-height:1.6}
.user.profile .flex-list>.flex-item:hover,.explore .flex-list>.flex-item:hover{background:var(--md-surface-container)}
#readme_profile.markup{padding:30px;background:var(--md-surface-low);border:0;border-radius:28px}
.markup h1{font-size:32px;font-weight:500;letter-spacing:-.8px;border-bottom:0;line-height:1.3}
.markup h2{font-size:24px;font-weight:500;letter-spacing:-.4px;border-bottom:0;margin-top:1.7em;color:var(--md-on-surface)}
.markup h3{font-size:20px;font-weight:500;border:0}
.markup p,.markup li{line-height:1.75}
.markup table{border:1px solid var(--md-surface-highest);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.markup table th{background:var(--md-surface-high);color:var(--md-on-surface);font-weight:500}
.markup table th,.markup table td{padding:12px 16px;border-color:var(--md-surface-highest)}
.markup blockquote{background:var(--md-surface-container);padding:16px 22px;border:0;border-left:3px solid var(--md-primary);border-radius:0 16px 16px 0;color:var(--md-secondary)}
.markup pre{border:0;border-radius:16px;background:var(--md-surface);padding:18px}
.markup code{border-radius:4px}
.repo-header,.repository .header-wrapper{background:transparent;border:0}
.repository .repo-header .repo-title,.repository .header-wrapper .repo-title{font-size:25px;font-weight:500;letter-spacing:-.6px}
.repository .ui.segment.repository-menu{border:0;border-radius:20px;background:var(--md-surface-container);padding:16px 20px}
#repo-files-table{border:0;border-radius:22px;border-collapse:separate;border-spacing:0;background:var(--md-surface-low);overflow:hidden}
#repo-files-table thead th,#repo-files-table thead td{background:var(--md-surface-high);padding:16px;border:0;color:var(--md-on-surface)}
#repo-files-table tbody td{border:0;border-top:1px solid var(--md-surface-high);padding:12px 16px;background:transparent}
#repo-files-table tbody tr:hover{background:var(--md-surface-container)}
.file-header.ui.header{padding:17px 22px;border:0;border-radius:22px 22px 0 0;background:var(--md-surface-container);color:var(--md-on-surface);font-weight:500}
.ui.bottom.attached.table.segment{border:0;border-radius:0 0 22px 22px;background:var(--md-surface-low);overflow:auto}
.file-view.markup{padding:28px;background:var(--md-surface-low)}
.file-view.code-view,.code-view .lines-code,.code-view .chroma{border-radius:0!important}
.ui.segment,.ui.segments{background:var(--md-surface-low);border:0;border-radius:24px;box-shadow:none}
.ui.segments>.segment{border-radius:0;border-color:var(--md-surface-highest)}
.ui.segments>.segment:first-child{border-radius:24px 24px 0 0}
.ui.segments>.segment:last-child{border-radius:0 0 24px 24px}
.ui.attached.segment{border-radius:0 0 24px 24px}
.ui.top.attached.header{border:0;background:var(--md-surface-high);border-radius:24px 24px 0 0;padding:18px 24px;color:var(--md-on-surface);font-weight:500}
.ui.message{background:var(--md-surface-high);border:0;border-radius:18px;color:var(--md-on-surface);box-shadow:none;padding:18px 22px}
.ui.negative.message,.ui.error.message{background:var(--md-error-container);color:var(--md-on-error-container)}
.ui.positive.message{background:var(--md-surface-high);color:var(--md-on-primary-container)}
.ui.modal{border:0;border-radius:28px;background:var(--md-surface-high);overflow:hidden;box-shadow:0 20px 60px #0008}
.ui.modal>.header,.ui.modal>.content,.ui.modal>.actions{border:0;background:transparent;color:var(--md-on-surface)}
.page-content.user.signin{padding-top:52px}
.user.signin .ui.container{max-width:540px!important}
.user.signin .ui.form{padding:30px}
.user.signin .ui.top.attached.header{font-size:26px;font-weight:500;padding:26px 30px 8px;background:var(--md-surface-container)}
.user.signin .ui.attached.segment{background:var(--md-surface-container)}
.ui.table{border-color:var(--md-surface-highest);background:var(--md-surface-low)}
.ui.table thead th{background:var(--md-surface-high);color:var(--md-on-surface)}
.ui.table td{border-color:var(--md-surface-highest)}
.ui.pagination.menu{background:var(--md-surface-container);border:0;border-radius:999px;padding:4px;box-shadow:none}
.ui.pagination.menu .item{border:0;border-radius:999px;color:var(--md-on-surface-variant)}
.ui.pagination.menu .active.item{background:var(--md-surface-highest);color:var(--md-on-surface)}
footer{border:0!important;background:var(--md-surface)!important;color:var(--md-on-surface-variant)!important;padding-top:24px!important}
a:focus-visible,button:focus-visible{outline:2px solid var(--md-tertiary);outline-offset:3px}
.m3-git-rail{position:fixed;inset:0 auto 0 0;z-index:100;width:88px;background:var(--md-surface-low);display:flex;flex-direction:column;align-items:center;padding:18px 8px;gap:12px}
.m3-git-rail a{width:72px;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:500;border-radius:16px;color:var(--md-on-surface-variant)}
.m3-git-rail .m3-rail-icon{width:56px;height:32px;display:grid;place-items:center;border-radius:999px;transition:background 180ms var(--ease-effects)}
.m3-git-rail a:hover .m3-rail-icon{background:var(--md-surface-high)}.m3-git-rail a[aria-current=page]{color:var(--md-on-surface)}.m3-git-rail a[aria-current=page] .m3-rail-icon{background:var(--md-surface-highest);color:var(--md-primary)}
.m3-git-rail svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.m3-git-rail a:last-child{margin-top:auto}
@media(min-width:1001px){body.m3-git-shell{padding-left:88px}.m3-git-shell #navbar{background:var(--md-surface)}.m3-git-shell #navbar .navbar-left>a.item:not(#navbar-logo){display:none}.m3-git-shell #navbar{min-height:72px;padding-inline:32px}}
@media(max-width:1000px){.m3-git-rail{display:none}}
.m3-git-view{position:fixed;inset:0 0 0 88px;width:calc(100% - 88px);height:100dvh;border:0;background:var(--md-surface);z-index:90}
.m3-git-framed{overflow:hidden!important}.m3-git-framed>.full.height,.m3-git-framed>footer{display:none!important}
.m3-git-rail[aria-busy=true]{cursor:progress}
.m3-git-embedded .page-content{animation:none!important}
.m3-git-embedded #navbar{background:var(--md-surface)}
@media(min-width:1001px){.m3-git-embedded #navbar .navbar-left>a.item:not(#navbar-logo){display:none}.m3-git-embedded #navbar{min-height:72px;padding-inline:32px}}
@media(max-width:1000px){.m3-git-view{left:0;width:100%}}
@media(max-width:767px){#navbar{padding:10px 12px;min-height:62px}#navbar-logo::after{font-size:15px}#navbar .ui.menu .item{padding:10px}.page-content{padding-top:18px}.page-content>.ui.container{width:calc(100% - 28px)!important}.ui.secondary.pointing.tabular.borderless.menu .item{padding:13px 12px!important;min-height:52px}#readme_profile.markup,.file-view.markup{padding:20px}.markup h1{font-size:28px}.user.profile .flex-list,.explore .flex-list{padding-inline:12px}.user.signin .ui.form{padding:22px}.page-content.user.signin{padding-top:24px}}


/* ---- Expressive layer: spring shape morphing, display type, shaped avatars ---- */
h1,h2,h3,.repo-title,.flex-item-title,#profile-avatar-card .content .header{font-family:var(--font-brand)}
#navbar-logo::after{font-family:var(--font-brand);font-stretch:118%;font-weight:700;letter-spacing:-.02em}
#navbar-logo img{display:none}
#navbar #navbar-logo::before{content:"";display:block!important;position:static!important;flex:none;width:40px!important;height:40px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M26.24 9.33A12.5 12.5 0 1 1 13.83 4.19' stroke='%230b2133' stroke-width='2.8'/%3E%3Cpath d='M10.88 2.13 13.83 4.19 11.77 7.14M10 12 13 21 16 14.5 19 21 22 12' stroke='%230b2133' stroke-width='2.8'/%3E%3C/svg%3E") center/52% no-repeat,var(--md-primary);-webkit-mask:var(--shape-cookie) center/100% 100% no-repeat;mask:var(--shape-cookie) center/100% 100% no-repeat}
#navbar{border-radius:0 0 var(--shape-xl) var(--shape-xl)}
.ui.button{border-radius:20px;transition:border-radius var(--dur) var(--spring-spatial-bouncy),background-color var(--dur-fast) linear,scale var(--dur) var(--spring-spatial-fast)!important;font-family:var(--font-plain);font-weight:600;letter-spacing:.01em}
.ui.button:active{border-radius:var(--shape-md);scale:.97}
.ui.primary.button,.ui.green.button,.ui.positive.button{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
#profile-avatar-card.ui.card{border-radius:var(--shape-xxl) var(--shape-xl) var(--shape-xl) var(--shape-xl);background:var(--md-secondary-container);color:var(--md-on-secondary-container)}
#profile-avatar-card.ui.card .image{padding:28px 28px 0;display:flex;justify-content:center}
#profile-avatar-card.ui.card .image img{width:100%;max-width:220px;aspect-ratio:1;object-fit:cover;border-radius:0;-webkit-mask:var(--shape-cookie) center/100% 100% no-repeat;mask:var(--shape-cookie) center/100% 100% no-repeat}
#profile-avatar-card .content .header{font-size:34px;font-weight:800;font-stretch:118%;letter-spacing:-.03em;color:var(--md-on-secondary-container)}
#profile-avatar-card .content .meta,#profile-avatar-card .extra.content,#profile-avatar-card .extra.content a{color:var(--md-on-secondary-container)}
.user.profile .flex-item-title,.explore .flex-item-title{font-weight:700;font-stretch:108%}
.user.profile .flex-list,.explore .flex-list{border-radius:var(--shape-xxl) var(--shape-xl) var(--shape-xl) var(--shape-xl)}
#readme_profile.markup{border-radius:var(--shape-xl) var(--shape-xxl) var(--shape-xl) var(--shape-xl)}
.markup h1,.markup h2{font-stretch:112%;font-weight:700}
.ui.label{border-radius:var(--shape-sm);background:var(--md-secondary-container);color:var(--md-on-secondary-container)}
.ui.dropdown .menu{background:var(--md-surface-high);border-radius:var(--shape-lg-inc)}
.ui.modal{border-radius:var(--shape-xxl);background:var(--md-surface-high)}
.ui.message{border-radius:var(--shape-lg-inc)}
.ui.pagination.menu .active.item{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}
.page-content{animation:e-fade 260ms var(--ease-emphasized-out) both}
/* rail: same destination pattern as the other whiledo sites */
.m3-git-rail{background:var(--md-surface);font-family:var(--font-plain)}
.m3-git-rail a{color:var(--md-on-surface-variant);font-weight:600;letter-spacing:.02em}
.m3-git-rail a[aria-current=page]{color:var(--md-on-surface)}
.m3-git-rail .m3-rail-icon{position:relative;overflow:hidden;transition:background-color var(--dur-fast) linear,width var(--dur) var(--spring-spatial-fast)}
.m3-git-rail a:hover .m3-rail-icon{background:color-mix(in srgb,var(--md-on-surface) 10%,transparent)}
.m3-git-rail a:active .m3-rail-icon{width:48px}
.m3-git-rail a[aria-current=page] .m3-rail-icon{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}
.m3-git-rail .rail-section-heading{display:none}
.m3-git-rail .rail-socials{order:9;margin-top:auto}
.m3-git-rail .rail-socials,.m3-git-rail .rail-sections{display:flex;flex-direction:column;gap:6px;align-items:center}
.m3-git-view{background:var(--md-surface)}
.m3-git-shell #navbar,.m3-git-embedded #navbar{background:var(--md-surface)}
footer{border-radius:var(--shape-xl) var(--shape-xl) 0 0;background:var(--md-surface-low)!important}

/* ---- repository pages ---- */
.secondary-nav{background:transparent!important;border-bottom:0!important}
.repository .repo-header .repo-title,.repository .header-wrapper .repo-title{font:700 clamp(24px,3vw,32px)/1.15 var(--font-brand);font-stretch:112%;letter-spacing:-.02em}
.repo-header .ui.labeled.button,.repo-buttons .ui.labeled.button{border-radius:var(--shape-full)}
.repo-header .ui.labeled.button>.button,.repo-buttons .ui.labeled.button>.button{background:var(--md-secondary-container)!important;color:var(--md-on-secondary-container)!important;border:0!important}
.repo-header .ui.labeled.button>.label,.repo-buttons .ui.labeled.button>.label{background:var(--md-surface-high)!important;color:var(--md-on-surface)!important;border:0!important}
.repo-description{margin:6px 0 4px;font:500 18px/1.5 var(--font-plain);color:var(--md-on-surface)}
.repo-topics{display:flex;flex-wrap:wrap;gap:6px}
.repo-topics a.ui.label{border-radius:var(--shape-full);padding:7px 14px;background:var(--md-secondary-container);color:var(--md-on-secondary-container)}
.repository-summary.ui.segments{margin-top:12px!important;background:var(--md-surface-container)!important;border-radius:var(--shape-xxl) var(--shape-xl) var(--shape-xl) var(--shape-xl)!important;overflow:hidden;border:0!important}
.repository-summary>.ui.segment{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.repository-summary .repository-menu{padding:14px 12px 6px!important}
.repository-summary .repository-menu .item,.repository-summary .repository-menu a{border-radius:var(--shape-full);padding:8px 16px!important;color:var(--md-on-surface)!important;font-weight:600}
.repository-summary .repository-menu a:hover{background:var(--md-surface-high)}
.repository-summary .stats{padding:6px 20px 18px!important}
#language-stats stats-bar{display:flex!important;gap:3px;height:14px;overflow:visible;border-radius:0;background:none}
#language-stats stats-bar .slice{height:100%;border-radius:5px;float:none;min-width:6px;transition:scale var(--dur) var(--spring-spatial-fast)}
#language-stats stats-bar .slice:first-child{border-radius:99px 5px 5px 99px}#language-stats stats-bar .slice:last-child{border-radius:5px 99px 99px 5px}
#language-stats stats-bar .slice:hover{scale:1 1.5}
.repo-button-row{margin:14px 0;gap:10px}
.repo-button-row .ui.button,.repo-button-row .ui.basic.button{background:var(--md-secondary-container)!important;color:var(--md-on-secondary-container)!important;border:0!important}
.repo-button-row .ui.primary.button{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
.clone-panel.ui.action.input{border-radius:var(--shape-full);overflow:hidden;background:var(--md-surface-high)}
.clone-panel.ui.action.input input{background:var(--md-surface-high)!important;border:0!important;border-radius:0!important;min-height:40px}
.clone-panel.ui.action.input>.button{border-radius:0!important;min-height:40px}
.clone-panel.ui.action.input>.button:first-child{background:var(--md-primary)!important;color:var(--md-on-primary)!important;padding:0 20px!important;font-weight:700}
.code-search{background:var(--md-surface-container)!important;border-radius:var(--shape-xl) var(--shape-xl) var(--shape-sm) var(--shape-sm)!important;padding:8px!important;margin-bottom:4px}
.code-search .ui.input>input,.code-search input{border-radius:var(--shape-full)!important;border:0!important;background:var(--md-surface-high)!important;padding-inline:20px!important}
.code-search .ui.button{border-radius:var(--shape-full)}
#repo-files-table{border-radius:var(--shape-sm) var(--shape-sm) var(--shape-xl) var(--shape-xl)!important;background:var(--md-surface-container)}
#repo-files-table .latest-commit{padding:6px 4px}
#repo-files-table tbody tr{transition:background-color var(--dur-fast) linear}
#readme .file-header,.file-header.ui.top.attached.header{border-radius:var(--shape-xl) var(--shape-xl) 0 0;background:var(--md-surface-high);padding:16px 22px;margin-top:16px}
#readme .file-header .ui.button{border-radius:var(--shape-full)}
#readme.non-diff-file-content,.repository.file.list #readme{border-radius:0 0 var(--shape-xl) var(--shape-xl);overflow:hidden}
.ui.table{border-radius:var(--shape-lg-inc);overflow:hidden;border:0}
.ui.dropdown .menu>.item{border-radius:var(--shape-md)!important}
.repository .ui.segment.repository-menu{background:transparent}
.ui.basic.button,.ui.basic.buttons .button{background:var(--md-surface-high)!important;border:0!important;color:var(--md-on-surface)!important}
.ui.basic.button:hover{background:var(--md-surface-highest)!important}
/* ---- all other pages: generic Forgejo components ---- */
.ui.button,.ui.basic.button,.ui.compact.button,.ui.small.button,.ui.tiny.button,.ui.mini.button,.ui.basic.small.button,.ui.compact.small.basic.button{border-radius:20px!important}
.ui.small.button,.ui.tiny.button,.ui.mini.button{border-radius:16px!important}
.ui.icon.button{border-radius:var(--shape-full)!important}
.switch{display:inline-flex!important;gap:2px;padding:3px;border:0!important;border-radius:var(--shape-full)!important;background:var(--md-surface-high)!important;overflow:hidden}
.switch .item{border:0!important;border-radius:var(--shape-full)!important;padding:8px 18px!important;background:transparent!important;color:var(--md-on-surface-variant)!important;font-weight:600;transition:background-color var(--dur-fast) linear}
.switch .item:hover{background:var(--md-surface-highest)!important}
.switch .item.active{background:var(--md-primary)!important;color:var(--md-on-primary)!important}
.page-content .ui.menu:not(.secondary):not(.pagination):not(.tabular):not(.vertical){background:var(--md-surface-container);border:0;border-radius:var(--shape-xl);box-shadow:none;overflow:hidden}
.page-content .ui.menu:not(.pagination) .item::before{display:none}
.ui.secondary.menu:not(.pointing) .item{border-radius:var(--shape-full);color:var(--md-on-surface-variant)}
.ui.secondary.menu:not(.pointing) .item:hover{background:var(--md-surface-high);color:var(--md-on-surface)}
.ui.secondary.menu:not(.pointing) .active.item{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}
.ui.vertical.menu{background:var(--md-surface-container)!important;border:0!important;border-radius:var(--shape-xl)!important;box-shadow:none!important;padding:8px;overflow:hidden}
.ui.vertical.menu .item{border-radius:var(--shape-full)!important;padding:12px 18px!important;color:var(--md-on-surface-variant)!important;margin:2px 0}
.ui.vertical.menu .item:hover{background:var(--md-surface-high)!important;color:var(--md-on-surface)!important}
.ui.vertical.menu .active.item{background:var(--md-secondary-container)!important;color:var(--md-on-secondary-container)!important;font-weight:700}
.page-content .flex-list{background:var(--md-surface-container);border-radius:var(--shape-xl);padding:4px 20px}
.page-content .flex-list>.flex-item{border-color:var(--md-outline-variant)}
.timeline-item .comment .comment-container,.timeline-item.comment .comment-container{border:0!important;border-radius:var(--shape-xl)!important;overflow:hidden;background:var(--md-surface-container)}
.comment-header{background:var(--md-surface-high)!important;border:0!important}
.timeline-item .avatar img,.comment .avatar img{border-radius:50%}
.diff-file-box{border:0!important;border-radius:var(--shape-xl);overflow:hidden;background:var(--md-surface-container)}
.diff-file-header{background:var(--md-surface-high)!important;border:0!important}
li.attachment,.attachment{border-radius:var(--shape-lg)!important}
.ui.attached.segment{background:var(--md-surface-container);border:0}
.tippy-box{background:var(--md-surface-high)!important;color:var(--md-on-surface)!important;border:0!important;border-radius:var(--shape-lg-inc)!important;box-shadow:0 8px 28px #0009!important}
.tippy-content{padding:8px!important}
.tippy-content .item,.tippy-content .ui.menu .item,.tippy-box .menu .item{border-radius:var(--shape-md)!important;padding:11px 14px!important;color:var(--md-on-surface)!important;display:flex;align-items:center;gap:10px}
.tippy-content .item:hover,.tippy-box .menu .item:hover{background:var(--md-surface-highest)!important}
.tippy-box .ui.menu,.tippy-box .menu{background:transparent!important;border:0!important;box-shadow:none!important}
.ui.menu .dropdown.item .menu{background:var(--md-surface-high);border-radius:var(--shape-lg-inc);border:0;padding:8px}
.ui.divider{border-color:var(--md-outline-variant)}
.ui.header{font-family:var(--font-brand)}
/* ---- polish pass: repo page, tiles, tooltip ---- */
.secondary-nav overflow-menu,.secondary-nav .ui.secondary.pointing.menu{border-bottom:0!important}
.secondary-nav::after,.secondary-nav::before,.repository .header-wrapper::after{display:none!important}
.repository .repo-header,.repository .header-wrapper{padding-bottom:0}
#language-stats stats-bar .slice:nth-child(8n+1){background:var(--md-primary)!important}
#language-stats stats-bar .slice:nth-child(8n+2){background:var(--md-tertiary)!important}
#language-stats stats-bar .slice:nth-child(8n+3){background:#7fb2ff!important}
#language-stats stats-bar .slice:nth-child(8n+4){background:#ff9ec4!important}
#language-stats stats-bar .slice:nth-child(8n+5){background:#c3a6ff!important}
#language-stats stats-bar .slice:nth-child(8n+6){background:var(--md-secondary)!important}
#language-stats stats-bar .slice:nth-child(8n+7){background:#ffb27a!important}
#language-stats stats-bar .slice:nth-child(8n){background:var(--md-outline)!important}
.repo-description{margin:14px 4px 6px;font-size:19px}
.repo-description+.repo-topics,.repo-topics{margin:6px 4px 4px}
.repo-topics a.ui.label,.repo-topics+a,.ui.label.manage-topic,a.btn.manage-topic,.repo-topics .btn{border-radius:var(--shape-full)}
.repo-description+.repo-topics>a:not(.ui){display:inline-flex;margin:0;padding:6px 14px;border-radius:var(--shape-full);background:var(--md-surface-high);color:var(--md-on-surface-variant);font-size:13px}
.repository-summary.ui.segments{margin-top:14px!important}
.repository-summary .repository-menu{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:14px!important}
.repository-summary .repository-menu .item,.repository-summary .repository-menu a{display:flex!important;justify-content:center;align-items:center;gap:8px;background:var(--md-surface-high);padding:14px 12px!important}
.repository-summary .repository-menu a:hover{background:var(--md-surface-highest)}
#repo-files-table{border-spacing:0!important;border-collapse:separate!important}
#repo-files-table tbody tr td{border-top:0!important;border-bottom:1px solid color-mix(in srgb,var(--md-outline-variant) 50%,transparent)!important;padding-block:11px!important}
#repo-files-table tbody tr:last-child td{border-bottom:0!important}
#repo-files-table tbody tr:hover td{background:var(--md-surface-high)}
#repo-files-table tbody tr:hover td:first-child{border-radius:var(--shape-full) 0 0 var(--shape-full)}
#repo-files-table tbody tr:hover td:last-child{border-radius:0 var(--shape-full) var(--shape-full) 0}
#repo-files-table thead th,#repo-files-table .latest-commit{background:var(--md-surface-high)!important}
#repo-files-table thead tr:first-child th:first-child{border-radius:var(--shape-sm) 0 0 0}
#readme .file-header,h4.file-header.ui.top.attached.header{margin-top:20px!important;border-radius:var(--shape-xl) var(--shape-xl) 0 0!important}
#readme .file-header .ui.button{background:var(--md-surface-highest)!important}
.pl-tile{min-width:0;overflow:hidden}
.pl-label{overflow-wrap:anywhere}
.pl-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.pl-btn{max-width:100%;white-space:nowrap}
.pl-actions{max-width:100%}
.ui.button,.ui.buttons,.ui.labeled.button{max-width:100%}
#repo-files-table{table-layout:fixed;width:100%!important}#repo-files-table td.name{width:34%}#repo-files-table td.age{width:130px}#repo-files-table td.message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#repo-files-table td.message *{overflow:hidden;text-overflow:ellipsis}#repo-files-table thead th{overflow:hidden}#repo-files-table .latest-commit{display:flex;min-width:0;overflow:hidden}#repo-files-table .latest-commit .commit-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* ---- labeled buttons: one seamless capsule; contiguous code card ---- */
.ui.labeled.button{display:inline-flex!important;align-items:stretch;border-radius:var(--shape-full)!important;background:var(--md-secondary-container)!important;overflow:hidden;gap:0!important;box-shadow:none!important;scale:none!important;transition:none!important;padding:0!important}
.ui.labeled.button>.button,.ui.labeled.button>.ui.button{border-radius:0!important;scale:none!important;background:transparent!important;color:var(--md-on-secondary-container)!important;border:0!important;margin:0!important;transition:background-color var(--dur-fast) linear!important;min-height:40px}
.ui.labeled.button>.button:hover{background:color-mix(in srgb,var(--md-on-secondary-container) 10%,transparent)!important}
.ui.labeled.button>.button:active{scale:none!important;border-radius:0!important}
.ui.labeled.button>.label,.ui.labeled.button>a.label{border-radius:0!important;background:transparent!important;color:var(--md-on-secondary-container)!important;border:0!important;box-shadow:inset 1px 0 0 color-mix(in srgb,var(--md-on-secondary-container) 22%,transparent)!important;margin:0!important;padding:0 16px!important;display:flex;align-items:center;font-weight:600}
.ui.labeled.button>.label:hover{background:color-mix(in srgb,var(--md-on-secondary-container) 10%,transparent)!important}
.ui.labeled.button.disabled,.ui.labeled.button>.disabled.button{opacity:.55}
.code-search{border:0!important;box-shadow:none!important;border-radius:var(--shape-xl) var(--shape-xl) 0 0!important;margin:0!important;padding:10px 12px!important}
.code-search .ui.dropdown,.code-search .ui.selection.dropdown,.code-search .ui.input{border:0!important;background:var(--md-surface-high)!important;border-radius:var(--shape-full)!important;box-shadow:none!important;min-height:44px}
.code-search .ui.input>input{background:transparent!important}
.code-search .ui.dropdown .text{color:var(--md-on-surface)}
#repo-files-table{border-radius:0 0 var(--shape-xl) var(--shape-xl)!important;border:0!important;margin:0!important}
#repo-files-table thead th{border:0!important}
#repo-files-table .latest-commit{padding:10px 8px;border-radius:var(--shape-lg-inc)}
#repo-files-table thead tr:first-child th:first-child{border-radius:0!important}
#repo-files-table tbody tr:hover td:first-child,#repo-files-table tbody tr:hover td:last-child{border-radius:0!important}
/* guest stars */
.ui.labeled.button.is-starred{background:var(--md-primary)!important}.ui.labeled.button.is-starred>.button,.ui.labeled.button.is-starred>.label{color:var(--md-on-primary)!important}.ui.labeled.button.is-starred>.label{box-shadow:inset 1px 0 0 color-mix(in srgb,var(--md-on-primary) 25%,transparent)!important}


/* ---- navbar controls, user menus, activity heatmap ---- */
#navbar .navbar-right .item,#navbar .navbar-right .ui.dropdown.item,#navbar .navbar-left .item{border-radius:var(--shape-full)!important;min-height:44px;transition:background-color var(--dur-fast) linear}
#navbar .ui.dropdown.item.visible,#navbar .ui.dropdown.item.active,#navbar .item:hover{background:var(--md-secondary-container)!important;color:var(--md-on-secondary-container)!important}
#navbar .ui.dropdown .menu,#navbar .dropdown .menu,.ui.dropdown .menu.transition.visible{background:var(--md-surface-high)!important;border:0!important;border-radius:var(--shape-xl)!important;padding:8px!important;margin-top:10px!important;box-shadow:0 12px 32px #000a!important;min-width:220px;overflow:hidden}
#navbar .ui.dropdown .menu>.item,.ui.dropdown .menu.transition.visible>.item{display:flex!important;align-items:center;gap:12px;border-radius:var(--shape-lg)!important;padding:12px 16px!important;color:var(--md-on-surface)!important;font-weight:500;border:0!important}
#navbar .ui.dropdown .menu>.item:hover,.ui.dropdown .menu.transition.visible>.item:hover{background:var(--md-surface-highest)!important}
#navbar .ui.dropdown .menu>.item svg,#navbar .ui.dropdown .menu>.item .svg{color:var(--md-on-surface-variant)}
#navbar .ui.dropdown .menu>.header{padding:10px 16px 6px!important;color:var(--md-tertiary)!important;font:700 11px/1.2 var(--font-plain);letter-spacing:.12em}
#navbar .ui.dropdown .menu>.divider{margin:6px 8px!important;border:0!important;height:1px;background:color-mix(in srgb,var(--md-outline-variant) 70%,transparent)}
#navbar .navbar-right img.ui.avatar,#navbar .navbar-right .avatar{border-radius:50%!important}
div:has(>svg.vch__wrapper),.vch__container,#user-heatmap,#activity-heatmap{background:var(--md-surface-container);border-radius:var(--shape-xxl) var(--shape-xl) var(--shape-xl) var(--shape-xl);padding:20px 22px 14px;overflow-x:auto;color:var(--md-on-surface-variant)}
svg.vch__wrapper rect,.vch__day__square,.vch__legend rect{rx:4px;ry:4px;transition:transform var(--dur-fast) var(--ease-effects),filter var(--dur-fast) linear}
svg.vch__wrapper .vch__day__square:hover{filter:brightness(1.4)}
svg.vch__wrapper text,.vch__month__label,.vch__day__label,.vch__legend text{fill:var(--md-on-surface-variant)!important;font-family:var(--font-plain);font-size:10px}
/* ---- phones/tablets: git rail becomes a bottom bar ---- */
@media(max-width:1000px){
  .m3-git-rail{display:flex!important;inset:auto 0 0 0!important;width:100%!important;height:72px;flex-direction:row!important;justify-content:space-around;gap:0!important;padding:6px 4px 8px!important;background:var(--md-surface-container)!important;z-index:200}
  .m3-git-rail .rail-sections{display:none!important}
  .m3-git-rail .rail-socials{display:contents!important;margin:0!important}
  .m3-git-rail a{flex:1;width:auto!important;min-width:0;min-height:60px!important;font-size:10px!important}
  .m3-git-rail .m3-rail-icon{width:48px!important;height:30px!important}
  body.m3-git-shell{padding-bottom:76px}
  .m3-git-view{inset:0 0 72px 0!important;width:100%!important;height:calc(100dvh - 72px)!important}
  .page-content>.ui.container,.page-content>.ui.container.fluid{width:calc(100% - 24px)!important}
  #repo-files-table td.name{width:46%}#repo-files-table td.age{width:84px}
  .repository-summary .repository-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wh{width:calc(100% - 24px)}
}
@media(max-width:600px){
  #repo-files-table td.message{display:none}
  .code-search{flex-wrap:wrap}
  .ui.table{display:block;overflow-x:auto}
}
/* ---- cleanup pass: logo highlight, sign-in, small screens ---- */
#navbar #navbar-logo,#navbar #navbar-logo:hover,#navbar #navbar-logo:focus,#navbar #navbar-logo:active,#navbar #navbar-logo.active{background:transparent!important;color:var(--md-on-surface)!important;box-shadow:none!important}
.page-content{overflow-x:clip}
.repository .repo-description,.repo-header,.repo-title,.repo-header .flex-item{min-width:0;overflow-wrap:anywhere}
.user.signin .ui.container.fluid{display:flex;flex-direction:column;gap:12px;background:transparent!important}
.user.signin .ui.top.attached.header{margin:0!important;border:0!important;border-radius:var(--shape-xxl) var(--shape-xxl) 0 0!important;background:var(--md-surface-container)!important;text-align:center;font:700 30px/1.2 var(--font-brand)!important;padding:30px 24px 8px!important}
.user.signin .ui.attached.segment:not(.header){margin:0!important;border:0!important;border-radius:0 0 var(--shape-xxl) var(--shape-xxl)!important;background:var(--md-surface-container)!important;padding:10px clamp(20px,5vw,32px) 30px!important}
.user.signin .ui.form .field>label{font:600 13px var(--font-plain);color:var(--md-on-surface-variant);margin-bottom:8px}
.user.signin .ui.form input:not([type=checkbox]){background:var(--md-surface-highest)!important;border:0!important;border-radius:var(--shape-lg-inc)!important;min-height:54px;padding:0 20px!important;color:var(--md-on-surface)!important}
.user.signin .ui.form input:focus{box-shadow:0 0 0 2px var(--md-primary)!important;background:var(--md-surface-high)!important}
.user.signin .ui.form .ui.primary.button{min-height:54px;font-size:16px}
.user.signin .ui.attached.segment.header.top{margin:0!important;border:0!important;border-radius:var(--shape-xl)!important;background:var(--md-surface-container)!important;padding:16px!important}
.user.signin .ui.attached.segment.header.top a{font-weight:600}
/* hide sign-in / register entry points for visitors (login page itself still works for the owner) */
#navbar a[href*='/user/login'],#navbar a[href*='/user/sign_up'],a[href*='/user/sign_up'],.page-footer a[href*='/user/login']{display:none!important}

/* ---- profile sidebar menu, lists, search, activity feed ---- */
#profile-avatar-card.ui.card,.user.profile .ui.card{overflow:visible!important}
#profile-avatar-card .image img{border-radius:0}
details.dropdown{position:relative}
details.dropdown>summary{list-style:none;border:0!important;border-radius:var(--shape-full)!important;background:var(--md-surface-high)!important;color:var(--md-on-surface)!important;padding:6px 12px!important;cursor:pointer;transition:background-color var(--dur-fast) linear}
details.dropdown>summary::-webkit-details-marker{display:none}
details.dropdown>summary:hover{background:var(--md-surface-highest)!important}
details.dropdown>.content{position:absolute;z-index:40;min-width:200px;margin-top:8px;padding:8px!important;background:var(--md-surface-high)!important;border:0!important;border-radius:var(--shape-xl)!important;box-shadow:0 12px 32px #000a!important}
details.dropdown>.content a,details.dropdown>.content .item{display:flex!important;align-items:center;gap:12px;padding:11px 14px!important;border-radius:var(--shape-lg)!important;color:var(--md-on-surface)!important}
details.dropdown>.content a:hover{background:var(--md-surface-highest)}
.page-content .ui.input>input{border:0!important;border-radius:var(--shape-full)!important;background:var(--md-surface-high)!important;min-height:48px;padding:0 22px!important;box-shadow:none!important}
.page-content .ui.input>input:focus{box-shadow:0 0 0 2px var(--md-primary)!important}
.page-content .ui.icon.button,.page-content button.ui.icon.button{background:var(--md-secondary-container)!important;color:var(--md-on-secondary-container)!important;min-width:48px;min-height:48px;border-radius:var(--shape-full)!important}
.flex-list>.flex-item{align-items:center!important;gap:16px}
.flex-item-leading{align-self:center!important;display:flex;align-items:center}
.flex-item-leading img.ui.avatar{width:36px;height:36px;border-radius:50%}
.flex-item-main{gap:6px!important;min-width:0}
.flex-item-body{margin:0!important;line-height:1.5}
.flex-item-title{line-height:1.3}
.flex-item-trailing svg.octicon-git-commit,.flex-item-trailing svg.octicon-tag,.flex-item-trailing svg.text.grey{width:22px!important;height:22px!important;opacity:.7}
.flex-list>div:not(.flex-item){padding:28px 12px;text-align:center;color:var(--md-on-surface-variant)!important;background:transparent!important;border:0!important}
/* ---- hide unused sections (still reachable by URL) ---- */
a.item[href$='/-/packages'],a.item[href$='/-/projects'],.secondary-nav a.item[href$='/projects'],.secondary-nav a.item[href$='/packages'],.secondary-nav a.item[href$='/activity'],.tippy-box a.item[href$='/projects'],.tippy-box a.item[href$='/packages'],.tippy-box a.item[href$='/activity'],
a.item[href*='tab=projects'],a.item[href*='tab=packages'],a.item[href*='tab=activity'],a.item[href*='tab=stars'],a.item[href*='tab=following'],a.item[href*='tab=followers'],a.item[href*='tab=overview']~a.item[href*='tab=organizations']{display:none!important}
/* ---- repository insights (pulse, contributors, code frequency) ---- */
.repository.pulse .ui.segments,.repository.pulse .ui.segment,.repository.contributors .ui.segment,.repository.code-frequency .ui.segment,.repository.activity .ui.segment{border:0!important;background:var(--md-surface-container)!important;border-radius:var(--shape-xl)!important;box-shadow:none!important}
.repository.pulse .ui.segments{overflow:hidden;background:var(--md-surface-container)!important}
.repository.pulse .ui.segments>.ui.segment{border-radius:0!important;background:transparent!important}
.repository.pulse .ui.top.attached.header,.repository.pulse .ui.segments>.ui.segment:first-child{border-radius:var(--shape-xl) var(--shape-xl) 0 0!important;background:var(--md-surface-high)!important}
.ui.progress{border-radius:var(--shape-full)!important;overflow:hidden;background:var(--md-surface-highest)!important;border:0!important}
.ui.progress .bar{border-radius:var(--shape-full)!important}
.repository.pulse .ui.grid>.column,.repository.pulse .ui.divided.grid>.column{border-color:color-mix(in srgb,var(--md-outline-variant) 60%,transparent)!important}
.repository .ui.vertical.menu .item{font-weight:600}
.repository canvas{border-radius:var(--shape-lg)}
.repository.pulse h2.ui.header,.repository .ui.header.pulse-title,.repository.pulse .ui.dropdown.basic.button{font-family:var(--font-brand)}
.repository.pulse a.item,.repository.pulse a{color:var(--md-primary)}
/* ---- releases page of a repository ---- */
.repository.releases #release-list,#release-list{list-style:none;margin:16px 0 0!important;padding:0!important;display:grid;gap:12px}
#release-list>li{display:grid!important;grid-template-columns:190px minmax(0,1fr);gap:8px 28px;margin:0!important;padding:24px 28px!important;background:var(--md-surface-container)!important;border:0!important;border-radius:var(--shape-xl)!important;box-shadow:none!important}
#release-list>li::before,#release-list>li::after{display:none!important}
#release-list>li>.column,#release-list>li>div{width:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;min-width:0}
#release-list .meta{display:flex;flex-direction:column;align-items:flex-start!important;gap:12px;text-align:left!important}
#release-list .meta *{text-align:left}
#release-list .release-list-title,#release-list h4.release-list-title{margin:0 0 6px!important;font:700 clamp(22px,2.8vw,30px)/1.15 var(--font-brand)!important;font-stretch:110%;letter-spacing:-.02em}
#release-list .release-list-title a{color:var(--md-on-surface)!important}
#release-list .ui.label{border-radius:var(--shape-full);padding:6px 12px}
#release-list .detail .markup{margin:12px 0}
#release-list details.download{margin-top:14px;border:0}
#release-list details.download>summary{cursor:pointer;font-weight:600;color:var(--md-on-surface-variant);padding:6px 0}
#release-list details.download ul.list,#release-list ul.list{border:0!important;background:var(--md-surface-high);border-radius:var(--shape-lg-inc)!important;overflow:hidden;padding:4px!important;margin:8px 0 0!important}
#release-list li.attachment,#release-list ul.list>li{border:0!important;border-radius:var(--shape-md)!important;padding:10px 14px!important;background:transparent}
#release-list li.attachment:hover{background:var(--md-surface-highest)}
#release-list .ui.divider,#release-list hr{display:none}
.repository.releases .ui.divider{display:none}
@media(max-width:700px){#release-list>li{grid-template-columns:1fr!important;padding:20px!important}}
/* github-style profile: sticky sidebar */
.user.profile .ui.stackable.grid>.four.wide.column{position:sticky;top:12px;align-self:flex-start}
@media(max-width:767px){.user.profile .ui.stackable.grid>.four.wide.column{position:static}}