.f1 {box-sizing: border-box;  border-radius: 20px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(15, 25, 42, 0.92);  padding: 22px;  box-shadow: 0 24px 70px rgba(0,0,0,0.25);  } .f2 {box-sizing: border-box;  appearance: none;  border: 0;  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease;  background: linear-gradient(135deg, #6fd4ff, #7fe8b8);  color: #05101c;  }.f2:hover {transform: translateY(-1px);  } .f2:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f3 {box-sizing: border-box;  appearance: none;  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease, border-color 140ms ease;  background: rgba(255,255,255,0.08);  color: #f0f6ff;  }.f3:hover {transform: translateY(-1px);  border-color: rgba(170, 192, 235, 0.3);  } .f3:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f4 {height: 100%;  max-width: 1320px;  margin: 0 auto;  padding: 20px 24px 20px;  overflow-y: auto;  } .f5 {display: flex;  justify-content: space-between;  align-items: center;  gap: 12px;  flex-wrap: wrap;  margin-bottom: 20px;  } .f6 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 34px;  font-weight: 700;  line-height: 1.15;  letter-spacing: -0.02em;  color: #f0f6ff;  margin: 0px;  } .f7 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 13px;  font-weight: 400;  line-height: 1.5;  color: #b0c0dd;  } .f8 {display: flex;  gap: 10px;  flex-wrap: wrap;  } .f9 {text-decoration: none;  display: inline-flex;  align-items: center;  } .f10 {display: grid;  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));  gap: 12px;  margin-bottom: 20px;  } .f11 {font-size: 28px;  font-weight: 800;  margin-top: 8px;  color: #f0f6ff;  } .f12 {margin-top: 22px;  } .f13 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 24px;  font-weight: 700;  line-height: 1.2;  letter-spacing: -0.01em;  color: #f0f6ff;  margin: 0 0 12px;  } .f14 {display: grid;  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));  gap: 14px;  } .f15 {display: flex;  justify-content: space-between;  gap: 8px;  align-items: center;  } .f16 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 20px;  font-weight: 700;  line-height: 1.2;  letter-spacing: -0.01em;  color: #f0f6ff;  margin: 0px;  } .f17 {margin-top: 8px;  } .f18 {margin: 12px 0 0;  padding-left: 18px;  color: #b0c0dd;  display: grid;  gap: 4px;  } .f19 {display: inline-flex;  align-items: center;  padding: 4px 8px;  border-radius: 999px;  background: rgba(121,224,255,0.12);  color: #6fd4ff;  font-size: 12px;  font-weight: 700;  } .f20 {color: #ffd43b;  } .f21 {color: #ff8787;  margin-top: 12px;  } .f22 {font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;  font-size: 13px;  line-height: 1.5;  word-break: break-all;  } .f23 {margin-top: 10px;  }.f24 .f25 {padding: 12px 14px;  text-align: left;  border-bottom: 1px solid rgba(170, 192, 235, 0.16);  font-size: 14px;  color: #f0f6ff;  word-break: break-all;  } .f26:last-child .f25 {border-bottom: 0px;  } .f27 {margin: 0px;  min-height: 100vh;  color: #f0f6ff;  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  background: radial-gradient(circle at 10% 10%, rgba(121, 224, 255, 0.20), transparent 30%),radial-gradient(circle at 90% 20%, rgba(139, 240, 195, 0.14), transparent 26%),linear-gradient(180deg, #0b1220, #101d33);  background-attachment: fixed;  -webkit-font-smoothing: antialiased;  }.f28 {background-color: #a0c3fd;  height: 24px;  z-index: 10;  position: fixed;  display: flex;  right: 0px;  border-bottom-left-radius: 10px;  padding: 2px 17px;  } .f29 {position: fixed;  z-index: 990;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  background: #05101c;  opacity: 0.7;  } .f30 {position: fixed;  width: 80%;  background: undefined;  height: 80%;  left: 50%;  margin-left: -40%;  z-index: 999;  margin-top: 3%;  color: #ffffff;  overflow: hidden;  } .f31 {overflow-y: scroll;  padding: 24px;  height: 94%;  } .f32 {margin-bottom: 16px;  padding-left: 24px;  padding-top: 16px;  } .f33 {margin-bottom: 24px;  } .f34, .f35 {margin-bottom: 10px;  } .f36 {width: 100%;  height: 120px;  background: none;  border: none;  color: #ffffff;  } .f37 {display: contents;  } .f38 {display: grid;  gap: 8px;  margin-bottom: 14px;  min-width: 0px;  } .f39 {font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 13px;  font-weight: 600;  color: #b0c0dd;  } .f40 {box-sizing: border-box;  font-family: inherit;  font-size: 14px;  color: #f0f6ff;  background: rgba(7, 12, 22, 0.92);  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  outline: none;  padding: 11px 13px;  width: 100%;  }.f40:focus {border-color: rgba(121,224,255,0.6);  box-shadow: 0 0 0 4px rgba(121,224,255,0.1);  } .f41 {box-sizing: border-box;  font-family: inherit;  font-size: 14px;  color: #f0f6ff;  background: rgba(7, 12, 22, 0.92);  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  outline: none;  padding: 10px 12px;  width: 100%;  }.f41:focus {border-color: rgba(121,224,255,0.6);  box-shadow: 0 0 0 4px rgba(121,224,255,0.1);  } .f42 {box-sizing: border-box;  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;  font-size: 13px;  line-height: 1.5;  color: #f0f6ff;  background: rgba(7, 12, 22, 0.92);  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  outline: none;  padding: 10px 12px;  width: 100%;  resize: vertical;  }.f42:focus {border-color: rgba(121,224,255,0.6);  box-shadow: 0 0 0 4px rgba(121,224,255,0.1);  } .f43 {box-sizing: border-box;  appearance: none;  border: 0;  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease;  background: linear-gradient(135deg, #6fd4ff, #7fe8b8);  color: #05101c;  }.f43:hover {transform: translateY(-1px);  } .f43:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f44 {box-sizing: border-box;  appearance: none;  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease, border-color 140ms ease;  background: rgba(255,255,255,0.08);  color: #f0f6ff;  }.f44:hover {transform: translateY(-1px);  border-color: rgba(170, 192, 235, 0.3);  } .f44:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f45 {height: 100%;  max-width: 1440px;  margin: 0 auto;  padding: var(--yoom-app-pad, 12px);  display: flex;  flex-direction: column;  overflow: hidden;  } .f46 {display: flex;  align-items: center;  justify-content: space-between;  gap: 10px;  flex-wrap: wrap;  padding: 10px;  border-radius: 16px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(15, 25, 42, 0.92);  margin-bottom: 10px;  } .f47 {min-width: 0px;  display: grid;  gap: 4px;  } .f48 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 15px;  font-weight: 700;  line-height: 1.2;  color: #f0f6ff;  letter-spacing: -0.02em;  } .f49 {font-size: 13px;  color: #b0c0dd;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  max-width: var(--yoom-meta-w, 72vw);  } .f50 {display: flex;  gap: 8px;  align-items: center;  flex-wrap: wrap;  } .f51 {appearance: none;  display: inline-flex;  align-items: center;  justify-content: center;  text-decoration: none;  cursor: pointer;  border-radius: 12px;  padding: 10px 12px;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 600;  line-height: 1.2;  } .f52 {appearance: none;  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  padding: 10px 12px;  cursor: pointer;  font-family: inherit;  font-weight: 600;  font-size: 16px;  color: #f0f6ff;  background: rgba(255,255,255,0.08);  transition: background 140ms ease, border-color 140ms ease;  }.f52:disabled {opacity: 0.5;  cursor: not-allowed;  } .f53 {background: rgba(93, 238, 176, 0.19);  border-color: rgba(88, 232, 169, 0.5);  } .f54 {background: rgba(255, 139, 163, 0.17);  border-color: rgba(255, 125, 152, 0.45);  }.f54:disabled {opacity: 0.5;  cursor: not-allowed;  } .f55 {position: relative;  border-radius: 16px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(8, 14, 24, 0.92);  flex: 1 1 auto;  min-height: 0px;  overflow: hidden;  display: flex;  flex-direction: column;  } .f56 {display: flex;  flex-wrap: wrap;  gap: 8px;  padding: 10px;  align-items: center;  justify-content: center;  max-height: 38%;  overflow-y: auto;  }.f56:empty {display: none;  } .f57 {flex: 1 1 auto;  min-height: 0px;  display: flex;  flex-wrap: wrap;  gap: 10px;  padding: 10px;  align-items: stretch;  justify-content: center;  } .f58 {border-radius: 14px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(22, 33, 52, 0.92);  overflow: hidden;  display: flex;  flex-direction: column;  gap: 0px;  flex: 1 1 280px;  min-width: 0px;  min-height: 0px;  transition: border-color 140ms ease, box-shadow 140ms ease;  } .f59 {display: inline-flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 6px 12px 6px 6px;  border-radius: 999px;  flex: 0 0 auto;  min-width: 0px;  max-width: none;  border: 1px solid rgba(170, 192, 235, 0.16);  background: linear-gradient(135deg, rgba(121,224,255,0.12), rgba(139,240,195,0.09));  } .f60 {display: flex;  align-items: center;  gap: 8px;  min-width: 0px;  max-width: 100%;  } .f61 {width: 26px;  height: 26px;  border-radius: 50%;  display: grid;  place-items: center;  font-size: 12px;  font-weight: 700;  color: #f0f6ff;  background: rgba(111, 212, 255, 0.13);  border: 1px solid rgba(170, 192, 235, 0.3);  flex: 0 0 auto;  } .f62 {font-size: 12px;  color: #f0f6ff;  max-width: 100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  min-width: 0px;  } .f63 {border-color: rgba(139, 240, 195, 0.7);  box-shadow: 0 0 0 2px rgba(139, 240, 195, 0.28);  } .f64 {display: flex;  justify-content: space-between;  gap: 8px;  align-items: center;  font-size: 12px;  color: #b0c0dd;  padding: 8px 10px;  border-bottom: 1px solid rgba(170, 192, 235, 0.16);  } .f65 {min-width: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  } .f66 {display: inline-flex;  gap: 6px;  align-items: center;  } .f67 {appearance: none;  border: 1px solid rgba(170, 192, 235, 0.16);  color: #f0f6ff;  background: rgba(255,255,255,0.06);  border-radius: 8px;  padding: 3px 7px;  font-size: 11px;  cursor: pointer;  } .f68 {position: relative;  flex: 1 1 auto;  min-height: 0px;  overflow: hidden;  } .f69 {position: absolute;  inset: 0px;  width: 100%;  height: 100%;  object-fit: cover;  background: #040913;  display: block;  } .f70 {position: absolute;  right: 12px;  bottom: 12px;  width: var(--yoom-pip-w, min(240px, 40vw));  border-radius: 12px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(22, 33, 52, 0.92);  overflow: hidden;  box-shadow: 0 18px 42px rgba(0,0,0,0.35);  } .f71 {font-size: 12px;  color: #b0c0dd;  padding: 7px 10px;  border-bottom: 1px solid rgba(170, 192, 235, 0.16);  } .f72 {display: flex;  align-items: center;  gap: 8px;  padding: 10px 12px 10px 10px;  min-width: 0px;  } .f73 {width: 28px;  height: 28px;  border-radius: 50%;  display: grid;  place-items: center;  font-size: 13px;  font-weight: 700;  color: #f0f6ff;  background: rgba(111, 212, 255, 0.13);  border: 1px solid rgba(170, 192, 235, 0.3);  flex: 0 0 auto;  } .f74 {font-size: 13px;  color: #f0f6ff;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  min-width: 0px;  } .f75 {width: 100%;  display: block;  aspect-ratio: 16 / 9;  object-fit: cover;  background: #03070e;  } .f76 {margin-top: 10px;  font-size: 13px;  color: #b0c0dd;  min-height: 20px;  padding: 0 4px;  word-break: break-word;  } .f77 {position: fixed;  inset: 0px;  background: rgba(3, 8, 15, 0.72);  display: none;  place-items: center;  padding: 16px;  z-index: 30;  } .f78 {display: grid;  } .f79 {box-sizing: border-box;  width: min(100%, 560px);  max-height: 84vh;  overflow: auto;  border-radius: 16px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(15, 25, 42, 0.92);  padding: 16px;  } .f80 {display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 12px;  gap: 10px;  } .f81 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 24px;  font-weight: 700;  line-height: 1.2;  letter-spacing: -0.01em;  margin: 0px;  color: #f0f6ff;  } .f82 {display: flex;  align-items: center;  gap: 8px;  cursor: pointer;  color: #f0f6ff;  font-size: 14px;  } .f83 {display: flex;  gap: 8px;  flex-wrap: wrap;  margin-top: 4px;  } .f84 {text-decoration: none;  display: inline-flex;  align-items: center;  } .f85 {margin-top: 10px;  color: #ffd9e2;  background: rgba(255,125,152,0.16);  border: 1px solid rgba(255,125,152,0.45);  border-radius: 10px;  padding: 8px 10px;  font-size: 13px;  display: none;  } .f86 {display: block;  } .f87 {display: grid;  gap: 8px;  } .f88 {display: grid;  grid-template-columns: minmax(0, 1fr) auto;  align-items: center;  gap: 8px;  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  padding: 9px;  background: rgba(255,255,255,0.03);  } .f89 {color: #b0c0dd;  font-size: 12px;  display: block;  margin-top: 2px;  } .f90 {display: flex;  align-items: center;  gap: 8px;  flex-wrap: wrap;  } .f91 {appearance: none;  border: 1px solid rgba(255,125,152,0.45);  color: #f0f6ff;  background: rgba(255, 139, 163, 0.17);  border-radius: 8px;  padding: 5px 9px;  font-size: 12px;  cursor: pointer;  font-weight: 600;  } .f92 {margin-top: 10px;  } .f93 {position: fixed;  right: 12px;  bottom: 12px;  display: grid;  gap: 8px;  z-index: 40;  width: min(360px, calc(100vw - 24px));  pointer-events: none;  } .f94 {border-radius: 12px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(10,18,32,0.95);  color: #f0f6ff;  font-size: 13px;  padding: 10px 12px;  box-shadow: 0 12px 24px rgba(0,0,0,0.28);  animation: toast-in 180ms ease-out;  word-break: break-word;  } .f95 {display: none !important;  } .f96 {box-sizing: border-box;  border-radius: 20px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(15, 25, 42, 0.92);  padding: 22px;  box-shadow: 0 24px 70px rgba(0,0,0,0.25);  } .f97 {display: grid;  gap: 8px;  margin-bottom: 14px;  min-width: 0px;  } .f98 {font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 13px;  font-weight: 600;  color: #b0c0dd;  } .f99 {box-sizing: border-box;  font-family: inherit;  font-size: 14px;  color: #f0f6ff;  background: rgba(7, 12, 22, 0.92);  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  outline: none;  padding: 11px 13px;  width: 100%;  }.f99:focus {border-color: rgba(121,224,255,0.6);  box-shadow: 0 0 0 4px rgba(121,224,255,0.1);  } .f100 {box-sizing: border-box;  appearance: none;  border: 0;  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease;  background: linear-gradient(135deg, #6fd4ff, #7fe8b8);  color: #05101c;  }.f100:hover {transform: translateY(-1px);  } .f100:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f101 {box-sizing: border-box;  appearance: none;  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease, border-color 140ms ease;  background: rgba(255,255,255,0.08);  color: #f0f6ff;  }.f101:hover {transform: translateY(-1px);  border-color: rgba(170, 192, 235, 0.3);  } .f101:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f102 {height: 100%;  max-width: 760px;  margin: 0 auto;  padding: 20px 24px 20px;  display: flex;  flex-direction: column;  gap: 20px;  overflow: hidden;  } .f103 {display: flex;  justify-content: space-between;  align-items: center;  gap: 12px;  padding: 10px 4px;  } .f104 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 24px;  font-weight: 700;  line-height: 1.2;  letter-spacing: -0.02em;  color: #f0f6ff;  } .f105 {color: #6fd4ff;  } .f106 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 12px;  font-weight: 600;  line-height: 1.4;  color: #b0c0dd;  margin-left: 10px;  padding: 4px 10px;  border-radius: 999px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(127, 232, 184, 0.11);  text-transform: uppercase;  letter-spacing: 0.06em;  } .f107 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 15px;  font-weight: 400;  line-height: 1.5;  color: #b0c0dd;  text-decoration: none;  padding: 8px 12px;  border-radius: 12px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(255,255,255,0.05);  }.f107:hover {color: #f0f6ff;  border-color: rgba(170, 192, 235, 0.3);  } .f108 {max-width: 560px;  margin: 0 auto;  flex: 1 1 auto;  min-height: 0px;  overflow-y: auto;  } .f109 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 34px;  font-weight: 700;  line-height: 1.15;  letter-spacing: -0.02em;  color: #f0f6ff;  margin: 0 0 8px;  } .f110 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 15px;  font-weight: 400;  line-height: 1.55;  color: #b0c0dd;  margin: 0 0 18px;  } .f111 {display: flex;  flex-wrap: wrap;  gap: 10px;  margin-top: 6px;  } .f112 {margin-top: 14px;  font-size: 14px;  color: #b0c0dd;  min-height: 20px;  line-height: 1.5;  } .f113 {height: 100%;  max-width: 1100px;  margin: 0 auto;  padding: 20px 24px 20px;  display: flex;  flex-direction: column;  overflow: hidden;  } .f114 {display: flex;  justify-content: space-between;  align-items: center;  gap: 12px;  padding: 10px 4px;  } .f115 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 24px;  font-weight: 700;  line-height: 1.2;  letter-spacing: -0.02em;  color: #f0f6ff;  } .f116 {color: #6fd4ff;  } .f117 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 12px;  font-weight: 600;  line-height: 1.4;  color: #b0c0dd;  margin-left: 10px;  padding: 4px 10px;  border-radius: 999px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(127, 232, 184, 0.11);  text-transform: uppercase;  letter-spacing: 0.06em;  } .f118 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  color: #f0f6ff;  background: rgba(255,255,255,0.06);  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  padding: 9px 14px;  cursor: pointer;  transition: border-color 140ms ease;  }.f118:hover {border-color: rgba(170, 192, 235, 0.3);  } .f119 {padding: 56px 8px 40px;  display: grid;  gap: 18px;  } .f120 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 56px;  font-weight: 700;  line-height: 1.05;  letter-spacing: -0.03em;  color: #f0f6ff;  margin: 0px;  max-width: 640px;  } .f121 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 20px;  font-weight: 400;  line-height: 1.55;  color: #b0c0dd;  margin: 0px;  max-width: 520px;  } .f122 {display: flex;  align-items: center;  flex-wrap: wrap;  gap: 14px;  margin-top: 10px;  } .f123 {display: flex;  align-items: center;  gap: 8px;  flex-wrap: wrap;  } .f124 {box-sizing: border-box;  appearance: none;  border: 0;  border-radius: 14px;  padding: 12px 16px;  cursor: pointer;  font-family: Inter, ui-sans-serif, system-ui, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform 140ms ease, opacity 140ms ease;  }.f124:hover {transform: translateY(-1px);  } .f124:disabled {opacity: 0.5;  cursor: not-allowed;  transform: none;  } .f125 {background: linear-gradient(135deg, #6fd4ff, #7fe8b8);  color: #05101c;  } .f126 {background: rgba(255,255,255,0.08);  color: #f0f6ff;  border: 1px solid rgba(170, 192, 235, 0.16);  } .f127 {box-sizing: border-box;  font-family: inherit;  font-size: 14px;  color: #f0f6ff;  background: rgba(7, 12, 22, 0.92);  border: 1px solid rgba(170, 192, 235, 0.16);  border-radius: 12px;  outline: none;  padding: 11px 13px;  min-width: 220px;  }.f127:focus {border-color: rgba(121,224,255,0.6);  box-shadow: 0 0 0 4px rgba(121,224,255,0.1);  } .f128 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 13px;  font-weight: 400;  line-height: 1.5;  color: #6fd4ff;  text-decoration: none;  width: fit-content;  }.f128:hover {text-decoration: underline;  } .f129 {margin-top: 26px;  flex: 1 1 auto;  min-height: 0px;  display: flex;  flex-direction: column;  } .f130 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 24px;  font-weight: 700;  line-height: 1.2;  letter-spacing: -0.01em;  color: #f0f6ff;  margin: 0 0 16px;  } .f131 {display: grid;  gap: 10px;  flex: 1 1 auto;  min-height: 0px;  overflow-y: auto;  } .f132 {display: flex;  justify-content: space-between;  align-items: center;  gap: 12px;  flex-wrap: wrap;  padding: 14px 16px;  border-radius: 16px;  border: 1px solid rgba(170, 192, 235, 0.16);  background: rgba(15, 25, 42, 0.92);  } .f133 {display: flex;  align-items: center;  gap: 12px;  flex-wrap: wrap;  min-width: 0px;  } .f134 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 15px;  font-weight: 700;  line-height: 1.5;  color: #f0f6ff;  word-break: break-all;  } .f135 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 13px;  font-weight: 400;  line-height: 1.5;  color: #b0c0dd;  } .f136 {font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;  font-size: 15px;  font-weight: 400;  line-height: 1.5;  color: #b0c0dd;  }/* Yoom — глобальные CSS-переменные и анимации.
   Классы фреймворка хэшируются, поэтому адаптив и анимации
   завязываем на переменные :root и @keyframes. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Приложение занимает ровно окно: без скролла страницы (ПК-браузер, electrobun).
   Длинный контент скроллится внутри своих областей, а не в окне. */
html,
body {
  height: 100%;
  overflow: hidden;
}

#root {
  height: 100%;
}

/* Клиентский рендерер оборачивает страницу в анонимный div — он тоже должен
   заполнять окно, иначе height:100% у .page/.app не сработает. */
#root > div {
  height: 100%;
}

:root {
  --yoom-app-pad: 12px;
  --yoom-stage-min: 72vh;
  --yoom-pip-w: min(240px, 40vw);
  --yoom-meta-w: 72vw;
}

@keyframes toast-in {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width: 780px) {
  :root {
    --yoom-app-pad: 8px;
    --yoom-stage-min: 66vh;
    --yoom-pip-w: min(170px, 42vw);
    --yoom-meta-w: 58vw;
  }
}