@font-face {
  font-family: "Oleo Script Swash Caps";
  src: url('/assets/approved/major-brief/oleo-script-swash-caps-400.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.home-alert-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 52px;
  height: auto;
  pointer-events: auto;
  padding: 16px;
  border: 1px solid rgba(88, 101, 125, .5);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: white;
  background: transparent;
  -webkit-backdrop-filter: blur(7px) saturate(105%);
  backdrop-filter: blur(7px) saturate(105%);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
  text-shadow: none;
  overflow: hidden;
  transform-origin: center bottom;
  backface-visibility: hidden;
  will-change: transform, opacity, clip-path;
  transition: transform 280ms cubic-bezier(.2,.8,.2,1), opacity 220ms ease, clip-path 280ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease;
}

.home-alert-card.is-deciding {
  pointer-events: none;
}

.home-alert-list.is-positioning .home-alert-card { transition: none; }

.home-alert-card.is-entering {
  animation: home-alert-fade-in 300ms ease-in-out both;
}

@keyframes home-alert-fade-in {
  from { opacity: 0; }
  to { opacity: var(--home-alert-layout-opacity, 1); }
}

.home-alert-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: rgba(5, 22, 46, .5);
  mix-blend-mode: multiply;
}

.home-alert-card > * {
  position: relative;
  z-index: 1;
}

.home-alert-card:not(.is-briefing):has(.home-alert-action.is-active) {
  border-color: rgba(189, 189, 189, .5);
}

.home-alert-more {
  left: calc(50% - 24px);
  right: auto;
  width: 48px;
  min-height: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  gap: 0;
  color: white;
  cursor: pointer;
}

.home-alert-more-chevron {
  width: 24px;
  height: 24px;
  background: center / 24px 24px no-repeat url('/assets/approved/chevron-down.svg');
}

.home-alert-more:focus-visible {
  outline: 2px solid rgba(255, 255, 255, .9);
  outline-offset: 3px;
}

.home-alert-dragging .home-alert-card { transition: none; }

.home-alert-copy {
  width: 100%;
  margin: 0;
  color: white;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: center;
  font: 400 var(--body-md)/normal "Varela", ui-sans-serif, system-ui, sans-serif;
  overflow-wrap: anywhere;
  text-wrap: balance;
  opacity: var(--home-alert-content-opacity, 1);
  transition: opacity 160ms ease;
}

/* The complete sentence occupies its final wrapped layout from the first
   frame. Characters become visible in place, so a completed word can never
   jump from line one to line two while the typing illusion is running. */
.home-alert-typewriter-word { white-space: nowrap; }
.home-alert-typewriter-character { visibility: hidden; }
.home-alert-typewriter-character.is-visible { visibility: visible; }

.home-alert-card.is-expanded {
  align-items: stretch;
}

.home-alert-card.is-expanded .home-alert-copy {
  display: block;
  overflow: visible;
  text-align: left;
  -webkit-line-clamp: unset;
  text-wrap: pretty;
}

.home-alert-stack.is-briefing {
  cursor: default;
  touch-action: pan-y;
}

.home-alert-card.is-briefing {
  --brief-pink: #ff72c4;
  --brief-violet: #b85fbd;
  min-height: 0;
  padding: 60px 18px 18px;
  align-items: stretch;
  gap: 12px;
  overflow: visible;
  border: 1.5px solid rgba(199, 112, 178, .8);
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 16%, rgba(151, 75, 255, .2), transparent 34%),
    radial-gradient(circle at 10% 96%, rgba(255, 96, 184, .12), transparent 30%),
    linear-gradient(145deg, rgba(5, 17, 53, .94), rgba(9, 18, 58, .91) 55%, rgba(20, 9, 47, .94));
  box-shadow:
    0 0 0 1px rgba(184, 95, 189, .34),
    0 0 22px rgba(255, 75, 183, .26),
    0 20px 48px rgba(0, 0, 0, .38),
    inset 0 0 26px rgba(71, 89, 255, .12);
}

