/* ==== Tiếng Việt 5 — shared styles (component system from the weekly packs) ==== */
:root{
    --pink:#ff9db3; --pink-soft:#ffe3ea;
    --yellow:#ffd66b; --yellow-soft:#fff3d1;
    --green:#8fd694; --green-soft:#e3f7e4;
    --blue:#8ec9f2; --blue-soft:#e2f1fc;
    --purple:#c3a6f0; --purple-soft:#efe6fc;
    --ink:#4a4258; --ink-soft:#7d7690;
    --card:#ffffff; --bg:#fff8f3;
    --ok:#37b24d; --no:#e8590c;
    --shadow:0 6px 0 rgba(0,0,0,.06), 0 10px 24px rgba(120,90,120,.10);
  }
  *{box-sizing:border-box;}
  body{margin:0; font-family:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif; color:var(--ink);
    background:radial-gradient(circle at 12% 8%, #fff0d9 0 22%, transparent 22%),radial-gradient(circle at 88% 4%, #ffe3ea 0 18%, transparent 18%),linear-gradient(180deg,#fff8f3 0%, #f6f0ff 100%);
    background-attachment:fixed; line-height:1.55; padding:0 14px 60px;}
  .wrap{max-width:880px; margin:0 auto;}
  h1,h2,h3{font-family:'Baloo 2',system-ui,sans-serif; line-height:1.2; margin:0;}
  a{color:#d6336c;}
  header{text-align:center; padding:26px 20px 20px; margin:18px 0 6px; background:var(--card); border-radius:28px; box-shadow:var(--shadow); border:3px dashed var(--pink);}
  header h1{font-size:clamp(1.5rem,4.5vw,2.2rem); color:#e64980;}
  header .sub{font-weight:700; color:var(--ink-soft); margin-top:6px;}
  .badges{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:14px;}
  .badge{background:var(--yellow-soft); border:2px solid var(--yellow); color:#b8860b; padding:5px 13px; border-radius:999px; font-weight:800; font-size:.82rem;}
  .badge.time{background:var(--green-soft); border-color:var(--green); color:#2f9e44;}
  .badge.theme{background:var(--purple-soft); border-color:var(--purple); color:#7048e8;}
  .progress-wrap{position:sticky; top:0; z-index:20; padding:10px 0 4px; background:linear-gradient(180deg,#fff8f3 70%, transparent);}
  .progress-bar{height:16px; background:#fff; border:2px solid var(--pink); border-radius:999px; overflow:hidden; box-shadow:var(--shadow);}
  .progress-fill{height:100%; width:0%; background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green)); transition:width .4s ease;}
  .progress-label{text-align:center; font-weight:800; font-size:.8rem; color:var(--ink-soft); margin-top:5px;}
  section{background:var(--card); border-radius:24px; padding:22px 20px; margin:18px 0; box-shadow:var(--shadow); border:2px solid #f1e6ee;}
  .sec-head{display:flex; align-items:center; gap:12px; margin-bottom:6px;}
  .sec-emoji{font-size:1.8rem; flex:none;}
  .sec-head h2{font-size:1.25rem;}
  .sec-head .en{font-weight:700; color:var(--ink-soft); font-size:.9rem;}
  .lesson-tag{display:inline-block; font-size:.72rem; font-weight:800; padding:3px 10px; border-radius:999px; margin-left:auto; flex:none;}
  .tag-mon{background:var(--pink-soft); color:#e64980;} .tag-wed{background:var(--yellow-soft); color:#b8860b;}
  .intro{font-size:.95rem; color:var(--ink-soft); margin:8px 0 14px;}
  .scene{width:100%; height:auto; display:block; border-radius:18px; margin:6px 0 14px; box-shadow:0 4px 14px rgba(120,90,120,.12);}
  /* Week overview */
  .week{display:grid; gap:8px;}
  .week-row{display:grid; grid-template-columns:78px 1fr; gap:10px; align-items:center; background:#faf6ff; border-radius:14px; padding:8px 12px; border:1px solid #eee1f5;}
  .week-row .day{font-weight:800; color:#7048e8; font-size:.82rem;}
  .week-row .task{font-weight:700; font-size:.9rem;}
  .week-row .task small{display:block; font-weight:600; color:var(--ink-soft);}
  /* Homework callout */
  .hw{margin-top:14px; background:#fff4e6; border:2px solid #ffa94d; border-radius:16px; padding:14px 16px;}
  .hw h3{color:#e8590c; font-size:1.05rem; margin-bottom:6px;}
  .hw b{color:#d9480f;}
  /* Story map */
  .map{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin:6px 0 14px;}
  .map div{border-radius:14px; padding:11px 13px; border:2px solid; font-size:.9rem;}
  .map .lab{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:.85rem; display:block; margin-bottom:2px;}
  .m1{background:var(--blue-soft); border-color:#8ec9f2;} .m1 .lab{color:#1971c2;}
  .m2{background:var(--pink-soft); border-color:var(--pink);} .m2 .lab{color:#e64980;}
  .m3{background:var(--yellow-soft); border-color:var(--yellow);} .m3 .lab{color:#b8860b;}
  .m4{background:var(--green-soft); border-color:var(--green);} .m4 .lab{color:#2b8a3e;}
  /* Steps */
  .retell{margin:8px 0 4px;} .retell h3{font-size:1rem; color:var(--purple); margin-bottom:8px;}
  .step{display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start; margin-bottom:10px;}
  .step .num{width:34px; height:34px; border-radius:50%; background:var(--purple); color:#fff; font-family:'Baloo 2',sans-serif; font-weight:800; display:flex; align-items:center; justify-content:center; flex:none;}
  .step .txt{background:#fbf7ff; border:1px solid #ece0fa; border-radius:12px; padding:9px 12px;}
  .step .vi{font-weight:800; color:var(--ink);} .step .en{font-size:.85rem; color:var(--ink-soft); font-weight:600;}
  /* Flip cards */
  .cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-top:6px;}
  .flip{perspective:900px; height:130px; cursor:pointer;}
  .flip-inner{position:relative; width:100%; height:100%; transition:transform .5s; transform-style:preserve-3d;}
  .flip.on .flip-inner{transform:rotateY(180deg);}
  .flip-face{position:absolute; inset:0; backface-visibility:hidden; border-radius:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:10px; border:2px solid;}
  .flip-front{background:var(--blue-soft); border-color:#8ec9f2;}
  .flip-front .vi{font-family:'Baloo 2',sans-serif; font-size:1.12rem; color:#1971c2; font-weight:800;}
  .flip-front .hint{font-size:.72rem; color:var(--ink-soft); margin-top:6px;}
  .flip-back{background:var(--green-soft); border-color:#8fd694; transform:rotateY(180deg);}
  .flip-back .en{font-weight:800; color:#2b8a3e; font-size:1rem;} .flip-back .ex{font-size:.75rem; color:var(--ink-soft); margin-top:6px;}
  .mini-h{font-family:'Baloo 2',sans-serif; font-weight:800; color:var(--ink); margin:16px 0 2px; font-size:1rem;}
  /* Full text */
  .fulltext{margin-top:14px; border:2px solid var(--blue); border-radius:16px; overflow:hidden;}
  .fulltext > summary{list-style:none; cursor:pointer; background:var(--blue-soft); color:#1971c2; font-family:'Baloo 2',sans-serif; font-weight:800; padding:12px 15px;}
  .fulltext > summary::-webkit-details-marker{display:none;} .fulltext > summary::marker{content:'';}
  .fulltext > summary::before{content:'📜 ';}
  .fulltext .body{padding:16px; background:#fff; border-top:2px solid var(--blue-soft);}
  .fulltext .ttl{font-family:'Baloo 2',sans-serif; font-weight:800; text-align:center; font-size:1.2rem; color:var(--ink);}
  .fulltext .by{text-align:center; font-size:.8rem; color:var(--ink-soft); margin-bottom:12px;}
  .tr-toggle{display:block; margin:0 auto 16px; background:var(--green-soft); border:2px solid var(--green); color:#2b8a3e; font-weight:800; font-family:'Baloo 2',sans-serif; padding:6px 15px; border-radius:999px; cursor:pointer; font-size:.82rem;}
  .para{margin-bottom:13px; line-height:1.65; max-width:62ch;}
  .para .vn{font-weight:600; color:var(--ink);} .para .tr{display:block; font-size:.85rem; color:var(--ink-soft); font-style:italic; margin-top:4px;}
  .stanza{margin-bottom:14px; line-height:1.7; max-width:62ch;}
  .stanza .vn{font-weight:700; color:var(--ink); white-space:pre-line;}
  .stanza .tr{display:block; font-size:.85rem; color:var(--ink-soft); font-style:italic; margin-top:4px; white-space:pre-line;}
  .body.hide-tr .tr{display:none;}
  /* Reveal Q */
  .predict{background:#fff9ec; border:2px dashed var(--yellow); border-radius:16px; padding:12px 14px; margin-top:10px;}
  .predict p{margin:0 0 8px; font-weight:700;}
  .reveal-btn{background:var(--yellow); border:none; color:#7a5a00; font-weight:800; padding:7px 16px; border-radius:999px; cursor:pointer; font-family:'Baloo 2',sans-serif;}
  .reveal-btn:active{transform:translateY(2px);}
  .answer{display:none; margin-top:10px; background:#fff; border-radius:12px; padding:10px 12px; font-size:.9rem; border:1px solid #ffe08a;}
  .answer.show{display:block;}
  /* Writing helper */
  .chips{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0;}
  .chip{background:var(--purple-soft); border:2px solid var(--purple); color:#7048e8; font-weight:800; font-size:.8rem; padding:5px 12px; border-radius:999px;}
  .two{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0;}
  .yesbox,.nobox{border-radius:16px; padding:13px 15px; border:2px solid;}
  .yesbox{background:var(--green-soft); border-color:var(--green);} .yesbox h4{color:#2b8a3e;}
  .nobox{background:#ffecec; border-color:#ff8787;} .nobox h4{color:#e03131;}
  .yesbox h4,.nobox h4{font-family:'Baloo 2',sans-serif; margin:0 0 6px; font-size:.95rem;}
  .yesbox ul,.nobox ul{margin:0; padding-left:18px; font-size:.85rem;} .yesbox li,.nobox li{margin-bottom:3px;}
  .ways{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:10px 0;}
  .way{background:#fbf7ff; border:2px solid var(--purple); border-radius:14px; padding:12px; font-size:.86rem;}
  .way b{display:block; font-family:'Baloo 2',sans-serif; color:#7048e8; margin-bottom:3px;}
  .senses{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:10px 0;}
  .sense{border-radius:14px; padding:12px; border:2px solid; font-size:.85rem;}
  .s1{background:var(--blue-soft); border-color:#8ec9f2;} .s2{background:var(--yellow-soft); border-color:var(--yellow);} .s3{background:var(--pink-soft); border-color:var(--pink);} .s4{background:var(--green-soft); border-color:var(--green);}
  .sense b{display:block; font-family:'Baloo 2',sans-serif; margin-bottom:4px;}
  .struct{display:grid; gap:10px; margin:10px 0;}
  .part{display:grid; grid-template-columns:96px 1fr; gap:0; border-radius:14px; overflow:hidden; border:2px solid #ece0fa;}
  .part .plab{font-family:'Baloo 2',sans-serif; font-weight:800; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; padding:10px; font-size:.9rem;}
  .p1 .plab{background:#4dabf7;} .p2 .plab{background:#ff6b9d;} .p3 .plab{background:#69db7c;}
  .part .pbody{padding:11px 13px; background:#fff; font-size:.86rem;}
  .part .pbody .ex{display:block; margin-top:6px; font-size:.8rem; color:var(--ink-soft); font-style:italic;}
  /* Planner */
  .planner{background:#fbf7ff; border:2px solid var(--purple); border-radius:18px; padding:16px; margin-top:14px;}
  .pfield{margin-bottom:12px;}
  .pfield label{display:block; font-weight:800; margin-bottom:4px; font-size:.9rem; color:var(--ink);}
  .pfield input,.pfield textarea{width:100%; border:2px solid #d6c4f0; border-radius:12px; padding:9px 12px; font-family:inherit; font-size:.95rem; background:#fff; color:var(--ink);}
  .pfield input:focus,.pfield textarea:focus{outline:none; border-color:var(--purple);}
  .pfield textarea{resize:vertical; min-height:52px;}
  .pfield .hintline{font-size:.78rem; color:var(--ink-soft); font-weight:600; margin-top:3px;}
  .pbtns{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px;}
  .pbtn{background:var(--purple); border:none; color:#fff; font-weight:800; font-family:'Baloo 2',sans-serif; padding:8px 16px; border-radius:999px; cursor:pointer;}
  .pbtn.ghost{background:#fff; color:#7048e8; border:2px solid var(--purple);}
  .saved-note{font-size:.78rem; color:#2b8a3e; font-weight:700; margin-top:6px; min-height:1em;}
  /* Grammar */
  .grid3{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin:12px 0;}
  .gcard{border-radius:16px; padding:14px; border:2px solid;}
  .gcard h3{font-size:1rem;} .gcard .en{font-size:.8rem; font-weight:700; color:var(--ink-soft);}
  .gcard ul{margin:8px 0 0; padding-left:18px; font-size:.85rem;}
  .g-noun{background:var(--pink-soft); border-color:var(--pink);} .g-noun h3{color:#e64980;}
  .g-verb{background:var(--blue-soft); border-color:#8ec9f2;} .g-verb h3{color:#1971c2;}
  .g-adj{background:var(--green-soft); border-color:var(--green);} .g-adj h3{color:#2b8a3e;}
  .game{background:#fbf7ff; border:2px solid var(--purple); border-radius:18px; padding:18px 16px; margin-top:14px; text-align:center;}
  .game .word{font-family:'Baloo 2',sans-serif; font-size:2rem; color:#7048e8; margin:6px 0 4px; min-height:2.2rem;}
  .game .qn{font-size:.8rem; color:var(--ink-soft); font-weight:700;}
  .opts{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:14px 0 6px;}
  .opt{border:2px solid; border-radius:14px; padding:10px 14px; font-weight:800; cursor:pointer; font-family:'Baloo 2',sans-serif; font-size:.92rem; background:#fff; transition:transform .1s;}
  .opt.x{border-color:var(--pink); color:#e64980;} .opt.h{border-color:#8ec9f2; color:#1971c2;} .opt.t{border-color:var(--green); color:#2b8a3e;}
  .opt:active{transform:scale(.95);}
  .opt.correct{background:var(--green); color:#fff; border-color:var(--green);} .opt.wrong{background:#ffc9c9; border-color:#e8590c; color:#c92a2a;}
  .opt:disabled{cursor:default; opacity:.85;}
  .feedback{min-height:1.4rem; font-weight:800; margin-top:6px;} .feedback.good{color:var(--ok);} .feedback.bad{color:var(--no);}
  .score{font-weight:800; color:var(--ink-soft); font-size:.85rem;}
  .again{margin-top:10px; background:var(--purple); border:none; color:#fff; font-weight:800; padding:7px 16px; border-radius:999px; cursor:pointer; font-family:'Baloo 2',sans-serif; display:none;}
  /* Checklist */
  .checklist{list-style:none; padding:0; margin:8px 0 0;}
  .checklist li{display:flex; align-items:center; gap:10px; padding:9px 12px; background:#f7fff7; border:1px solid #d3f0d5; border-radius:12px; margin-bottom:8px; cursor:pointer; font-weight:700;}
  .checklist li .box{width:24px; height:24px; border:2px solid var(--green); border-radius:8px; flex:none; display:flex; align-items:center; justify-content:center; font-weight:900; color:#fff; background:#fff; transition:.2s;}
  .checklist li.done .box{background:var(--green);} .checklist li.done{opacity:.7; text-decoration:line-through;}
  .footer-note{text-align:center; font-size:.8rem; color:var(--ink-soft); margin-top:20px;}
  .version-note{text-align:center; font-size:.75rem; font-weight:700; color:var(--ink-soft); margin-top:4px; background:var(--yellow-soft); border:1px solid var(--yellow); border-radius:999px; padding:5px 12px; width:fit-content; max-width:100%; margin-left:auto; margin-right:auto;}
  .celebrate{text-align:center; font-family:'Baloo 2',sans-serif; font-size:1.3rem; color:#e64980; margin-top:14px; display:none;}
  .celebrate.show{display:block; animation:pop .5s ease;}
  @keyframes pop{0%{transform:scale(.6); opacity:0;}100%{transform:scale(1); opacity:1;}}
  @media(max-width:520px){ .week-row{grid-template-columns:64px 1fr;} .two{grid-template-columns:1fr;} .part{grid-template-columns:76px 1fr;} }

/* ==== App shell: header bar, login, home, dashboard ==== */
.appbar{position:sticky; top:0; z-index:40; display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:var(--card); border:2px solid #f1e6ee; box-shadow:var(--shadow); border-radius:0 0 20px 20px;
  padding:10px 16px; margin:0 -14px 6px;}
.appbar .brand{font-family:'Baloo 2',sans-serif; font-weight:800; color:#e64980; font-size:1.05rem; display:flex; align-items:center; gap:8px;}
.appbar .brand a{color:inherit; text-decoration:none;}
.appbar .spacer{flex:1;}
.appbar .who{font-weight:700; color:var(--ink-soft); font-size:.85rem;}
.appbar .ver{font-size:.72rem; font-weight:800; color:var(--ink-soft); background:#f1f0f4; border:1px solid #e6e2ec; border-radius:999px; padding:3px 9px; white-space:nowrap;}
.appbar .pill{background:var(--purple-soft); border:2px solid var(--purple); color:#7048e8; border-radius:999px; padding:5px 12px; font-weight:800; font-size:.82rem; text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
.appbar select{border:2px solid var(--purple); border-radius:999px; padding:6px 12px; font-family:inherit; font-weight:800; color:#7048e8; background:#fff; font-size:.82rem;}
.appbar .logout{background:#fff; border:2px solid var(--pink); color:#e64980;}

/* Center panels (login / not set up) */
.panel{max-width:520px; margin:8vh auto 0; background:var(--card); border-radius:28px; box-shadow:var(--shadow); border:3px dashed var(--pink); padding:34px 28px; text-align:center;}
.panel h1{font-family:'Baloo 2',sans-serif; color:#e64980; font-size:1.8rem;}
.panel p{color:var(--ink-soft); font-weight:600;}
.gbtn{display:inline-flex; align-items:center; gap:10px; background:#fff; border:2px solid #dadce0; border-radius:999px; padding:11px 20px; font-family:'Baloo 2',sans-serif; font-weight:800; color:#3c4043; text-decoration:none; font-size:1rem; box-shadow:0 2px 6px rgba(0,0,0,.08); cursor:pointer;}
.gbtn:hover{box-shadow:0 3px 10px rgba(0,0,0,.14);}
.gbtn svg{width:20px; height:20px; flex:none;}

/* Home: week cards */
.home-hero{text-align:center; padding:22px 20px; margin:14px 0; background:var(--card); border-radius:24px; box-shadow:var(--shadow); border:2px solid #f1e6ee;}
.home-hero h1{font-family:'Baloo 2',sans-serif; color:#e64980; font-size:clamp(1.4rem,4vw,2rem);}
.home-hero p{color:var(--ink-soft); font-weight:700; margin-top:4px;}
.weekgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; margin:16px 0;}
.weekcard{display:block; text-decoration:none; color:inherit; background:var(--card); border:2px solid #f1e6ee; border-radius:20px; box-shadow:var(--shadow); padding:16px; transition:transform .12s;}
.weekcard:hover{transform:translateY(-3px);}
.weekcard .wtitle{font-family:'Baloo 2',sans-serif; font-weight:800; color:#7048e8; font-size:1.1rem;}
.weekcard .wdates{font-weight:700; color:var(--ink-soft); font-size:.82rem; margin:2px 0 10px;}
.weekcard .wtopics{font-size:.85rem; color:var(--ink-soft); font-weight:600;}
.weekcard .wbar{height:12px; background:#f1e6ee; border-radius:999px; overflow:hidden; margin-top:12px;}
.weekcard .wbar span{display:block; height:100%; background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green)); width:0;}
.weekcard .wpct{font-size:.75rem; font-weight:800; color:var(--ink-soft); margin-top:5px;}

/* Dashboard table */
.tablewrap{overflow-x:auto; background:var(--card); border-radius:20px; box-shadow:var(--shadow); border:2px solid #f1e6ee; padding:8px;}
table.dash{border-collapse:collapse; width:100%; font-size:.88rem;}
table.dash th, table.dash td{padding:10px 12px; text-align:left; border-bottom:1px solid #f1e6ee; white-space:nowrap;}
table.dash th{font-family:'Baloo 2',sans-serif; color:#7048e8; font-size:.82rem;}
table.dash td.name{font-weight:800; color:var(--ink);}
.pct{display:inline-block; min-width:44px; text-align:center; font-weight:800; border-radius:999px; padding:3px 8px; font-size:.8rem; font-variant-numeric:tabular-nums;}
.pct.lo{background:#ffe3e3; color:#e03131;} .pct.mid{background:var(--yellow-soft); color:#b8860b;} .pct.hi{background:var(--green-soft); color:#2b8a3e;} .pct.none{background:#f1f0f4; color:#adb5bd;}
.addstudent{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:14px 0;}
.addstudent input{border:2px solid var(--purple); border-radius:12px; padding:8px 12px; font-family:inherit; font-size:.9rem;}
.muted{color:var(--ink-soft); font-weight:600; font-size:.85rem;}

/* ==== Activity hub (per-week card menu) ==== */
[hidden]{display:none !important;}
.hub{margin:16px 0;}
/* Even grid: 3 across on desktop (6 → 3+3, 5 → 3+2), 2 on tablet, 1 on phone. */
.acts{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; align-items:stretch;}
@media(max-width:560px){ .acts{grid-template-columns:1fr 1fr;} }
@media(max-width:380px){ .acts{grid-template-columns:1fr;} }
.actcard{display:flex; flex-direction:column; cursor:pointer; text-align:left; font-family:inherit; background:var(--card); border:2px solid #f1e6ee; border-radius:18px; box-shadow:var(--shadow); padding:13px 15px; transition:transform .12s;}
.actcard:hover{transform:translateY(-3px);}
.actcard:active{transform:scale(.98);}
.actcard .ic{font-size:1.65rem; line-height:1;}
.actcard .lab{font-family:'Baloo 2',sans-serif; font-weight:800; color:var(--ink); margin-top:6px; font-size:.98rem;}
.actcard .foot{margin-top:auto; padding-top:12px;}   /* pins bar + caption to the bottom, so they align across cards */
.actcard .mini{height:9px; background:#f1e6ee; border-radius:999px; overflow:hidden;}
.actcard .mini span{display:block; height:100%; width:0; background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green)); transition:width .3s;}
.actcard .pc{font-size:.72rem; font-weight:800; color:var(--ink-soft); margin-top:6px;}
.actcard.done{border-color:var(--green); background:var(--green-soft);}
.actbar{display:flex; align-items:center; gap:12px; margin:14px 0 2px;}
.backbtn{background:var(--purple); color:#fff; border:none; font-family:'Baloo 2',sans-serif; font-weight:800; border-radius:999px; padding:9px 18px; cursor:pointer; font-size:.92rem;}
.backbtn:active{transform:translateY(1px);}
.actbar .cur{font-family:'Baloo 2',sans-serif; font-weight:800; color:var(--ink-soft);}