@font-face{font-family:ArchivoCondensed;font-weight:900;font-display:swap;src:url(assets/fonts/ArchivoCondensed-Black.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:700;font-display:swap;src:url(assets/fonts/Archivo-Bold.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:800 900;font-display:swap;src:url(assets/fonts/Archivo-ExtraBold.woff2) format("woff2")}
@font-face{font-family:PublicSans;font-weight:400;font-display:swap;src:url(assets/fonts/PublicSans-Regular.woff2) format("woff2")}
@font-face{font-family:PublicSans;font-weight:500;font-display:swap;src:url(assets/fonts/PublicSans-Medium.woff2) format("woff2")}
@font-face{font-family:PublicSans;font-weight:600 700;font-display:swap;src:url(assets/fonts/PublicSans-SemiBold.woff2) format("woff2")}

:root{
  --ink:#111827;--slate:#1B2535;--steel:#263246;--lime:#A7F432;--moss:#72B51F;
  --text:#F4F7F9;--sub:#A8B2C1;--muted:#6F7C8E;--line:#344155;--coral:#E56B6F;
  --display:ArchivoCondensed,"Arial Narrow",Impact,sans-serif;
  --head:Archivo,system-ui,sans-serif;
  --body:PublicSans,system-ui,-apple-system,"Segoe UI",sans-serif;
  --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:#0b111c;color:var(--text);font-family:var(--body);font-size:14.5px;line-height:1.5;overscroll-behavior:none}
body{display:flex;justify-content:center}
button,input,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}

#app{position:relative;width:100%;max-width:520px;height:100vh;height:100dvh;overflow:hidden;background:var(--ink);box-shadow:0 0 0 1px var(--line)}
.page{position:absolute;inset:0;background:var(--ink);display:flex;flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s}
.page.enter{transform:translateX(30%);opacity:0}
.page.hidden{visibility:hidden;pointer-events:none}
.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.pad{padding:0 20px}

/* text styles */
.hero{font-family:var(--display);font-weight:900;font-size:46px;line-height:.95;letter-spacing:-.5px;text-transform:uppercase;white-space:pre-line}
.title{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;letter-spacing:-.2px;text-transform:uppercase;white-space:pre-line}
.readout{font-family:var(--display);font-weight:900;font-size:40px;line-height:1;white-space:nowrap}
.h2{font-family:var(--head);font-weight:800;font-size:18px;line-height:1.2}
.h3{font-family:var(--head);font-weight:700;font-size:15.5px;line-height:1.25}
.eyebrow{font-family:var(--head);font-weight:800;font-size:10.5px;letter-spacing:1.8px;color:var(--sub);text-transform:uppercase;line-height:1.3}
.body{font-size:14.5px;line-height:1.5}
.bodysub{font-size:13.5px;line-height:1.45;color:var(--sub)}
.small{font-size:12px;line-height:1.35;color:var(--muted)}
.lime{color:var(--lime)}.sub{color:var(--sub)}.muted{color:var(--muted)}.coral{color:var(--coral)}.tx{color:var(--text)}
.center{text-align:center}
.clamp1,.clamp2,.clamp3,.clamp4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.clamp1{-webkit-line-clamp:1}.clamp2{-webkit-line-clamp:2}.clamp3{-webkit-line-clamp:3}.clamp4{-webkit-line-clamp:4}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.row{display:flex;align-items:center}
.row.top{align-items:flex-start}
.row.end{align-items:flex-end}
.grow{flex:1;min-width:0}
.col{display:flex;flex-direction:column}
.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}
.mt4{margin-top:4px}.mt6{margin-top:6px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt22{margin-top:22px}.mt24{margin-top:24px}.mt26{margin-top:26px}
.ico{display:inline-block;flex:none;vertical-align:middle}

/* panel */
.panel{position:relative;background:var(--slate);border:1px solid var(--line);border-radius:6px;padding:16px;overflow:hidden}
.panel.steel{background:var(--steel)}
.panel.accent{display:flex;padding:0}
.panel.accent>.bar{width:3px;background:var(--lime);flex:none}
.panel.accent>.in{flex:1;min-width:0;padding:16px}
.tap{cursor:pointer;transition:background-color .15s}
.tap:active{background-image:linear-gradient(rgba(167,244,50,.06),rgba(167,244,50,.06))}
@media (hover:hover){.tap:hover{background-image:linear-gradient(rgba(167,244,50,.04),rgba(167,244,50,.04))}}
.divider{height:1px;background:var(--line)}
.vline{width:1px;background:var(--line);align-self:stretch}

.eb{display:flex;align-items:center;gap:8px;min-width:0}
.eb .tick{width:6px;height:6px;background:var(--lime);flex:none}
.eb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sechead{display:flex;align-items:center;padding:26px 0 12px}
.sechead .act{display:flex;align-items:center;gap:4px;padding:4px;color:var(--lime);border-radius:4px}
.sechead .act .eyebrow{color:var(--lime);letter-spacing:1.2px}

/* buttons */
.btn-primary{display:flex;align-items:center;justify-content:space-between;gap:14px;height:54px;padding:0 20px;width:100%;background:var(--lime);color:var(--ink);border-radius:4px;font-family:var(--head);font-weight:800;font-size:14px;letter-spacing:1.1px;text-transform:uppercase;transition:background .15s}
.btn-primary.inline{width:auto;display:inline-flex}
.btn-primary:active{background:var(--moss)}
.btn-primary[disabled]{background:var(--steel);color:var(--muted);cursor:default}
.btn-primary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 16px;width:100%;border:1px solid var(--line);border-radius:4px;font-family:var(--head);font-weight:800;font-size:12.5px;letter-spacing:1.1px;text-transform:uppercase}
.btn-ghost:active{background:rgba(167,244,50,.1)}
.btn-ghost[disabled]{cursor:default}
.btn-ghost span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isq{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--slate);border:1px solid var(--line);border-radius:4px;color:var(--text)}
.isq.hl{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.isq:active{filter:brightness(1.2)}
.textbtn{font-family:var(--head);font-weight:800;font-size:14px;color:var(--lime);padding:10px 12px;border-radius:4px}
.textbtn:active{background:rgba(167,244,50,.1)}
.iconbtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:50%;flex:none}
.iconbtn:active{background:rgba(255,255,255,.06)}