.home-alert-card.is-briefing::before {
  inset: 2px;
  border: 1px solid rgba(157, 92, 255, .42);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 78%, rgba(255, 114, 196, .11) 0 2px, transparent 3px),
    radial-gradient(circle at 8% 18%, rgba(157, 92, 255, .14) 0 2px, transparent 3px);
  mix-blend-mode: normal;
}

.home-alert-briefing-heading {
  position: absolute !important;
  top: -27px;
  left: 69px;
  right: 10px;
  z-index: 3 !important;
  min-height: 54px;
  padding: 10px 16px 10px 42px;
  border: 1.5px solid rgba(255, 126, 208, .95);
  border-radius: 999px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 84% 50%, rgba(146, 72, 255, .28), transparent 38%),
    linear-gradient(100deg, rgba(18, 29, 82, .98), rgba(32, 18, 75, .97));
  box-shadow:
    0 0 0 1px rgba(147, 78, 255, .62),
    0 0 16px rgba(255, 75, 185, .38),
    inset 0 0 15px rgba(90, 76, 255, .18);
}

.home-alert-briefing-heading::before {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid rgba(157, 92, 255, .42);
  border-radius: inherit;
  pointer-events: none;
}

.home-alert-briefing-avatar {
  position: absolute !important;
  left: -71px;
  top: -25px;
  width: 94px;
  height: 94px;
  z-index: 4 !important;
  box-sizing: border-box;
  border: 4px solid rgba(255, 255, 255, .98);
  border-radius: 50%;
  background: #0b1436;
  box-shadow:
    0 0 0 1px rgba(211, 28, 86, .38),
    0 0 18px rgba(211, 28, 86, .78),
    0 0 30px rgba(255, 75, 183, .34),
    0 12px 26px rgba(0, 0, 0, .38);
}

.home-alert-briefing-avatar-image {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  object-fit: cover;
}

.home-alert-briefing-avatar-emoji {
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 24px;
  height: 24px;
  display: block;
  image-rendering: auto;
  filter:
    drop-shadow(1px 0 0 rgba(255, 255, 255, .62))
    drop-shadow(-1px 0 0 rgba(255, 255, 255, .62))
    drop-shadow(0 1px 0 rgba(255, 255, 255, .62))
    drop-shadow(0 -1px 0 rgba(255, 255, 255, .62))
    drop-shadow(0 0 4px rgba(211, 28, 86, .34))
    drop-shadow(0 3px 4px rgba(0, 0, 0, .42));
}

.home-alert-briefing-sparkles {
  position: absolute;
  z-index: 0;
  color: rgba(255, 139, 215, .54);
  pointer-events: none;
  text-shadow: 0 0 8px rgba(255, 75, 183, .48);
}

.home-alert-briefing-sparkles span {
  position: absolute;
  display: block;
  line-height: 1;
  transform-origin: center;
}

/* Fibonacci-like offsets keep the two clusters related without making them
   mirrored or evenly sprinkled. The quieter northwest trail supports the
   avatar; the denser southeast cluster counterbalances its visual weight. */
.home-alert-briefing-sparkles.is-northwest {
  left: 8px;
  top: 48px;
  width: 76px;
  height: 110px;
}

.home-alert-briefing-sparkles.is-northwest span:nth-child(1) { left: 0; top: 0; font-size: 12px; transform: rotate(8deg); }
.home-alert-briefing-sparkles.is-northwest span:nth-child(2) { left: 21px; top: 13px; font-size: 5px; color: rgba(255, 217, 241, .46); }
.home-alert-briefing-sparkles.is-northwest span:nth-child(3) { left: 34px; top: 34px; font-size: 8px; color: rgba(184, 95, 189, .62); transform: rotate(-18deg); }
.home-alert-briefing-sparkles.is-northwest span:nth-child(4) { left: 8px; top: 55px; font-size: 7px; color: rgba(255, 217, 241, .34); }
.home-alert-briefing-sparkles.is-northwest span:nth-child(5) { left: 21px; top: 76px; font-size: 10px; transform: rotate(15deg); }
.home-alert-briefing-sparkles.is-northwest span:nth-child(6) { left: 55px; top: 55px; font-size: 4px; color: rgba(255, 217, 241, .42); }

