/* GENERATED by scripts/real/capture.mjs from the real Juno pages' own stylesheets (Settings, the chat, the notch,
   the guide overlay). Do not edit: run the script again. Every rule is the product's own, scoped under its page's
   .jr-<page>, px as multiples of --u. */
.jr-settings,.jr-notch,.jr-overlay,.jr-chat,.jr-meet,.jr-memory,.jr-home,.jr-docs,.jr-settings :where(:not(svg,svg *)),.jr-notch :where(:not(svg,svg *)),.jr-overlay :where(:not(svg,svg *)),.jr-chat :where(:not(svg,svg *)),.jr-meet :where(:not(svg,svg *)),.jr-memory :where(:not(svg,svg *)),.jr-home :where(:not(svg,svg *)),.jr-docs :where(:not(svg,svg *)),.jr-settings :where(:not(svg,svg *))::before,.jr-notch :where(:not(svg,svg *))::before,.jr-overlay :where(:not(svg,svg *))::before,.jr-chat :where(:not(svg,svg *))::before,.jr-meet :where(:not(svg,svg *))::before,.jr-memory :where(:not(svg,svg *))::before,.jr-home :where(:not(svg,svg *))::before,.jr-docs :where(:not(svg,svg *))::before,.jr-settings :where(:not(svg,svg *))::after,.jr-notch :where(:not(svg,svg *))::after,.jr-overlay :where(:not(svg,svg *))::after,.jr-chat :where(:not(svg,svg *))::after,.jr-meet :where(:not(svg,svg *))::after,.jr-memory :where(:not(svg,svg *))::after,.jr-home :where(:not(svg,svg *))::after,.jr-docs :where(:not(svg,svg *))::after{all:revert}
.jr-settings :where(svg),.jr-notch :where(svg),.jr-overlay :where(svg),.jr-chat :where(svg),.jr-meet :where(svg),.jr-memory :where(svg),.jr-home :where(svg),.jr-docs :where(svg){display:revert;vertical-align:revert;max-width:revert;height:revert}
.jr-settings,.jr-notch,.jr-overlay,.jr-chat,.jr-meet,.jr-memory,.jr-home,.jr-docs{display:contents}
@property --pa { syntax: "<color>"; inherits: true; initial-value: #b9bec7; }
@property --pb { syntax: "<color>"; inherits: true; initial-value: #9aa1ab; }
@property --pc { syntax: "<color>"; inherits: true; initial-value: #d5d9df; }
@property --prim { syntax: "<number>"; inherits: true; initial-value: 1; }
.jr-notch{--pearl-calm: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M399 565 Q 437 595 475 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M549 565 Q 587 595 625 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>"); --pearl-curious: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><ellipse cx=\"437\" cy=\"582\" rx=\"24\" ry=\"26\" fill=\"%230e1624\"/><circle cx=\"441.7\" cy=\"574\" r=\"8.16\" fill=\"%23fff\"/><ellipse cx=\"587\" cy=\"574\" rx=\"24\" ry=\"31\" fill=\"%230e1624\"/><circle cx=\"594.7\" cy=\"560\" r=\"8.16\" fill=\"%23fff\"/><path d=\"M556 512 Q 590 494 622 506\" stroke=\"%230e1624\" stroke-width=\"12\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>"); --pearl-happy: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M399 582 Q 437 548 475 582\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M549 582 Q 587 548 625 582\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>"); --pearl-idle: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"172 222 680 640\" width=\"22\" height=\"21\"><defs>%0A  <linearGradient id=\"n0-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"n0-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"n0-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"n0-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"n0-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"n0-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"n0-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"n0-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"n0-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"n0-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"12\"/></filter>%0A  <filter id=\"n0-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"19.200000000000003\"/></filter>%0A  <filter id=\"n0-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"5\"/></filter></defs>%0A%0A  <clipPath id=\"n0-c\"><path d=\"M512 262 C 691.8 262 822 347 822 542 C 822 692 716.6 762 512 762 C 307.4 762 202 692 202 542 C 202 347 332.20000000000005 262 512 262 Z\"/></clipPath>%0A  <ellipse cx=\"512\" cy=\"780\" rx=\"384.4\" ry=\"80\" fill=\"url(%23n0-glow)\" filter=\"url(%23n0-soft)\"/>%0A  <ellipse cx=\"512\" cy=\"797\" rx=\"248\" ry=\"37.5\" fill=\"url(%23n0-refl)\" filter=\"url(%23n0-rim)\"/>%0A  <ellipse cx=\"512\" cy=\"764\" rx=\"223.2\" ry=\"14\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23n0-sharp)\"/>%0A  %0A  <path d=\"M512 262 C 691.8 262 822 347 822 542 C 822 692 716.6 762 512 762 C 307.4 762 202 692 202 542 C 202 347 332.20000000000005 262 512 262 Z\" fill=\"url(%23n0-body)\"/>%0A  <g clip-path=\"url(%23n0-c)\">%0A    <path d=\"M512 262 C 691.8 262 822 347 822 542 C 822 692 716.6 762 512 762 C 307.4 762 202 692 202 542 C 202 347 332.20000000000005 262 512 262 Z\" fill=\"none\" stroke=\"url(%23n0-teal)\" stroke-width=\"90\" filter=\"url(%23n0-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 262 C 691.8 262 822 347 822 542 C 822 692 716.6 762 512 762 C 307.4 762 202 692 202 542 C 202 347 332.20000000000005 262 512 262 Z\" fill=\"none\" stroke=\"url(%23n0-violet)\" stroke-width=\"90\" filter=\"url(%23n0-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 262 C 691.8 262 822 347 822 542 C 822 692 716.6 762 512 762 C 307.4 762 202 692 202 542 C 202 347 332.20000000000005 262 512 262 Z\" fill=\"none\" stroke=\"url(%23n0-gold)\" stroke-width=\"72\" filter=\"url(%23n0-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"406.6\" cy=\"387\" rx=\"136.4\" ry=\"50\" transform=\"rotate(-18 406.6 387)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23n0-soft)\"/>%0A  </g>%0A  <path d=\"M512 262 C 691.8 262 822 347 822 542 C 822 692 716.6 762 512 762 C 307.4 762 202 692 202 542 C 202 347 332.20000000000005 262 512 262 Z\" fill=\"none\" stroke=\"url(%23n0-sweep)\" stroke-width=\"18\" opacity=\"0.95\"/>%0A  <g fill=\"none\" stroke=\"%230e1624\" stroke-width=\"36\" stroke-linecap=\"round\">%0A    <path d=\"M376 562 Q 424 606 472 562\"/>%0A    <path d=\"M552 562 Q 600 606 648 562\"/></g></svg>"); --pearl-sad: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M403 574 Q 437 598 471 574\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M553 574 Q 587 598 621 574\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M410 512 L 462 497\" stroke=\"%230e1624\" stroke-width=\"12\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M562 497 L 614 512\" stroke=\"%230e1624\" stroke-width=\"12\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>"); --pearl-sleepy: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M401 575 Q 437 586 473 575\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M551 575 Q 587 586 623 575\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>"); --pearl-worried: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><ellipse cx=\"437\" cy=\"582\" rx=\"24\" ry=\"27\" fill=\"%230e1624\"/><circle cx=\"444.7\" cy=\"576\" r=\"8.16\" fill=\"%23fff\"/><ellipse cx=\"587\" cy=\"582\" rx=\"24\" ry=\"27\" fill=\"%230e1624\"/><circle cx=\"594.7\" cy=\"576\" r=\"8.16\" fill=\"%23fff\"/><path d=\"M406 530 Q 434 514 466 512\" stroke=\"%230e1624\" stroke-width=\"12\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M558 512 Q 590 514 618 530\" stroke=\"%230e1624\" stroke-width=\"12\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>")}
.jr-docs{--dock-reserve: 26px}
.jr-settings{--f-ui: var(--font-instrument), -apple-system, sans-serif; --f-read: var(--font-newsreader), Georgia, serif; --f-code: var(--font-jetbrains), ui-monospace, monospace; --chrome: oklch(.168 .008 255); --chrome-2: oklch(.212 .009 255); --chrome-3: oklch(.252 .01 255); --hair: oklch(1 0 0 / .07); --hair-2: oklch(1 0 0 / .12); --stage: oklch(.198 .008 255); --raised: oklch(.238 .009 255); --raised-2: oklch(.275 .01 255); --well: oklch(.175 .008 255); --text: oklch(.955 .004 255); --text-2: oklch(.8 .007 255); --text-3: oklch(.7 .009 255); --text-4: oklch(.66 .009 255); --pea: oklch(.8 .125 182); --pea-ink: oklch(.83 .11 182); --pea-wash: oklch(.8 .125 182 / .13); --pri-bg: oklch(.955 .004 255); --pri-fg: oklch(.17 .008 255); --shadow-float: 0 0 0 calc(1*var(--u)) oklch(1 0 0 / .08), 0 calc(30*var(--u)) calc(60*var(--u)) calc(-24*var(--u)) oklch(0 0 0 / .75), 0 calc(10*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) oklch(0 0 0 / .5); --dim: oklch(.12 .01 255 / .62);}
.jr-settings *{box-sizing: border-box;}
.jr-settings,.jr-settings .jr-body{margin: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); overflow: hidden; background: var(--chrome);}
.jr-settings .jr-body{font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-settings h1,.jr-settings h2{text-wrap: balance;}
.jr-settings .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-settings .fav{flex: 0 0 auto; border-radius: calc(4*var(--u));}
.jr-settings .stage{height: 100%; border-radius: calc(12*var(--u)); overflow: hidden; position: relative; background: var(--stage); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair),0 calc(20*var(--u)) calc(50*var(--u)) calc(-30*var(--u)) #0009; display: flex; flex-direction: column;}
.jr-settings .btn{height: calc(38*var(--u)); display: inline-flex; align-items: center; justify-content: center; gap: calc(9*var(--u)); padding: 0 calc(17*var(--u)); border-radius: calc(10*var(--u)); font-size: calc(15*var(--u)); font-weight: 560; white-space: nowrap; font-family: var(--f-ui);}
.jr-settings .btn.pri{background: var(--pri-bg); color: var(--pri-fg);}
.jr-settings .seg{margin-left: auto; display: flex; gap: calc(2*var(--u)); padding: calc(3*var(--u)); border-radius: calc(10*var(--u)); background: var(--chrome); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair);}
.jr-settings{--danger: oklch(.53 .17 27); --danger-ink: oklch(.76 .14 25); --danger-wash: oklch(.7 .17 25 / .14); --warn: oklch(.8 .13 80); --warn-wash: oklch(.8 .13 80 / .13); --focus: 0 0 0 calc(2*var(--u)) var(--stage), 0 0 0 calc(4*var(--u)) var(--pea);}
.jr-settings .btn{position: relative; transition: background 0.12s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.12s, transform 90ms;}
.jr-settings .btn.sm{height: calc(32*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(14*var(--u)); border-radius: calc(9*var(--u)); gap: calc(7*var(--u));}
.jr-settings .btn .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-settings .btn.sec{color: var(--text); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); background: transparent;}
.jr-settings .btn.quiet{color: var(--text-2); background: transparent;}
.jr-settings .field{display: flex; flex-direction: column; gap: calc(7*var(--u)); width: calc(300*var(--u));}
.jr-settings .field .in{height: calc(42*var(--u)); border-radius: calc(11*var(--u)); background: var(--well); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); display: flex; align-items: center; gap: calc(9*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(15*var(--u)); color: var(--text);}
.jr-settings .toggle{display: inline-block; vertical-align: middle; width: calc(42*var(--u)); height: calc(26*var(--u)); border-radius: calc(13*var(--u)); background: var(--chrome-3); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); position: relative; flex: 0 0 auto;}
.jr-settings .toggle::after{content: ""; position: absolute; left: calc(3*var(--u)); top: calc(3*var(--u)); width: calc(20*var(--u)); height: calc(20*var(--u)); border-radius: 50%; background: var(--text-2); box-shadow: rgba(0, 0, 0, 0.4) 0 calc(1*var(--u)) calc(3*var(--u));}
.jr-settings .toggle.on{background: var(--pri-bg); box-shadow: none;}
.jr-settings .toggle.on::after{left: calc(19*var(--u)); background: var(--chrome); box-shadow: none;}
.jr-settings .sp{height: calc(26*var(--u)); display: inline-flex; align-items: center; gap: calc(7*var(--u)); padding: 0 calc(10*var(--u)); border-radius: calc(13*var(--u)); font-size: calc(13.5*var(--u)); font-weight: 560; white-space: nowrap;}
.jr-settings .sp.live{background: var(--pea-wash); color: var(--pea-ink);}
.jr-settings .sp.done{background: var(--chrome-3); color: var(--text-2);}
.jr-settings .sp,.jr-settings .gc{max-width: 100%; place-self: center start; display: inline-flex !important; flex: 0 0 auto !important; width: max-content !important;}
.jr-settings .btn{flex: 0 0 auto;}
.jr-settings .runspin{border:calc(2*var(--u)) solid var(--hair-2); width: calc(14*var(--u)); height: calc(14*var(--u)); border-radius: 50%; border-top-color: var(--pea); border-right-color: var(--pea); flex: 0 0 auto; transform: rotate(20deg); box-sizing: border-box;}
.jr-settings{--cline: oklch(1 0 0 / .1);}
.jr-settings .pearl{width: calc(17*var(--u)); height: calc(14*var(--u)); flex: 0 0 auto; display: inline-block; background: center 55% / 132% auto no-repeat; vertical-align: calc(-2*var(--u));}
.jr-settings .sp .pearl{width: calc(15*var(--u)); height: calc(13*var(--u));}
.jr-settings .pearl.p-calm{background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<title>Juno</title>%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M399 565 Q 437 595 475 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M549 565 Q 587 595 625 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>");}
.jr-settings .sgrp{margin-top: calc(24*var(--u));}
.jr-settings .sgrp h2{font-size: calc(16*var(--u)); font-weight: 600; color: var(--text-2); margin: 0 0 calc(10*var(--u));}
.jr-settings .sbox{border-radius: calc(16*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); overflow: hidden;}
.jr-settings .srow{display: flex; align-items: center; gap: calc(20*var(--u)); padding: calc(14*var(--u)) calc(18*var(--u)); border-top: calc(1*var(--u)) solid var(--hair); min-height: calc(62*var(--u));}
.jr-settings .srow:first-child{border-top: 0;}
.jr-settings .sl{flex: 1 1 0%;}
.jr-settings .sl > b{display: block; font-size: calc(16*var(--u)); font-weight: 560;}
.jr-settings .sl > span{display: block; font-size: calc(14.5*var(--u)); color: var(--text-3); margin-top: calc(3*var(--u)); line-height: 1.4;}
.jr-settings .sc{flex: 0 0 auto;}
.jr-settings .w{font-size: calc(14*var(--u)); color: var(--text-4); white-space: nowrap;}
.jr-settings .act{flex: 1 1 0%; overflow: hidden;}
.jr-settings .tt{width: calc(78*var(--u)); font-size: calc(14*var(--u)); color: var(--text-3); text-align: right; flex: 0 0 auto;}
.jr-settings .setpg{flex: 1 1 0%; overflow: hidden; padding: calc(34*var(--u)) 0 0; width: calc(780*var(--u)); margin: 0 auto;}
.jr-settings .setpg.wide{width: auto; margin: 0; padding: calc(34*var(--u)) calc(56*var(--u)) 0;}
.jr-settings .crumbs{display: flex; align-items: center; gap: calc(6*var(--u)); font-size: calc(14*var(--u)); color: var(--text-3); margin-bottom: calc(14*var(--u));}
.jr-settings .crumbs .ic{width: calc(13*var(--u)); height: calc(13*var(--u));}
.jr-settings .crumbs span{color: var(--text-2);}
.jr-settings .sgh{display: flex; align-items: center; justify-content: space-between;}
.jr-settings .sgh h2{margin: 0 0 calc(10*var(--u));}
.jr-settings .lic{width: calc(26*var(--u)); height: calc(26*var(--u)); border-radius: calc(7*var(--u)); background: var(--chrome-3); display: inline-flex; align-items: center; justify-content: center; color: var(--text-2); font-weight: 650; font-size: calc(14*var(--u)); flex: 0 0 auto;}
.jr-settings .lic .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-settings .lic.big{width: calc(34*var(--u)); height: calc(34*var(--u)); border-radius: calc(9*var(--u)); font-size: calc(17*var(--u));}
.jr-settings .lic.big .ic{width: calc(18*var(--u)); height: calc(18*var(--u));}
.jr-settings .srow.add{color: var(--text-3); font-size: calc(15*var(--u)); gap: calc(10*var(--u)); min-height: calc(52*var(--u));}
.jr-settings .srow.add > .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-settings .gc{height: calc(24*var(--u)); display: inline-flex; align-items: center; padding: 0 calc(9*var(--u)); border-radius: calc(12*var(--u)); font-size: calc(13*var(--u)); font-weight: 560; white-space: nowrap;}
.jr-settings .gc.read{background: var(--chrome-3); color: var(--text-2);}
.jr-settings .gc.act{background: rgba(95, 165, 222, 0.18); color: rgb(140, 196, 244);}
.jr-settings .gc.ask{background: var(--pea-wash); color: var(--pea-ink);}
.jr-settings .catg{display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(14*var(--u)); margin-top: calc(18*var(--u));}
.jr-settings .catc{display: flex; flex-direction: column; gap: calc(6*var(--u)); padding: calc(18*var(--u)); border-radius: calc(16*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair);}
.jr-settings .catc b{font-size: calc(16.5*var(--u)); font-weight: 600; margin-top: calc(8*var(--u));}
.jr-settings .catc > span:not(.fav):not(.lic){font-size: calc(14.5*var(--u)); color: var(--text-3); line-height: 1.45; min-height: calc(42*var(--u));}
.jr-settings .catf{display: flex; gap: calc(5*var(--u)); align-items: center; margin-top: calc(8*var(--u));}
.jr-settings .catf .btn{margin-left: auto;}
.jr-settings .rrow{display: flex; align-items: center; gap: calc(18*var(--u)); padding: calc(16*var(--u)) calc(18*var(--u)); border-top: calc(1*var(--u)) solid var(--hair);}
.jr-settings .rrow:first-child{border-top: 0;}
.jr-settings .rmain{flex: 1 1 0%; min-width: 0;}
.jr-settings .rmain b{display: block; font-size: calc(16.5*var(--u)); font-weight: 600; margin-bottom: calc(4*var(--u));}
.jr-settings .rsch{display: flex; align-items: center; gap: calc(7*var(--u)); font-size: calc(14.5*var(--u)); color: var(--text-2);}
.jr-settings .rsch .ic{width: calc(14*var(--u)); height: calc(14*var(--u)); color: var(--text-3);}
.jr-settings .rwhat{display: block; font-size: calc(14.5*var(--u)); color: var(--text-3); margin-top: calc(3*var(--u));}
.jr-settings .dotsep{width: calc(3*var(--u)); height: calc(3*var(--u)); border-radius: 50%; background: var(--text-4); margin: 0 calc(3*var(--u));}
.jr-settings .wsd2{width: calc(8*var(--u)); height: calc(8*var(--u)); border-radius: 50%; display: inline-block; flex: 0 0 auto;}
.jr-settings .rlast{width: calc(210*var(--u)); display: flex; flex-direction: column; gap: calc(4*var(--u)); align-items: flex-start; font-size: calc(14*var(--u)); color: var(--text-2); flex: 0 0 auto;}
.jr-settings .rlast .w{font-size: calc(13.5*var(--u));}
.jr-settings .auh,.jr-settings .aur{display: grid; grid-template-columns: calc(96*var(--u)) 1.8fr calc(140*var(--u)) 1.2fr calc(110*var(--u)); gap: calc(12*var(--u)); padding: calc(12*var(--u)) calc(18*var(--u)); align-items: center; font-size: calc(14.5*var(--u)); color: var(--text-2);}
.jr-settings .auh{font-size: calc(14*var(--u)); font-weight: 600; color: var(--text-3); border-bottom: calc(1*var(--u)) solid var(--hair-2);}
.jr-settings .aur{border-top: calc(1*var(--u)) solid var(--hair);}
.jr-settings .auh + .aur{border-top: 0;}
.jr-settings .aw{display: flex; gap: calc(9*var(--u)); align-items: center; color: var(--text);}
.jr-settings .srow .sl{min-width: 0;}
.jr-settings{--ease-out: cubic-bezier(.2, 0, 0, 1); --ease-back: cubic-bezier(.3, 1.4, .5, 1); --t-press: 90ms; --t-in: .12s; --t-out: .16s; --t-move: .16s; --t-release: .22s; --t-menu: .18s; --t-tile: .28s; --press: .94; --press-icon: .88; --grow-icon: 1.12; --mo-control: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), box-shadow var(--t-out) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-in: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), box-shadow var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-press: background-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), scale var(--t-press) var(--ease-out), translate var(--t-press) var(--ease-out); --mo-control-focus: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-row: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), background-size var(--t-move) var(--ease-out); --mo-inner: scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out), rotate var(--t-release) var(--ease-out), color var(--t-out) var(--ease-out);}
.jr-settings .btn{transition: var(--mo-control);}
.jr-settings .btn > .ic{transition: var(--mo-inner);}
.jr-settings .seg{isolation: isolate;}
.jr-settings .seg{position: relative;}
.jr-settings .seg > button{position: relative; z-index: 1; transition: color var(--t-out) var(--ease-out);}
.jr-settings .stile{position: absolute; z-index: 0; display: none; pointer-events: none; border-radius: calc(7*var(--u)); background: var(--raised); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair-2);}
.jr-settings .stile.on{display: block;}
.jr-settings .seg:has(> .stile.on) > button:is(.on, [aria-checked="true"]):not(:focus-visible){background: transparent; box-shadow: none;}
@media (prefers-reduced-motion: reduce){.jr-settings .btn,.jr-settings :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark),.jr-settings .seg > button{transition: none !important;}}
@media (prefers-reduced-motion: reduce){.jr-settings :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){scale: none !important; translate: none !important; rotate: none !important;}}
.jr-settings :where(button.btn, button.ibtn, button.voice, button.sendb, button.stopv, button.round, button.toggle, button.check, .seg > button, button.mr, button.chip2, button.lact, button.lx, .toast button.act, button.tipbtn, button.mpill, button.epill, button.pi, button.mi){appearance: none; border: 0; margin: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: inherit;}
.jr-settings :where(button.btn, button.ibtn, button.voice, button.sendb, button.stopv, button.toggle, button.check, .seg > button, button.mr, .toast button.act){cursor: pointer;}
.jr-settings :where(.btn, .ibtn, .toggle, .check, .mr, .seg > button):is(:disabled, [aria-disabled="true"]){cursor: default;}
.jr-settings .btn:is(:disabled, [aria-disabled="true"]),.jr-settings .btn.pri:is(:disabled, [aria-disabled="true"]){background: var(--chrome-3); color: var(--text-4); box-shadow: none; opacity: 1; scale: none;}
.jr-settings .btn:is(.sec, .danger-sec):is(:disabled, [aria-disabled="true"]){background: transparent; color: var(--text-4); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); opacity: 1;}
.jr-settings .field .in input{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; flex: 1 1 0%; min-width: 0; font: inherit; color: inherit; caret-color: var(--pea);}
.jr-settings .field .in input::placeholder{color: var(--text-4); opacity: 1;}
.jr-settings .field .in{transition: box-shadow 0.12s cubic-bezier(0.2, 0, 0, 1);}
.jr-settings .toggle::after{transition: left 0.16s cubic-bezier(0.2, 0, 0, 1), background 0.16s;}
.jr-settings .seg > button{height: calc(30*var(--u)); display: flex; align-items: center; padding: 0 calc(13*var(--u)); border-radius: calc(7*var(--u)); font-size: calc(14*var(--u)); color: var(--text-3);}
.jr-settings .seg > button.on,.jr-settings .seg > button[aria-checked="true"]{background: var(--raised); color: var(--text); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair-2);}
.jr-settings .seg.fill{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: 100%; margin-left: 0; box-sizing: border-box;}
.jr-settings .seg.fill > button{display: flex; justify-content: center; align-items: center; text-align: center; min-width: 0; height: auto; min-height: calc(30*var(--u)); padding: calc(4*var(--u)) calc(8*var(--u)); line-height: 1.25; text-wrap: balance; overflow-wrap: anywhere;}
.jr-settings .runspin{animation: 0.8s linear 0s infinite normal none running settings-jn-kit-spin;}
@media (prefers-reduced-motion: reduce){.jr-settings .toggle::after,.jr-settings .field .in{transition: none;}}
@media (prefers-reduced-motion: reduce){.jr-settings .runspin{animation: auto ease 0s 1 normal none running none;}}
.jr-settings .apearl{display: block; flex: 0 0 auto;}
.jr-settings .apearl .pr-rim{opacity: var(--prim, 1);}
.jr-settings .apearl .pr-eyes-in{transform-box: fill-box; transform-origin: center center; transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1);}
@media (prefers-reduced-motion: reduce){.jr-settings .apearl .pr-eyes-in{transition: none;}}
.jr-settings .agtile{display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 26%; background: linear-gradient(rgb(17, 22, 31), rgb(2, 3, 6)); box-shadow: rgba(255, 255, 255, 0.07) 0 0 0 calc(1*var(--u)) inset; overflow: hidden;}
.jr-settings .apearl .pr-body{transform-box: view-box;}
.jr-settings .apearl .pr-eyes-look{transform: translate(var(--pr-lx, 0px),var(--pr-ly, 0px));}
.jr-settings .apearl[data-life] .pr-body{animation: settings-pr-breathe 4.8s cubic-bezier(.45,0,.55,1) var(--pr-d, 0s) infinite;}
.jr-settings .apearl[data-life="working"] .pr-body{animation: settings-pr-bob 1.6s cubic-bezier(.45,0,.55,1) var(--pr-d, 0s) infinite;}
.jr-settings .apearl[data-life="idle"] .pr-eyes-in,.jr-settings .apearl[data-life="working"] .pr-eyes-in{animation: settings-pr-blink 7.2s linear var(--pr-d, 0s) infinite; transition: none;}
.jr-settings .apearl[data-life="idle"]:not([data-follow]) .pr-eyes-look{animation: settings-pr-glance 12s cubic-bezier(.2,0,0,1) var(--pr-d, 0s) infinite;}
@media (prefers-reduced-motion: reduce){.jr-settings .apearl[data-life] .pr-body,.jr-settings .apearl[data-life] .pr-eyes-in,.jr-settings .apearl[data-life] .pr-eyes-look{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
@media (prefers-reduced-motion: reduce){.jr-settings .apearl .pr-eyes-look{transform: none;}}
.jr-settings .fv{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 22%; overflow: hidden; vertical-align: middle;}
.jr-settings .fv-letter{color: rgb(255, 255, 255); font-weight: 650; font-family: -apple-system, sans-serif;}
.jr-settings .fv-letter{font-weight: 600; line-height: 1; font-family: var(--f-ui);}
.jr-settings,.jr-settings .jr-body{width: 100%; min-height: 100%; background: var(--stage); color: var(--text);}
.jr-settings #root{min-height: 100%;}
.jr-settings .stage.setstage{height: auto; min-height: 100vh; border-radius: 0; box-shadow: none; overflow: visible;}
.jr-settings .setpg{overflow: visible;}
.jr-settings .setend{height: calc(56*var(--u));}
.jr-settings .crumbs .crl{cursor: pointer;}
.jr-settings .btn{cursor: pointer;}
.jr-settings .aw .fav{flex: 0 0 auto;}
.jr-settings .srow .sc{flex: 0 0 auto;}
.jr-settings .jr-body{margin: 0;}
.jr-settings .srow.add[role="button"]{cursor: pointer;}
.jr-settings a.btn{text-decoration: none;}
.jr-settings .rrow[role="link"]{cursor: pointer;}
.jr-settings .rlast > span:not(.sp){max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-settings .aubox .aur .tt{white-space: nowrap; text-align: left;}
.jr-settings .aubox .aw{min-width: 0;}
.jr-settings .aubox .aut{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-settings .sfoldh{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; display: inline-flex; align-items: center; gap: calc(6*var(--u)); cursor: pointer; border-radius: calc(6*var(--u)); color: var(--text-2);}
.jr-settings .sfoldh .ic{width: calc(14*var(--u)); height: calc(14*var(--u)); transition: transform 0.16s;}
@media (prefers-reduced-motion: reduce){.jr-settings .sfoldh .ic{transition: none;}}
.jr-settings .rrow.agrow[role="link"]{cursor: pointer;}
.jr-settings .rrow.agrow .agtile{width: calc(48*var(--u)); height: calc(48*var(--u));}
.jr-settings .rrow.agrow .rlast .sp{align-self: flex-start !important;}
.jr-settings .agjoblin{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-settings .agchips{display: flex; flex-wrap: wrap; gap: calc(6*var(--u)); align-items: center;}
.jr-settings .te-tag.held{background: var(--warn-wash, var(--raised-2));}
.jr-settings .srow.agnotes{align-items: flex-start;}
.jr-settings .agans{display: flex; flex-wrap: wrap; gap: calc(8*var(--u)); align-items: center; margin-top: calc(10*var(--u));}
.jr-settings .agans .field{flex: 1 1 0%; min-width: calc(200*var(--u)); max-width: calc(360*var(--u));}
.jr-settings:has(.setpg.as),.jr-settings .jr-body:has(.setpg.as),.jr-settings .stage.setstage:has(.setpg.as){background: var(--chrome);}
.jr-settings .setpg.wide.as{width: 100%; max-width: calc(1060*var(--u)); margin: 0 auto; padding: calc(26*var(--u)) calc(56*var(--u)) 0; box-sizing: border-box;}
.jr-settings .setpg.wide.as.asp{max-width: calc(920*var(--u)); padding: calc(26*var(--u)) calc(40*var(--u)) 0;}
.jr-settings .setpg.as .crumbs{font-size: calc(13.5*var(--u)); color: var(--text-3); margin-bottom: 0;}
.jr-settings .setpg.as .crumbs span{color: var(--text-3);}
.jr-settings .setpg.as .crumbs .ic{width: calc(12*var(--u)); height: calc(12*var(--u)); color: var(--text-4);}
.jr-settings .setpg.as > .setend{height: calc(48*var(--u));}
.jr-settings .as-h1{font-family: var(--f-read); font-weight: 400; font-size: calc(36*var(--u)); letter-spacing: -0.01em; line-height: 1.4; margin: 0 0 calc(6*var(--u)); color: var(--text);}
.jr-settings .as-lnk{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; cursor: pointer; display: inline-flex; align-items: center; gap: calc(6*var(--u)); font-size: calc(14*var(--u)); font-weight: 400; color: var(--text-2); border-radius: calc(6*var(--u));}
.jr-settings .as-ib{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; cursor: pointer; flex: 0 0 auto; width: calc(26*var(--u)); height: calc(26*var(--u)); border-radius: calc(7*var(--u)); display: grid; place-items: center; color: var(--text-4);}
.jr-settings .as-ib .ic{width: calc(14*var(--u)); height: calc(14*var(--u));}
.jr-settings .as-hint input{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; flex: 1 1 0%; min-width: 0; font-size: calc(14.5*var(--u)); color: var(--text); caret-color: var(--pea);}
.jr-settings .as-hint input::placeholder{color: var(--text-3);}
.jr-settings .as-addi{width: calc(15*var(--u)); height: calc(15*var(--u)); color: var(--text-4); flex: 0 0 auto;}
.jr-settings .as-sum{font-family: var(--f-read); font-size: calc(21*var(--u)); line-height: 1.75; color: var(--text-2);}
.jr-settings .as-tokw{position: relative; display: inline; white-space: nowrap;}
.jr-settings .as-tok{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap-style: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; font-family: var(--f-ui); font-size: calc(16*var(--u)); font-weight: 500; color: var(--text); padding: calc(2*var(--u)) calc(4*var(--u)) calc(2*var(--u)) calc(9*var(--u)); border-radius: calc(8*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); display: inline-flex; align-items: center; gap: calc(2*var(--u)); vertical-align: calc(1*var(--u)); line-height: 1.5; white-space: normal;}
.jr-settings span.as-tok{padding-right: calc(9*var(--u));}
.jr-settings button.as-tok{cursor: pointer;}
.jr-settings .as-tok .ic{width: calc(13*var(--u)); height: calc(13*var(--u)); color: var(--text-3); flex: 0 0 auto;}
.jr-settings .as-grid{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: calc(14*var(--u)); align-items: start;}
.jr-settings .as-col{display: grid; gap: calc(14*var(--u)); min-width: 0;}
.jr-settings .as-card{border-radius: calc(14*var(--u)); background: var(--chrome-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); padding: calc(14*var(--u)) calc(16*var(--u)); min-width: 0;}
.jr-settings .as-card.quiet{background: transparent;}
.jr-settings .as-card.needs{box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2);}
.jr-settings .as-ch{display: flex; align-items: center; gap: calc(8*var(--u)); font-size: calc(14.5*var(--u)); font-weight: 600; color: var(--text); margin-bottom: calc(10*var(--u));}
.jr-settings .as-ch .as-lnk{margin-left: auto;}
.jr-settings .as-cnt{font-weight: 500; font-size: calc(13*var(--u)); color: var(--text-3); background: var(--raised); border-radius: calc(999*var(--u)); padding: 0 calc(8*var(--u)); line-height: calc(20*var(--u));}
.jr-settings .as-wr.as-hint input{font-size: calc(13.5*var(--u));}
.jr-settings .as-cnote{font-size: calc(13.5*var(--u)); color: var(--text-3); margin-top: calc(10*var(--u)); line-height: 1.45;}
.jr-settings .as-mode{margin-bottom: calc(14*var(--u)); padding-bottom: calc(14*var(--u)); border-bottom: calc(1*var(--u)) solid var(--hair);}
.jr-settings .as-mode .as-cnote{margin: calc(8*var(--u)) 0 0;}
.jr-settings .as-own{display: flex; gap: calc(12*var(--u)); align-items: flex-start; padding: calc(8*var(--u)) 0; border-top: calc(1*var(--u)) solid var(--hair);}
.jr-settings .as-ch + .as-own{border-top: 0; padding-top: calc(2*var(--u));}
.jr-settings .as-owt{display: flex; flex-direction: column; gap: calc(2*var(--u)); font-size: calc(14.5*var(--u)); flex: 1 1 0%; min-width: 0;}
.jr-settings .as-owt b{font-weight: 500; color: var(--text);}
.jr-settings .as-owt span{font-size: calc(13.5*var(--u)); color: var(--text-3);}
.jr-settings .as-own.asks .as-owt b{color: var(--text-2);}
.jr-settings .as-owi{width: calc(42*var(--u)); min-height: calc(22*var(--u)); display: grid; place-items: center; color: var(--text-3); flex: 0 0 auto;}
.jr-settings .as-owi .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-settings .as-own .btn{flex: 0 0 auto;}
.jr-settings .as-empty{font-size: calc(13.5*var(--u)); color: var(--text-3); line-height: 1.5;}
.jr-settings .as-st{display: inline-flex; align-items: center; gap: calc(7*var(--u)); font-size: calc(13.5*var(--u)); color: var(--text-2); padding: 0 calc(10*var(--u)); line-height: calc(26*var(--u)); border-radius: calc(13*var(--u)); background: var(--raised); white-space: nowrap;}
.jr-settings .as-st i{width: calc(7*var(--u)); height: calc(7*var(--u)); border-radius: 50%; background: var(--text-3); flex: 0 0 auto;}
.jr-settings .as-st.live i{background: var(--pea); animation: 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running settings-as-live;}
.jr-settings .as-ah{display: flex; gap: calc(16*var(--u)); align-items: center; margin: calc(22*var(--u)) 0 calc(20*var(--u));}
.jr-settings .as-ah > .apearl{flex: 0 0 auto;}
.jr-settings .as-ahb{flex: 1 1 0%; min-width: 0;}
.jr-settings .as-ahb .as-h1{margin: 0 0 calc(4*var(--u));}
.jr-settings .as-ahl{display: flex; gap: calc(6*var(--u)) calc(14*var(--u)); align-items: center; flex-wrap: wrap; font-size: calc(13.5*var(--u)); color: var(--text-3);}
.jr-settings .as-ahl > span{display: inline-flex; align-items: center; gap: calc(6*var(--u));}
.jr-settings .as-ahacts{display: flex; gap: calc(8*var(--u)); flex: 0 0 auto;}
.jr-settings .as-wr{display: flex; align-items: center; gap: calc(12*var(--u)); padding: calc(10*var(--u)) calc(2*var(--u)); border-top: calc(1*var(--u)) solid var(--hair); min-width: 0;}
.jr-settings .as-ch + .as-wr{border-top: 0;}
.jr-settings .as-wn{flex: 1 1 0%; min-width: 0; display: flex; flex-direction: column;}
.jr-settings .as-wn b{font-weight: 500; font-size: calc(14.5*var(--u)); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-settings .as-wn span{font-size: calc(13*var(--u)); color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-settings .as-spark{width: calc(64*var(--u)); height: calc(20*var(--u)); color: var(--text-3); flex: 0 0 auto;}
.jr-settings .as-spark polyline{fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.jr-settings .as-wv{display: flex; flex-direction: column; align-items: flex-end; min-width: calc(92*var(--u)); flex: 0 0 auto;}
.jr-settings .as-wv b{font-size: calc(14.5*var(--u)); font-weight: 600; color: var(--text);}
.jr-settings .as-wv span{font-size: calc(13*var(--u)); color: var(--text-3);}
.jr-settings .as-wv .down{color: var(--pea-ink);}
.jr-settings .as-wr.as-hint{color: var(--text-3); cursor: text; border-radius: calc(6*var(--u));}
.jr-settings .as-pk{display: flex; flex-direction: column; gap: calc(4*var(--u)); padding: calc(2*var(--u)) 0 calc(4*var(--u));}
.jr-settings .as-pk + .as-pk{border-top: calc(1*var(--u)) solid var(--hair); padding-top: calc(10*var(--u)); margin-top: calc(6*var(--u));}
.jr-settings .as-pk > b{font-size: calc(14.5*var(--u)); font-weight: 500; color: var(--text); overflow-wrap: anywhere;}
.jr-settings .as-pk > span{font-size: calc(13.5*var(--u)); color: var(--text-3); line-height: 1.45;}
.jr-settings .as-pka{display: flex; gap: calc(6*var(--u)); margin-top: calc(8*var(--u)); flex-wrap: wrap;}
.jr-settings .as-lastm{font-family: var(--f-read); font-size: calc(15.5*var(--u)); line-height: 1.5; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;}
.jr-settings .as-lastm b{color: var(--text); font-weight: 500;}
.jr-settings .as-sum.as-sumq{font-size: calc(16*var(--u)); line-height: 1.7;}
.jr-settings .as-sumq .as-tok{font-size: calc(13.5*var(--u));}
.jr-settings .setpg.as .sgrp{margin-top: calc(22*var(--u));}
.jr-settings .as-card .as-own > .btn,.jr-settings .as-wr > .as-ib{opacity: 0; transition: opacity 0.12s cubic-bezier(0.2, 0, 0, 1);}
@media (prefers-reduced-motion: reduce){.jr-settings .as-st.live i{animation: auto ease 0s 1 normal none running none;}}
.jr-settings .te-tag{padding: calc(2*var(--u)) calc(9*var(--u)); border-radius: calc(999*var(--u)); background: var(--raised-2); color: var(--text-2); font-size: calc(13*var(--u));}
.jr-settings,.jr-settings .jr-body{height: auto; min-height: 100%; overflow: visible;}
.jr-notch{--f-ui: var(--font-instrument), -apple-system, sans-serif; --text: oklch(0.955 0.004 255); --text-2: oklch(0.80 0.007 255); --text-3: oklch(0.70 0.009 255); --text-4: oklch(0.66 0.009 255); --hair: oklch(1 0 0 / 0.07); --hair-2: oklch(1 0 0 / 0.12); --ring: oklch(1 0 0 / 0.18); --well: oklch(0.19 0.008 255); --raised: oklch(0.238 0.009 255); --pea: oklch(0.80 0.125 182); --pea-ink: oklch(0.83 0.11 182); --pea-wash: oklch(0.80 0.125 182 / 0.13); --pri-bg: oklch(0.955 0.004 255); --pri-fg: oklch(0.17 0.008 255); --danger: oklch(0.53 0.17 27); --danger-ink: oklch(0.76 0.14 25); --warn: oklch(0.80 0.13 80); --ease-out: cubic-bezier(0.2, 0, 0, 1); --ease-expo: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-breathe: cubic-bezier(0.45, 0, 0.55, 1);}
.jr-notch .card.fa h2{margin-bottom: calc(10*var(--u));}
.jr-notch .fa-rows{display: grid; gap: 0;}
.jr-notch .fa-row{padding: calc(12*var(--u)) 0 calc(14*var(--u)); border-top: calc(1*var(--u)) solid oklch(1 0 0 / 0.09); min-width: 0;}
.jr-notch .fa-rows > .fa-row:first-child{border-top: 0; padding-top: calc(2*var(--u));}
.jr-notch .fa-q{display: flex; flex-wrap: wrap; align-items: baseline; gap: calc(4*var(--u)) calc(10*var(--u)); margin: 0 0 calc(10*var(--u)); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text);}
.jr-notch .fa-qt{min-width: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;}
.jr-notch .fa-req{font-size: calc(13*var(--u)); font-weight: 500; color: var(--text-3); white-space: nowrap;}
.jr-notch .fa-req{color: var(--warn);}
.jr-notch .fa-opts{display: flex; flex-wrap: wrap; gap: calc(8*var(--u));}
.jr-notch .fa-opt{min-height: calc(34*var(--u)); max-width: 100%; display: inline-flex; align-items: center; gap: calc(8*var(--u)); padding: calc(6*var(--u)) calc(14*var(--u)); box-sizing: border-box; border-radius: calc(9*var(--u)); font-size: calc(15*var(--u)); font-weight: 520; line-height: 1.3; color: var(--text); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--ring); text-align: left; transition: background 120ms var(--ease-out), color 120ms, box-shadow 120ms;}
.jr-notch .fa-opt > span:last-child{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-notch .fa-opt[aria-checked="true"]{background: var(--pri-bg); color: var(--pri-fg); box-shadow: none;}
.jr-notch .fa-in{width: 100%; height: calc(40*var(--u)); box-sizing: border-box; padding: 0 calc(12*var(--u)); border: 0; border-radius: calc(10*var(--u)); background: var(--well); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); color: var(--text); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: calc(15*var(--u)); color-scheme: dark; user-select: text; cursor: text;}
.jr-notch .fa-in::placeholder{color: var(--text-3);}
.jr-notch .fa-why{display: flex; flex-wrap: wrap; align-items: baseline; gap: calc(2*var(--u)) calc(8*var(--u)); margin: calc(9*var(--u)) 0 0; font-size: calc(13.5*var(--u)); line-height: 1.4; color: var(--text-3); min-width: 0;}
.jr-notch .fa-sug{color: var(--pea-ink); font-weight: 560; white-space: nowrap;}
.jr-notch .fa-why.sug{cursor: default;}
.jr-notch .fa-why.sug .fa-hint{position: absolute; width: calc(1*var(--u)); height: calc(1*var(--u)); overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.jr-notch .note.fa-note{margin-top: calc(10*var(--u));}
.jr-notch .card.fa .cf{margin-top: calc(14*var(--u));}
.jr-notch .fa-count{white-space: nowrap; font-variant-numeric: tabular-nums;}
.jr-notch .dn{padding: calc(4*var(--u)) calc(26*var(--u)) calc(18*var(--u)); min-width: 0; --f-site: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}
.jr-notch .dn-clip{font-size: calc(16*var(--u)); line-height: 1.45; max-height: calc(4.35em); overflow: hidden; overflow-wrap: anywhere; mask-image: linear-gradient(rgb(0, 0, 0) 60%, transparent);}
.jr-notch .dn-clip.l2{max-height: calc(2.9em);}
.jr-notch .dn-acts{display: flex; align-items: center; gap: calc(8*var(--u)); margin-top: calc(12*var(--u));}
.jr-notch .dn-cnt{margin-right: auto; display: flex; gap: calc(10*var(--u)); align-items: center; font-size: calc(14*var(--u)); color: var(--text-3); font-variant-numeric: tabular-nums; white-space: nowrap; min-width: 0;}
.jr-notch .dn-b .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-notch .dn-gm{border-radius: calc(12*var(--u)); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); overflow: hidden; font-family: var(--f-site); margin-top: calc(2*var(--u));}
.jr-notch .dn-gm-bar{height: calc(32*var(--u)); display: flex; align-items: center; padding: 0 calc(12*var(--u)); background: oklch(1 0 0 / 0.06); font-size: calc(14*var(--u)); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-notch .dn-gm-row{display: flex; align-items: center; gap: calc(8*var(--u)); min-height: calc(34*var(--u)); margin: 0 calc(12*var(--u)); border-bottom: calc(1*var(--u)) solid var(--hair); font-size: calc(14*var(--u)); min-width: 0;}
.jr-notch .dn-gm-l{color: var(--text-3); flex: 0 0 auto;}
.jr-notch .dn-gm .dn-clip{margin: calc(8*var(--u)) calc(12*var(--u)) calc(10*var(--u)); font-family: Arial, Helvetica, sans-serif; font-size: calc(14.5*var(--u));}
.jr-notch .dn-people{display: flex; gap: calc(6*var(--u)); min-width: 0; overflow: hidden;}
.jr-notch .dn-chip{display: inline-flex; align-items: center; gap: calc(6*var(--u)); height: calc(24*var(--u)); padding: 0 calc(9*var(--u)); border-radius: calc(999*var(--u)); font-size: calc(13.5*var(--u)); min-width: 0; flex: 0 1 auto;}
.jr-notch .dn-chip > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}
.jr-notch .dn-chip.gm{box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2);}
.jr-notch,.jr-notch .jr-body{margin: 0; background: transparent; overflow: hidden; user-select: none;}
.jr-notch .jr-body{cursor: default; font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-notch button{font: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0; cursor: default;}
.jr-notch .i{width: calc(16*var(--u)); height: calc(16*var(--u)); flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.jr-notch .notch{position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; width: var(--w, calc(248*var(--u))); background: rgb(0, 0, 0); color: var(--text); border-radius: 0 0 calc(26*var(--u)) calc(26*var(--u)); box-shadow: oklch(0 0 0 / 0.7) 0 calc(20*var(--u)) calc(50*var(--u)) calc(-20*var(--u)); transition: width 360ms var(--ease-expo), border-radius 240ms var(--ease-out);}
.jr-notch .notch::before,.jr-notch .notch::after{content: ""; position: absolute; top: 0; width: calc(14*var(--u)); height: calc(14*var(--u));}
.jr-notch .notch::before{left: calc(-14*var(--u)); background: radial-gradient(circle at 0 100%, transparent calc(13.5*var(--u)), rgb(0, 0, 0) calc(14*var(--u)));}
.jr-notch .notch::after{right: calc(-14*var(--u)); background: radial-gradient(circle at 100% 100%, transparent calc(13.5*var(--u)), rgb(0, 0, 0) calc(14*var(--u)));}
.jr-notch .notch > .clip{position: relative; overflow: hidden; border-radius: inherit; transition: height 360ms var(--ease-expo);}
.jr-notch .notch.closed{transition: width 240ms var(--ease-in), border-radius 240ms var(--ease-in);}
.jr-notch .notch.closed > .clip{transition: height 240ms var(--ease-in);}
.jr-notch .notch.enter .st{animation: notch-notch-in 160ms var(--ease-out) backwards;}
.jr-notch .notch.enter.closed .st{animation: notch-notch-in 240ms var(--ease-in) backwards;}
.jr-notch .notch.enter .card{animation: notch-notch-rise 160ms var(--ease-out) 120ms backwards;}
.jr-notch .notch .in{position: relative; width: var(--w, calc(248*var(--u))); left: 50%; transform: translateX(-50%);}
.jr-notch .notch.closed{border-radius: 0 0 calc(12*var(--u)) calc(12*var(--u));}
.jr-notch .notch.closed.wide{border-radius: 0 0 calc(14*var(--u)) calc(14*var(--u));}
@media (prefers-reduced-motion: reduce){.jr-notch .notch,.jr-notch .notch.closed,.jr-notch .notch > .clip,.jr-notch .notch.closed > .clip{transition: none;}}
@media (prefers-reduced-motion: reduce){.jr-notch .notch.enter .st,.jr-notch .notch.enter.closed .st,.jr-notch .notch.enter .card{animation: 120ms linear 0s 1 normal backwards running notch-notch-in;}}
.jr-notch .ears{height: calc(32*var(--u)); display: flex; align-items: center; justify-content: space-between; gap: calc(16*var(--u)); padding: 0 calc(22*var(--u)); font-size: calc(14*var(--u)); white-space: nowrap;}
.jr-notch .ears .l{display: flex; align-items: center; gap: calc(9*var(--u)); color: var(--text-2); font-weight: 560; min-width: 0;}
.jr-notch .ears .r{display: flex; align-items: center; gap: calc(8*var(--u)); color: var(--text-2); min-width: 0; overflow: hidden; text-overflow: ellipsis;}
.jr-notch .ears > .l,.jr-notch .ears > .r{padding: calc(4*var(--u)); margin: calc(-4*var(--u));}
.jr-notch .ears .l.need{color: var(--pea-ink);}
.jr-notch .ears .l.bad{color: var(--danger-ink);}
.jr-notch .ears .l.warn{color: var(--warn);}
.jr-notch .ears .clock{color: var(--text-3); font-variant-numeric: tabular-nums;}
.jr-notch .notch:not(.pill) .ears{display: grid; grid-template-columns: minmax(0, 1fr) var(--camera, calc(190*var(--u))) minmax(0, 1fr);}
.jr-notch .notch:not(.pill) .ears > .l{grid-column: 1; justify-self: start; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.jr-notch .notch:not(.pill) .ears > .r{grid-column: 3; justify-self: end; max-width: 100%;}
.jr-notch .notch.closed:not(.pill) .ears{padding: 0;}
.jr-notch .notch.closed:not(.pill) .ears > .l,.jr-notch .notch.closed:not(.pill) .ears > .r{justify-self: center;}
.jr-notch .closed .ears{padding: 0 calc(14*var(--u));}
.jr-notch .closed.wide .ears{padding: 0 calc(16*var(--u));}
.jr-notch .closed .count{color: var(--pea-ink); font-weight: 600; font-variant-numeric: tabular-nums;}
.jr-notch .notch.closed.wide:not(.pill) .ears{padding: 0 calc(16*var(--u)); column-gap: 0;}
.jr-notch .notch.closed.wide:not(.pill) .ears > .l{justify-self: start; font-variant-numeric: tabular-nums;}
.jr-notch .notch.closed.wide:not(.pill) .ears > .r{justify-self: end;}
.jr-notch .idle-pearl{width: calc(22*var(--u)); height: calc(22*var(--u)); display: block; background: var(--pearl-idle) center / contain no-repeat;}
.jr-notch .pearl{position: relative; width: calc(17*var(--u)); height: calc(14*var(--u)); flex: 0 0 auto; display: inline-block; vertical-align: calc(-2*var(--u));}
.jr-notch .pearl::before{content: ""; position: absolute; inset: -19.2% -16% -15.7%; background: var(--pearl-art) center / contain no-repeat; pointer-events: none;}
.jr-notch .pearl.p-calm{--pearl-art: var(--pearl-calm);}
.jr-notch .pearl.p-curious{--pearl-art: var(--pearl-curious);}
.jr-notch .pearl.p-worried{--pearl-art: var(--pearl-worried);}
.jr-notch .pearl.p-sleepy{--pearl-art: var(--pearl-sleepy);}
.jr-notch .pearl.p-happy{--pearl-art: var(--pearl-happy);}
.jr-notch .runspin{border: calc(2*var(--u)) solid var(--hair-2); width: calc(14*var(--u)); height: calc(14*var(--u)); border-radius: 50%; border-top-color: var(--pea); border-right-color: var(--pea); flex: 0 0 auto; box-sizing: border-box; animation: 900ms linear 0s infinite normal none running notch-spin;}
@media (prefers-reduced-motion: reduce){.jr-notch .runspin{animation: auto ease 0s 1 normal none running none; transform: rotate(20deg);}}
.jr-notch .wave{display: block; width: calc(105*var(--u)); height: calc(20*var(--u)); flex: 0 0 auto;}
.jr-notch .words{padding: calc(10*var(--u)) calc(28*var(--u)) calc(20*var(--u)); font-size: calc(19*var(--u)); line-height: 1.35;}
.jr-notch .words span{transition: color 160ms var(--ease-out);}
.jr-notch .words .soft{color: var(--text-4);}
@media (prefers-reduced-motion: reduce){.jr-notch .words span{transition: none;}}
.jr-notch .line{display: flex; align-items: center; gap: calc(12*var(--u)); min-height: calc(34*var(--u)); padding: calc(8*var(--u)) calc(22*var(--u)) calc(16*var(--u)) calc(26*var(--u)); font-size: calc(16.5*var(--u)); line-height: 1.4;}
.jr-notch .line .t{flex: 1 1 0%; min-width: 0;}
.jr-notch .line.clamp .t{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.jr-notch .stopb{width: calc(34*var(--u)); height: calc(34*var(--u)); border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; color: var(--text-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--ring); transition: background 120ms var(--ease-out), color 120ms;}
.jr-notch .stopb .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-notch .drain{position: absolute; left: calc(26*var(--u)); right: calc(26*var(--u)); bottom: 0; height: calc(2*var(--u)); background: oklch(1 0 0 / 0.08); border-radius: calc(1*var(--u)); overflow: hidden;}
.jr-notch .drain i{position: absolute; left: 0; top: 0; bottom: 0; background: var(--pea); border-radius: calc(1*var(--u)); transition: width 250ms linear;}
.jr-notch .mark{position: relative; width: calc(20*var(--u)); height: calc(20*var(--u)); border-radius: calc(5*var(--u)); flex: 0 0 auto; display: inline-grid; place-items: center; color: oklch(0.97 0.005 90); font-size: calc(12*var(--u)); font-weight: 700; overflow: hidden;}
.jr-notch .mark--s{width: calc(17*var(--u)); height: calc(17*var(--u)); border-radius: calc(4*var(--u)); font-size: calc(11*var(--u));}
.jr-notch .mark--l{width: calc(30*var(--u)); height: calc(30*var(--u)); border-radius: calc(8*var(--u)); font-size: calc(14*var(--u));}
.jr-notch .mark b{font-weight: 700;}
.jr-notch .mark img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: oklch(0.975 0.003 90); opacity: 0;}
.jr-notch .mark.fv{background: transparent;}
.jr-notch .mark.fv img{position: static; inset: auto; margin: auto; background: none; opacity: 1;}
.jr-notch .mark.fv-gmail img{width: 94%;}
.jr-notch .btn{height: calc(38*var(--u)); display: inline-flex; align-items: center; justify-content: center; gap: calc(9*var(--u)); padding: 0 calc(17*var(--u)); border-radius: calc(10*var(--u)); font-size: calc(15*var(--u)); font-weight: 560; white-space: nowrap; flex: 0 0 auto; transition: background 120ms var(--ease-out), box-shadow 120ms, transform 90ms;}
.jr-notch .btn.pri{background: var(--pri-bg); color: var(--pri-fg);}
.jr-notch .btn.gh{color: var(--text); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--ring);}
.jr-notch .btn.danger{background: var(--danger); color: oklch(0.99 0 0);}
.jr-notch .btn.sm{height: calc(32*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(14*var(--u)); border-radius: calc(9*var(--u)); gap: calc(7*var(--u));}
.jr-notch .btn .i{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-notch .card{padding: calc(6*var(--u)) calc(26*var(--u)) calc(22*var(--u));}
.jr-notch .card h2{font-family: var(--f-ui); font-weight: 600; font-size: calc(19*var(--u)); line-height: 1.3; letter-spacing: -0.005em; margin: calc(6*var(--u)) 0 calc(14*var(--u));}
.jr-notch .fl{display: grid; grid-template-columns: minmax(calc(76*var(--u)), max-content) minmax(0, 1fr); margin: 0; font-size: calc(15*var(--u));}
.jr-notch .fl > div{padding: calc(10*var(--u)) 0; border-top: calc(1*var(--u)) solid oklch(1 0 0 / 0.09); min-width: 0;}
.jr-notch .fl .l{color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(196*var(--u)); padding-right: calc(16*var(--u)); box-sizing: border-box;}
.jr-notch .fl .v{overflow-wrap: anywhere; line-height: 1.4;}
.jr-notch .fl .v span{color: var(--text-3);}
.jr-notch .fl .v.row{display: flex; align-items: center; gap: calc(8*var(--u));}
.jr-notch .notch .in:has(> .st > .card.fit){display: flex; flex-direction: column; max-height: var(--max-h, none);}
.jr-notch .notch .in > .st:has(> .card.fit){display: flex; flex-direction: column; min-height: 0;}
.jr-notch .st > .ears{flex: 0 0 auto;}
.jr-notch .card.fit{display: flex; flex-direction: column; min-height: 0;}
.jr-notch .card.fit > h2,.jr-notch .card.fit > .cf{flex: 0 0 auto;}
.jr-notch .card.fit > .pay{flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin-right: calc(-14*var(--u)); padding-right: calc(14*var(--u)); scrollbar-width: thin; scrollbar-color: oklch(1 0 0 / 0.22) transparent;}
.jr-notch .pay > :first-child{margin-top: 0;}
.jr-notch .pay > :last-child{margin-bottom: 0;}
.jr-notch .item{display: grid; gap: calc(2*var(--u)); margin: 0 0 calc(8*var(--u)); padding: calc(12*var(--u)) calc(14*var(--u)); border-radius: calc(12*var(--u)); background: var(--well); box-shadow: oklch(1 0 0 / 0.08) 0 0 0 calc(1*var(--u)) inset;}
.jr-notch .item b{font-size: calc(15*var(--u)); font-weight: 560;}
.jr-notch .item span{font-size: calc(14*var(--u)); color: var(--text-3);}
.jr-notch .total{display: flex; justify-content: space-between; align-items: baseline; margin: calc(14*var(--u)) 0 0; padding-top: calc(12*var(--u)); border-top: calc(1*var(--u)) solid var(--hair-2); font-size: calc(15*var(--u)); color: var(--text-2);}
.jr-notch .total b{font-size: calc(24*var(--u)); font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums;}
.jr-notch .note{display: flex; gap: calc(9*var(--u)); align-items: flex-start; margin: calc(14*var(--u)) 0 0; font-size: calc(14*var(--u)); color: var(--text-2); line-height: 1.45;}
.jr-notch .note .i{color: var(--text-3); margin-top: calc(1*var(--u));}
.jr-notch .note.warn .i{color: var(--warn);}
.jr-notch .cf{display: flex; align-items: center; gap: calc(10*var(--u)); margin-top: calc(18*var(--u));}
.jr-notch .cf .say{display: flex; align-items: center; gap: calc(8*var(--u)); font-size: calc(15*var(--u)); line-height: 1.35; color: var(--text-3); margin-right: auto; min-width: 0;}
.jr-notch .cf .say .i{color: var(--pea);}
.jr-notch .cf .say .soon{color: var(--warn); margin-left: calc(4*var(--u)); white-space: nowrap;}
.jr-notch .cf .btn{min-width: calc(112*var(--u)); height: calc(48*var(--u)); font-size: calc(16*var(--u));}
.jr-notch .budget{display: inline-flex; align-items: center; gap: calc(8*var(--u)); color: var(--text-3); font-variant-numeric: tabular-nums;}
.jr-notch .line.offer1 .t{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-notch .mark.icon-mark{background: oklch(0.32 0.01 255); color: var(--text-2);}
.jr-notch .mark.icon-mark .i{width: calc(14*var(--u)); height: calc(14*var(--u));}
.jr-notch .mt-line{margin: calc(2*var(--u)) 0 calc(14*var(--u)); color: var(--text); font-size: calc(17*var(--u)); line-height: 1.5;}
.jr-notch .mt-line b{font-weight: 600;}
.jr-notch .card.mt{padding-bottom: calc(18*var(--u));}
.jr-notch .card.mt .mt-line{margin-bottom: calc(10*var(--u));}
.jr-notch .cf.mt-cf{margin-top: calc(12*var(--u)); gap: calc(8*var(--u));}
.jr-notch .cf.mt-cf .btn.sm{min-width: 0; height: calc(32*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(14.5*var(--u)); border-radius: calc(9*var(--u));}
.jr-notch .cf.mt-cf .btn.plain{color: var(--text); padding: 0 calc(10*var(--u));}
.jr-notch .open{height: calc(34*var(--u)); display: inline-flex; align-items: center; padding: 0 calc(15*var(--u)); border-radius: calc(17*var(--u)); font-size: calc(14.5*var(--u)); font-weight: 560; color: var(--text); white-space: nowrap; flex: 0 0 auto; box-shadow: oklch(1 0 0 / 0.18) 0 0 0 calc(1*var(--u)) inset; transition: background 120ms var(--ease-out), box-shadow 120ms, transform 90ms;}
.jr-notch .open.pri{background: var(--pri-bg); color: var(--pri-fg); box-shadow: none;}
.jr-notch .open .ic{width: calc(16*var(--u)); height: calc(16*var(--u)); margin-right: calc(7*var(--u));}
.jr-notch .wsd{width: calc(8*var(--u)); height: calc(8*var(--u)); border-radius: 50%; display: inline-block; flex: 0 0 auto;}
.jr-notch .wsx{font-size: calc(14*var(--u)); color: var(--text-3); margin-left: calc(6*var(--u)); white-space: nowrap; flex: 0 0 auto;}
.jr-notch .wsx .wsd{margin-right: calc(5*var(--u)); vertical-align: calc(1*var(--u));}
.jr-notch .runs .line.run:not(:last-child){padding-bottom: calc(6*var(--u));}
.jr-notch .runs .line.run .t{display: flex; align-items: baseline; min-width: 0;}
.jr-notch .runs .line.run .tl{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-notch .line:has(> button:last-child){padding-right: calc(14*var(--u));}
.jr-notch .runs .line.run .wsx{margin-left: calc(10*var(--u));}
.jr-notch .item.th-item{display: flex; gap: calc(14*var(--u)); align-items: center; margin: 0 0 calc(4*var(--u));}
.jr-notch .item .th{width: calc(52*var(--u)); height: calc(52*var(--u)); border-radius: calc(9*var(--u)); background: oklch(0.96 0.005 70); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.jr-notch .item.th-item b{display: block;}
.jr-notch .item .th .mark{width: 100%; height: 100%; border-radius: inherit; font-size: calc(22*var(--u)); color: oklch(0.97 0.005 90);}
.jr-notch .fl .v .mark{color: oklch(0.97 0.005 90); vertical-align: calc(1*var(--u)); margin-right: calc(6*var(--u));}
.jr-notch .cbrand{width: calc(22*var(--u)); height: calc(22*var(--u)); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; overflow: hidden; vertical-align: middle; border-radius: calc(4*var(--u)); background: rgb(255, 255, 255);}
.jr-notch .cbrand svg{width: 80%; height: 80%; display: block;}
.jr-notch .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-notch .fbb{width: calc(34*var(--u)); height: calc(34*var(--u)); border-radius: calc(9*var(--u)); display: flex; align-items: center; justify-content: center; color: var(--text-3); flex: 0 0 auto;}
.jr-notch .fbb .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-notch .fbb.sm{width: calc(30*var(--u)); height: calc(30*var(--u));}
.jr-notch .line .fbb{color: var(--text-2);}
.jr-notch .line .fbb + .fbb{margin-left: calc(-4*var(--u));}
.jr-notch .i24{stroke-width: 1.55;}
.jr-notch .fl .v .mark--s{margin-right: calc(8*var(--u)); vertical-align: calc(-3*var(--u));}
.jr-notch .fl .v.now{color: var(--warn);}
.jr-notch .note.warn .i24{color: var(--warn);}
.jr-notch .note .i24{color: var(--text-3); margin-top: calc(1*var(--u));}
.jr-notch .btn[disabled]{color: var(--text-4); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); background: transparent;}
.jr-notch .btn.pri[disabled]{background: var(--pri-bg); color: var(--pri-fg); box-shadow: none;}
.jr-notch .btn.fill .draw{stroke-dasharray: 1; stroke-dashoffset: 1; animation: notch-draw-check 160ms var(--ease-out) forwards;}
@media (prefers-reduced-motion: reduce){.jr-notch .btn.fill .draw{animation: auto ease 0s 1 normal none running none; stroke-dashoffset: 0;}}
.jr-notch .card.mt .mt-line.ci-sub{color: var(--text-2); font-size: calc(15*var(--u)); margin-top: calc(-4*var(--u));}
.jr-notch .cf.mt-cf .btn.ci-talk{gap: calc(6*var(--u));}
.jr-notch .cf.mt-cf .btn.ci-talk .i{color: var(--pea);}
.jr-notch .line.one{min-height: calc(22*var(--u)); padding: calc(2*var(--u)) calc(22*var(--u)) calc(12*var(--u)) calc(26*var(--u)); font-size: calc(15*var(--u)); gap: calc(10*var(--u)); color: var(--text-2);}
.jr-notch .line.one .t{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-notch .line.solo{gap: calc(10*var(--u)); padding: calc(2*var(--u)) calc(22*var(--u)) calc(14*var(--u)) calc(24*var(--u));}
.jr-notch .line.solo > .runspin{margin-right: calc(2*var(--u));}
.jr-notch .line.solo .where{display: none; align-items: center; gap: calc(6*var(--u)); flex: 0 0 auto; max-width: 34%; color: var(--text-3); font-size: calc(14*var(--u)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-notch .line.solo .where .clock{color: var(--text-3); font-variant-numeric: tabular-nums;}
.jr-notch .line.solo.answer{align-items: flex-start; min-height: 0; padding-top: calc(6*var(--u)); padding-bottom: calc(18*var(--u));}
.jr-notch .line.solo.answer > .pearl{margin-top: calc(5*var(--u));}
.jr-notch .line.solo.answer .t{line-height: 1.45;}
.jr-notch .line.solo.answer .acts{display: flex; align-items: center; gap: calc(8*var(--u)); flex: 0 0 auto; align-self: flex-end; margin: calc(-3*var(--u)) 0;}
.jr-notch .line.solo.answer .acts .open{height: calc(30*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(14*var(--u));}
.jr-notch .line.solo.answer .where{align-self: center;}
.jr-notch .cf .btn.pri.sm{min-width: 0; height: calc(38*var(--u)); font-size: calc(15*var(--u)); padding: 0 calc(18*var(--u)); border-radius: calc(10*var(--u));}
.jr-notch .rk-clock{font-size: calc(13*var(--u)); font-weight: 560; color: var(--text); font-variant-numeric: tabular-nums; letter-spacing: -0.01em;}
.jr-notch .rk-clock.paused{color: var(--text-3);}
.jr-notch .rk-ring{position: relative; width: calc(24*var(--u)); height: calc(24*var(--u)); flex: 0 0 auto; display: inline-grid; place-items: center;}
.jr-notch .rk-ring > svg{position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: oklch(0.63 0.21 27); stroke-width: 1.6;}
.jr-notch .rk-ring::after{content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: oklch(0.63 0.21 27 / 0.2) 0 0 0 calc(2*var(--u)); pointer-events: none;}
.jr-notch .rk-ring .pearl{width: calc(10.5*var(--u)); height: calc(8.6*var(--u)); vertical-align: 0;}
.jr-notch .rk-ring.paused > svg{stroke: var(--text-4); stroke-dasharray: 4.6, 3.84; opacity: 0.8;}
.jr-notch .rk-ring.paused::after{display: none;}
.jr-notch .notch.closed.rk:not(.pill) .ears{padding: 0; column-gap: 0;}
.jr-notch .notch.closed.rk:not(.pill) .ears > .l,.jr-notch .notch.closed.rk:not(.pill) .ears > .r{justify-self: center; overflow: visible; padding: 0; margin: 0;}
.jr-notch .notch.closed.rk:not(.pill) .ears > .l{gap: calc(5*var(--u));}
.jr-notch .rk .ears .l{gap: calc(8*var(--u));}
.jr-notch .rk .ears .l .rk-word{color: var(--danger-ink);}
.jr-notch .rk .ears .l:not(.bad) .rk-word{color: var(--text-2);}
.jr-notch .rk-open{display: grid; gap: calc(12*var(--u)); padding: calc(6*var(--u)) calc(14*var(--u)) calc(16*var(--u)) calc(26*var(--u));}
.jr-notch .rk-a{display: flex; align-items: baseline; gap: calc(14*var(--u)); min-width: 0;}
.jr-notch .rk-title{flex: 1 1 0%; min-width: 0; font-size: calc(17*var(--u)); line-height: 1.35; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-notch .rk-big{flex: 0 0 auto; font-size: calc(22*var(--u)); line-height: 1; font-weight: 560; letter-spacing: -0.015em; color: var(--text); font-variant-numeric: tabular-nums;}
.jr-notch .rk-open.paused .rk-big{color: var(--text-3);}
.jr-notch .rk-b{display: flex; align-items: center; gap: calc(8*var(--u)); min-height: calc(32*var(--u));}
.jr-notch .rk-b .grow{flex: 1 1 0%;}
.jr-notch .rk-b .btn .i{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-notch .rk-b .btn.danger .i{fill: currentcolor; stroke: none;}
.jr-notch .rk-b .btn.pri .i{fill: currentcolor; stroke-width: 1;}
.jr-notch .rk-hint{color: var(--text-3); font-size: calc(14*var(--u)); white-space: nowrap;}
.jr-overlay{--f-ui: var(--font-instrument), -apple-system, sans-serif; --text: oklch(0.955 0.004 255); --text-2: oklch(0.80 0.007 255); --text-3: oklch(0.70 0.009 255); --text-4: oklch(0.66 0.009 255); --hair: oklch(1 0 0 / 0.07); --hair-2: oklch(1 0 0 / 0.12); --ring: oklch(1 0 0 / 0.18); --well: oklch(0.19 0.008 255); --raised: oklch(0.238 0.009 255); --pea: oklch(0.80 0.125 182); --pea-ink: oklch(0.83 0.11 182); --pea-wash: oklch(0.80 0.125 182 / 0.13); --pri-bg: oklch(0.955 0.004 255); --pri-fg: oklch(0.17 0.008 255); --danger: oklch(0.53 0.17 27); --danger-ink: oklch(0.76 0.14 25); --warn: oklch(0.80 0.13 80); --ease-out: cubic-bezier(0.2, 0, 0, 1); --ease-expo: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-breathe: cubic-bezier(0.45, 0, 0.55, 1);}
.jr-overlay,.jr-overlay .jr-body{margin: 0; width: 100%; height: 100%; background: transparent; overflow: hidden; user-select: none; pointer-events: none;}
.jr-overlay .jr-body{font-family: var(--f-ui); color: var(--text); -webkit-font-smoothing: antialiased;}
.jr-overlay .ring{position: absolute; box-sizing: border-box; border-radius: calc(8*var(--u)); border: calc(2*var(--u)) solid var(--pea); background: var(--pea-wash); animation: overlay-ring-in 160ms var(--ease-out) both, overlay-ring-pulse 600ms var(--ease-out) 160ms 1 both;}
.jr-overlay .pearl{position: absolute; z-index: 2; width: calc(28*var(--u)); height: calc(28*var(--u)); margin: calc(-14*var(--u)) 0 0 calc(-14*var(--u)); filter: drop-shadow(oklch(0 0 0 / 0.45) 0 calc(4*var(--u)) calc(10*var(--u))); transition: left 380ms var(--ease-expo), top 380ms var(--ease-expo);}
.jr-overlay .bubble{position: absolute; z-index: 1; box-sizing: border-box; padding: calc(12*var(--u)) calc(16*var(--u)) calc(12*var(--u)) calc(52*var(--u)); border-radius: calc(14*var(--u)); background: var(--raised); border: calc(1*var(--u)) solid var(--hair-2); box-shadow: oklch(0 0 0 / 0.42) 0 calc(12*var(--u)) calc(32*var(--u)); display: flex; flex-direction: column; justify-content: center; gap: calc(2*var(--u)); min-height: calc(52*var(--u)); opacity: 0; transform: translateY(calc(8*var(--u))); transition: opacity 160ms var(--ease-out) 120ms, transform 160ms var(--ease-expo) 120ms;}
.jr-overlay .bubble.in{opacity: 1; transform: translateY(0);}
.jr-overlay .step{font-size: calc(14*var(--u)); line-height: 1.35; font-weight: 400; color: var(--text-2);}
.jr-overlay .caption{font-size: calc(15*var(--u)); line-height: 1.4; font-weight: 500; text-wrap: pretty; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.jr-overlay .hint{position: absolute; white-space: nowrap; padding: calc(5*var(--u)) calc(10*var(--u)); border-radius: calc(999*var(--u)); background: var(--raised); border: calc(1*var(--u)) solid var(--pea); color: var(--text); font-size: calc(13*var(--u)); line-height: 1.3; font-weight: 560; box-shadow: oklch(0 0 0 / 0.4) 0 calc(6*var(--u)) calc(18*var(--u)); transition: left 90ms var(--ease-out), top 90ms var(--ease-out);}
@media (prefers-reduced-motion: reduce){.jr-overlay .pearl,.jr-overlay .hint{transition: opacity 120ms var(--ease-out);}}
@media (prefers-reduced-motion: reduce){.jr-overlay .ring{animation: overlay-ring-in 120ms var(--ease-out) both; box-shadow: oklch(0.8 0.125 182 / 0.14) 0 0 0 calc(4*var(--u));}}
@media (prefers-reduced-motion: reduce){.jr-overlay .bubble{transform: none; transition: opacity 120ms var(--ease-out);}}
.jr-chat{--f-ui: var(--font-instrument), -apple-system, sans-serif; --f-read: var(--font-newsreader), Georgia, serif; --f-code: var(--font-jetbrains), ui-monospace, monospace; --chrome: oklch(.168 .008 255); --chrome-2: oklch(.212 .009 255); --chrome-3: oklch(.252 .01 255); --hair: oklch(1 0 0 / .07); --hair-2: oklch(1 0 0 / .12); --stage: oklch(.198 .008 255); --raised: oklch(.238 .009 255); --raised-2: oklch(.275 .01 255); --well: oklch(.175 .008 255); --text: oklch(.955 .004 255); --text-2: oklch(.8 .007 255); --text-3: oklch(.7 .009 255); --text-4: oklch(.66 .009 255); --pea: oklch(.8 .125 182); --pea-ink: oklch(.83 .11 182); --pea-wash: oklch(.8 .125 182 / .13); --pri-bg: oklch(.955 .004 255); --pri-fg: oklch(.17 .008 255); --shadow-float: 0 0 0 calc(1*var(--u)) oklch(1 0 0 / .08), 0 calc(30*var(--u)) calc(60*var(--u)) calc(-24*var(--u)) oklch(0 0 0 / .75), 0 calc(10*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) oklch(0 0 0 / .5); --dim: oklch(.12 .01 255 / .62);}
.jr-chat *{box-sizing: border-box;}
.jr-chat,.jr-chat .jr-body{margin: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); overflow: hidden; background: var(--chrome);}
.jr-chat .jr-body{font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-chat .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-chat .ib{width: calc(28*var(--u)); height: calc(28*var(--u)); border-radius: calc(8*var(--u)); display: flex; align-items: center; justify-content: center; color: var(--text-3); flex: 0 0 auto;}
.jr-chat .stage{height: 100%; border-radius: calc(12*var(--u)); overflow: hidden; position: relative; background: var(--stage); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair),0 calc(20*var(--u)) calc(50*var(--u)) calc(-30*var(--u)) #0009; display: flex; flex-direction: column;}
.jr-chat .bar{height: calc(54*var(--u)); flex: 0 0 auto; display: flex; align-items: center; gap: calc(12*var(--u)); padding: 0 calc(14*var(--u)) 0 calc(22*var(--u)); border-bottom: calc(1*var(--u)) solid var(--hair); position: relative;}
.jr-chat .bar .title{font-family: var(--f-read); font-size: calc(18*var(--u)); font-weight: 500; flex: 1 1 0%; letter-spacing: -0.005em;}
.jr-chat .col{width: calc(700*var(--u)); margin: 0 auto;}
.jr-chat .col.narrow{width: auto; margin: 0 calc(26*var(--u));}
.jr-chat .thread{flex: 1 1 0%; min-height: 0; overflow: hidden; padding-top: calc(34*var(--u));}
.jr-chat .you{display: flex; justify-content: flex-end; margin-bottom: calc(26*var(--u));}
.jr-chat .you .b{max-width: calc(480*var(--u)); padding: calc(11*var(--u)) calc(16*var(--u)); border-radius: calc(18*var(--u)) calc(18*var(--u)) calc(6*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); font-size: calc(16*var(--u)); display: flex; gap: calc(10*var(--u)); align-items: center;}
.jr-chat .steps{margin: 0 0 calc(28*var(--u));}
.jr-chat .steps-h{display: flex; align-items: center; gap: calc(9*var(--u)); font-size: calc(15*var(--u)); color: var(--text-2); margin-bottom: calc(6*var(--u));}
.jr-chat .steps-h .ic{width: calc(16*var(--u)); height: calc(16*var(--u)); color: var(--text-3);}
.jr-chat .stp{display: flex; align-items: center; gap: calc(12*var(--u)); padding: calc(6*var(--u)) 0 calc(6*var(--u)) calc(1*var(--u)); font-size: calc(15*var(--u)); color: var(--text-3); position: relative;}
.jr-chat .stp::before{content: ""; position: absolute; left: calc(9*var(--u)); top: calc(26*var(--u)); bottom: calc(-8*var(--u)); width: calc(1*var(--u)); background: var(--hair-2);}
.jr-chat .stp:last-child::before{display: none;}
.jr-chat .ans{font-family: var(--f-read); font-size: calc(18.5*var(--u)); line-height: 1.55; color: var(--text);}
.jr-chat .ans p{margin: 0 0 calc(14*var(--u)); color: var(--text-2);}
.jr-chat .ans b{color: var(--text); font-weight: 600;}
.jr-chat .dock{padding: 0 0 calc(20*var(--u)); flex: 0 0 auto; position: relative;}
.jr-chat .dock::before{content: ""; position: absolute; left: 0; right: 0; top: calc(-40*var(--u)); height: calc(40*var(--u)); background: linear-gradient(transparent,var(--stage)); pointer-events: none;}
.jr-chat .composer{width: calc(700*var(--u)); margin: 0 auto; border-radius: calc(20*var(--u)); background: var(--raised); box-shadow: var(--shadow-float); padding: calc(14*var(--u)) calc(12*var(--u)) calc(12*var(--u)) calc(18*var(--u));}
.jr-chat .composer .ph{color: var(--text-3); font-size: calc(16*var(--u)); margin: calc(2*var(--u)) 0 calc(14*var(--u)) calc(2*var(--u));}
.jr-chat .cbar{display: flex; align-items: center; gap: calc(8*var(--u));}
.jr-chat .grow-x{flex: 1 1 0%;}
.jr-chat .round{width: calc(36*var(--u)); height: calc(36*var(--u)); flex: 0 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2);}
.jr-chat .voice{width: calc(40*var(--u)); height: calc(40*var(--u)); border-radius: 50%; background: var(--pea); color: var(--pri-fg); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 calc(4*var(--u)) var(--pea-wash); flex: 0 0 auto;}
.jr-chat .voice .ic{width: calc(18*var(--u)); height: calc(18*var(--u)); stroke-width: 1.9;}
.jr-chat{--danger: oklch(.53 .17 27); --danger-ink: oklch(.76 .14 25); --danger-wash: oklch(.7 .17 25 / .14); --warn: oklch(.8 .13 80); --warn-wash: oklch(.8 .13 80 / .13); --focus: 0 0 0 calc(2*var(--u)) var(--stage), 0 0 0 calc(4*var(--u)) var(--pea);}
.jr-chat .sendb{width: calc(40*var(--u)); height: calc(40*var(--u)); border-radius: 50%; background: var(--pri-bg); color: var(--pri-fg); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.jr-chat .sendb .ic{width: calc(18*var(--u)); height: calc(18*var(--u)); stroke-width: 2;}
.jr-chat{--cline: oklch(1 0 0 / .1);}
.jr-chat .pearl{width: calc(17*var(--u)); height: calc(14*var(--u)); flex: 0 0 auto; display: inline-block; background: center 55% / 132% auto no-repeat; vertical-align: calc(-2*var(--u));}
.jr-chat .pearl.p-calm{background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<title>Juno</title>%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M399 565 Q 437 595 475 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M549 565 Q 587 595 625 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>");}
.jr-chat .fb{display: flex; align-items: center; gap: calc(4*var(--u)); margin-top: calc(14*var(--u));}
.jr-chat .fbb{width: calc(34*var(--u)); height: calc(34*var(--u)); border-radius: calc(9*var(--u)); display: flex; align-items: center; justify-content: center; color: var(--text-3);}
.jr-chat .fbb .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-chat{--ease-out: cubic-bezier(.2, 0, 0, 1); --ease-back: cubic-bezier(.3, 1.4, .5, 1); --t-press: 90ms; --t-in: .12s; --t-out: .16s; --t-move: .16s; --t-release: .22s; --t-menu: .18s; --t-tile: .28s; --press: .94; --press-icon: .88; --grow-icon: 1.12; --mo-control: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), box-shadow var(--t-out) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-in: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), box-shadow var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-press: background-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), scale var(--t-press) var(--ease-out), translate var(--t-press) var(--ease-out); --mo-control-focus: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-row: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), background-size var(--t-move) var(--ease-out); --mo-inner: scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out), rotate var(--t-release) var(--ease-out), color var(--t-out) var(--ease-out);}
.jr-chat .ib,.jr-chat .round,.jr-chat .voice,.jr-chat .sendb,.jr-chat .stopb,.jr-chat .fbb{transition: var(--mo-control);}
.jr-chat :is(.ibtn, .ib, .fbb, .tplus, .wsmore, .pinbtn, .lx, .round, .ctxring, .stopv) > :is(.ic, .pring){transition: var(--mo-inner);}
.jr-chat :is(.sendb, .voice) > .ic{transition: var(--mo-inner);}
@media (prefers-reduced-motion: reduce){.jr-chat .ib,.jr-chat .round,.jr-chat .voice,.jr-chat .sendb,.jr-chat .stopb,.jr-chat :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark),.jr-chat .fbb{transition: none !important;}}
@media (prefers-reduced-motion: reduce){.jr-chat :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){scale: none !important; translate: none !important; rotate: none !important;}}
.jr-chat :where(.btn, .ibtn, .voice, .sendb, .stopv, .toggle, .check, .seg > button, .mr, .toast .act, .lact, .lx)[role="button"]{cursor: pointer;}
.jr-chat textarea.cfield{white-space: pre-wrap; overflow-wrap: anywhere; overflow-y: hidden; resize: none; transition: height 0.16s ease-out;}
@media (prefers-reduced-motion: reduce){.jr-chat textarea.cfield{transition: none;}}
.jr-chat .voice[role="button"]{cursor: pointer;}
.jr-chat .round.att{cursor: pointer;}
.jr-chat .sendslot{display: grid; flex: 0 0 auto;}
.jr-chat .sendslot > *{grid-area: 1 / 1; transition: opacity .12s ease-out,transform .12s ease-out,background-color var(--t-out) var(--ease-out),box-shadow var(--t-out) var(--ease-out),scale var(--t-release) var(--ease-back),translate var(--t-move) var(--ease-out);}
.jr-chat .sendslot > .off{opacity: 0; transform: scale(0.8); pointer-events: none;}
@media (prefers-reduced-motion: reduce){.jr-chat .sendslot > *{transition: opacity 0.12s ease-out;}}
@media (prefers-reduced-motion: reduce){.jr-chat .sendslot > .off{transform: none;}}
.jr-chat .composer{container-type: inline-size;}
.jr-chat .composer .cbar{min-width: 0;}
.jr-chat .composer .cbar .sendslot{flex: 0 0 auto;}
.jr-chat button.fbb{border: 0; padding: 0; background: transparent; font: inherit; cursor: pointer;}
.jr-chat,.jr-chat .jr-body{width: 100%; height: 100%; overflow: hidden; background: var(--stage);}
.jr-chat .jr-body{margin: 0;}
.jr-chat #root{height: 100%;}
.jr-chat ::-webkit-scrollbar{width: 0; height: 0;}
.jr-chat .stage{height: 100%; border-radius: 0; box-shadow: none;}
.jr-chat .thread{overflow-y: auto;}
.jr-chat .thread > .col{padding-bottom: var(--dock-reserve, calc(64*var(--u)));}
.jr-chat .bar .title{min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-chat .stage.narrow .bar .title{flex: 0 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-chat .stage.narrow .composer{width: auto; margin: 0 calc(24*var(--u));}
.jr-chat .stage.pane .composer{margin: 0 calc(16*var(--u));}
.jr-chat :where(.composer textarea.ph){all: unset;}
.jr-chat .composer textarea.ph{display: block; width: calc(100% - calc(4*var(--u))); font-family: var(--f-ui); font-size: calc(16*var(--u)); color: var(--text); caret-color: var(--pea); margin: calc(2*var(--u)) 0 calc(14*var(--u)) calc(2*var(--u)); min-height: calc(22*var(--u));}
.jr-chat .dock .composer textarea.ph{line-height: calc(24*var(--u)); height: calc(24*var(--u)); min-height: calc(24*var(--u)); margin: calc(1.2*var(--u)) 0 calc(13.2*var(--u)) calc(2*var(--u));}
.jr-chat .composer textarea.ph::placeholder{color: var(--text-3);}
.jr-chat .sendb{width: calc(40*var(--u)); height: calc(40*var(--u)); border-radius: 50%; background: var(--pri-bg); color: var(--pri-fg); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; cursor: pointer;}
.jr-chat .sendb .ic{width: calc(18*var(--u)); height: calc(18*var(--u)); stroke-width: 1.9;}
.jr-chat .ans p b{color: var(--text);}
.jr-chat .ans > :last-child{margin-bottom: 0;}
.jr-chat .bar .ib[role="button"]{cursor: pointer;}
.jr-chat .steps.live .stp{animation: 0.16s ease-out 0s 1 normal none running chat-jn-row-open;}
.jr-chat .steps.live .stp > *{animation: 0.12s ease-out 0.16s 1 normal backwards running chat-jn-row-words;}
@media (prefers-reduced-motion: reduce){.jr-chat .steps.live .stp{animation: auto ease 0s 1 normal none running none;}}
@media (prefers-reduced-motion: reduce){.jr-chat .steps.live .stp > *{animation: 0.12s ease-out 0s 1 normal none running chat-jn-row-words;}}
.jr-chat .sendb.stop{background: var(--text); color: var(--stage);}
.jr-chat .stopb{margin-left: auto; margin-right: calc(8*var(--u)); height: calc(30*var(--u)); display: inline-flex; align-items: center; gap: calc(6*var(--u)); padding: 0 calc(12*var(--u)) 0 calc(10*var(--u)); border-radius: calc(15*var(--u)); font-size: calc(14*var(--u)); font-weight: 560; color: var(--text); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); cursor: pointer;}
.jr-chat .stopb .ic{width: calc(13*var(--u)); height: calc(13*var(--u));}
.jr-chat .stage{position: relative;}
.jr-chat .you{min-width: 0;}
.jr-chat .you .b{max-width: min(calc(480*var(--u)), 100%); min-width: 0; overflow-wrap: anywhere; word-break: break-word;}
.jr-chat .dock .composer{position: relative; z-index: 1;}
.jr-chat .pl{flex: 0 0 auto; overflow: visible;}
.jr-chat .pl-a .pb{transform-box: view-box; animation: 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running chat-pl-breathe;}
.jr-chat .pl-a .sheen{animation: 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running chat-pl-sheen;}
@media (prefers-reduced-motion: reduce){.jr-chat .pl-a .pb,.jr-chat .pl-a .sheen{animation: auto ease 0s 1 normal none running none;}}
@media (prefers-reduced-motion: reduce){.jr-chat .pl-a .sheen{opacity: 0;}}
.jr-chat .steps{font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text-3); margin-bottom: calc(14*var(--u));}
.jr-chat .steps .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-chat .steps > .steps-h{display: inline-flex; align-items: center; gap: calc(9*var(--u)); height: calc(28*var(--u)); margin: 0; padding-right: calc(6*var(--u)); border-radius: calc(8*var(--u)); color: var(--text-2); cursor: pointer; white-space: nowrap;}
.jr-chat .steps-h .hs{position: relative; width: calc(22*var(--u)); height: calc(18*var(--u)); display: grid; place-items: center; overflow: visible; flex: 0 0 auto;}
.jr-chat .steps-h .hs > *{grid-area: 1 / 1;}
.jr-chat .steps-h .ldw{display: grid; place-items: center;}
.jr-chat .steps-h .ldw.on{animation: chat-tr-in .16s var(--ease-out) both;}
.jr-chat .steps-h .ldw.still{display: none;}
.jr-chat .steps-h .hs .pearl{width: calc(19*var(--u)); height: calc(16*var(--u)); vertical-align: 0;}
.jr-chat .steps-h .tm{color: var(--text-4); font-variant-numeric: tabular-nums; margin-left: calc(-1*var(--u));}
.jr-chat .steps-h .cnt{color: var(--text-4);}
.jr-chat .steps > .steps-h .ic.chev{width: calc(14*var(--u)); height: calc(14*var(--u)); color: var(--text-3); margin-left: calc(-2*var(--u)); transition: rotate .2s var(--ease-out);}
.jr-chat .steps.open > .steps-h .ic.chev{rotate: 90deg;}
.jr-chat .steps .shim{background-image: linear-gradient(90deg,var(--text-3) 0%,var(--text-3) 38%,var(--text) 50%,var(--text-3) 62%,var(--text-3) 100%); background-size: 300% 100%; background-position: 100% 0; background-clip: text; color: transparent;}
.jr-chat .steps-h .shim-a{animation: 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running chat-tr-shim-a;}
.jr-chat .stp .shim{animation: 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running chat-tr-shim-row;}
.jr-chat .steps-b{display: grid; grid-template-rows: 0fr; transition: grid-template-rows .24s var(--ease-out);}
.jr-chat .steps.open > .steps-b{grid-template-rows: 1fr; transition: grid-template-rows 0.32s cubic-bezier(0.16, 1, 0.3, 1);}
.jr-chat .steps-in{overflow: hidden; min-height: 0;}
.jr-chat .steps-list{position: relative; padding: calc(4*var(--u)) 0 calc(2*var(--u));}
.jr-chat .steps-list::before{content: ""; position: absolute; left: calc(9.5*var(--u)); top: calc(20*var(--u)); bottom: calc(20*var(--u)); width: calc(1*var(--u)); background: var(--hair-2);}
.jr-chat .steps .stp{display: flex; align-items: center; gap: calc(12*var(--u)); padding: calc(6*var(--u)) 0 calc(6*var(--u)) calc(1*var(--u)); font-size: calc(15*var(--u)); color: var(--text-3); position: relative; min-width: 0;}
.jr-chat .steps .stp::before{display: none;}
.jr-chat .stp-mk{position: relative; width: calc(18*var(--u)); height: calc(18*var(--u)); flex: 0 0 auto; display: grid; place-items: center; background: var(--stage); border-radius: calc(5*var(--u)); box-shadow: 0 0 0 calc(3*var(--u)) var(--stage); color: var(--text-3); z-index: 1;}
.jr-chat .stp-mk > .ic{width: calc(16*var(--u)); height: calc(16*var(--u)); color: inherit;}
.jr-chat .stp-w{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-chat .steps .stp.active{color: var(--text-2);}
.jr-chat .stp.active .stp-mk{color: var(--text);}
.jr-chat .stp.active .stp-mk > .ic{animation: 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running chat-tr-breathe;}
.jr-chat .steps.live .steps-list > .stp{animation: 0.16s ease-out 0s 1 normal none running chat-jn-row-open;}
.jr-chat .steps.live .steps-list > .stp > *{animation: 0.12s ease-out 0.16s 1 normal backwards running chat-jn-row-words;}
.jr-chat .steps.live .steps-list > .stp.active > .stp-w.shim{animation: 0.12s ease-out 0.16s 1 normal backwards running chat-jn-row-words, 2.4s cubic-bezier(0.45, 0, 0.55, 1) 0.28s infinite normal none running chat-tr-shim-row;}
@media (prefers-reduced-motion: reduce){.jr-chat .steps-h .ldw:not(.still){display: none;}}
@media (prefers-reduced-motion: reduce){.jr-chat .steps-h .ldw.still{display: grid;}}
@media (prefers-reduced-motion: reduce){.jr-chat .steps .shim,.jr-chat .steps .stp .shim{animation: auto ease 0s 1 normal none running none; background: none; color: var(--text-2);}}
@media (prefers-reduced-motion: reduce){.jr-chat .stp.active .stp-mk > .ic{animation: auto ease 0s 1 normal none running none;}}
@media (prefers-reduced-motion: reduce){.jr-chat .steps-list > .stp.active::before{animation: auto ease 0s 1 normal none running none;}}
@media (prefers-reduced-motion: reduce){.jr-chat .steps-b,.jr-chat .steps.open > .steps-b,.jr-chat .steps > .steps-h .ic.chev{transition: none;}}
@media (prefers-reduced-motion: reduce){.jr-chat .steps.live .steps-list > .stp{animation: auto ease 0s 1 normal none running none;}}
.jr-chat .steps.live .steps-list > .stp{animation-delay: var(--row-delay, 0ms); animation-fill-mode: backwards;}
.jr-chat .steps.live .steps-list > .stp > *{animation-delay: calc(var(--row-delay, 0ms) + .16s);}
@media (prefers-reduced-motion: reduce){.jr-chat .steps.live .steps-list > .stp > *{animation-delay: var(--row-delay, 0ms);}}
.jr-meet{--f-ui: var(--font-instrument), -apple-system, sans-serif; --f-read: var(--font-newsreader), Georgia, serif; --f-code: var(--font-jetbrains), ui-monospace, monospace; --chrome: oklch(.168 .008 255); --chrome-2: oklch(.212 .009 255); --chrome-3: oklch(.252 .01 255); --hair: oklch(1 0 0 / .07); --hair-2: oklch(1 0 0 / .12); --stage: oklch(.198 .008 255); --raised: oklch(.238 .009 255); --raised-2: oklch(.275 .01 255); --well: oklch(.175 .008 255); --text: oklch(.955 .004 255); --text-2: oklch(.8 .007 255); --text-3: oklch(.7 .009 255); --text-4: oklch(.66 .009 255); --pea: oklch(.8 .125 182); --pea-ink: oklch(.83 .11 182); --pea-wash: oklch(.8 .125 182 / .13); --pri-bg: oklch(.955 .004 255); --pri-fg: oklch(.17 .008 255); --shadow-float: 0 0 0 calc(1*var(--u)) oklch(1 0 0 / .08), 0 calc(30*var(--u)) calc(60*var(--u)) calc(-24*var(--u)) oklch(0 0 0 / .75), 0 calc(10*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) oklch(0 0 0 / .5); --dim: oklch(.12 .01 255 / .62);}
.jr-meet *{box-sizing: border-box;}
.jr-meet,.jr-meet .jr-body{margin: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); overflow: hidden; background: var(--chrome);}
.jr-meet .jr-body{font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-meet h1,.jr-meet h2,.jr-meet h3{text-wrap: balance;}
.jr-meet .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-meet .fav{flex: 0 0 auto; border-radius: calc(4*var(--u));}
.jr-meet .stage{height: 100%; border-radius: calc(12*var(--u)); overflow: hidden; position: relative; background: var(--stage); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair),0 calc(20*var(--u)) calc(50*var(--u)) calc(-30*var(--u)) #0009; display: flex; flex-direction: column;}
.jr-meet .btn{height: calc(38*var(--u)); display: inline-flex; align-items: center; justify-content: center; gap: calc(9*var(--u)); padding: 0 calc(17*var(--u)); border-radius: calc(10*var(--u)); font-size: calc(15*var(--u)); font-weight: 560; white-space: nowrap; font-family: var(--f-ui);}
.jr-meet .btn.pri{background: var(--pri-bg); color: var(--pri-fg);}
.jr-meet .sheet-h{display: flex; align-items: center; gap: calc(9*var(--u)); padding: calc(20*var(--u)) calc(22*var(--u)) 0; font-size: calc(14.5*var(--u)); font-weight: 600; color: var(--pea-ink);}
.jr-meet .fl{display: grid; grid-template-columns: calc(76*var(--u)) 1fr; margin: 0 calc(22*var(--u)); font-size: calc(15*var(--u));}
.jr-meet .fl div{padding: calc(10*var(--u)) 0; border-top: calc(1*var(--u)) solid var(--hair);}
.jr-meet .fl .l,.jr-meet .fl .v span{color: var(--text-3);}
.jr-meet{--danger: oklch(.53 .17 27); --danger-ink: oklch(.76 .14 25); --danger-wash: oklch(.7 .17 25 / .14); --warn: oklch(.8 .13 80); --warn-wash: oklch(.8 .13 80 / .13); --focus: 0 0 0 calc(2*var(--u)) var(--stage), 0 0 0 calc(4*var(--u)) var(--pea);}
.jr-meet .btn{position: relative; transition: background 0.12s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.12s, transform 90ms;}
.jr-meet .btn.sm{height: calc(32*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(14*var(--u)); border-radius: calc(9*var(--u)); gap: calc(7*var(--u));}
.jr-meet .btn.quiet{color: var(--text-2); background: transparent;}
.jr-meet .btn.danger-sec{color: var(--danger-ink); box-shadow: rgba(246, 109, 103, 0.45) 0 0 0 calc(1*var(--u)) inset;}
.jr-meet .btn{flex: 0 0 auto;}
.jr-meet{--cline: oklch(1 0 0 / .1);}
.jr-meet .pearl{width: calc(17*var(--u)); height: calc(14*var(--u)); flex: 0 0 auto; display: inline-block; background: center 55% / 132% auto no-repeat; vertical-align: calc(-2*var(--u));}
.jr-meet .pearl.p-calm{background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"132 202 760 640\">%0A<title>Juno</title>%0A<defs>%0A  <linearGradient id=\"m-bg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%2311161f\"/><stop offset=\"1\" stop-color=\"%23020306\"/></linearGradient>%0A  <radialGradient id=\"m-body\" cx=\".4\" cy=\".3\" r=\".8\"><stop offset=\"0\" stop-color=\"%23ffffff\"/><stop offset=\".55\" stop-color=\"%23f4f7f9\"/><stop offset=\"1\" stop-color=\"%23cbd2d9\"/></radialGradient>%0A  <linearGradient id=\"m-teal\" x1=\"1\" y1=\".55\" x2=\".45\" y2=\".4\"><stop offset=\"0\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-violet\" x1=\"0\" y1=\".8\" x2=\".55\" y2=\".45\"><stop offset=\"0\" stop-color=\"%239f7ed6\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-gold\" x1=\".85\" y1=\"0\" x2=\".5\" y2=\".45\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\"1\" stop-color=\"%23efcc83\" stop-opacity=\"0\"/></linearGradient>%0A  <linearGradient id=\"m-sweep\" x1=\".9\" y1=\".05\" x2=\".1\" y2=\".95\"><stop offset=\"0\" stop-color=\"%23efcc83\"/><stop offset=\".5\" stop-color=\"%2326c0cf\"/><stop offset=\"1\" stop-color=\"%239f7ed6\"/></linearGradient>%0A  <radialGradient id=\"m-glow\" cx=\".5\" cy=\".5\" r=\".5\"><stop offset=\"0\" stop-color=\"%2326c0cf\" stop-opacity=\".55\"/><stop offset=\".55\" stop-color=\"%239f7ed6\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%239f7ed6\" stop-opacity=\"0\"/></radialGradient>%0A  <linearGradient id=\"m-refl\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%239f7ed6\" stop-opacity=\".3\"/><stop offset=\".5\" stop-color=\"%23fff\" stop-opacity=\".22\"/><stop offset=\"1\" stop-color=\"%2326c0cf\" stop-opacity=\".32\"/></linearGradient>%0A  <linearGradient id=\"m-edge\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".2\"/><stop offset=\".25\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\".75\" stop-color=\"%23000\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23000\" stop-opacity=\".35\"/></linearGradient>%0A  <filter id=\"m-rim\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"18\"/></filter>%0A  <filter id=\"m-soft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"28.8\"/></filter>%0A  <filter id=\"m-sharp\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"6\"/></filter><clipPath id=\"m-sq\"></clipPath></defs>%0A%0A<g>%0A  <clipPath id=\"m-c\"><path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\"/></clipPath>%0A  %0A  %0A  <ellipse cx=\"512\" cy=\"747\" rx=\"201.6\" ry=\"12.6\" fill=\"%23000\" opacity=\".55\" filter=\"url(%23m-sharp)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"89.6\" opacity=\"0.26\" filter=\"url(%23m-soft)\"/>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"url(%23m-body)\"/>%0A  <g clip-path=\"url(%23m-c)\">%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-teal)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-violet)\" stroke-width=\"64\" filter=\"url(%23m-rim)\" opacity=\"1\"/>%0A    <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-gold)\" stroke-width=\"51.2\" filter=\"url(%23m-rim)\" opacity=\"0.9\"/>%0A    <ellipse cx=\"416.8\" cy=\"407.5\" rx=\"123.2\" ry=\"45\" transform=\"rotate(-18 416.8 407.5)\" fill=\"%23fff\" opacity=\".85\" filter=\"url(%23m-soft)\"/>%0A  </g>%0A  <path d=\"M512 295 C 674.4 295 792 371.5 792 547 C 792 682 696.8 745 512 745 C 327.2 745 232 682 232 547 C 232 371.5 349.6 295 512 295 Z\" fill=\"none\" stroke=\"url(%23m-sweep)\" stroke-width=\"3\" opacity=\"0.55\"/>%0A  <g><path d=\"M399 565 Q 437 595 475 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/><path d=\"M549 565 Q 587 595 625 565\" stroke=\"%230e1624\" stroke-width=\"15\" stroke-linecap=\"round\" fill=\"none\"/></g></g>%0A%0A</svg>");}
.jr-meet .mini{font-size: calc(16*var(--u)); font-weight: 600; color: var(--text-2); margin: 0 0 calc(10*var(--u));}
.jr-meet .mini{margin-top: calc(26*var(--u));}
.jr-meet .fnote{display: flex; gap: calc(10*var(--u)); align-items: flex-start; font-size: calc(14.5*var(--u)); color: var(--text-3); line-height: 1.5; margin: calc(12*var(--u)) calc(4*var(--u)) 0;}
.jr-meet .fnote .ic{width: calc(16*var(--u)); height: calc(16*var(--u)); flex: 0 0 auto; margin-top: calc(2*var(--u));}
.jr-meet .dotsep{width: calc(3*var(--u)); height: calc(3*var(--u)); border-radius: 50%; background: var(--text-4); margin: 0 calc(3*var(--u));}
.jr-meet .mt-notes{height: 100%; display: grid; grid-template-columns: 1fr calc(440*var(--u)); overflow: hidden;}
.jr-meet .mt-col{padding: calc(40*var(--u)) calc(48*var(--u)); overflow: hidden;}
.jr-meet .mt-meta{display: flex; align-items: center; gap: calc(8*var(--u)); font-size: calc(14.5*var(--u)); color: var(--text-3); flex-wrap: wrap;}
.jr-meet .mt-tr{margin-left: auto; display: inline-flex; gap: calc(6*var(--u)); align-items: center; color: var(--text-2);}
.jr-meet .mt-tr .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-meet .mt-h1{font-family: var(--f-read); font-weight: 400; font-size: calc(36*var(--u)); letter-spacing: -0.02em; margin: calc(14*var(--u)) 0 calc(20*var(--u));}
.jr-meet .mt-col section{margin-bottom: calc(20*var(--u));}
.jr-meet .mt-col h2{font-size: calc(16*var(--u)); font-weight: 600; color: var(--text-2); margin: 0 0 calc(8*var(--u));}
.jr-meet .mt-col ul{list-style: none; margin: 0; padding: 0;}
.jr-meet .mt-col li{display: flex; gap: calc(12*var(--u)); align-items: baseline; padding: calc(7*var(--u)) 0; font-size: calc(16.5*var(--u)); line-height: 1.45; border-bottom: calc(1*var(--u)) solid var(--hair);}
.jr-meet .mt-li{flex: 1 1 0%;}
.jr-meet .mt-who{display: block; font-size: calc(14.5*var(--u)); color: var(--text-3); margin-top: calc(2*var(--u));}
.jr-meet .mts{font-size: calc(13.5*var(--u)); font-variant-numeric: tabular-nums; color: var(--pea-ink); padding: calc(2*var(--u)) calc(8*var(--u)); border-radius: calc(7*var(--u)); background: var(--pea-wash); flex: 0 0 auto;}
.jr-meet .mt-side{border-left: calc(1*var(--u)) solid var(--hair); padding: calc(40*var(--u)) calc(28*var(--u)); background: var(--chrome); overflow: hidden;}
.jr-meet .mt-card{border-radius: calc(16*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); padding: calc(16*var(--u)) calc(18*var(--u)); margin-bottom: calc(14*var(--u));}
.jr-meet .mt-card .sheet-h{display: flex; gap: calc(8*var(--u)); align-items: center; font-size: calc(14*var(--u)); font-weight: 560; color: var(--pea-ink);}
.jr-meet .mt-card h3{font-size: calc(17*var(--u)); font-weight: 600; margin: calc(8*var(--u)) 0 calc(10*var(--u)); line-height: 1.3;}
.jr-meet .mt-card .fl{display: grid; grid-template-columns: calc(72*var(--u)) 1fr; gap: calc(6*var(--u)) calc(10*var(--u)); font-size: calc(14.5*var(--u));}
.jr-meet .mt-card .fl .l,.jr-meet .mt-card .fl .v span{color: var(--text-3);}
.jr-meet .mt-body{margin-top: calc(10*var(--u)); font-size: calc(14.5*var(--u)); line-height: 1.5; color: var(--text); padding: calc(10*var(--u)) calc(12*var(--u)); border-radius: calc(10*var(--u)); background: var(--well);}
.jr-meet .mt-src{margin-top: calc(10*var(--u)); font-size: calc(14*var(--u)); color: var(--text-3); line-height: 1.5;}
.jr-meet .mt-f{display: flex; justify-content: flex-end; gap: calc(8*var(--u)); margin-top: calc(12*var(--u));}
.jr-meet .mt-card .sheet-h{padding: 0; margin: 0; border: 0; height: auto;}
.jr-meet .mt-card .fl{padding: 0; margin: 0; border: 0;}
.jr-meet .mt-card .fl > div{padding: calc(3*var(--u)) 0; border: 0; margin: 0;}
.jr-meet{--ease-out: cubic-bezier(.2, 0, 0, 1); --ease-back: cubic-bezier(.3, 1.4, .5, 1); --t-press: 90ms; --t-in: .12s; --t-out: .16s; --t-move: .16s; --t-release: .22s; --t-menu: .18s; --t-tile: .28s; --press: .94; --press-icon: .88; --grow-icon: 1.12; --mo-control: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), box-shadow var(--t-out) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-in: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), box-shadow var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-press: background-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), scale var(--t-press) var(--ease-out), translate var(--t-press) var(--ease-out); --mo-control-focus: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-row: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), background-size var(--t-move) var(--ease-out); --mo-inner: scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out), rotate var(--t-release) var(--ease-out), color var(--t-out) var(--ease-out);}
.jr-meet .btn{transition: var(--mo-control);}
@media (prefers-reduced-motion: reduce){.jr-meet .btn{transition: none !important;}}
.jr-meet :where(button.btn, button.ibtn, button.voice, button.sendb, button.stopv, button.round, button.toggle, button.check, .seg > button, button.mr, button.chip2, button.lact, button.lx, .toast button.act, button.tipbtn, button.mpill, button.epill, button.pi, button.mi){appearance: none; border: 0; margin: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: inherit;}
.jr-meet :where(button.btn, button.ibtn, button.voice, button.sendb, button.stopv, button.toggle, button.check, .seg > button, button.mr, .toast button.act){cursor: pointer;}
.jr-meet .fv{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 22%; overflow: hidden; vertical-align: middle;}
.jr-meet .fv img{width: 100%; height: 100%; display: block; object-fit: contain;}
.jr-meet,.jr-meet .jr-body{width: 100%; min-height: 100%; background: var(--stage); color: var(--text);}
.jr-meet .btn{cursor: pointer;}
.jr-meet .jr-body{margin: 0;}
.jr-meet,.jr-meet .jr-body{width: 100%; min-height: 100%; margin: 0; background: var(--stage); color: var(--text);}
.jr-meet #root{min-height: 100%;}
.jr-meet .stage.mtstage{height: auto; min-height: 100vh; border-radius: 0; box-shadow: none; overflow: visible;}
.jr-meet .mtstage .mt-notes{height: auto; min-height: 100vh; overflow: visible;}
.jr-meet .mtstage .mt-col,.jr-meet .mtstage .mt-side{overflow: visible;}
.jr-meet .mts[role="button"],.jr-meet .mt-tr[role="button"],.jr-meet .mt-spk.ed{cursor: pointer;}
.jr-meet .mt-tr:hover{color: var(--text);}
.jr-meet .mt-spk{display: flex; align-items: center; gap: calc(6*var(--u)); font-size: calc(14.5*var(--u)); font-weight: 600; color: var(--text-2); margin-bottom: calc(2*var(--u));}
.jr-meet .mt-spk .ic{width: calc(13*var(--u)); height: calc(13*var(--u)); color: var(--text-4);}
.jr-meet .mt-script li{scroll-margin: calc(120*var(--u));}
.jr-meet .mt-end{display: flex; justify-content: space-between; gap: calc(8*var(--u)); margin-top: calc(28*var(--u));}
.jr-meet .mt-rec{margin: calc(-6*var(--u)) 0 calc(22*var(--u));}
.jr-meet .mt-rec .fnote{margin: 0 calc(4*var(--u)) calc(8*var(--u));}
.jr-meet .mt-rec .fnote.ok .ic{color: var(--pea-ink);}
.jr-meet,.jr-meet .jr-body{height: auto; min-height: 100%; overflow: visible;}
.jr-memory{--f-ui: var(--font-instrument), -apple-system, sans-serif; --f-read: var(--font-newsreader), Georgia, serif; --f-code: var(--font-jetbrains), ui-monospace, monospace; --chrome: oklch(.168 .008 255); --chrome-2: oklch(.212 .009 255); --chrome-3: oklch(.252 .01 255); --hair: oklch(1 0 0 / .07); --hair-2: oklch(1 0 0 / .12); --stage: oklch(.198 .008 255); --raised: oklch(.238 .009 255); --raised-2: oklch(.275 .01 255); --well: oklch(.175 .008 255); --text: oklch(.955 .004 255); --text-2: oklch(.8 .007 255); --text-3: oklch(.7 .009 255); --text-4: oklch(.66 .009 255); --pea: oklch(.8 .125 182); --pea-ink: oklch(.83 .11 182); --pea-wash: oklch(.8 .125 182 / .13); --pri-bg: oklch(.955 .004 255); --pri-fg: oklch(.17 .008 255); --shadow-float: 0 0 0 calc(1*var(--u)) oklch(1 0 0 / .08), 0 calc(30*var(--u)) calc(60*var(--u)) calc(-24*var(--u)) oklch(0 0 0 / .75), 0 calc(10*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) oklch(0 0 0 / .5); --dim: oklch(.12 .01 255 / .62);}
.jr-memory *{box-sizing: border-box;}
.jr-memory,.jr-memory .jr-body{margin: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); overflow: hidden; background: var(--chrome);}
.jr-memory .jr-body{font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-memory .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-memory .stage{height: 100%; border-radius: calc(12*var(--u)); overflow: hidden; position: relative; background: var(--stage); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair),0 calc(20*var(--u)) calc(50*var(--u)) calc(-30*var(--u)) #0009; display: flex; flex-direction: column;}
.jr-memory{--danger: oklch(.53 .17 27); --danger-ink: oklch(.76 .14 25); --danger-wash: oklch(.7 .17 25 / .14); --warn: oklch(.8 .13 80); --warn-wash: oklch(.8 .13 80 / .13); --focus: 0 0 0 calc(2*var(--u)) var(--stage), 0 0 0 calc(4*var(--u)) var(--pea);}
.jr-memory .ibtn{width: calc(36*var(--u)); height: calc(36*var(--u)); border-radius: calc(10*var(--u)); display: inline-flex; align-items: center; justify-content: center; color: var(--text-2);}
.jr-memory .chip2{height: calc(30*var(--u)); display: inline-flex; align-items: center; gap: calc(8*var(--u)); padding: 0 calc(12*var(--u)) 0 calc(10*var(--u)); border-radius: calc(15*var(--u)); font-size: calc(14*var(--u)); color: var(--text-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); white-space: nowrap;}
.jr-memory .chip2 .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-memory .src2{display: inline-flex; align-items: center; gap: calc(7*var(--u)); font-size: calc(14*var(--u)); color: var(--text-3);}
.jr-memory .chip2,.jr-memory .src2{max-width: 100%; place-self: center start; display: inline-flex !important; flex: 0 0 auto !important; width: max-content !important;}
.jr-memory{--cline: oklch(1 0 0 / .1);}
.jr-memory .sbox{border-radius: calc(16*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); overflow: hidden;}
.jr-memory .w{font-size: calc(14*var(--u)); color: var(--text-4); white-space: nowrap;}
.jr-memory .dotsep{width: calc(3*var(--u)); height: calc(3*var(--u)); border-radius: 50%; background: var(--text-4); margin: 0 calc(3*var(--u));}
.jr-memory .mempg{flex: 1 1 0%; padding: calc(44*var(--u)) calc(56*var(--u)) 0; max-width: calc(1060*var(--u)); overflow: hidden;}
.jr-memory .ment{border-top: calc(1*var(--u)) solid var(--hair);}
.jr-memory .ment:first-child{border-top: 0;}
.jr-memory .me-h{display: flex; align-items: center; gap: calc(12*var(--u)); padding: calc(14*var(--u)) calc(16*var(--u));}
.jr-memory .ment.open > .me-h{background: var(--raised-2);}
.jr-memory .me-h .chev{display: flex; color: var(--text-3);}
.jr-memory .me-h .chev .ic{width: calc(15*var(--u)); height: calc(15*var(--u));}
.jr-memory .me-t{flex: 1 1 0%; min-width: 0;}
.jr-memory .me-t b{display: block; font-size: calc(16.5*var(--u)); font-weight: 600;}
.jr-memory .me-t > span{font-size: calc(14.5*var(--u)); color: var(--text-3);}
.jr-memory .me-body{padding: calc(4*var(--u)) calc(16*var(--u)) calc(16*var(--u)) calc(60*var(--u));}
.jr-memory .mfact{display: flex; gap: calc(10*var(--u)); align-items: flex-start; padding: calc(12*var(--u)) calc(10*var(--u)); border-radius: calc(12*var(--u));}
.jr-memory .mf-pin{width: calc(16*var(--u)); flex: 0 0 auto; color: var(--text-2); padding-top: calc(3*var(--u));}
.jr-memory .mf-main{flex: 1 1 0%; min-width: 0;}
.jr-memory .mf-t{font-family: var(--f-read); font-size: calc(18*var(--u)); line-height: 1.35;}
.jr-memory .mf-meta{display: flex; align-items: center; gap: calc(8*var(--u)); margin-top: calc(5*var(--u)); font-size: calc(14*var(--u)); color: var(--text-3);}
.jr-memory .msrc{display: inline-flex; align-items: center; gap: calc(7*var(--u));}
.jr-memory .msrc .ic{width: calc(14*var(--u)); height: calc(14*var(--u));}
.jr-memory .msrc a{color: var(--text-2); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--hair-2); text-underline-offset: calc(3*var(--u));}
.jr-memory .conf{display: inline-flex; gap: calc(2*var(--u)); margin-left: calc(4*var(--u));}
.jr-memory .conf i{width: calc(4*var(--u)); height: calc(10*var(--u)); border-radius: calc(1*var(--u)); background: var(--hair-2); display: block;}
.jr-memory .conf i.on{background: var(--text-2);}
.jr-memory .mf-acts{display: flex; gap: calc(2*var(--u));}
.jr-memory .me-acts{display: flex; flex-wrap: wrap; gap: calc(8*var(--u)); margin: calc(14*var(--u)) 0 0 calc(10*var(--u));}
.jr-memory .me-acts .chip2 .ic{width: calc(14*var(--u)); height: calc(14*var(--u));}
.jr-memory .chip2.danger{color: var(--danger-ink);}
.jr-memory{--ease-out: cubic-bezier(.2, 0, 0, 1); --ease-back: cubic-bezier(.3, 1.4, .5, 1); --t-press: 90ms; --t-in: .12s; --t-out: .16s; --t-move: .16s; --t-release: .22s; --t-menu: .18s; --t-tile: .28s; --press: .94; --press-icon: .88; --grow-icon: 1.12; --mo-control: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), box-shadow var(--t-out) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-in: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), box-shadow var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-press: background-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), scale var(--t-press) var(--ease-out), translate var(--t-press) var(--ease-out); --mo-control-focus: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-row: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), background-size var(--t-move) var(--ease-out); --mo-inner: scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out), rotate var(--t-release) var(--ease-out), color var(--t-out) var(--ease-out);}
.jr-memory .ibtn,.jr-memory .chip2{transition: var(--mo-control);}
.jr-memory :is(.ibtn, .ib, .fbb, .tplus, .wsmore, .pinbtn, .lx, .round, .ctxring, .stopv) > :is(.ic, .pring){transition: var(--mo-inner);}
@media (prefers-reduced-motion: reduce){.jr-memory .ibtn,.jr-memory .chip2,.jr-memory :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){transition: none !important;}}
@media (prefers-reduced-motion: reduce){.jr-memory :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){scale: none !important; translate: none !important; rotate: none !important;}}
.jr-memory :where(.btn, .ibtn, .voice, .sendb, .stopv, .toggle, .check, .seg > button, .mr, .toast .act, .lact, .lx)[role="button"]{cursor: pointer;}
.jr-memory,.jr-memory .jr-body{width: 100%; min-height: 100%; background: var(--stage); color: var(--text);}
.jr-memory #root{min-height: 100%;}
.jr-memory .stage.memstage{height: auto; min-height: 100vh; border-radius: 0; box-shadow: none; overflow: visible;}
.jr-memory .mempg{overflow: visible;}
.jr-memory .me-h{cursor: pointer;}
.jr-memory .msrc a{cursor: pointer;}
.jr-memory .chip2[role="button"],.jr-memory .ibtn[role="button"]{cursor: pointer;}
.jr-memory .jr-body{margin: 0;}
.jr-memory .pav{width: calc(36*var(--u)); height: calc(36*var(--u)); border-radius: 50%; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: calc(15*var(--u)); font-weight: 600; flex: 0 0 auto;}
.jr-memory .mmerge,.jr-memory .mmore{position: relative; display: inline-flex;}
.jr-memory .me-h .mmore .ibtn{width: calc(30*var(--u)); height: calc(30*var(--u));}
.jr-memory .lnrow > .mempg.mem1{padding: calc(44*var(--u)) calc(48*var(--u)) 0 calc(56*var(--u));}
.jr-memory .lnrow{display: flex; align-items: stretch; min-height: 100vh;}
.jr-memory .lnrow > .mempg{flex: 1 1 0%; min-width: 0;}
.jr-memory,.jr-memory .jr-body{height: auto; min-height: 100%; overflow: visible;}
.jr-home{--f-ui: var(--font-instrument), -apple-system, sans-serif; --f-read: var(--font-newsreader), Georgia, serif; --f-code: var(--font-jetbrains), ui-monospace, monospace; --chrome: oklch(.168 .008 255); --chrome-2: oklch(.212 .009 255); --chrome-3: oklch(.252 .01 255); --hair: oklch(1 0 0 / .07); --hair-2: oklch(1 0 0 / .12); --stage: oklch(.198 .008 255); --raised: oklch(.238 .009 255); --raised-2: oklch(.275 .01 255); --well: oklch(.175 .008 255); --text: oklch(.955 .004 255); --text-2: oklch(.8 .007 255); --text-3: oklch(.7 .009 255); --text-4: oklch(.66 .009 255); --pea: oklch(.8 .125 182); --pea-ink: oklch(.83 .11 182); --pea-wash: oklch(.8 .125 182 / .13); --pri-bg: oklch(.955 .004 255); --pri-fg: oklch(.17 .008 255); --shadow-float: 0 0 0 calc(1*var(--u)) oklch(1 0 0 / .08), 0 calc(30*var(--u)) calc(60*var(--u)) calc(-24*var(--u)) oklch(0 0 0 / .75), 0 calc(10*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) oklch(0 0 0 / .5); --dim: oklch(.12 .01 255 / .62);}
.jr-home *{box-sizing: border-box;}
.jr-home,.jr-home .jr-body{margin: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); overflow: hidden; background: var(--chrome);}
.jr-home .jr-body{font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-home .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-home .fav{flex: 0 0 auto; border-radius: calc(4*var(--u));}
.jr-home .pmark{flex: 0 0 auto;}
.jr-home .composer{width: calc(700*var(--u)); margin: 0 auto; border-radius: calc(20*var(--u)); background: var(--raised); box-shadow: var(--shadow-float); padding: calc(14*var(--u)) calc(12*var(--u)) calc(12*var(--u)) calc(18*var(--u));}
.jr-home .cbar{display: flex; align-items: center; gap: calc(8*var(--u));}
.jr-home .mpill{height: calc(36*var(--u)); display: inline-flex; align-items: center; gap: calc(8*var(--u)); padding: 0 calc(10*var(--u)) 0 calc(12*var(--u)); border-radius: calc(18*var(--u)); font-size: calc(14.5*var(--u)); font-weight: 550; color: var(--text); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); white-space: nowrap;}
.jr-home .epill{height: calc(36*var(--u)); display: inline-flex; align-items: center; padding: 0 calc(13*var(--u)); border-radius: calc(18*var(--u)); font-size: calc(14.5*var(--u)); font-weight: 550; color: var(--text-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2);}
.jr-home .home{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: calc(70*var(--u));}
.jr-home .composer.big{width: calc(740*var(--u)); border-radius: calc(24*var(--u)); padding: calc(20*var(--u)) calc(14*var(--u)) calc(14*var(--u)) calc(22*var(--u));}
.jr-home{--danger: oklch(.53 .17 27); --danger-ink: oklch(.76 .14 25); --danger-wash: oklch(.7 .17 25 / .14); --warn: oklch(.8 .13 80); --warn-wash: oklch(.8 .13 80 / .13); --focus: 0 0 0 calc(2*var(--u)) var(--stage), 0 0 0 calc(4*var(--u)) var(--pea);}
.jr-home .epill,.jr-home .mpill{max-width: 100%; place-self: center start; display: inline-flex !important; flex: 0 0 auto !important; width: max-content !important;}
.jr-home{--cline: oklch(1 0 0 / .1);}
.jr-home{--ease-out: cubic-bezier(.2, 0, 0, 1); --ease-back: cubic-bezier(.3, 1.4, .5, 1); --t-press: 90ms; --t-in: .12s; --t-out: .16s; --t-move: .16s; --t-release: .22s; --t-menu: .18s; --t-tile: .28s; --press: .94; --press-icon: .88; --grow-icon: 1.12; --mo-control: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), box-shadow var(--t-out) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-in: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), box-shadow var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-press: background-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), scale var(--t-press) var(--ease-out), translate var(--t-press) var(--ease-out); --mo-control-focus: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-row: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), background-size var(--t-move) var(--ease-out); --mo-inner: scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out), rotate var(--t-release) var(--ease-out), color var(--t-out) var(--ease-out);}
.jr-home .mpill,.jr-home .epill{transition: var(--mo-control);}
@media (prefers-reduced-motion: reduce){.jr-home .mpill,.jr-home .epill,.jr-home :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){transition: none !important;}}
@media (prefers-reduced-motion: reduce){.jr-home :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){scale: none !important; translate: none !important; rotate: none !important;}}
.jr-home .picker{position: relative; display: inline-flex; gap: calc(8*var(--u)); align-items: center; min-width: 0;}
.jr-home .picker .mpill,.jr-home .picker .epill{cursor: pointer;}
.jr-home .picker{--scroll: oklch(1 0 0 / .26);}
.jr-home .picker .mpair{position: relative; height: calc(36*var(--u)); display: inline-flex; align-items: stretch; min-width: 0; max-width: 100%; border-radius: calc(18*var(--u)); overflow: hidden; flex: 0 1 auto; transition: var(--mo-control);}
.jr-home .picker .mpair::after{content: ""; position: absolute; inset: 0; border-radius: calc(18*var(--u)); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); pointer-events: none; transition: box-shadow .16s var(--ease-out);}
.jr-home .picker .mpair > .mpill,.jr-home .picker .mpair > .epill{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap-style: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; height: calc(36*var(--u)); display: inline-flex; align-items: center; gap: calc(8*var(--u)); cursor: pointer; font-size: calc(14.5*var(--u)); font-weight: 550; white-space: nowrap; transition: background-color var(--t-out, .16s) var(--ease-out);}
.jr-home .picker .mpair > .mpill{padding: 0 calc(10*var(--u)) 0 calc(12*var(--u)); color: var(--text); min-width: 0; flex: 0 1 auto;}
.jr-home .picker .mpair > .epill{padding: 0 calc(10*var(--u)) 0 calc(9*var(--u)); color: var(--text-2); flex: 0 0 auto; gap: calc(6*var(--u));}
.jr-home .picker .mpair > .epill .eico{display: none; width: calc(15*var(--u)); height: calc(15*var(--u)); color: var(--text-2);}
.jr-home .picker .mpair .ic{width: calc(14*var(--u)); height: calc(14*var(--u)); color: var(--text-3); flex: 0 0 auto;}
.jr-home .picker .mpair .mdiv{width: calc(1*var(--u)); align-self: center; height: calc(18*var(--u)); background: var(--hair-2); flex: 0 0 auto;}
.jr-home .composer{container-type: inline-size;}
.jr-home .composer .cbar{min-width: 0;}
.jr-home .composer .cbar .picker{min-width: 0; flex: 0 1 auto;}
.jr-home .composer .cbar .picker .mpill{overflow: hidden; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important;}
.jr-home .composer .cbar .picker .mpill .mname{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-home .composer .cbar .picker .mpair > .mpill .mname{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jr-home .composer .cbar .picker .mpair > .mpill .mname{min-width: 2.2em;}
.jr-home .fv{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 22%; overflow: hidden; vertical-align: middle;}
.jr-home .fv img{width: 100%; height: 100%; display: block; object-fit: contain;}
.jr-home,.jr-home .jr-body{width: 100%; height: 100%; overflow: hidden; background: var(--stage);}
.jr-home .jr-body{margin: 0;}
.jr-home #root{height: 100%;}
.jr-home ::-webkit-scrollbar{width: 0; height: 0;}
.jr-home .mpill .pmark{border-radius: calc(4*var(--u));}
.jr-home .mpill .pmark img{object-fit: contain;}
.jr-home,.jr-home .jr-body{width: 100%; height: 100%; overflow: hidden; background: var(--stage); color: var(--text);}
.jr-home #root{height: 100%; display: flex;}
.jr-home .home{position: relative;}
.jr-home .composer.big{position: relative;}
.jr-home .home{display: grid; grid-template-rows: minmax(0, 1fr) auto auto auto auto auto minmax(0, 1fr); justify-items: center; min-height: 0; height: 100%; box-sizing: border-box; overflow-y: auto;}
.jr-home .home > .composer{grid-row: 4;}
.jr-home .home{overflow: hidden; padding-top: calc(16*var(--u)); padding-bottom: calc(16*var(--u));}
.jr-home .home{grid-template-rows: minmax(0, 1fr) auto auto auto auto auto minmax(min-content, 1fr);}
.jr-docs{--f-ui: var(--font-instrument), -apple-system, sans-serif; --f-read: var(--font-newsreader), Georgia, serif; --f-code: var(--font-jetbrains), ui-monospace, monospace; --chrome: oklch(.168 .008 255); --chrome-2: oklch(.212 .009 255); --chrome-3: oklch(.252 .01 255); --hair: oklch(1 0 0 / .07); --hair-2: oklch(1 0 0 / .12); --stage: oklch(.198 .008 255); --raised: oklch(.238 .009 255); --raised-2: oklch(.275 .01 255); --well: oklch(.175 .008 255); --text: oklch(.955 .004 255); --text-2: oklch(.8 .007 255); --text-3: oklch(.7 .009 255); --text-4: oklch(.66 .009 255); --pea: oklch(.8 .125 182); --pea-ink: oklch(.83 .11 182); --pea-wash: oklch(.8 .125 182 / .13); --pri-bg: oklch(.955 .004 255); --pri-fg: oklch(.17 .008 255); --shadow-float: 0 0 0 calc(1*var(--u)) oklch(1 0 0 / .08), 0 calc(30*var(--u)) calc(60*var(--u)) calc(-24*var(--u)) oklch(0 0 0 / .75), 0 calc(10*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) oklch(0 0 0 / .5); --dim: oklch(.12 .01 255 / .62);}
.jr-docs *{box-sizing: border-box;}
.jr-docs,.jr-docs .jr-body{margin: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); overflow: hidden; background: var(--chrome);}
.jr-docs .jr-body{font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: 1.4; color: var(--text); -webkit-font-smoothing: antialiased; text-wrap: pretty; hyphens: none;}
.jr-docs h1,.jr-docs h3{text-wrap: balance;}
.jr-docs .ic{width: calc(17*var(--u)); height: calc(17*var(--u)); fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.jr-docs .lnk{color: var(--text); text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--text-3); text-decoration-thickness: calc(1*var(--u)); text-underline-offset: calc(3*var(--u));}
.jr-docs .stage{height: 100%; border-radius: calc(12*var(--u)); overflow: hidden; position: relative; background: var(--stage); box-shadow: 0 0 0 calc(1*var(--u)) var(--hair),0 calc(20*var(--u)) calc(50*var(--u)) calc(-30*var(--u)) #0009; display: flex; flex-direction: column;}
.jr-docs .col{width: calc(700*var(--u)); margin: 0 auto;}
.jr-docs .col.narrow{width: auto; margin: 0 calc(26*var(--u));}
.jr-docs .thread{flex: 1 1 0%; min-height: 0; overflow: hidden; padding-top: calc(34*var(--u));}
.jr-docs .ans{font-family: var(--f-read); font-size: calc(18.5*var(--u)); line-height: 1.55; color: var(--text);}
.jr-docs .ans p{margin: 0 0 calc(14*var(--u)); color: var(--text-2);}
.jr-docs .ans .kick{font-family: var(--f-ui); font-size: calc(15*var(--u)); font-weight: 600; color: var(--text-2); margin: calc(22*var(--u)) 0 calc(8*var(--u));}
.jr-docs .ans li{padding-left: calc(22*var(--u)); position: relative; margin-bottom: calc(6*var(--u)); color: var(--text-2);}
.jr-docs .ans li::before{content: ""; position: absolute; left: calc(5*var(--u)); top: 0.72em; width: calc(6*var(--u)); height: calc(6*var(--u)); border-radius: 50%; background: var(--text-3);}
.jr-docs .ans b{color: var(--text); font-weight: 600;}
.jr-docs .btn{height: calc(38*var(--u)); display: inline-flex; align-items: center; justify-content: center; gap: calc(9*var(--u)); padding: 0 calc(17*var(--u)); border-radius: calc(10*var(--u)); font-size: calc(15*var(--u)); font-weight: 560; white-space: nowrap; font-family: var(--f-ui);}
.jr-docs{--danger: oklch(.53 .17 27); --danger-ink: oklch(.76 .14 25); --danger-wash: oklch(.7 .17 25 / .14); --warn: oklch(.8 .13 80); --warn-wash: oklch(.8 .13 80 / .13); --focus: 0 0 0 calc(2*var(--u)) var(--stage), 0 0 0 calc(4*var(--u)) var(--pea);}
.jr-docs .btn{position: relative; transition: background 0.12s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.12s, transform 90ms;}
.jr-docs .btn.sm{height: calc(32*var(--u)); padding: 0 calc(13*var(--u)); font-size: calc(14*var(--u)); border-radius: calc(9*var(--u)); gap: calc(7*var(--u));}
.jr-docs .btn .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-docs .btn.sec{color: var(--text); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); background: transparent;}
.jr-docs .btn.quiet{color: var(--text-2); background: transparent;}
.jr-docs .ibtn{width: calc(36*var(--u)); height: calc(36*var(--u)); border-radius: calc(10*var(--u)); display: inline-flex; align-items: center; justify-content: center; color: var(--text-2);}
.jr-docs .btn{flex: 0 0 auto;}
.jr-docs{--cline: oklch(1 0 0 / .1);}
.jr-docs .chg{display: flex; gap: calc(12*var(--u)); padding: calc(11*var(--u)) 0; border-top: calc(1*var(--u)) solid var(--hair);}
.jr-docs .chg b{display: block; font-size: calc(14.5*var(--u)); font-weight: 600;}
.jr-docs .chg span{font-size: calc(15*var(--u)); color: var(--text-2);}
.jr-docs .lnk{color: var(--text); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--text-3); text-underline-offset: calc(3*var(--u));}
.jr-docs{--ease-out: cubic-bezier(.2, 0, 0, 1); --ease-back: cubic-bezier(.3, 1.4, .5, 1); --t-press: 90ms; --t-in: .12s; --t-out: .16s; --t-move: .16s; --t-release: .22s; --t-menu: .18s; --t-tile: .28s; --press: .94; --press-icon: .88; --grow-icon: 1.12; --mo-control: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), box-shadow var(--t-out) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-in: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), box-shadow var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-control-press: background-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), scale var(--t-press) var(--ease-out), translate var(--t-press) var(--ease-out); --mo-control-focus: background-color var(--t-in) var(--ease-out), color var(--t-in) var(--ease-out), scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out); --mo-row: background-color var(--t-out) var(--ease-out), color var(--t-out) var(--ease-out), background-size var(--t-move) var(--ease-out); --mo-inner: scale var(--t-release) var(--ease-back), translate var(--t-move) var(--ease-out), rotate var(--t-release) var(--ease-out), color var(--t-out) var(--ease-out);}
.jr-docs .btn,.jr-docs .ibtn{transition: var(--mo-control);}
.jr-docs :is(.ibtn, .ib, .fbb, .tplus, .wsmore, .pinbtn, .lx, .round, .ctxring, .stopv) > :is(.ic, .pring){transition: var(--mo-inner);}
.jr-docs .btn > .ic{transition: var(--mo-inner);}
@media (prefers-reduced-motion: reduce){.jr-docs .btn,.jr-docs .ibtn,.jr-docs :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){transition: none !important;}}
@media (prefers-reduced-motion: reduce){.jr-docs :is(.btn, .ibtn, .ib, .round, .mpill, .epill, .ctxring, .voice, .sendb, .stopv, .lx, .fbb, .tplus, .wsmore, .pinbtn, .mr, .pi, .mi, .om-r, .fyr) :is(.ic, .pring, .fav, .fv, .pmark){scale: none !important; translate: none !important; rotate: none !important;}}
.jr-docs :where(button.btn, button.ibtn, button.voice, button.sendb, button.stopv, button.round, button.toggle, button.check, .seg > button, button.mr, button.chip2, button.lact, button.lx, .toast button.act, button.tipbtn, button.mpill, button.epill, button.pi, button.mi){appearance: none; border: 0; margin: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: inherit;}
.jr-docs :where(button.btn, button.ibtn, button.voice, button.sendb, button.stopv, button.toggle, button.check, .seg > button, button.mr, .toast button.act){cursor: pointer;}
.jr-docs .paper{--ink: oklch(.24 .012 255); --ink2: oklch(.43 .01 255); --ink3: oklch(.56 .01 255); --rule: oklch(.9 .004 255); --ppea: #0a8d83; --pwash: oklch(.62 .1 186 / .16); position: relative; box-sizing: border-box; background: rgb(253, 253, 251); color: var(--ink); font-family: var(--f-read); text-align: left; -webkit-font-smoothing: antialiased; cursor: inherit;}
.jr-docs .paper.page{width: calc(612*var(--u)); min-height: calc(792*var(--u)); padding: calc(58*var(--u)) calc(66*var(--u)) calc(70*var(--u));}
.jr-docs .paper .pk{font: 600 calc(12.5*var(--u))/1 var(--f-ui); color: var(--ppea); letter-spacing: 0.01em; margin: 0 0 calc(14*var(--u));}
.jr-docs .paper .pt{font: 500 calc(31*var(--u))/1.12 var(--f-read); letter-spacing: -0.016em; margin: 0; color: var(--ink);}
.jr-docs .paper .prule{display: block; width: calc(44*var(--u)); height: calc(2.5*var(--u)); border-radius: calc(2*var(--u)); background: var(--ppea); margin: calc(16*var(--u)) 0 calc(13*var(--u));}
.jr-docs .paper .pnum{position: absolute; right: calc(66*var(--u)); bottom: calc(28*var(--u)); font: 400 calc(11*var(--u))/1 var(--f-ui); color: var(--ink3);}
.jr-docs .paper.slide{width: calc(960*var(--u)); height: calc(540*var(--u)); padding: calc(66*var(--u)) calc(84*var(--u)); overflow: hidden;}
.jr-docs .paper.slide .st{font: 500 calc(44*var(--u))/1.1 var(--f-read); letter-spacing: -0.018em; margin: 0 0 calc(26*var(--u));}
.jr-docs .paper.slide.cover{display: flex; flex-direction: column; justify-content: center;}
.jr-docs .paper.slide.cover .st{font-size: calc(58*var(--u)); margin: 0;}
.jr-docs .paper.slide .ss{font: 400 calc(24*var(--u))/1.4 var(--f-ui); color: var(--ink2); margin: 0;}
.jr-docs .thumb{display: block; position: relative; flex: 0 0 auto; overflow: hidden; border-radius: calc(3*var(--u)); background: rgb(253, 253, 251); box-shadow: rgba(0, 0, 0, 0.14) 0 0 0 calc(1*var(--u)), rgba(0, 0, 0, 0.55) 0 calc(8*var(--u)) calc(18*var(--u)) calc(-8*var(--u));}
.jr-docs .thumb .tin{display: block; overflow: hidden; pointer-events: none;}
.jr-docs .thumb .tin > .paper.page{min-height: 0; height: 100%; overflow: hidden;}
.jr-docs .thumb.tslide{border-radius: calc(4*var(--u));}
.jr-docs .thumb.stack2{overflow: visible;}
.jr-docs .thumb.stack2 .tin{border-radius: calc(3*var(--u)); position: relative; z-index: 1; background: rgb(253, 253, 251);}
.jr-docs .thumb.stack2::before,.jr-docs .thumb.stack2::after{content: ""; position: absolute; inset: 0; border-radius: calc(3*var(--u)); background: rgb(241, 240, 238); box-shadow: rgba(0, 0, 0, 0.14) 0 0 0 calc(1*var(--u));}
.jr-docs .thumb.stack2::before{translate: calc(4*var(--u)) calc(4*var(--u));}
.jr-docs .thumb.stack2::after{translate: calc(8*var(--u)) calc(8*var(--u)); z-index: -1; background: rgb(231, 230, 228);}
.jr-docs .thumb.stack2{isolation: isolate;}
.jr-docs .thumb.stack2::before{z-index: 0;}
.jr-docs .dcard{position: relative; display: flex; gap: calc(18*var(--u)); max-width: calc(600*var(--u)); margin: calc(16*var(--u)) 0 0; padding: calc(14*var(--u)); border-radius: calc(16*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); font-family: var(--f-ui); container-type: inline-size;}
.jr-docs .turn > .dcard:first-of-type{margin-top: calc(18*var(--u));}
.jr-docs .dcard.chg{display: block;}
.jr-docs .dcrow{display: flex; gap: calc(18*var(--u)); min-width: 0;}
.jr-docs .dthumb{appearance: none; border: 0; margin: 0; font: inherit; flex: 0 0 auto; width: calc(164*var(--u)); min-height: calc(212*var(--u)); padding: calc(14*var(--u)) 0 calc(18*var(--u)); border-radius: calc(11*var(--u)); background: var(--raised-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background .12s var(--ease-out, ease-out);}
.jr-docs .dthumb .thumb{transition: translate .2s var(--ease-out, ease-out);}
.jr-docs .dcm{flex: 1 1 0%; min-width: 0; display: flex; flex-direction: column; padding: calc(4*var(--u)) calc(2*var(--u)) 0 0;}
.jr-docs .dct{display: flex; align-items: center; gap: calc(10*var(--u)); min-width: 0;}
.jr-docs .dct h4{margin: 0; font: 600 calc(17*var(--u))/1.3 var(--f-ui); letter-spacing: -0.01em; color: var(--text); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-docs .dver{flex: 0 0 auto; height: calc(24*var(--u)); display: inline-flex; align-items: center; padding: 0 calc(9*var(--u)); border-radius: calc(7*var(--u)); font-size: calc(13*var(--u)); font-weight: 560; color: var(--text-2); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); white-space: nowrap;}
.jr-docs .dver.dpea{background: var(--pea-wash); color: var(--pea-ink); box-shadow: none;}
.jr-docs .dcs{font-size: calc(14*var(--u)); color: var(--text-3); margin: calc(3*var(--u)) 0 calc(12*var(--u));}
.jr-docs .dcf{margin-top: auto; display: flex; align-items: center; gap: calc(8*var(--u)) calc(6*var(--u)); flex-wrap: wrap;}
.jr-docs .dcf .btn .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-docs .dgap{flex: 1 1 0%;}
.jr-docs .ibtn.sm{width: calc(32*var(--u)); height: calc(32*var(--u)); border-radius: calc(9*var(--u)); color: var(--text-3);}
.jr-docs .ibtn.sm .ic{width: calc(16*var(--u)); height: calc(16*var(--u));}
.jr-docs .dchg{list-style: none; margin: calc(2*var(--u)) 0 calc(16*var(--u)); padding: 0; display: flex; flex-direction: column; gap: calc(10*var(--u));}
.jr-docs .dchg li{display: flex; align-items: flex-start; gap: calc(11*var(--u)); font-size: calc(14.5*var(--u)); min-width: 0;}
.jr-docs .dcx{display: flex; flex-direction: column; min-width: 0; line-height: 1.35;}
.jr-docs .dci{flex: 0 0 auto; margin-top: calc(3*var(--u)); width: calc(30*var(--u)); height: calc(30*var(--u)); border-radius: calc(8*var(--u)); display: grid; place-items: center; background: var(--pea-wash); color: var(--pea-ink);}
.jr-docs .dci .ic{width: calc(15*var(--u)); height: calc(15*var(--u)); stroke-width: 1.8;}
.jr-docs .dchg b{font-weight: 600; color: var(--text); white-space: nowrap;}
.jr-docs .dcw{color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;}
.jr-docs .dtx{display: flex; flex-direction: column; min-width: 0;}
.jr-docs .dtx b{font-size: calc(14.5*var(--u)); font-weight: 560; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jr-docs .dtx > span{font-size: calc(13.5*var(--u)); color: var(--text-3); white-space: nowrap;}
.jr-docs .stage.with-side{--side-w: min(54%, calc(760*var(--u)));}
.jr-docs .stage.with-side.side-shelf{--side-w: calc(452*var(--u));}
.jr-docs .stage.with-side:not(.pane) > .thread{margin-right: var(--side-w);}
.jr-docs .stage.with-side:not(.pane) .thread > .col{width: auto; max-width: calc(700*var(--u)); margin: 0 auto; padding-left: calc(34*var(--u)); padding-right: calc(34*var(--u)); box-sizing: content-box;}
.jr-docs .dside{position: absolute; top: 0; right: 0; bottom: 0; width: var(--side-w); z-index: 8; display: flex; flex-direction: column; background: var(--chrome); box-shadow: calc(-1*var(--u)) 0 0 var(--hair); font-family: var(--f-ui); animation: docs-jn-side-in .32s var(--ease-expo, cubic-bezier(.16, 1, .3, 1));}
@media (prefers-reduced-motion: reduce){.jr-docs .dside{animation: 0.12s ease-out 0s 1 normal none running docs-jn-fade;}}
.jr-docs .dmore{position: relative; display: inline-flex; flex: 0 0 auto;}
.jr-docs .dsbody{flex: 1 1 0%; min-height: 0; overflow-y: auto; padding: calc(4*var(--u)) calc(20*var(--u)) calc(28*var(--u));}
.jr-docs .dgrp{margin-top: calc(18*var(--u));}
.jr-docs .dgl{margin: 0 0 calc(10*var(--u)) calc(2*var(--u)); font-size: calc(13.5*var(--u)); font-weight: 600; color: var(--text-3);}
.jr-docs .dgrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(16*var(--u)) calc(12*var(--u));}
.jr-docs .dtile{display: flex; flex-direction: column; gap: calc(7*var(--u)); min-width: 0;}
.jr-docs .dtt{appearance: none; border: 0; margin: 0; font: inherit; position: relative; height: calc(150*var(--u)); border-radius: calc(12*var(--u)); background: var(--raised); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair); display: grid; place-items: center; cursor: pointer; overflow: hidden; transition: background .12s var(--ease-out, ease-out);}
.jr-docs .dtt .thumb{transition: translate .2s var(--ease-out, ease-out);}
.jr-docs .dtt.s-pages .thumb{margin-top: calc(22*var(--u));}
.jr-docs .dvb{position: absolute; top: calc(8*var(--u)); left: calc(8*var(--u)); height: calc(24*var(--u)); display: inline-flex; align-items: center; padding: 0 calc(8*var(--u)); border-radius: calc(7*var(--u)); font-size: calc(13*var(--u)); font-weight: 560; background: var(--raised-2); color: var(--pea-ink); box-shadow: inset 0 0 0 calc(1*var(--u)) var(--hair-2); z-index: 2;}
.jr-docs .dtn{display: flex; align-items: flex-start; gap: calc(2*var(--u)); padding: 0 0 0 calc(3*var(--u)); min-width: 0;}
.jr-docs .dtn .dtx{flex: 1 1 0%;}
.jr-docs .dtn .dmore .ibtn{visibility: hidden; margin-top: calc(2*var(--u));}
.jr-docs .paper ::selection{background: rgba(37, 153, 143, 0.28);}
.jr-docs .dside{container-type: inline-size;}
@media (prefers-reduced-motion: reduce){.jr-docs .dthumb .thumb,.jr-docs .dtt .thumb{transition: none;}}
.jr-docs,.jr-docs .jr-body{width: 100%; height: 100%; overflow: hidden; background: var(--stage);}
.jr-docs .jr-body{margin: 0;}
.jr-docs #root{height: 100%;}
.jr-docs ::-webkit-scrollbar{width: 0; height: 0;}
.jr-docs .stage{height: 100%; border-radius: 0; box-shadow: none;}
.jr-docs .thread{overflow-y: auto;}
.jr-docs .thread > .col{padding-bottom: var(--dock-reserve, calc(64*var(--u)));}
.jr-docs .stage.narrow:not(.pane) .col{width: auto; margin: 0 calc(36*var(--u));}
.jr-docs .ans ol{list-style: none; margin: 0 0 calc(14*var(--u)); padding: 0; counter-reset: ansn 0;}
.jr-docs .ans ol li{counter-increment: ansn 1;}
.jr-docs .ans ol li::before{content: counter(ansn) "."; background: none; width: auto; height: auto; border-radius: 0; top: 0; left: 0; color: var(--text-3); font-family: var(--f-ui); font-size: calc(15*var(--u)); line-height: inherit;}
.jr-docs .ans p b{color: var(--text);}
.jr-docs .ans > :last-child{margin-bottom: 0;}
.jr-docs .stage{position: relative;}
.jr-docs .dcs{display: flex; flex-direction: column; gap: calc(14*var(--u)); margin: calc(14*var(--u)) 0 calc(4*var(--u));}
.jr-docs{--f-chat: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;}
.jr-docs .ans{font-family: var(--f-chat); font-size: calc(16*var(--u)); line-height: 1.6; letter-spacing: -0.006em;}
.jr-docs .ans .kick{font-family: var(--f-chat); font-size: calc(16*var(--u)); font-weight: 620; color: var(--text); margin: calc(22*var(--u)) 0 calc(6*var(--u));}
.jr-docs .ans b{font-weight: 620;}
.jr-docs .ans li{margin-bottom: calc(4*var(--u));}
.jr-docs .ans li::before{top: 0.68em; width: calc(5*var(--u)); height: calc(5*var(--u));}
.jr-docs .ans ol li::before{font-family: var(--f-chat); font-size: calc(16*var(--u)); font-variant-numeric: tabular-nums;}
.jr-docs .ans{container: ans / inline-size;}
.jr-docs .ans p.af-lead{font-size: calc(18.5*var(--u)); line-height: 1.5; color: var(--text); letter-spacing: -0.011em; margin: 0 0 calc(16*var(--u));}
.jr-docs .ans ol.af-srcs{margin: calc(2*var(--u)) 0 calc(14*var(--u)); font-size: calc(14*var(--u)); line-height: 1.5;}
.jr-docs .ans ol.af-srcs > li{margin-bottom: calc(3*var(--u)); padding-left: calc(24*var(--u));}
.jr-docs .ans ol.af-srcs > li::before{font-size: calc(13*var(--u)); top: 0.05em;}
.jr-docs .ans ol.af-srcs .af-host{margin-left: calc(8*var(--u)); color: var(--text-3); font-size: calc(13*var(--u));}
.jr-docs .ans p,.jr-docs .ans li{overflow-wrap: anywhere; unicode-bidi: plaintext; text-align: start;}
@keyframes settings-jn-kit-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes settings-pr-breathe { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.014, 0.982); }
}
@keyframes settings-pr-blink { 
  0%, 44%, 47.5%, 91%, 94.5%, 97%, 100% { transform: scaleY(1); }
  45.6% { transform: scaleY(0.08); }
  92.6% { transform: scaleY(0.08); }
  95.8% { transform: scaleY(0.08); }
}
@keyframes settings-pr-glance { 
  0%, 22%, 40%, 64%, 82%, 100% { transform: translate(0px); }
  26%, 36% { transform: translate(-16px, 2px); }
  68%, 78% { transform: translate(14px, -6px); }
}
@keyframes settings-pr-bob { 
  0%, 100% { transform: translateY(0px) scale(1.02, 0.97); }
  18% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-26px) scale(0.985, 1.02); }
  82% { transform: translateY(0px) scale(1); }
}
@keyframes settings-as-live { 
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
@keyframes notch-notch-in { 
  0% { opacity: 0; }
}
@keyframes notch-notch-rise { 
  0% { opacity: 0; transform: translateY(calc(8*var(--u))); }
}
@keyframes notch-spin { 
  0% { transform: rotate(20deg); }
  100% { transform: rotate(380deg); }
}
@keyframes notch-draw-check { 
  100% { stroke-dashoffset: 0; }
}
@keyframes overlay-ring-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes overlay-ring-pulse { 
  0% { box-shadow: oklch(0.8 0.125 182 / 0.35) 0 0 0 0; }
  60% { box-shadow: oklch(0.8 0.125 182 / 0.18) 0 0 0 calc(8*var(--u)); }
  100% { box-shadow: oklch(0.8 0.125 182 / 0.14) 0 0 0 calc(4*var(--u)); }
}
@keyframes chat-jn-row-open { 
  0% { max-height: 0; padding-top: 0; padding-bottom: 0; }
  100% { max-height: calc(36*var(--u)); padding-top: calc(6*var(--u)); padding-bottom: calc(6*var(--u)); }
}
@keyframes chat-jn-row-words { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes chat-pl-breathe { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03, 0.965); }
}
@keyframes chat-pl-sheen { 
  0% { transform: translate(0); }
  45%, 100% { transform: translate(calc(860*var(--u))); }
}
@keyframes chat-tr-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes chat-tr-shim-a { 
  0%, 30% { background-position: 100% 0; }
  75%, 100% { background-position: 0% 0; }
}
@keyframes chat-tr-shim-row { 
  0%, 10% { background-position: 100% 0; }
  80%, 100% { background-position: 0% 0; }
}
@keyframes chat-tr-breathe { 
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
@keyframes docs-jn-side-in { 
  0% { translate: calc(24*var(--u)); opacity: 0; }
}
@keyframes docs-jn-fade { 
  0% { opacity: 0; }
}