/* segmented, tags */
.seg{display:flex;height:40px;padding:3px;background:var(--slate);border:1px solid var(--line);border-radius:5px}
.seg button{flex:1;min-width:0;border-radius:3px;font-family:var(--head);font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--sub);transition:background .18s,color .18s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.seg button.on{background:var(--lime);color:var(--ink)}
.tagrow{display:flex;gap:8px;overflow-x:auto;padding:0 20px;scrollbar-width:none}
.tagrow::-webkit-scrollbar{display:none}
.tag{display:inline-flex;align-items:center;gap:6px;flex:none;padding:9px 12px;background:var(--slate);border:1px solid var(--line);border-radius:4px;font-family:var(--head);font-weight:700;font-size:12.5px;color:var(--sub);white-space:nowrap}
.tag.dense{padding:6px 9px;font-size:11.5px}
.tag.on{background:rgba(167,244,50,.14);border-color:var(--lime);color:var(--lime)}
.tag img{width:16px;height:16px}
.tag.dense img{width:14px;height:14px}
.wrap{display:flex;flex-wrap:wrap;gap:8px}

/* domain bits */
.ctile{flex:none;background:linear-gradient(135deg,#E3E9F0,#B9C3D0);display:flex;align-items:center;justify-content:center}
.ctile img{width:100%;height:100%;object-fit:contain}
.clabel{display:inline-block;padding:3px 7px;border:1px solid var(--line);border-radius:3px;font-family:var(--head);font-weight:800;font-size:9.5px;letter-spacing:1.2px;color:var(--sub);text-transform:uppercase;line-height:1.3}
.meter{display:inline-flex;align-items:flex-end;gap:2px}
.meter i{width:4px;border-radius:1px;background:var(--line);display:block}
.meter i.on{background:var(--lime)}
.meter b{margin-left:8px;font-size:12px;font-weight:600;color:var(--sub);align-self:center}
.etile{display:flex;align-items:flex-start;padding:14px 14px 14px 0}
.etile .date{width:62px;flex:none;text-align:center}
.etile .meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:10px}
.recur{display:inline-flex;align-items:center;gap:3px;color:var(--lime);font-size:12px;font-weight:600}
.ro .eyebrow{font-size:9.5px;letter-spacing:1.3px;margin-top:4px}
.empty{padding:28px 12px;text-align:center;display:flex;flex-direction:column;align-items:center}
.empty img{height:130px;width:auto}

/* inputs */
.field{width:100%;background:var(--slate);border:1px solid var(--line);border-radius:4px;padding:14px;color:var(--text);font-family:var(--body);font-size:14.5px;line-height:1.5;outline:none;resize:vertical;transition:border-color .15s}
.field::placeholder{color:var(--muted)}
.field:focus{border-color:var(--lime);box-shadow:inset 0 0 0 .4px var(--lime)}
.field.err{border-color:var(--coral)}
.field.h2f{font-family:var(--head);font-weight:800;font-size:18px}
.errtxt{color:var(--coral);font-size:12px;margin-top:6px;padding-left:12px}
.search{position:relative}
.search .field{padding-left:46px;padding-right:44px}
.search>.ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.search .clr{position:absolute;right:4px;top:50%;transform:translateY(-50%)}
::selection{background:rgba(167,244,50,.3)}
.datein{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;-webkit-appearance:none;appearance:none}
.flabel{display:flex;align-items:center;gap:6px;padding:20px 0 8px}
.flabel .req{width:5px;height:5px;background:var(--lime)}
.switch{position:relative;width:52px;height:32px;flex:none}
.switch input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:1;margin:0}
.switch .tr{position:absolute;inset:0;border-radius:16px;background:var(--steel);border:2px solid var(--line);transition:.2s}
.switch .th{position:absolute;top:8px;left:8px;width:16px;height:16px;border-radius:50%;background:var(--sub);transition:.2s}
.switch input:checked~.tr{background:var(--lime);border-color:var(--lime)}
.switch input:checked~.th{left:24px;top:4px;width:24px;height:24px;background:var(--ink)}
.cbox{width:20px;height:20px;border:2px solid var(--muted);border-radius:3px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.cbox.on{background:var(--lime);border-color:var(--lime)}
.cbwrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer}

