:root{--hj-bg:#f6f8fc;--hj-card:#fff;--hj-ink:#152033;--hj-muted:#667085;--hj-line:#e8edf4;--hj-brand:#1ab7a2;--hj-brand2:#2563eb;--hj-violet:#7c3aed;--hj-sun:#f59e0b;--hj-rose:#ec4899;--hj-ok:#16a34a;--hj-bad:#dc2626;--hj-shadow:0 24px 70px rgba(31,41,55,.10)}
#hj-app{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 10% 10%,rgba(27,183,162,.13),transparent 28%),radial-gradient(circle at 88% 18%,rgba(37,99,235,.12),transparent 30%),radial-gradient(circle at 70% 80%,rgba(124,58,237,.10),transparent 28%),var(--hj-bg);color:var(--hj-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
#hj-app *{box-sizing:border-box}
.hj-shell{display:grid;grid-template-columns:260px minmax(0,1fr);height:100%}.hj-side{background:linear-gradient(180deg,#0f1f32 0%,#122943 58%,#0c1c2d 100%);color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:18px;box-shadow:18px 0 50px rgba(15,31,50,.11);position:relative;overflow:hidden}.hj-side:before,.hj-side:after{content:"";position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.hj-side:before{width:220px;height:220px;background:rgba(26,183,162,.15);top:-100px;right:-90px}.hj-side:after{width:180px;height:180px;background:rgba(124,58,237,.12);bottom:40px;left:-100px}.hj-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.hj-brand-badge{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#26d5bc,#3b82f6);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(26,183,162,.25)}.hj-brand strong{display:block;font-size:16px}.hj-brand small{color:#aebbd0;font-size:11px;letter-spacing:.08em}.hj-user{position:relative;z-index:1;padding:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:18px}.hj-user-top{display:flex;gap:10px;align-items:center}.hj-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#14b8a6,#3b82f6);display:grid;place-items:center;font-weight:900}.hj-user strong{font-size:13px}.hj-user small{display:block;color:#aebbd0;font-size:11px;margin-top:2px}.hj-user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.hj-user-stats span{background:rgba(255,255,255,.06);border-radius:12px;padding:8px 6px;text-align:center;font-size:11px;color:#cad4e1}.hj-user-stats b{display:block;color:#fff;font-size:13px}.hj-nav{display:grid;gap:6px;position:relative;z-index:1}.hj-nav button{border:0;background:transparent;color:#c9d4e3;padding:11px 12px;border-radius:14px;display:flex;align-items:center;gap:11px;font-weight:700;cursor:pointer;text-align:left;transition:.2s ease}.hj-nav button:hover,.hj-nav button.active{background:rgba(255,255,255,.10);color:#fff;transform:translateX(2px)}.hj-nav button.active{box-shadow:inset 3px 0 #35d1b9}.hj-nav i{font-style:normal;width:24px;text-align:center}.hj-side-bottom{margin-top:auto;position:relative;z-index:1;display:grid;gap:8px}.hj-level-chip{padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(26,183,162,.16),rgba(37,99,235,.14));border:1px solid rgba(255,255,255,.10)}.hj-level-chip small{color:#aebbd0}.hj-level-chip strong{display:flex;justify-content:space-between;margin-top:5px}.hj-logout{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#cbd5e1;border-radius:14px;padding:10px;cursor:pointer;font-weight:700}.hj-main{height:100%;overflow:auto;padding:26px 30px 60px;scroll-behavior:smooth}.hj-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.hj-topbar h1{font-size:clamp(26px,3vw,38px);line-height:1.02;margin:0;letter-spacing:-.04em}.hj-topbar p{margin:6px 0 0;color:var(--hj-muted);font-size:13px}.hj-top-actions{display:flex;gap:10px}.hj-pill{background:#fff;border:1px solid var(--hj-line);box-shadow:0 8px 25px rgba(31,41,55,.05);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.hj-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;margin-bottom:24px}.hj-hero-main{position:relative;overflow:hidden;border-radius:30px;padding:30px;background:linear-gradient(135deg,#10243a 0%,#173a56 46%,#164e63 100%);color:#fff;min-height:250px;box-shadow:var(--hj-shadow)}.hj-hero-main:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(53,209,185,.18);right:-100px;top:-100px}.hj-hero-main:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(124,58,237,.16);right:120px;bottom:-90px}.hj-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:#79e6d6;position:relative;z-index:1}.hj-hero-main h2{font-size:clamp(28px,4vw,50px);max-width:680px;line-height:1.00;letter-spacing:-.045em;margin:12px 0 12px;position:relative;z-index:1}.hj-hero-main p{max-width:620px;color:#d3e2ee;line-height:1.6;position:relative;z-index:1}.hj-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:1}.hj-btn{border:0;border-radius:15px;padding:12px 16px;font-weight:900;cursor:pointer;transition:.18s ease}.hj-btn:hover{transform:translateY(-2px)}.hj-btn.primary{background:linear-gradient(135deg,#32d0b8,#41a6ff);color:#08202c;box-shadow:0 12px 30px rgba(53,209,185,.20)}.hj-btn.secondary{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.15)}.hj-btn.light{background:#fff;color:var(--hj-ink);border:1px solid var(--hj-line)}.hj-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hj-metric{background:#fff;border:1px solid var(--hj-line);border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(31,41,55,.06);position:relative;overflow:hidden}.hj-metric span{font-size:11px;color:var(--hj-muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hj-metric b{font-size:30px;display:block;margin-top:6px;letter-spacing:-.04em}.hj-metric small{color:var(--hj-muted)}.hj-metric.big{grid-column:1/-1;background:linear-gradient(135deg,#fff,#f7fbff)}.hj-progress{height:10px;background:#ecf1f6;border-radius:999px;overflow:hidden;margin-top:12px}.hj-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17b69f,#3b82f6,#7c3aed)}.hj-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:20px}.hj-card{background:#fff;border:1px solid var(--hj-line);border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(31,41,55,.05)}.hj-card h3{margin:0 0 4px;font-size:18px;letter-spacing:-.02em}.hj-card>p{margin:0 0 15px;color:var(--hj-muted);font-size:13px}.hj-missions{display:grid;gap:10px}.hj-mission{display:flex;align-items:center;gap:12px;border:1px solid var(--hj-line);border-radius:17px;padding:12px;background:linear-gradient(135deg,#fff,#fbfdff)}.hj-mission-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#eefbf8;font-size:19px}.hj-mission strong{font-size:13px}.hj-mission small{display:block;color:var(--hj-muted);margin-top:3px}.hj-mission em{font-style:normal;margin-left:auto;font-weight:900;font-size:12px;color:#0f766e}.hj-skill{display:grid;gap:12px}.hj-skill-row{display:grid;grid-template-columns:88px 1fr 40px;align-items:center;gap:10px;font-size:12px}.hj-skill-row span{font-weight:800}.hj-skill-bar{height:8px;background:#eef2f6;border-radius:999px;overflow:hidden}.hj-skill-bar i{height:100%;display:block;background:linear-gradient(90deg,#34d399,#38bdf8,#8b5cf6);border-radius:inherit}.hj-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:22px 0 14px}.hj-section-head h2{margin:0;font-size:24px;letter-spacing:-.03em}.hj-section-head p{margin:5px 0 0;color:var(--hj-muted);font-size:13px}.hj-level-tabs{display:flex;gap:7px;flex-wrap:wrap}.hj-level-tabs button{border:1px solid var(--hj-line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:var(--hj-muted);cursor:pointer}.hj-level-tabs button.active{background:#162a3e;color:#fff;border-color:#162a3e}.hj-journey{display:grid;gap:18px;padding-bottom:30px}.hj-unit{background:#fff;border:1px solid var(--hj-line);border-radius:27px;padding:18px;box-shadow:0 12px 36px rgba(31,41,55,.05);position:relative;overflow:hidden}.hj-unit:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#34d399,#3b82f6,#8b5cf6)}.hj-unit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding-left:8px}.hj-unit-head strong{font-size:17px}.hj-unit-head small{display:block;color:var(--hj-muted);margin-top:3px}.hj-unit-head b{font-size:12px;background:#f3f7fb;border-radius:999px;padding:7px 10px;color:#475467}.hj-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding-left:8px}.hj-node{border:1px solid var(--hj-line);background:#fff;border-radius:21px;padding:15px;text-align:left;cursor:pointer;min-height:134px;transition:.18s ease;position:relative;overflow:hidden}.hj-node:hover:not(.locked){transform:translateY(-4px);box-shadow:0 16px 35px rgba(31,41,55,.10);border-color:#d7e3ef}.hj-node.done{background:linear-gradient(135deg,#f2fffb,#f6fbff);border-color:#c9eee6}.hj-node.next{box-shadow:0 0 0 2px rgba(26,183,162,.13),0 14px 32px rgba(26,183,162,.12)}.hj-node.locked{opacity:.55;cursor:not-allowed;background:#f7f8fa}.hj-node .badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#0f766e;background:#ecfdf5;border-radius:999px;padding:5px 7px}.hj-node .badge.boss{color:#7c2d12;background:#fff7ed}.hj-node h4{font-size:15px;margin:10px 0 5px;line-height:1.25}.hj-node p{font-size:11px;color:var(--hj-muted);margin:0;line-height:1.45}.hj-node-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:10px;color:#667085;font-weight:800}.hj-node-score{color:#0f766e}.hj-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hj-mode{border:1px solid var(--hj-line);background:#fff;border-radius:24px;padding:19px;cursor:pointer;text-align:left;transition:.2s ease;min-height:160px}.hj-mode:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(31,41,55,.10)}.hj-mode-icon{font-size:26px;margin-bottom:10px}.hj-mode strong{font-size:16px}.hj-mode p{font-size:12px;color:var(--hj-muted);line-height:1.55}.hj-leader{display:grid;gap:8px}.hj-rank{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:1px solid var(--hj-line);border-radius:15px;padding:10px}.hj-rank b:first-child{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f4f7fa}.hj-rank strong{font-size:13px}.hj-rank small{display:block;color:var(--hj-muted)}.hj-rank em{font-style:normal;font-weight:900;color:#0f766e}.hj-lesson-overlay{position:fixed;inset:0;background:radial-gradient(circle at 20% 15%,rgba(26,183,162,.13),transparent 30%),radial-gradient(circle at 80% 30%,rgba(124,58,237,.11),transparent 28%),#f4f7fb;z-index:10020;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.hj-lesson-top{height:74px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:0 24px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--hj-line)}.hj-close{width:42px;height:42px;border:1px solid var(--hj-line);border-radius:14px;background:#fff;font-size:20px;cursor:pointer}.hj-lesson-title strong{display:block;font-size:14px}.hj-lesson-title small{color:var(--hj-muted)}.hj-step-meter{max-width:320px;width:32vw;min-width:180px;height:9px;border-radius:999px;background:#e8edf3;overflow:hidden}.hj-step-meter i{display:block;height:100%;background:linear-gradient(90deg,#25c3ac,#3b82f6,#8b5cf6);border-radius:inherit;transition:.3s ease}.hj-lesson-body{overflow:auto;padding:28px 18px 60px;display:grid;place-items:start center}.hj-stage{width:min(920px,100%);display:grid;gap:16px}.hj-stage-card{background:#fff;border:1px solid var(--hj-line);border-radius:30px;padding:30px;box-shadow:0 22px 70px rgba(31,41,55,.10);position:relative;overflow:hidden}.hj-stage-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(53,209,185,.15),transparent 70%)}.hj-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#0f766e;margin-bottom:8px}.hj-stage h2{font-size:clamp(26px,4vw,46px);line-height:1.03;letter-spacing:-.045em;margin:0 0 12px}.hj-stage .lead{color:var(--hj-muted);line-height:1.65;font-size:15px}.hj-phrase{font-size:clamp(28px,5vw,58px);font-weight:900;letter-spacing:-.04em;line-height:1.04;margin:22px 0 8px}.hj-translation{font-size:17px;color:#64748b;margin-bottom:14px}.hj-context-card{margin-top:18px;background:linear-gradient(135deg,#effcf8,#f4f8ff);border:1px solid #dcefe9;border-radius:18px;padding:15px}.hj-context-card small{font-weight:900;color:#0f766e;text-transform:uppercase;letter-spacing:.08em}.hj-context-card p{margin:5px 0 0;font-weight:700}.hj-action-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.hj-action-row .left{display:flex;gap:8px}.hj-audio{border:1px solid var(--hj-line);background:#fff;border-radius:14px;padding:10px 13px;font-weight:800;cursor:pointer}.hj-next{margin-left:auto;background:linear-gradient(135deg,#1db8a2,#3b82f6);border:0;border-radius:15px;padding:12px 18px;font-weight:900;color:#062a30;cursor:pointer;box-shadow:0 12px 28px rgba(26,183,162,.20)}.hj-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.hj-option{border:1.5px solid #dfe6ef;background:#fff;border-radius:17px;padding:14px;text-align:left;cursor:pointer;font-weight:800;color:#344054;transition:.15s ease}.hj-option:hover{border-color:#85d8ca;background:#f6fffd}.hj-option.selected{border-color:#1ab7a2;background:#ecfdf7;box-shadow:0 0 0 3px rgba(26,183,162,.10)}.hj-option.correct{border-color:#22c55e;background:#f0fdf4;color:#166534}.hj-option.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.hj-feedback{margin-top:16px;border-radius:16px;padding:13px 15px;font-weight:800}.hj-feedback.ok{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.hj-feedback.bad{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.hj-token-zone{display:flex;flex-wrap:wrap;gap:8px;min-height:58px;border:1.5px dashed #cbd5e1;border-radius:17px;padding:10px;margin:18px 0;background:#f8fafc}.hj-token{border:1px solid #d9e2ec;background:#fff;border-radius:13px;padding:9px 11px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px rgba(31,41,55,.05)}.hj-token.used{opacity:.35}.hj-input{width:100%;border:1.5px solid #dce3ec;border-radius:17px;padding:14px 15px;font-size:16px;outline:none;margin-top:16px;background:#fbfdff}.hj-input:focus{border-color:#37c5b1;box-shadow:0 0 0 4px rgba(26,183,162,.10)}.hj-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.hj-match-col{display:grid;gap:8px}.hj-match-item{border:1px solid #e0e7ef;border-radius:14px;padding:11px;background:#fff;font-weight:800;cursor:pointer}.hj-match-item.active{border-color:#8b5cf6;background:#f5f3ff}.hj-match-item.matched{border-color:#34d399;background:#ecfdf5;color:#166534;cursor:default}.hj-story{display:grid;gap:12px;margin-top:18px}.hj-story-line{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:flex-start}.hj-story-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#e0faf5,#e9efff)}.hj-story-bubble{border:1px solid var(--hj-line);border-radius:18px;padding:12px 14px;background:#fbfdff}.hj-story-bubble strong{display:block;font-size:14px}.hj-story-bubble small{display:block;color:var(--hj-muted);margin-top:4px}.hj-grammar-box{margin-top:20px;border:1px solid #e4dcff;background:linear-gradient(135deg,#faf8ff,#f5f9ff);border-radius:20px;padding:18px}.hj-grammar-box strong{color:#6d28d9}.hj-grammar-box p{line-height:1.65;color:#475467}.hj-speak{display:grid;place-items:center;text-align:center;padding:18px 0}.hj-mic{width:92px;height:92px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#74f0de,#22b8a1 55%,#087e70);box-shadow:0 0 0 12px rgba(26,183,162,.08),0 20px 42px rgba(26,183,162,.25);font-size:32px;cursor:pointer}.hj-mic.listening{animation:hjPulse 1.1s infinite}@keyframes hjPulse{0%,100%{box-shadow:0 0 0 12px rgba(26,183,162,.08),0 20px 42px rgba(26,183,162,.25)}50%{box-shadow:0 0 0 24px rgba(26,183,162,.03),0 20px 50px rgba(26,183,162,.30)}}.hj-score-ring{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#25bba5 var(--score),#e8edf3 0);margin:18px auto;position:relative}.hj-score-ring:after{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.hj-score-ring b{position:relative;z-index:1;font-size:28px}.hj-complete{display:grid;place-items:center;text-align:center;padding:12px}.hj-complete-icon{width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,#34d399,#3b82f6);display:grid;place-items:center;font-size:42px;box-shadow:0 18px 42px rgba(52,211,153,.23);margin-bottom:18px}.hj-complete h2{font-size:40px;margin:0}.hj-complete p{color:var(--hj-muted);max-width:560px;line-height:1.6}.hj-complete-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(540px,100%);margin:20px auto}.hj-complete-stats div{border:1px solid var(--hj-line);border-radius:18px;padding:14px;background:#fff}.hj-complete-stats b{display:block;font-size:24px}.hj-toast{position:fixed;right:24px;bottom:24px;z-index:10050;background:#10263b;color:#fff;border-radius:16px;padding:13px 16px;box-shadow:0 18px 50px rgba(15,31,50,.24);font-weight:800;animation:hjIn .2s ease}@keyframes hjIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.hj-mobile-toggle{display:none}
@media(max-width:1000px){.hj-shell{grid-template-columns:86px minmax(0,1fr)}.hj-side{padding:18px 10px}.hj-brand strong,.hj-brand small,.hj-user .info,.hj-user-stats,.hj-nav button span,.hj-level-chip small,.hj-level-chip strong span,.hj-logout span{display:none}.hj-brand{justify-content:center}.hj-user{padding:10px;display:grid;place-items:center}.hj-nav button{justify-content:center;padding:12px}.hj-side-bottom{align-items:center}.hj-level-chip{padding:10px;text-align:center}.hj-hero{grid-template-columns:1fr}.hj-grid{grid-template-columns:1fr}.hj-path{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#hj-app{position:fixed}.hj-shell{display:block}.hj-side{position:fixed;left:0;right:0;bottom:0;height:74px;z-index:20;display:block;padding:8px 10px;background:rgba(13,30,48,.96);backdrop-filter:blur(16px)}.hj-brand,.hj-user,.hj-side-bottom{display:none}.hj-nav{grid-template-columns:repeat(5,1fr);height:100%;gap:2px}.hj-nav button{padding:6px 3px;display:grid;place-items:center;gap:1px;border-radius:11px}.hj-nav button i{font-size:17px}.hj-nav button span{display:block;font-size:9px}.hj-main{padding:18px 14px 100px}.hj-topbar{align-items:flex-start}.hj-top-actions{display:none}.hj-topbar h1{font-size:30px}.hj-hero-main{padding:22px;min-height:230px;border-radius:24px}.hj-hero-main h2{font-size:36px}.hj-hero-side{grid-template-columns:1fr 1fr}.hj-metric{padding:14px;border-radius:18px}.hj-metric b{font-size:24px}.hj-grid{gap:14px}.hj-card{border-radius:20px;padding:16px}.hj-path{grid-template-columns:1fr}.hj-unit{border-radius:22px;padding:15px}.hj-node{min-height:116px}.hj-mode-grid{grid-template-columns:1fr}.hj-section-head{align-items:flex-start;flex-direction:column}.hj-level-tabs{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.hj-level-tabs button{flex:none}.hj-lesson-top{height:68px;padding:0 12px;grid-template-columns:auto 1fr auto}.hj-step-meter{min-width:90px;width:26vw}.hj-lesson-body{padding:18px 10px 40px}.hj-stage-card{padding:20px;border-radius:23px}.hj-options{grid-template-columns:1fr}.hj-match-grid{grid-template-columns:1fr}.hj-phrase{font-size:35px}.hj-action-row{align-items:stretch;flex-direction:column}.hj-action-row .left{width:100%}.hj-next{width:100%;margin:0}.hj-complete h2{font-size:30px}.hj-complete-stats{grid-template-columns:1fr 1fr 1fr}.hj-story-line{grid-template-columns:36px 1fr}.hj-story-avatar{width:36px;height:36px;border-radius:12px}}