.home-alert-briefing-sparkles.is-southeast {
  right: 8px;
  bottom: 5px;
  width: 96px;
  height: 96px;
  color: rgba(255, 139, 215, .66);
  text-shadow: 0 0 9px rgba(255, 75, 183, .56);
}

.home-alert-briefing-sparkles.is-southeast span:nth-child(1) { right: 0; bottom: 0; font-size: 12px; transform: rotate(-8deg); }
.home-alert-briefing-sparkles.is-southeast span:nth-child(2) { right: 21px; bottom: 13px; font-size: 5px; color: rgba(255, 217, 241, .54); }
.home-alert-briefing-sparkles.is-southeast span:nth-child(3) { right: 34px; bottom: 34px; font-size: 10px; color: rgba(184, 95, 189, .72); transform: rotate(16deg); }
.home-alert-briefing-sparkles.is-southeast span:nth-child(4) { right: 13px; bottom: 55px; font-size: 7px; color: rgba(255, 217, 241, .38); }
.home-alert-briefing-sparkles.is-southeast span:nth-child(5) { right: 55px; bottom: 21px; font-size: 8px; transform: rotate(-14deg); }
.home-alert-briefing-sparkles.is-southeast span:nth-child(6) { right: 68px; bottom: 55px; font-size: 7px; color: rgba(255, 217, 241, .5); transform: rotate(10deg); }
.home-alert-briefing-sparkles.is-southeast span:nth-child(7) { right: 34px; bottom: 76px; font-size: 4px; color: rgba(255, 217, 241, .42); }

.home-alert-briefing-speaker {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ffd9f1;
}

.home-alert-briefing-speaker-text {
  min-width: 0;
  padding: 2px 0 3px;
  color: #ffd9f1;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 37.5%, #ffd9f1 60%, #d31c56 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 400 22px/1 "Oleo Script Swash Caps", "Segoe Script", cursive;
  letter-spacing: .01em;
  transform: translateX(-8px);
  filter: drop-shadow(0 0 5px rgba(255, 83, 187, .72));
}

.home-alert-briefing-speaker-heart {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: block;
  transform: translate(-8px, -2px);
  filter: drop-shadow(0 0 5px rgba(255, 83, 187, .72));
}

.home-alert-card.is-briefing .home-alert-copy {
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  padding: 0 4px;
  text-align: left;
  white-space: pre-wrap;
  text-wrap: pretty;
  font-size: 17px;
  line-height: 1.5;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42);
}

.home-alert-card.is-briefing .home-alert-copy.is-typing { min-height: 0; }

.home-alert-briefing-continue {
  align-self: flex-end;
  min-height: 32px;
  padding: 4px 2px 2px 10px;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  background: transparent;
  font: 600 var(--body-sm)/1 "Varela", ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
  transform-origin: center;
}

.home-alert-briefing-continue img { display: block; }
.home-alert-briefing-continue.is-awaiting-typewriter { visibility: hidden; }
.home-alert-briefing-continue.is-introducing { animation: home-alert-actions-introduce 300ms both; }

.home-alert-card.is-briefing .home-alert-briefing-actions {
  margin-top: 0;
}

.home-alert-card.is-briefing .home-alert-actions {
  position: relative;
  z-index: 2;
  gap: 10px;
  margin-top: 0;
}

.home-alert-card.is-briefing .home-alert-actions.is-primary-only {
  width: auto;
  margin-inline: -2px;
}

.home-alert-card.is-briefing .home-alert-actions.is-primary-only .home-alert-action {
  width: 100%;
  flex: 1 1 100%;
}

.home-alert-card.is-briefing .home-alert-actions.is-secondary-only {
  width: auto;
  align-self: flex-start;
}