/* subpage chrome */
.topbar{display:flex;align-items:center;gap:8px;padding:calc(10px + var(--sat)) 16px 6px}
.bottombar{padding:12px 20px calc(12px + var(--sab));border-top:1px solid var(--line);background:var(--ink)}

/* nav */
.nav{display:flex;height:calc(64px + var(--sab));padding-bottom:var(--sab);border-top:1px solid var(--line);background:var(--ink);flex:none}
.nav button{flex:1;display:flex;flex-direction:column;align-items:center;color:var(--muted);position:relative}
.nav button .ind{height:3px;width:0;background:var(--lime);transition:width .2s}
.nav button.on .ind{width:34px}
.nav button .ic{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.nav button .eyebrow{font-size:9.5px;letter-spacing:1.1px;color:var(--muted)}
.nav button.on{color:var(--lime)}
.nav button.on .eyebrow{color:var(--text)}
.tabs{flex:1;position:relative;min-height:0}
.tab{position:absolute;inset:0;display:flex;flex-direction:column}
.tab.off{visibility:hidden;pointer-events:none}
.fab{position:absolute;right:16px;bottom:20px;display:flex;align-items:center;gap:8px;padding:15px 18px;background:var(--lime);color:var(--ink);border-radius:6px;font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:1.1px;box-shadow:0 6px 18px rgba(167,244,50,.3);z-index:2}
.fab:active{background:var(--moss)}

/* overlays */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .18s}
.dialog{width:100%;max-width:380px;background:var(--steel);border:1px solid var(--line);border-radius:6px;padding:24px 24px 12px;animation:pop .2s}
.dialog h3{font-family:var(--head);font-weight:800;font-size:19px;margin-bottom:14px}
.dialog p{font-size:14.5px;line-height:1.45;color:var(--sub)}
.dialog .acts{display:flex;justify-content:flex-end;gap:4px;margin-top:18px}
.sheetwrap{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55);animation:fade .2s}
.sheet{width:100%;max-width:520px;max-height:92vh;max-height:92dvh;background:var(--steel);border-radius:10px 10px 0 0;display:flex;flex-direction:column;animation:up .25s cubic-bezier(.2,.8,.2,1)}
.sheet .sc{overflow-y:auto;padding:20px 20px calc(20px + var(--sab))}
.menu{position:fixed;z-index:60;min-width:170px;background:var(--steel);border:1px solid var(--line);border-radius:4px;padding:6px 0;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:fade .12s}
.menu button{display:block;width:100%;text-align:left;padding:12px 16px;font-size:14.5px}
.menu button:active,.menu button:hover{background:rgba(255,255,255,.05)}
.toast{position:fixed;left:50%;bottom:calc(84px + var(--sab));transform:translateX(-50%);z-index:70;width:calc(100% - 32px);max-width:488px;background:var(--steel);border:1px solid var(--line);border-radius:4px;padding:14px 16px;font-size:14px;animation:up .2s;box-shadow:0 6px 20px rgba(0,0,0,.35)}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{transform:scale(.94);opacity:0}}
@keyframes up{from{transform:translateY(40px);opacity:0}}
@keyframes up2{from{transform:translate(-50%,40px);opacity:0}}
.toast{animation:up2 .2s}

