/* WebTechs Employee Hub - Virtual Office 1.14 */
.wteh-office-home,
.wteh-office-feed-layout,
.wteh-office-card,
.wteh-office-card * { box-sizing: border-box; }

.wteh-office-home { display: grid; gap: 18px; }
.wteh-office-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 24px 26px; border: 1px solid rgba(109,93,252,.18); border-radius: 24px;
  background: linear-gradient(135deg, rgba(109,93,252,.12), rgba(41,182,246,.07) 55%, rgba(255,255,255,.72));
  box-shadow: 0 14px 40px rgba(20,28,50,.06);
}
.wteh-office-hero h1 { margin: 4px 0 6px; font-size: clamp(25px, 3vw, 36px); line-height: 1.35; }
.wteh-office-hero p { margin: 0; opacity: .68; }
.wteh-office-live-pill {
  min-width: 178px; display: grid; grid-template-columns: auto auto; align-items: center; justify-content: center;
  gap: 3px 9px; padding: 14px 18px; border-radius: 18px; background: rgba(255,255,255,.82); border: 1px solid rgba(46,204,113,.22);
}
.wteh-office-live-pill strong { font-size: 28px; line-height: 1; }
.wteh-office-live-pill small { grid-column: 1 / -1; opacity: .62; }
.wteh-live-dot { width: 10px; height: 10px; border-radius: 50%; background: #2ecc71; box-shadow: 0 0 0 5px rgba(46,204,113,.12); animation: wtehPulse 2s infinite; }
@keyframes wtehPulse { 0%,100%{ box-shadow:0 0 0 4px rgba(46,204,113,.12)} 50%{box-shadow:0 0 0 9px rgba(46,204,113,.02)} }

.wteh-office-grid { display: grid; gap: 18px; }
.wteh-office-grid-top { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.wteh-office-grid-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wteh-office-card {
  min-width: 0; padding: 20px; border-radius: 22px; border: 1px solid rgba(136,150,175,.2); background: var(--wteh-surface, #fff);
  box-shadow: 0 10px 32px rgba(20,28,50,.045);
}
.wteh-office-card > h3 { margin-top: 0; }
.wteh-office-card-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.wteh-office-card-head > div { min-width:0; }
.wteh-office-card-head span { display:block; font-size:12px; font-weight:700; opacity:.55; margin-bottom:2px; }
.wteh-office-card-head h3 { margin:0; font-size:18px; }
.wteh-office-card-head a { font-size:12px; font-weight:700; text-decoration:none; color:var(--wteh-accent,#6d5dfc); white-space:nowrap; }
.wteh-office-mini-badge { padding:5px 9px; border-radius:999px; background:rgba(46,204,113,.10); color:#16894a; font-size:11px!important; opacity:1!important; }

.wteh-office-status-form { display:grid; grid-template-columns: 160px minmax(0,1fr) auto; gap:10px; }
.wteh-office-status-form select,
.wteh-office-status-form input,
.wteh-office-compose textarea,
.wteh-office-compose select,
.wteh-office-comment-form input,
.wteh-office-kudos-form input,
.wteh-office-kudos-form select {
  width:100%; border:1px solid rgba(130,145,170,.28); background:var(--wteh-field-bg,#fff); color:inherit; border-radius:12px; padding:11px 12px; font:inherit;
}
.wteh-office-priority-list { list-style:none; padding:0; margin:0 0 12px; display:grid; gap:9px; }
.wteh-office-priority-list li { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-radius:13px; background:rgba(109,93,252,.055); }
.wteh-office-priority-list li b { width:25px; height:25px; flex:0 0 25px; display:grid; place-items:center; border-radius:8px; background:rgba(109,93,252,.12); color:var(--wteh-accent,#6d5dfc); }
.wteh-office-priority-list li.is-blocker { background:rgba(239,83,80,.07); }
.wteh-office-priority-list li.is-blocker b { background:rgba(239,83,80,.12); color:#d43f3c; }
.wteh-office-link-button { border:0; padding:0; background:none; color:var(--wteh-accent,#6d5dfc); font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.wteh-office-empty-compact { display:grid; gap:6px; padding:12px 0; }
.wteh-office-empty-compact span { opacity:.62; font-size:13px; line-height:1.8; }
.wteh-office-empty-compact .wteh-button { width:max-content; margin-top:8px; }

.wteh-office-roster { display:grid; gap:4px; }
.wteh-office-person { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:11px; padding:9px 7px; border-radius:14px; transition:.2s ease; }
.wteh-office-person:hover { background:rgba(109,93,252,.045); }
.wteh-office-person.is-offline { opacity:.58; }
.wteh-office-person > div { min-width:0; }
.wteh-office-person strong { display:block; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wteh-office-person small { display:block; margin-top:2px; opacity:.58; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wteh-office-person p { margin:3px 0 0; font-size:11px; color:var(--wteh-accent,#6d5dfc); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wteh-office-avatar { position:relative; width:38px; height:38px; display:grid; place-items:center; flex:0 0 38px; border-radius:13px; background:linear-gradient(135deg, rgba(109,93,252,.18), rgba(41,182,246,.16)); font-weight:800; color:var(--wteh-accent,#6d5dfc); }
.wteh-office-avatar i { position:absolute; left:-5px; bottom:-5px; width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:var(--wteh-surface,#fff); font-size:10px; font-style:normal; box-shadow:0 0 0 2px var(--wteh-surface,#fff); }
.wteh-office-status-label { font-size:10px; padding:5px 7px; border-radius:999px; background:rgba(125,140,165,.08); white-space:nowrap; }

.wteh-office-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.wteh-office-quick-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px; padding:14px 15px; border-radius:17px; background:var(--wteh-surface,#fff); border:1px solid rgba(136,150,175,.18); text-decoration:none!important; color:inherit!important; transition:.2s ease; }
.wteh-office-quick-card:hover { transform:translateY(-2px); border-color:rgba(109,93,252,.28); box-shadow:0 12px 24px rgba(20,28,50,.055); }
.wteh-office-quick-card i { width:42px; height:42px; display:grid; place-items:center; font-size:21px; border-radius:13px; background:rgba(109,93,252,.07); font-style:normal; }
.wteh-office-quick-card strong,.wteh-office-quick-card span { display:block; }
.wteh-office-quick-card strong { font-size:13px; }
.wteh-office-quick-card span { margin-top:3px; font-size:10px; opacity:.58; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wteh-office-quick-card > b { color:var(--wteh-accent,#6d5dfc); }

.wteh-office-feed-layout { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.35fr); gap:18px; align-items:start; }
.wteh-office-compose { position:sticky; top:18px; }
.wteh-office-compose h3 { margin:0 0 13px; }
.wteh-office-compose textarea { resize:vertical; min-height:118px; }
.wteh-office-compose-actions { display:grid; grid-template-columns:1fr 1fr auto; gap:8px; margin-top:9px; }
.wteh-office-feed-list { display:grid; gap:12px; }
.wteh-office-feed-item { padding:16px; border:1px solid rgba(136,150,175,.18); background:var(--wteh-surface,#fff); border-radius:18px; }
.wteh-office-feed-item.is-announcement { border-color:rgba(109,93,252,.32); background:linear-gradient(135deg, rgba(109,93,252,.06), var(--wteh-surface,#fff)); }
.wteh-office-feed-author { display:flex; gap:10px; align-items:center; }
.wteh-office-feed-author strong,.wteh-office-feed-author small { display:block; }
.wteh-office-feed-author strong { font-size:13px; }
.wteh-office-feed-author small { margin-top:2px; font-size:10px; opacity:.56; }
.wteh-office-feed-content { margin:12px 0 0; line-height:2; font-size:13px; }
.wteh-office-reactions { display:flex; gap:5px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(135,150,175,.12); }
.wteh-office-reactions form { margin:0; }
.wteh-office-reactions button { border:1px solid transparent; background:rgba(130,145,170,.07); border-radius:999px; padding:5px 9px; cursor:pointer; color:inherit; }
.wteh-office-reactions button.is-active { border-color:rgba(109,93,252,.28); background:rgba(109,93,252,.10); }
.wteh-office-reactions span { font-size:10px; margin-inline-start:3px; }
.wteh-office-comments { display:grid; gap:4px; margin-top:9px; padding:9px 11px; background:rgba(130,145,170,.055); border-radius:12px; }
.wteh-office-comments p { margin:0; font-size:11px; line-height:1.8; }
.wteh-office-comment-form { display:grid; grid-template-columns:1fr auto; gap:6px; margin-top:8px; }
.wteh-office-comment-form input { padding:8px 10px; font-size:11px; }
.wteh-office-comment-form button { border:0; border-radius:10px; padding:7px 11px; background:var(--wteh-accent,#6d5dfc); color:#fff; cursor:pointer; }

.wteh-team-standups { display:grid; gap:10px; }
.wteh-team-standups article { display:flex; gap:10px; padding:11px; border-radius:14px; background:rgba(130,145,170,.055); }
.wteh-team-standups article > div { min-width:0; }
.wteh-team-standups p { margin:4px 0 0; font-size:11px; line-height:1.7; }
.wteh-team-standups p.is-blocker { color:#d14c49; }

.wteh-help-list { display:grid; gap:9px; }
.wteh-help-list article { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:start; padding:12px; border-radius:15px; background:rgba(130,145,170,.055); border:1px solid rgba(130,145,170,.10); }
.wteh-help-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:rgba(239,83,80,.09); }
.wteh-help-copy strong,.wteh-help-copy span { display:block; }
.wteh-help-copy strong { font-size:13px; }
.wteh-help-copy span { margin-top:2px; font-size:10px; opacity:.55; }
.wteh-help-copy p { margin:7px 0 0; font-size:11px; line-height:1.8; }
.wteh-help-copy small { display:block; margin-top:7px; color:#16894a; font-size:10px; }
.wteh-help-actions { display:flex; flex-direction:column; gap:5px; }
.wteh-help-actions form { margin:0; }
.wteh-help-actions .wteh-button { padding:7px 9px; font-size:10px; white-space:nowrap; }

.wteh-office-kudos-form { display:grid; grid-template-columns:160px minmax(0,1fr) auto; gap:7px; }
.wteh-office-kudos-form small { grid-column:1/-1; opacity:.55; font-size:10px; }
.wteh-kudos-stream { display:grid; gap:5px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(130,145,170,.12); }
.wteh-kudos-stream p { margin:0; padding:7px 9px; border-radius:10px; background:rgba(109,93,252,.045); font-size:11px; line-height:1.8; }

.wteh-office-summary-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.wteh-office-summary-strip > div { padding:15px; border-radius:16px; background:var(--wteh-surface,#fff); border:1px solid rgba(136,150,175,.18); }
.wteh-office-summary-strip strong,.wteh-office-summary-strip span { display:block; }
.wteh-office-summary-strip strong { font-size:22px; }
.wteh-office-summary-strip span { margin-top:3px; font-size:10px; opacity:.6; }
.wteh-weekly-card { max-width:980px; }
.wteh-weekly-moods { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:18px; }
.wteh-weekly-moods > span { width:100%; font-size:12px; font-weight:700; margin-bottom:2px; }
.wteh-weekly-moods label { cursor:pointer; }
.wteh-weekly-moods input { position:absolute; opacity:0; pointer-events:none; }
.wteh-weekly-moods b { display:block; padding:9px 13px; border:1px solid rgba(130,145,170,.2); border-radius:12px; font-size:11px; font-weight:600; transition:.15s ease; }
.wteh-weekly-moods input:checked + b { border-color:rgba(109,93,252,.42); background:rgba(109,93,252,.10); color:var(--wteh-accent,#6d5dfc); }
.wteh-field-wide { grid-column:1/-1; }
.wteh-office-modal { max-width:620px; }
.wteh-muted { opacity:.6; font-size:12px; }

.wteh-theme-dark .wteh-office-hero { background:linear-gradient(135deg, rgba(109,93,252,.17), rgba(41,182,246,.08), rgba(15,23,42,.72)); }
.wteh-theme-dark .wteh-office-live-pill { background:rgba(15,23,42,.65); }
.wteh-theme-dark .wteh-office-card,
.wteh-theme-dark .wteh-office-quick-card,
.wteh-theme-dark .wteh-office-feed-item,
.wteh-theme-dark .wteh-office-summary-strip > div { background:rgba(15,23,42,.82); }
.wteh-theme-dark .wteh-office-avatar i { background:#0f172a; box-shadow:0 0 0 2px #0f172a; }
.wteh-theme-dark .wteh-office-status-form select,
.wteh-theme-dark .wteh-office-status-form input,
.wteh-theme-dark .wteh-office-compose textarea,
.wteh-theme-dark .wteh-office-compose select,
.wteh-theme-dark .wteh-office-comment-form input,
.wteh-theme-dark .wteh-office-kudos-form input,
.wteh-theme-dark .wteh-office-kudos-form select { background:#111b2f; border-color:rgba(255,255,255,.11); color:#e9eef8; }

@media (max-width:1080px) {
  .wteh-office-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wteh-office-status-form { grid-template-columns:1fr 1fr; }
  .wteh-office-status-form .wteh-button { grid-column:1/-1; }
  .wteh-office-feed-layout { grid-template-columns:1fr; }
  .wteh-office-compose { position:static; }
}
@media (max-width:760px) {
  .wteh-office-hero { align-items:flex-start; flex-direction:column; padding:19px; }
  .wteh-office-live-pill { width:100%; justify-content:start; }
  .wteh-office-grid-top,.wteh-office-grid-main { grid-template-columns:1fr; }
  .wteh-office-card { padding:15px; border-radius:18px; }
  .wteh-office-status-form,.wteh-office-compose-actions,.wteh-office-kudos-form { grid-template-columns:1fr; }
  .wteh-office-kudos-form small { grid-column:auto; }
  .wteh-office-quick-grid { grid-template-columns:1fr; }
  .wteh-office-person { grid-template-columns:40px minmax(0,1fr); }
  .wteh-office-status-label { grid-column:2; width:max-content; }
  .wteh-help-list article { grid-template-columns:38px minmax(0,1fr); }
  .wteh-help-actions { grid-column:2; flex-direction:row; flex-wrap:wrap; }
  .wteh-office-summary-strip { grid-template-columns:1fr; }
}
.wteh-office-install-card{font:inherit;text-align:start;cursor:pointer;width:100%}.wteh-office-install-card[hidden]{display:none!important}.wteh-office-install-card:disabled{opacity:.55;cursor:default}

/* 1.15.1 - Daily Standup modal layout fix */
.wteh-standup-modal-panel {
  width: min(620px, calc(100vw - 36px));
  max-width: 620px;
  overflow-x: hidden;
}
.wteh-standup-modal-panel > h2 {
  margin: 4px 0 8px;
  padding-inline-end: 42px;
  font-size: clamp(20px, 3vw, 26px);
  line-height: 1.5;
}
.wteh-standup-intro {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.9;
  opacity: .68;
}
.wteh-standup-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.wteh-standup-form .wteh-field {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.wteh-standup-form .wteh-field > label {
  display: block;
  margin: 0 0 8px;
}
.wteh-standup-form input[type="text"],
.wteh-standup-form textarea {
  display: block;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.wteh-standup-form textarea {
  min-height: 118px;
}
.wteh-standup-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 2px;
}
.wteh-standup-actions .wteh-button {
  min-width: 170px;
}
@media (max-width: 760px) {
  .wteh-standup-modal-panel {
    width: 100%;
    max-width: none;
    max-height: 90svh;
    padding: 24px 16px 18px;
    border-radius: 20px 20px 0 0;
  }
  .wteh-standup-form { gap: 14px; }
  .wteh-standup-actions { width: 100%; }
  .wteh-standup-actions .wteh-button { width: 100%; min-width: 0; }
}

/* v1.16.0 profile-photo + stories */
.wteh-office-avatar.has-image{background:rgba(109,93,252,.08)}
.wteh-office-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.wteh-story-card{margin-bottom:18px}
.wteh-story-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;margin-bottom:14px}
.wteh-story-form select,.wteh-story-form input{width:100%;min-width:0;border:1px solid rgba(135,150,175,.18);border-radius:14px;padding:12px 14px;background:var(--wteh-surface,#fff);font:inherit}
.wteh-story-strip{display:grid;gap:10px}
.wteh-story-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(135,150,175,.14);border-radius:16px;background:rgba(130,145,170,.04)}
.wteh-story-item strong,.wteh-story-item small,.wteh-story-item p{display:block}
.wteh-story-item small{margin-top:3px;opacity:.68;font-size:11px}
.wteh-story-item p{margin:8px 0 0;font-size:13px;line-height:1.9}
.wteh-story-fun{border-inline-start:4px solid #22c55e}
.wteh-story-tough{border-inline-start:4px solid #f97316}
.wteh-story-feeling{border-inline-start:4px solid var(--wteh-accent,#6d5dfc)}
@media(max-width:680px){
  .wteh-story-form{grid-template-columns:1fr}
}


/* 1.18.0 — circular company stories */
.wteh-story-card{overflow:visible!important}
.wteh-story-expire-note{font-size:10px;color:var(--wteh-text-3,#667085)}
.wteh-story-composer{align-items:center;background:linear-gradient(135deg,rgba(109,93,252,.055),rgba(14,165,233,.035));border:1px solid rgba(109,93,252,.10);border-radius:18px;display:grid;gap:14px;grid-template-columns:170px minmax(0,1fr);margin-bottom:18px;padding:12px}
.wteh-story-me{align-items:center;display:flex;gap:10px;min-width:0}.wteh-story-me>div:last-child{min-width:0}.wteh-story-me strong,.wteh-story-me small{display:block}.wteh-story-me strong{font-size:12px}.wteh-story-me small{font-size:9px;margin-top:2px;opacity:.62;white-space:nowrap}
.wteh-story-me-avatar{flex:0 0 52px;height:52px;position:relative;width:52px}.wteh-story-me-avatar>.wteh-story-avatar{height:52px!important;width:52px!important}.wteh-story-me-avatar>span{align-items:center;background:var(--wteh-accent,#6d5dfc);border:2px solid var(--wteh-surface,#fff);border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:15px;font-weight:800;height:22px;justify-content:center;position:absolute;right:-3px;width:22px;z-index:2}
.wteh-story-form{align-items:center;display:grid!important;gap:8px!important;grid-template-columns:145px minmax(0,1fr) auto!important;margin:0!important}.wteh-story-form select,.wteh-story-form input{background:var(--wteh-surface,#fff)!important;border-radius:12px!important;min-height:42px!important;padding:9px 12px!important}.wteh-story-form .wteh-button{min-height:42px;padding-inline:16px}
.wteh-story-circles{display:flex;gap:14px;margin:0 -2px;overflow-x:auto;overflow-y:visible;padding:4px 2px 16px;scrollbar-width:none}.wteh-story-circles::-webkit-scrollbar{display:none}
.wteh-story-circle{flex:0 0 82px;position:relative;text-align:center}.wteh-story-circle>summary{cursor:pointer;list-style:none;outline:none}.wteh-story-circle>summary::-webkit-details-marker{display:none}.wteh-story-circle>summary strong,.wteh-story-circle>summary small{display:block;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wteh-story-circle>summary strong{font-size:10px;margin-top:6px}.wteh-story-circle>summary small{font-size:8.5px;margin-top:1px;opacity:.6}
.wteh-story-ring{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);border-radius:50%;display:block;height:68px;margin:auto;padding:3px;position:relative;width:68px}.wteh-story-fun .wteh-story-ring{background:linear-gradient(135deg,#22c55e,#14b8a6,#0ea5e9)}.wteh-story-tough .wteh-story-ring{background:linear-gradient(135deg,#fb923c,#f97316,#ef4444)}.wteh-story-ring-inner{background:var(--wteh-surface,#fff);border-radius:50%;display:block;height:100%;padding:3px;width:100%}.wteh-story-ring .wteh-story-avatar{border-radius:50%!important;height:56px!important;width:56px!important}.wteh-story-ring>b{align-items:center;background:var(--wteh-surface,#fff);border:1px solid rgba(16,24,40,.08);border-radius:50%;bottom:-3px;box-shadow:0 3px 10px rgba(16,24,40,.12);display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-3px;width:24px}
.wteh-story-popover{background:var(--wteh-surface,#fff);border:1px solid var(--wteh-border,#e6eaf0);border-radius:18px;box-shadow:0 18px 50px rgba(16,24,40,.16);display:none;min-width:280px;padding:14px;position:absolute;right:0;text-align:right;top:96px;z-index:30}.wteh-story-circle[open]{z-index:31}.wteh-story-circle[open] .wteh-story-popover{display:block}.wteh-story-popover:before{background:var(--wteh-surface,#fff);border-left:1px solid var(--wteh-border,#e6eaf0);border-top:1px solid var(--wteh-border,#e6eaf0);content:"";height:12px;position:absolute;right:27px;top:-7px;transform:rotate(45deg);width:12px}.wteh-story-popover-head{align-items:center;display:flex;gap:9px}.wteh-story-popover-head .wteh-story-avatar{height:38px!important;width:38px!important}.wteh-story-popover-head strong,.wteh-story-popover-head small{display:block}.wteh-story-popover-head strong{font-size:11px}.wteh-story-popover-head small{font-size:9px;margin-top:2px;opacity:.62}.wteh-story-popover p{font-size:13px;line-height:2;margin:12px 0 0;white-space:normal}
html.wteh-theme-dark .wteh-story-composer{background:linear-gradient(135deg,rgba(109,93,252,.10),rgba(14,165,233,.05));border-color:#26364d}html.wteh-theme-dark .wteh-story-ring-inner,html.wteh-theme-dark .wteh-story-ring>b{background:#0f172a}
@media(max-width:680px){.wteh-story-expire-note{display:none}.wteh-story-composer{grid-template-columns:1fr;padding:10px}.wteh-story-me{display:none}.wteh-story-form{grid-template-columns:112px minmax(0,1fr) 42px!important;gap:6px!important}.wteh-story-form .wteh-button{font-size:0;min-width:42px;padding:0!important;width:42px}.wteh-story-form .wteh-button:after{content:"↑";font-size:18px}.wteh-story-form select{font-size:10px;padding-inline:7px!important}.wteh-story-form input{font-size:12px}.wteh-story-circles{gap:11px;padding-bottom:12px}.wteh-story-circle{flex-basis:72px}.wteh-story-ring{height:62px;width:62px}.wteh-story-ring .wteh-story-avatar{height:50px!important;width:50px!important}.wteh-story-circle>summary strong,.wteh-story-circle>summary small{max-width:72px}.wteh-story-popover{left:auto;min-width:min(280px,calc(100vw - 46px));position:fixed;right:23px;top:50%;transform:translateY(-50%);z-index:1200}.wteh-story-popover:before{display:none}}