.home-alert-card.is-briefing .home-alert-actions.is-secondary-only .home-alert-action {
  flex: 0 0 auto;
}

.home-alert-card.is-briefing .home-alert-action {
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(136, 80, 255, .18);
}

.home-alert-card.is-briefing .home-alert-action.is-active {
  border: 1px solid rgba(255, 205, 239, .9);
  color: #fff;
  background: linear-gradient(105deg, #d31c56 0%, #c43b98 58%, #9e55f5 100%);
  box-shadow:
    0 0 0 2px rgba(255, 104, 197, .24),
    0 0 18px rgba(255, 75, 185, .42),
    inset 0 1px rgba(255, 255, 255, .34);
}

.home-alert-card.is-briefing .home-alert-action.is-passive {
  border: 1px solid rgba(183, 104, 255, .84);
  color: #fff;
  background: rgba(7, 18, 58, .82);
  mix-blend-mode: normal;
  box-shadow: inset 0 0 12px rgba(83, 73, 205, .18), 0 0 10px rgba(117, 72, 220, .18);
}

.home-alert-indicator {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  object-fit: contain;
}

.home-alert-indicator.is-introducing {
  animation: home-alert-indicator-introduce 300ms both;
}

.home-alert-briefing-avatar-emoji.is-introducing {
  animation: home-alert-indicator-introduce 300ms both;
}

@keyframes home-alert-indicator-introduce {
  0% {
    transform: scale(0);
    animation-timing-function: ease-in-out;
  }
  68% {
    transform: scale(1.06);
    animation-timing-function: ease-in-out;
  }
  100% { transform: scale(1); }
}

.home-alert-actions {
  width: 100%;
  display: flex;
  /* 8px flex gap + this 8px margin keeps copy-to-CTA at 16px;
     the card's own 16px padding keeps CTA-to-bottom at 16px. */
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 0;
}

.home-alert-actions.is-awaiting-typewriter {
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
}

.home-alert-actions.is-introducing {
  animation: home-alert-actions-introduce 300ms both;
}

@keyframes home-alert-actions-introduce {
  0% {
    opacity: 0;
    transform: scale(0);
    animation-timing-function: ease-in-out;
  }
  68% {
    opacity: 1;
    transform: scale(1.06);
    animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.home-alert-action {
  min-width: 0;
  min-height: 33px;
  padding: 8px 24px;
  border: 0;
  border-radius: 1000px;
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  font: 400 var(--body-sm)/normal "Varela Round", ui-sans-serif, system-ui, sans-serif;
  white-space: nowrap;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  opacity: var(--home-alert-content-opacity, 1);
  transition: opacity 160ms ease;
}

.home-alert-action.is-active {
  color: #000;
  background: #f2f2f2;
}

.home-alert-action.is-passive {
  border: 1px solid rgba(88, 101, 125, .5);
  color: #fff;
  background: #05162e;
  mix-blend-mode: multiply;
}

/* Only placement is adapted to the existing Home canvas. */
.home-page .home-alert-card{position:relative;top:auto;left:auto;right:auto;width:100%;transform:none;will-change:auto;font-family:Varela,sans-serif}
.home-alert-action:focus-visible{outline:3px solid white;outline-offset:4px}


.brief-ds-actions{display:flex;gap:var(--space-16);width:100%;position:relative;z-index:2}
.brief-ds-actions>button{flex:1;min-width:0;border-width:var(--cta-border-width);border-style:solid;white-space:normal}


/* Shared avatar foundation; the message context retains its Glamour glow. */
.home-alert-briefing-avatar{width:var(--companion-avatar-size);height:var(--companion-avatar-size);border:var(--companion-avatar-border-width) solid var(--companion-avatar-border);left:-77px;top:-28px}
.home-alert-briefing-heading{left:75px;padding-left:42px}

/* DS adaptation: retain frame and sparkles, quiet the interior and nameplate. */
.home-alert-card.is-briefing{
  background:
    radial-gradient(circle at 88% 16%,rgba(184,95,112,.10),transparent 40%),
    radial-gradient(circle at 10% 96%,rgba(255,114,196,.06),transparent 34%),
    linear-gradient(145deg,rgba(12,16,27,.96),rgba(5,22,46,.95));
}
.home-alert-card.is-briefing .home-alert-copy{font-size:var(--body-md);font-weight:var(--body-weight)}
.home-alert-briefing-heading{
  background:linear-gradient(100deg,rgba(12,16,27,.98),rgba(5,22,46,.98));
  box-shadow:0 0 0 1px rgba(147,78,255,.30),0 0 8px rgba(255,75,185,.18),inset 0 0 10px rgba(184,95,112,.08);
}
.home-alert-briefing-speaker-text,.home-alert-briefing-speaker-heart{filter:drop-shadow(0 0 3px rgba(255,83,187,.35))}

/* Optical alignment of the speaker heart and name. */
.home-alert-briefing-speaker{translate:0 1px}

.home-alert-card.is-briefing{gap:var(--space-16)}
.home-alert-paragraphs{display:flex;flex-direction:column;gap:var(--space-16)}
.home-alert-card.is-briefing .home-alert-copy{margin:0}

/* Bloop: 300ms squash/stretch with a little overshoot. */
.home-page .home-alert-card.brief-bloop-in{animation:brief-bloop-in var(--motion-default) ease-in-out both;transform-origin:center bottom;transition:none}
.home-page .home-alert-card.brief-bloop-out{animation:brief-bloop-out var(--motion-default) ease-in-out both;transform-origin:center bottom;transition:none;pointer-events:none}
@keyframes brief-bloop-in{0%{transform:scale(0);opacity:0}65%{transform:scale(1.04,1.08);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes brief-bloop-out{0%{transform:scale(1);opacity:1}25%{transform:scale(1.04,.9);opacity:.9}55%{transform:scale(.82,.94);opacity:.65}100%{transform:scale(0);opacity:0}}

.brief-ds-actions.is-acknowledge{width:auto;align-self:flex-start}
.brief-ds-actions.is-acknowledge>button{flex:0 0 auto}

/* Preserve the reviewed card size; only the message body scrolls. */
.home-page .home-alert-card.is-briefing{
  max-height:min(450px,calc(100dvh - var(--navigation-height) - 112px));
  /* Keep 24px of visually clear space above navigation after the card's
     glamour glow occupies the inner part of the layout gutter. */
  margin-bottom:var(--space-16);
}
.home-alert-paragraphs{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;flex:0 1 auto}
.home-alert-paragraphs::-webkit-scrollbar{display:none;width:0;height:0}
.home-alert-paragraphs .home-alert-copy{flex-shrink:0}
.home-alert-paragraphs.has-more-text{mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}
.brief-ds-actions{flex-shrink:0}

/* Optional light exploration. The original dark treatment above is preserved. */
.home-alert-card.is-briefing.brief-light{
  color:var(--ink);
  background:
    radial-gradient(ellipse 170px 135px at 0% 0%,#ffdaec 0%,rgba(255,227,240,.72) 30%,transparent 100%),
    radial-gradient(ellipse 100px 150px at 100% 5%,rgba(255,225,240,.64),transparent 100%),
    radial-gradient(ellipse 190px 145px at 100% 100%,#ffd9ed 0%,rgba(255,230,243,.65) 38%,transparent 100%),
    radial-gradient(ellipse 85px 110px at 0% 100%,rgba(255,233,244,.55),transparent 100%),
    #fff;
  border-color:var(--container-suggested-border);
  box-shadow:0 0 0 1px rgba(255,206,231,.35),0 0 22px rgba(255,114,196,.18),0 16px 40px rgba(5,22,46,.20),inset 0 1px 0 white;
}
.home-alert-card.is-briefing.brief-light::before{
  border-color:rgba(211,28,86,.12);
  background:none;
}
.brief-light .home-alert-briefing-heading{
  background:linear-gradient(110deg,#ffffff 15%,#fff3f9 100%);
  border-color:var(--container-suggested-border);
  box-shadow:0 0 10px rgba(255,114,196,.16),inset 0 1px 0 white;
}
.brief-light .home-alert-briefing-heading::before{border-color:rgba(211,28,86,.12)}
.brief-light .home-alert-briefing-speaker-text{
  background-image:linear-gradient(to bottom,#b03b91 0%,#d31c56 100%);
  filter:drop-shadow(0 0 4px rgba(255,114,196,.22));
}
.brief-light .home-alert-briefing-speaker-heart{filter:drop-shadow(0 1px 2px rgba(211,28,86,.32))}
.brief-light .home-alert-briefing-avatar{
  border-color:#fff;
  box-shadow:0 0 0 1px rgba(255,206,231,.65),0 0 16px rgba(255,114,196,.24),0 6px 16px rgba(5,22,46,.14);
}
.home-alert-card.is-briefing.brief-light .home-alert-copy{color:var(--ink);text-shadow:none}
.brief-light .home-alert-briefing-sparkles span{
  color:rgba(198,56,120,.32);
  text-shadow:0 0 7px rgba(255,114,196,.25);
}
.brief-light .brief-ds-actions{
  --cta-primary-start:#c63878;
  --cta-primary-end:#b03b91;
  --cta-primary-text:#fff;
  --glamour-border:#e294bb;
  --glamour-secondary-border:rgba(176,59,145,.24);
  --cta-secondary-background:linear-gradient(120deg,#ffffff,#f2edef);
  --cta-secondary-text:var(--ink);
  --glamour-ring-color:rgba(198,56,120,.24);
  --glamour-ring-blend:normal;
  --glamour-shadow:inset 0 1px 3px rgba(255,255,255,.32),0 2px 8px rgba(198,56,120,.10);
}
.brief-light .brief-ds-actions>.cta-secondary{box-shadow:inset 0 1px 0 white}
.brief-light .brief-light-trinkets{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;object-fit:fill}
.brief-light .home-alert-briefing-avatar-emoji{bottom:4px;filter:drop-shadow(0 1px 1px white) drop-shadow(0 0 2px white) drop-shadow(0 2px 3px rgba(198,56,120,.18))}

/* Unequal edge clusters: broad northwest anchor, lighter northeast trail.
   8/13/21/34/55 offsets vary spacing without crossing the body-copy area. */
.brief-light .is-light-upper-left{left:3px;top:12px;width:76px;height:48px}
.brief-light .is-light-upper-left span:nth-child(1){left:0;top:0;font-size:15px;rotate:-12deg}
.brief-light .is-light-upper-left span:nth-child(2){left:13px;top:21px;font-size:8px;rotate:14deg}
.brief-light .is-light-upper-left span:nth-child(3){left:34px;top:13px;font-size:5px}
.brief-light .is-light-upper-left span:nth-child(4){left:55px;top:8px;font-size:11px;rotate:9deg}
.brief-light .is-light-upper-left span:nth-child(5){left:21px;top:39px;font-size:4px}
.brief-light .is-light-upper-right{right:4px;top:14px;width:84px;height:44px}
.brief-light .is-light-upper-right span:nth-child(1){right:8px;top:8px;font-size:12px;rotate:12deg}
.brief-light .is-light-upper-right span:nth-child(2){right:29px;top:21px;font-size:5px}
.brief-light .is-light-upper-right span:nth-child(3){right:42px;top:3px;font-size:9px;rotate:-15deg}
.brief-light .is-light-upper-right span:nth-child(4){right:0;top:34px;font-size:4px}
.brief-light .is-light-upper-right span:nth-child(5){right:63px;top:26px;font-size:7px;rotate:-8deg}
.brief-light .is-light-upper-right span:nth-child(6){right:76px;top:13px;font-size:4px}
.brief-light .is-light-upper-right span:nth-child(7){right:16px;top:39px;font-size:6px}