/* charts */
canvas.chart{display:block;width:100%}
.hbar{display:flex;align-items:center;padding:6px 0;gap:10px}
.hbar .lbl{width:78px;flex:none;font-family:var(--head);font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar .trk{flex:1;height:10px;background:var(--ink);border-radius:2px;position:relative;overflow:hidden}
.hbar .trk i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:rgba(114,181,31,.75);transition:width .5s cubic-bezier(.33,1,.68,1)}
.hbar .trk i.ac{background:var(--lime)}
.hbar .v{width:34px;text-align:right;font-family:var(--display);font-weight:900;font-size:18px}
.cmp .b{display:flex;align-items:center;margin-top:8px}
.cmp .b .l{width:92px;flex:none;font-size:9.5px;letter-spacing:1.1px}
.cmp .b .t{flex:1;height:16px}
.cmp .b .t i{display:block;height:16px;border-radius:2px;background:var(--steel);border:1px solid var(--line)}
.cmp .b .t i.cur{background:var(--lime);border:0}
.cmp .b .v{width:30px;text-align:right;font-family:var(--display);font-weight:900;font-size:18px}
.wd{display:flex;align-items:flex-end}
.wd>div{flex:1;display:flex;flex-direction:column;align-items:center}
.wd .dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--line);background:var(--ink);margin-bottom:4px}
.legend{display:inline-flex;align-items:center;gap:6px;padding:2px 0;font-size:12px;color:var(--sub)}
.legend i{width:10px;height:10px;border:1px solid var(--line);border-radius:2px;display:block}

/* onboarding */
.ob-art{height:260px;background:var(--slate);border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;
  background-image:radial-gradient(circle,rgba(52,65,85,.5) .9px,transparent 1.2px);background-size:24px 24px;background-position:12px 12px}
