:root{
	--font-display:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
	--r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:26px;
	--ease:cubic-bezier(.2,.7,.2,1);
	--chip-size:40px;
	/* >>> global icon size inside keyboard buttons (change this to scale all key glyphs) <<< */
	--key-glyph-size:clamp(24px, 4.6vw, 33px);
	}
	html[data-theme="dark"]{
	--bg:#0c0c13; --bg-glow:#171033; --surface:#14141f; --surface-2:#1b1b29; --surface-3:#23233426;
	--border:#2a2a3b; --border-strong:#3a3a52; --text:#ececf3; --text-muted:#9a9ab0; --text-faint:#63647c; --pw-ink:#f7f7fd;
	--accent:#8f74ff; --accent-2:#b49dff; --accent-weak:#221c3f; --accent-line:#4a3d86;
	--ok:#37d6b8; --warn:#f2b53c; --danger:#f4707a; --c-di:#7ee0ff; --c-sy:#ffb46b;
	--shadow:0 24px 60px -24px #00000099, 0 2px 8px -2px #00000066;
	--tile-shadow:0 1px 0 #ffffff0d inset, 0 8px 20px -14px #000000cc;
	}
	html[data-theme="light"]{
	--bg:#f4f4f9; --bg-glow:#e7e2ff; --surface:#ffffff; --surface-2:#f3f3f9; --surface-3:#6a5acd0a;
	--border:#e5e5ef; --border-strong:#d3d3e4; --text:#161622; --text-muted:#5d5d72; --text-faint:#9494a8; --pw-ink:#101019;
	--accent:#6a4bff; --accent-2:#5637e0; --accent-weak:#efeaff; --accent-line:#d6cbff;
	--ok:#12a08a; --warn:#c98908; --danger:#df4b52; --c-di:#0f7fa8; --c-sy:#c56a12;
	--shadow:0 20px 50px -28px #4632a340, 0 1px 3px #1414220f;
	--tile-shadow:0 1px 0 #ffffffcc inset, 0 6px 16px -12px #3a2c8a3d;
	}
	*{box-sizing:border-box}
	html,body{margin:0;padding:0}
	body{
	font-family:var(--font-body); background:var(--bg); color:var(--text); line-height:1.5;
	-webkit-font-smoothing:antialiased; min-height:100dvh;
	background-image:radial-gradient(1100px 620px at 82% -12%, var(--bg-glow) 0%, transparent 55%),radial-gradient(900px 500px at -8% 8%, var(--bg-glow) 0%, transparent 50%);
	background-attachment:fixed;
	}
	::selection{background:var(--accent);color:#fff}
	.shell{max-width:980px;margin:0 auto;padding:20px 18px 72px}
	@media(max-width:520px){ .shell{padding:14px 12px 56px} }

	/* HEADER */

	header.bar{
	  display:flex;
	  align-items:center;
	  gap:14px;
	  padding:6px 2px 22px;
	}

	/*
	  .brand ocupa únicamente el espacio sobrante.
	  No uses overflow:hidden aquí: cortaría el logo.
	*/
	.brand{
	  display:flex;
	  align-items:center;
	  min-width:0;
	  flex:1 1 auto;
	}

	/*
	  Logo como imagen:
	  <div class="brand">
		<img src="..." alt="Hakros Easy Safe Password">
	  </div>
	*/
	.brand img{
	  display:block;
	  width:100%;
	  max-width:300px;
	  height:auto;
	  max-height:74px;
	  object-fit:contain;
	  object-position:left center;
	}

	/* Si todavía conservas el antiguo logo por texto/icono */
	.mark{
	  width:38px;
	  height:38px;
	  flex:0 0 auto;
	  border-radius:11px;
	  display:grid;
	  place-items:center;
	  background:linear-gradient(150deg,var(--accent),var(--accent-2));
	  box-shadow:0 6px 18px -8px var(--accent);
	}

	.mark svg{
	  width:22px;
	  height:22px;
	  display:block;
	}

	.brand-txt{
	  min-width:0;
	}

	.brand-txt h1{
	  font-family:var(--font-display);
	  font-size:19px;
	  font-weight:600;
	  letter-spacing:.14em;
	  margin:0;
	  line-height:1.05;
	  text-transform:uppercase;
	  white-space:nowrap;
	}

	.brand-txt h1 span{
	  color:var(--accent-2);
	}

	.brand-txt p{
	  margin:2px 0 0;
	  font-size:11.5px;
	  color:var(--text-muted);
	  letter-spacing:.02em;
	  white-space:nowrap;
	  overflow:hidden;
	  text-overflow:ellipsis;
	}

	/* Los controles mantienen siempre su tamaño */
	.bar-actions{
	  margin-left:auto;
	  display:flex;
	  align-items:center;
	  gap:8px;
	  flex:0 0 auto;
	}

	.kdf-badge{
	  font-family:var(--font-mono);
	  font-size:10.5px;
	  letter-spacing:.02em;
	  color:var(--text-muted);
	  background:var(--surface-2);
	  border:1px solid var(--border);
	  border-radius:999px;
	  padding:5px 10px;
	  display:flex;
	  align-items:center;
	  gap:6px;
	  white-space:nowrap;
	}

	.kdf-badge .dot{
	  width:6px;
	  height:6px;
	  border-radius:50%;
	  background:var(--ok);
	  box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent);
	}

	.icon-btn{
	  width:38px;
	  height:38px;
	  flex:0 0 auto;
	  border-radius:11px;
	  border:1px solid var(--border);
	  background:var(--surface);
	  color:var(--text);
	  cursor:pointer;
	  display:grid;
	  place-items:center;
	  transition:.18s var(--ease);
	  font-size:15px;
	}

	.icon-btn:hover{
	  border-color:var(--border-strong);
	  transform:translateY(-1px);
	}

	.icon-btn svg{
	  width:18px;
	  height:18px;
	}

	.lang-btn{
	  width:auto;
	  padding:0 12px;
	  font-family:var(--font-mono);
	  font-size:12px;
	  font-weight:600;
	  letter-spacing:.04em;
	}

	/* Tablet: se elimina primero la insignia técnica */
	@media(max-width:760px){
	  .kdf-badge{
		display:none;
	  }
	}

	/* Móvil estándar */
	@media(max-width:600px){
	  header.bar{
		gap:7px;
		padding:4px 0 16px;
	  }

	  .brand{
		min-width:0;
		flex:1 1 auto;
	  }

	  /*
		100vw - 151px reserva:
		- 36 px para idioma
		- 36 px para modo oscuro
		- 36 px para ayuda
		- 12 px entre botones
		- márgenes y separación
	  */
	  .brand img{
		width:min(100%, 220px);
		max-width:calc(100vw - 151px);
		max-height:60px;
		height:auto;
	  }

	  .bar-actions{
		gap:6px;
	  }

	  .icon-btn{
		width:36px;
		height:36px;
		border-radius:10px;
	  }

	  .lang-btn{
		padding:0 10px;
	  }

	  .brand-txt p{
		display:none;
	  }
	}

	/* Móviles compactos */
	@media(max-width:430px){
	  .brand img{
		max-width:calc(100vw - 145px);
		max-height:54px;
	  }
	}

	/* Anchuras muy estrechas */
	@media(max-width:360px){
	  header.bar{
		gap:5px;
	  }

	  .brand img{
		max-width:calc(100vw - 135px);
		max-height:46px;
	  }

	  .bar-actions{
		gap:4px;
	  }

	  .icon-btn{
		width:34px;
		height:34px;
	  }

	  /* EN conserva el idioma, pero ocupa el mismo ancho que un icono */
	  .lang-btn{
		width:34px;
		padding:0;
		font-size:0;
	  }

	  .lang-btn::after{
		content:"EN";
		font-size:10px;
	  }
	}

	.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow)}
	.console{padding:22px 22px 24px}
	@media(max-width:520px){ .console{padding:16px 14px 18px} }
	.section-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px}
	.section-label .count{margin-left:auto;font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);text-transform:none;font-weight:500;font-size:12px}
	.section-label .count b{color:var(--accent-2);font-weight:700}
	.combo-line{font-size:12px;color:var(--text-muted);margin:-4px 0 14px;line-height:1.45;display:none}
	.combo-line.on{display:block}
	.combo-line b{color:var(--accent-2);font-family:var(--font-mono);font-weight:700}
	.combo-line sup{font-size:.72em}

	.tray-wrap{position:relative}
	.tray{position:relative;background:linear-gradient(var(--surface-2),var(--surface-2)) padding-box,linear-gradient(180deg,var(--accent-line),transparent 60%) border-box;border:1px solid transparent;border-radius:var(--r-lg);padding:12px;min-height:84px;max-height:156px;overflow:auto;box-shadow:inset 0 2px 14px -8px #00000055;scrollbar-width:thin}
	@media(max-width:520px){ .tray{max-height:176px} }
	.tray.empty{display:grid;place-items:center}
	.tray-empty-msg{color:var(--text-faint);font-size:13.5px;text-align:center;padding:0 10px}
	.seq-grid{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;justify-content:flex-start}
	.chip{width:var(--chip-size);height:var(--chip-size);flex:0 0 auto;border-radius:calc(var(--chip-size) * .26);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;position:relative;cursor:pointer;font-size:calc(var(--chip-size) * .56);line-height:1;transition:transform .14s var(--ease),border-color .14s,background .14s;-webkit-user-select:none;user-select:none;animation:chipIn .22s var(--ease) both}
	.chip:hover{border-color:var(--danger);transform:translateY(-2px)}
	.chip:hover::after{opacity:1}
	.chip::after{content:"✕";position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--danger) 86%,transparent);color:#fff;border-radius:inherit;font-size:calc(var(--chip-size) * .42);opacity:0;transition:.14s;font-family:var(--font-body)}
	.chip .ord{position:absolute;top:-5px;left:-5px;min-width:15px;height:15px;padding:0 3px;background:var(--accent);color:#fff;border-radius:8px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;line-height:15px;text-align:center;box-shadow:0 2px 6px -2px var(--accent)}
	.chip.dot{font-size:calc(var(--chip-size) * .34);color:var(--accent-2)}
	@keyframes chipIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
	.reveal-btn{position:absolute;top:8px;right:8px;z-index:2;display:none;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 11px 5px 9px;font-size:11.5px;font-weight:600;color:var(--text-muted);cursor:pointer;box-shadow:0 4px 12px -6px #00000055;transition:.16s var(--ease)}
	.reveal-btn:hover{color:var(--text);border-color:var(--border-strong)}
	.reveal-btn svg{width:14px;height:14px}
	body.privacy-on .reveal-btn{display:flex}

	.pw-block{margin-top:22px}
	.pw-field{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 116px 16px 16px;min-height:60px;display:flex;align-items:center;transition:border-color .2s}
	.pw-field.filled{border-color:var(--accent-line)}
	.pw-text{font-family:var(--font-mono);font-size:clamp(15px,2.6vw,20px);font-weight:600;letter-spacing:.04em;word-break:break-all;line-height:1.45;color:var(--pw-ink)}
	.pw-text .c-di{color:var(--c-di)} .pw-text .c-sy{color:var(--c-sy)}
	.pw-placeholder{color:var(--text-faint);font-family:var(--font-body);font-size:14px}
	.pw-deriving{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:13.5px}
	.spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
	@keyframes spin{to{transform:rotate(360deg)}}
	.pw-copy{position:absolute;top:50%;right:9px;transform:translateY(-50%);display:flex;align-items:center;gap:7px;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:12px;padding:9px 14px;cursor:pointer;font-size:13px;font-weight:600;transition:.16s var(--ease);box-shadow:0 8px 18px -10px var(--accent)}
	.pw-copy:hover{filter:brightness(1.06);transform:translateY(-50%) translateY(-1px)}
	.pw-copy:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:translateY(-50%)}
	.pw-copy svg{width:15px;height:15px}
	.pw-copy.done{background:var(--ok);box-shadow:none}
	.strength{display:flex;align-items:center;gap:12px;margin-top:14px}
	.meter{flex:1;height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}
	.meter i{display:block;height:100%;width:0;border-radius:99px;transition:width .35s var(--ease),background .35s}
	.strength-txt{font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:120px;text-align:right}
	.strength-txt b{font-family:var(--font-mono);color:var(--text)}

	.controls{margin-top:5px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
	@media(max-width:600px){ .controls{grid-template-columns:1fr} }
	.field label{display:block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}
	.field.master,.field.span2{grid-column:1/-1}
	select, input[type=text], input[type=password]{width:100%;font-family:inherit;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 12px;transition:.16s}
	input[type=date]{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 12px;min-height:46px;line-height:1.5;transition:.16s;-webkit-appearance:none;appearance:none}
	input[type=date]::-webkit-datetime-edit{color:var(--text);line-height:1.4}
	input[type=date]::-webkit-calendar-picker-indicator{margin-left:auto}
	html[data-theme="dark"] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.7;cursor:pointer}
	input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}
	.strength-row{margin-top:5px}
	.strength-row .strength{margin-top:5px}
	.strength-cap{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin:0}
	select:focus, input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
	select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
	.master-wrap{position:relative}
	.master-wrap input{padding-right:44px}
	.master-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;border-radius:8px}
	.master-toggle:hover{color:var(--text);background:var(--surface-3)}
	.master-toggle svg{width:17px;height:17px}
	.len-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
	.len-head label{margin:0}
	.len-val{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent-2)}
	input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}
	input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--accent) var(--pct,50%),var(--surface-2) var(--pct,50%));border:1px solid var(--border)}
	input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border)}
	input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--accent)}
	input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;margin-top:-8px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 2px 6px -1px #0006;transition:.12s}
	input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 2px 6px -1px #0006}
	input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
	.switches{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:2px}
	@media(max-width:600px){ .switches{grid-template-columns:1fr} }
	.switch{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none}
	.switch input{position:absolute;opacity:0;pointer-events:none}
	.track{width:38px;height:22px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border-strong);position:relative;flex:0 0 auto;transition:.2s var(--ease)}
	.track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-faint);transition:.2s var(--ease)}
	.switch input:checked + .track{background:var(--accent);border-color:var(--accent)}
	.switch input:checked + .track::after{background:#fff;transform:translateX(16px)}
	.switch input:focus-visible + .track{box-shadow:0 0 0 3px var(--accent-weak)}
	.switch .lbl{font-size:13px;color:var(--text);line-height:1.25}

	.actions{grid-column:1/-1;display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}
	.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--r-md);cursor:pointer;font-size:13.5px;font-weight:600;font-family:inherit;transition:.16s var(--ease);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}
	.btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}
	.btn svg{width:16px;height:16px}
	.btn.primary{flex:1 1 220px;background:var(--accent-weak);border-color:var(--accent-line);color:var(--accent-2)}
	.btn.primary:hover{background:color-mix(in srgb,var(--accent-weak) 70%, var(--accent) 12%)}
	.btn.ghost{flex:0 1 auto}

	.keyboard-card{margin-top:20px;padding:20px 22px 24px}
	@media(max-width:520px){ .keyboard-card{padding:16px 14px 18px} }
	.kb-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}
	.kb-head h2{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.02em;margin:0}
	.kb-head p{margin:0;font-size:12px;color:var(--text-faint)}
	.kb-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}
	@media(max-width:820px){ .kb-grid{grid-template-columns:repeat(8,1fr)} }
	@media(max-width:520px){ .kb-grid{grid-template-columns:repeat(6,1fr);gap:6px} }
	.key{aspect-ratio:1;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;font-size:var(--key-glyph-size);line-height:1;transition:transform .12s var(--ease),border-color .12s,background .12s,opacity .18s;box-shadow:var(--tile-shadow);-webkit-user-select:none;user-select:none;position:relative;animation:keyIn .32s var(--ease) both}
	@keyframes keyIn{from{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}
	.key:hover:not(.used){border-color:var(--accent);transform:translateY(-2px);background:var(--surface)}
	.key:active:not(.used){transform:translateY(0) scale(.94)}
	.key:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
	.key.used{opacity:.24;cursor:default;filter:grayscale(.5)}
	.key.used::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,transparent 0 6px,var(--surface-3) 6px 7px)}

	.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:99px;font-size:13.5px;font-weight:600;box-shadow:0 16px 40px -12px #00000080;opacity:0;pointer-events:none;transition:.28s var(--ease);z-index:80;display:flex;align-items:center;gap:9px}
	.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

	dialog{border:1px solid var(--border);border-radius:var(--r-xl);padding:0;background:var(--surface);color:var(--text);max-width:600px;width:calc(100% - 32px);box-shadow:0 40px 90px -30px #000000aa}
	dialog::backdrop{background:#0a0a12aa;backdrop-filter:blur(4px)}
	.dlg-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid var(--border)}
	.dlg-head h2{font-family:var(--font-display);font-size:18px;margin:0;letter-spacing:.02em}
	.dlg-body{padding:18px 22px 22px;font-size:14px;color:var(--text-muted);max-height:66vh;overflow:auto}
	.dlg-body h3{color:var(--text);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;margin:22px 0 8px}
	.dlg-body h3:first-child{margin-top:0}
	.dlg-body p{margin:0 0 11px}
	.dlg-body strong{color:var(--text)}
	.dlg-body code{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-2);padding:2px 6px;border-radius:6px;border:1px solid var(--border);color:var(--accent-2)}
	.dlg-body ul{margin:0 0 11px;padding-left:2px;list-style:none}
	.dlg-body li{margin-bottom:9px;padding-left:22px;position:relative}
	.dlg-body li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
	.dlg-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;display:grid;place-items:center}
	.dlg-close:hover{border-color:var(--border-strong)}
	.io-area{width:100%;min-height:120px;resize:vertical;font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 14px;word-break:break-all}
	.io-area:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
	.io-area[readonly]{color:var(--accent-2)}
	.dlg-hint{font-size:13.5px;color:var(--text-muted);margin:0 0 13px;line-height:1.55}
	.dlg-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
	.dlg-actions .btn{flex:1 1 auto}
	.dlg-msg{font-size:13px;margin-top:12px;min-height:18px;font-weight:600}
	.dlg-msg.err{color:var(--danger)} .dlg-msg.ok{color:var(--ok)}

	@media (prefers-reduced-motion: reduce){ *{animation-duration:.01ms !important;transition-duration:.05ms !important} }
	.footnote{text-align:center;color:var(--text-faint);font-size:11.5px;margin-top:26px;line-height:1.6}