.tw-topbar{z-index:20;box-shadow:var(--shadow);background:#fffffff0;border-radius:1.1rem;flex-wrap:wrap;align-items:center;gap:1.1rem;padding:.65rem 1.2rem;display:flex;position:relative}.tw-topbar>.logo{width:auto;height:1.6rem;display:block}.tw-topbar>.student{border-left:1px solid var(--hairline);font-family:var(--font-heading);color:var(--ink-soft);align-items:center;gap:.45rem;margin-right:auto;padding-left:1.1rem;font-weight:700;display:flex}.tw-topbar>.student>img{object-fit:contain;border-radius:50%;width:2rem;height:2rem}.tw-topbar>.stats{align-items:center;display:flex}.tw-topbar>.stats>.stat{border-left:1px solid var(--hairline);align-items:center;gap:.55rem;padding:0 1.2rem;display:flex}.tw-topbar>.stats>.stat:first-child{border-left:0}.tw-topbar>.stats>.stat>img{width:auto;height:1.7rem;display:block}.tw-topbar>.stats>.stat b{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.12rem;font-weight:800;line-height:1.1;display:block}.tw-topbar>.stats>.stat small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.64rem;font-weight:800;line-height:1.2;display:block}.tw-topbar>.stats>.stat.flame>img{transform-origin:50% 90%;animation:1.6s ease-in-out infinite tw-flick}.tw-topbar>.stats>.stat.flame.wobbles>img{animation-duration:.7s}.tw-topbar>.stats>.stat.flame.wobbles b{color:#c2610a}.tw-topbar>.stats>.stat.flame.out>img{filter:grayscale();opacity:.55;animation:none}.tw-topbar>.stats>.stat.flame.out b{color:var(--ink-soft)}.tw-topbar>.stats>.stat>.wood{letter-spacing:-.15em;font-size:.8rem;font-style:normal;line-height:1}.tw-topbar>.stats>.stat.full b{color:#b57900}.tw-topbar>.stats>.stat.full>.ring{animation:.6s ease-in-out 2 tw-goal}.tw-topbar>.stats>.stat>.ring{width:2.5rem;height:2.5rem;position:relative}.tw-topbar>.stats>.stat>.ring>svg{display:block}.tw-topbar>.stats>.stat>.ring>img{width:auto;height:56%;margin:auto;position:absolute;inset:22%}.tw-topbar>.mailbox{align-items:center;font-size:1.5rem;line-height:1;text-decoration:none;display:flex;position:relative}.tw-topbar>.mailbox>b{background:var(--coral-button);color:#fff;text-align:center;border-radius:1rem;min-width:1.1rem;padding:0 .25rem;font-size:.7rem;font-weight:800;position:absolute;top:-.35rem;right:-.5rem}.tw-topbar>.mailbox:hover{transform:scale(1.1)}.tw-topbar>.account{align-items:center;gap:.5rem;display:flex}.tw-topbar>.account>form{margin:0}.tw-topbar>.account>.parent{color:var(--ink-soft);background:var(--sky);border-radius:2rem;padding:.3rem .9rem;font-size:.85rem;font-weight:800;text-decoration:none}.tw-topbar>.account>.parent:hover{color:var(--ocean-deep)}.tw-topbar>.account button{font:inherit;color:var(--ink-soft);background:var(--sky);cursor:pointer;border:0;border-radius:2rem;padding:.3rem .9rem;font-size:.85rem;font-weight:800}.tw-topbar>.account button:hover{color:var(--ocean-deep)}@media (width<=46rem){.tw-topbar>.stats>.stat{padding:0 .7rem}}@keyframes tw-flick{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.1)rotate(2deg)}}@keyframes tw-goal{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)scale(1.08)}75%{transform:rotate(8deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.tw-topbar>.stats>.stat.flame>img,.tw-topbar>.stats>.stat.full>.ring{animation:none}}