.ob-art img{position:absolute;inset:28px;width:calc(100% - 56px);height:calc(100% - 56px);object-fit:contain}
.ob-art .eyebrow{position:absolute;left:14px;top:14px;color:var(--lime)}
.ob-track{display:flex;transition:transform .38s cubic-bezier(.33,1,.68,1);height:100%}
.ob-track>div{flex:0 0 100%;overflow-y:auto;padding:0 24px}
.arc{display:flex;align-items:center}
.arc .w{padding:5px 8px;border:1px solid var(--line);border-radius:3px;font-size:9.5px;letter-spacing:1.1px;color:var(--muted)}
.arc .w.done{border-color:var(--lime);color:var(--lime)}
.arc .w.on{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.arc .ln{flex:1;height:1px;background:var(--line)}
.arc .ln.on{background:var(--lime)}

/* lab */
.card3d{perspective:830px;height:190px;cursor:pointer}
.card3d .inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.68,-.55,.27,1.55)}
.card3d.flipped .inner{transform:rotateY(180deg)}
.card3d .face{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.card3d .back{background:var(--steel);border:1.4px solid var(--lime);padding:18px}
.card3d .front{background:var(--lime);color:var(--ink);padding:18px;transform:rotateY(180deg);display:flex;flex-direction:column}
.card3d .front .eyebrow{color:var(--ink)}
.gimg{width:76px;height:76px;padding:8px;background:var(--ink);border-radius:4px;flex:none}
.gimg img,.eimg img{width:100%;height:100%;object-fit:contain}
.eimg{width:56px;height:56px;padding:6px;background:var(--ink);border-radius:4px;flex:none}

.wheelbox{position:relative;width:100%;aspect-ratio:1/1}
.wheelbox .rot{position:absolute;inset:0;will-change:transform}
.wheelbox canvas{width:100%;height:100%}
.wheelbox .hub{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:var(--ink);border:2px solid var(--lime);font-family:var(--display);font-weight:900;font-size:20px;color:var(--lime)}
.wheelbox .hub:active{background:var(--steel)}
.wheelbox .ptr{position:absolute;left:50%;top:0;margin-left:-14px}

.slots{padding:14px;background:var(--steel);border:1.5px solid var(--lime);border-radius:10px}
.reels{display:flex;gap:8px;height:210px;margin-top:8px}
.reel{flex:1;position:relative;background:var(--ink);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.reel .strip{position:absolute;left:0;right:0;top:0;will-change:transform}
.reel .strip div{height:78px;padding:10px;display:flex;justify-content:center}
.reel .strip img{height:58px;width:auto;max-width:100%;object-fit:contain}
.reel .win{position:absolute;left:0;right:0;top:64px;height:82px;border-top:1.2px solid rgba(167,244,50,.7);border-bottom:1.2px solid rgba(167,244,50,.7);pointer-events:none}
.reel .fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--ink),rgba(17,24,39,0) 18%,rgba(17,24,39,0) 82%,var(--ink))}
.ldot{width:8px;height:8px;border-radius:50%;background:var(--lime);margin:0 auto}
.ldot.off{background:var(--muted)}

.spotgrid{display:grid;gap:6px;width:100%;height:100%}
.spotgrid button{background:var(--ink);border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;transition:background .15s}
.spotgrid button img{width:100%;height:100%;object-fit:contain}
.spotgrid button.wrong{background:rgba(229,107,111,.25)}
.spotgrid button:active{background:var(--steel)}
.prog{height:5px;background:var(--slate);border-radius:2px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--lime)}
.prog i.low{background:var(--coral)}

/* notes timeline */
.tl{display:flex;align-items:stretch}
.tl .d{width:66px;flex:none;text-align:center;padding-top:16px}
.tl .rail{width:14px;flex:none;display:flex;flex-direction:column;align-items:center}
.tl .rail .a{width:1px;height:22px;background:var(--line)}
.tl .rail .b{width:1px;flex:1;background:var(--line)}
.tl .rail .t{background:transparent}
.tl .rail .sq{width:9px;height:9px;border:1.5px solid var(--lime);background:var(--ink);flex:none}
.tl .rail .sq.on{background:var(--lime)}
.lchip{display:inline-flex;align-items:center;gap:4px;max-width:220px;padding:4px 7px;background:var(--ink);border-radius:3px;font-size:11px;color:var(--sub)}
.lchip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.article-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}

.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.catgrid button{aspect-ratio:.86;background:var(--slate);border:1px solid var(--line);border-radius:5px;padding:6px;display:flex;flex-direction:column;align-items:center;min-width:0}
.catgrid button.on{background:var(--steel);border:1.5px solid var(--lime)}
.catgrid button .im{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.catgrid button img{max-width:100%;max-height:100%;object-fit:contain}
.catgrid button .eyebrow{font-size:9px;letter-spacing:.8px;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catgrid button.on .eyebrow{color:var(--lime)}
.bygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bygrid .panel{aspect-ratio:.82;padding:10px;display:flex;flex-direction:column}
.bygrid .im{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.bygrid .im img{max-width:100%;max-height:100%;object-fit:contain}

@media (min-width:560px){#app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media (max-width:360px){.hero{font-size:40px}.catgrid button .eyebrow{font-size:8px;letter-spacing:.4px}}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01s!important;animation-duration:.01s!important}}