:root{--bg:#fbf4f0;--card:#fff;--ink:#2e2224;--ink-2:#4a3a3c;--muted:#6e5a5c;--rose:#b4606a;--rose-text:#a4505a;--rose-soft:#fbe6e1;--blush:#f6dcd6;--line:#ebcfc6;--line-2:#ddbdb2;--gold:#d9a88c;--green:#2e7d4f;--green-soft:#e5f2ea;--green-ink:#1f5e3a;--red:#c0393b;--red-ink:#a0262f;--red-soft:#fbe1e3;--amber-soft:#fff1dc;--amber-ink:#7a4a00;--plum:#241a1c;--radius:18px;--script:"Great Vibes", cursive;--display:"Cormorant Garamond", Georgia, serif;--body:"Jost", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;margin:0;font-size:16px}a{color:var(--rose-text);text-decoration:none}a:hover{color:#7e3640}button{font-family:inherit}img{max-width:100%}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;line-height:1.1}h1{font-size:34px}h2{font-size:24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #e0a3a9}.app{flex-direction:column;min-height:100dvh;display:flex}.page{flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin:0 auto;padding:20px 20px 110px;display:flex}.page.public{padding-bottom:32px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:10px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.center{text-align:center;align-items:center}.script{font-family:var(--script);font-weight:400;line-height:1}.eyebrow{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.eyebrow.rose{color:var(--rose-text)}.muted{color:var(--muted)}.small{font-size:13px}.lead{color:var(--ink-2);margin:0;font-size:16px;line-height:1.5}.divider-title{align-items:center;gap:10px;display:flex}.divider-title:before,.divider-title:after{content:"";background:var(--gold);flex:1;height:1px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.hero{background:linear-gradient(160deg, var(--blush) 0%, #fff 75%);border-color:#e8c4b7;border-radius:24px;padding:20px;box-shadow:0 10px 30px #b4606a1f}.card.dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}.card.dashed{border:1.5px dashed var(--gold);background:#fff9f6}.stat{text-align:center;padding:14px 8px}.stat b{font-family:var(--display);color:var(--rose-text);font-size:30px;display:block}.stat span{color:var(--muted);font-size:12px}.item{background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:left;width:100%;min-height:64px;font:inherit;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.item:hover{color:var(--ink);border-color:var(--line-2)}.item .title{font-size:15px;font-weight:500}.item .sub{color:var(--muted);font-size:12px}.tile{background:var(--rose-soft);width:44px;height:44px;color:var(--rose-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.tile.dark{background:var(--ink);color:var(--bg)}.btn{background:var(--rose);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #b4606a4d}.btn:hover{color:#fff;background:#a4535d}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{width:100%}.btn.outline{color:var(--rose-text);border:1.5px solid var(--rose);box-shadow:none;background:0 0}.btn.outline:hover{color:var(--rose-text);background:#fff3f0}.btn.ghost{color:var(--ink);border:1px solid var(--line-2);box-shadow:none;background:#fff;font-weight:500}.btn.dark{background:var(--ink);box-shadow:none}.btn.danger{color:var(--red-ink);border:1.5px solid var(--red);box-shadow:none;background:#fff;font-weight:500}.btn.small{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.icon-btn{border:1px solid var(--line);cursor:pointer;width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}label.field{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.input,select.input,textarea.input{border:1px solid var(--line-2);width:100%;min-height:50px;font:inherit;color:var(--ink);background:#fff;border-radius:14px;padding:0 14px;font-size:16px}textarea.input{resize:vertical;min-height:90px;padding:12px 14px}.check{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.check input{width:22px;height:22px;accent-color:var(--rose);flex-shrink:0;margin:0}.error{background:var(--red-soft);color:var(--red-ink);border-radius:12px;padding:10px 14px;font-size:14px}.notice{background:var(--green-soft);color:var(--green-ink);border-radius:12px;padding:10px 14px;font-size:14px}.demo-bar{background:var(--ink);color:var(--bg);text-align:center;padding:8px 16px;font-size:13px}.demo-bar button{color:#f3c9c2;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.seg{background:#f1e2dc;border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{color:#5e4e50;cursor:pointer;background:0 0;border:none;border-radius:11px;min-height:42px;font-size:14px}.seg button[aria-selected=true],.seg button[aria-pressed=true]{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 2px 8px #2e222414}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-size:14px}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.badge{letter-spacing:.06em;background:var(--rose-soft);color:#8e3f49;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge.live{background:var(--rose);color:#fff}.badge.done{color:#5e4e50;background:#ede6e3}.badge.ok{background:var(--green-soft);color:var(--green-ink)}.badge.warn{background:var(--amber-soft);color:var(--amber-ink)}.badge.bad{background:var(--red-soft);color:var(--red-ink)}.bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bar>i{background:var(--rose);border-radius:4px;height:100%;display:block}.switch{cursor:pointer;background:#cdb8b2;border:none;border-radius:16px;flex-shrink:0;width:52px;height:32px;padding:3px;display:flex}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 1px 3px #0003}.switch[aria-checked=true]{background:var(--rose);justify-content:flex-end}.setting{border-bottom:1px solid #f3e4de;align-items:center;gap:12px;min-height:60px;display:flex}.setting:last-child{border-bottom:none}.topbar{align-items:center;gap:12px;display:flex}.logo-round{object-fit:cover;border:1.5px solid var(--gold);border-radius:50%;width:48px;height:48px}.bottom-nav{border-top:1px solid var(--line);padding:8px 6px calc(10px + env(safe-area-inset-bottom));z-index:10;background:#fff;position:fixed;bottom:0;left:0;right:0}.bottom-nav ul{grid-template-columns:repeat(5,minmax(0,1fr));max-width:560px;margin:0 auto;padding:0;list-style:none;display:grid}.bottom-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:11px;display:flex}.bottom-nav a.active{color:var(--rose-text);font-weight:600}.qbtns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qbtn{border:1.5px solid var(--line-2);min-height:64px;color:var(--ink);letter-spacing:.08em;cursor:pointer;background:#fff;border-radius:18px;font-size:18px;font-weight:600}.qbtn.right{background:var(--green);border-color:var(--green);color:#fff}.qbtn.wrong{background:var(--red);border-color:var(--red);color:#fff}.qbtn.dim{color:#8c7b7d;border-color:#e6d5cf}.qbtn.picked{background:var(--ink);color:#fff;border-color:var(--ink)}.live-page{background:var(--plum);color:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.live-frame{flex:1;min-height:0;position:relative}.live-frame iframe{border:0;position:absolute;inset:0;width:100%!important;height:100%!important}.teacher{flex-wrap:wrap;min-height:100dvh;display:flex}.teacher aside{background:var(--ink);color:var(--bg);flex-direction:column;flex:230px;gap:20px;padding:22px 16px;display:flex}.teacher aside nav{flex-direction:column;gap:4px;display:flex}.teacher aside button{color:#f3e4de;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;min-height:44px;padding:0 12px;font-size:15px}.teacher aside button[aria-current=page]{background:var(--rose);color:#fff;font-weight:500}.teacher main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;padding:26px clamp(16px,3vw,36px) 48px;display:flex}.tgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.table-box{overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}table.data th{text-align:left;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 8px;font-size:12px;font-weight:600}table.data td{vertical-align:middle;border-bottom:1px solid #f3e4de;padding:10px 8px}@media (width>=900px){.page{padding-top:32px}}.install-banner{z-index:50;border:1px solid var(--line);background:#fff;border-radius:18px;max-width:536px;margin:0 auto;padding:14px;position:fixed;top:12px;left:12px;right:12px;box-shadow:0 16px 40px #2e22242e}