:root{--bc-green:#0b6b4f;--bc-ink:#14251f;--bc-muted:#6d7d76;--bc-line:#dce3dc;--bc-cream:#f6f4ec;--bc-lime:#d9f36a}.bcapp-root{min-height:100vh;background:var(--bc-cream);color:var(--bc-ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}.bcapp-root *{box-sizing:border-box}.bcapp-root button,.bcapp-root input{font:inherit}.bc-top{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bc-line);background:#fff}.bc-top>a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bc-ink)}.bc-top>a>b{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--bc-green);color:var(--bc-lime)}.bc-top strong,.bc-top small{display:block}.bc-top small{font-size:10px;color:var(--bc-muted)}.bc-top>button{border:1px solid var(--bc-line);background:#fff;padding:9px 13px;border-radius:9px}.bc-content{width:min(1180px,92vw);margin:auto;padding:45px 0 80px}.bc-primary{border:0!important;background:var(--bc-green)!important;color:#fff!important;padding:12px 20px!important;border-radius:10px!important;font-weight:800}.bc-error{background:#fff0ef;color:#9f2d2d;padding:10px;border-radius:9px;font-size:12px}.bc-auth{min-height:calc(100vh - 166px);display:grid;grid-template-columns:1fr 470px;gap:7vw;align-items:center}.bc-auth>div:first-child{padding:45px;border-radius:25px;background:linear-gradient(145deg,#123e31,#075b42);color:#fff}.bc-auth h1{font-size:55px;line-height:1.1;margin:15px 0}.bc-auth>div p{color:#c0d6cd}.bc-auth form,.bc-create,.bc-progress,.bc-lessons,.bc-table{background:#fff;border:1px solid var(--bc-line);border-radius:20px;padding:24px}.bc-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f0;padding:4px;border-radius:10px}.bc-tabs button{border:0;background:transparent;padding:10px;border-radius:8px}.bc-tabs button.active{background:#fff;color:var(--bc-green);font-weight:800}.bc-auth label{display:block;font-size:12px;font-weight:700;margin:11px 0}.bc-auth input,.bc-create input,.bc-join input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--bc-line);border-radius:9px}.bc-auth form>.bc-primary{width:100%;margin-top:15px}.bc-auth #bc-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bc-auth #bc-roles button{padding:12px;border:1px solid var(--bc-line);background:#fff;border-radius:10px}.bc-auth #bc-roles button.selected{border-color:var(--bc-green);background:#eff9f4}.bc-heading small{color:var(--bc-green);font-weight:800}.bc-heading h1{font-size:38px;margin:6px 0}.bc-heading p{color:var(--bc-muted)}.bc-create form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.bc-create input{margin:0}.bc-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.bc-class-grid article{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--bc-line);border-radius:14px;padding:14px;cursor:pointer}.bc-class-grid article>span{width:38px;height:38px;display:grid;place-items:center;background:#e6f4ed;color:var(--bc-green);border-radius:11px}.bc-class-grid article>div{flex:1}.bc-class-grid strong,.bc-class-grid small,.bc-class-grid code{display:block}.bc-class-grid small{color:var(--bc-muted)}.bc-class-grid code{color:var(--bc-green);font-size:10px}.bc-class-grid aside{display:flex;gap:4px}.bc-class-grid aside button{border:1px solid var(--bc-line);background:#fff;border-radius:6px}.bc-empty{text-align:center;padding:32px;border:1px dashed var(--bc-line);border-radius:15px;color:var(--bc-muted);grid-column:1/-1}.bc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.bc-stats>div{background:#fff;border:1px solid var(--bc-line);border-radius:15px;padding:18px}.bc-stats small,.bc-stats b{display:block}.bc-stats small{color:var(--bc-muted)}.bc-stats b{font-size:30px;margin-top:8px}.bc-table>div{display:grid;grid-template-columns:1fr 2fr .6fr .7fr 1fr;gap:12px;padding:12px;border-bottom:1px solid #edf0ec;font-size:12px}.bc-table .head{color:var(--bc-muted);font-weight:800}.bc-join,.bc-result{max-width:520px;margin:80px auto;text-align:center;background:#fff;border:1px solid var(--bc-line);border-radius:22px;padding:35px}.bc-join>span{width:60px;height:60px;display:grid;place-items:center;margin:auto;background:var(--bc-lime);color:var(--bc-green);border-radius:18px;font-size:25px}.bc-join form{display:grid;gap:10px}.bc-progress{margin:25px 0}.bc-progress>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bc-progress article{border:1px solid var(--bc-line);border-radius:13px;padding:14px}.bc-progress small,.bc-progress strong,.bc-progress b,.bc-progress span{display:block}.bc-progress small{color:var(--bc-green)}.bc-progress strong{font-size:12px;min-height:38px}.bc-progress b{font-size:22px;margin:7px 0}.bc-progress i{display:block;height:6px;background:#edf0ec;border-radius:8px}.bc-progress em{display:block;height:100%;background:var(--bc-green);border-radius:8px}.bc-progress span{font-size:9px;color:var(--bc-muted);margin-top:8px}.bc-lessons>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bc-lessons button{overflow:hidden;text-align:right;border:1px solid var(--bc-line);background:#fff;border-radius:16px;padding:0;color:var(--bc-ink)}.bc-lessons button>span{height:105px;display:flex;align-items:center;justify-content:space-between;padding:18px;color:#fff;background:linear-gradient(135deg,#164e3d,#0b6b4f)}.bc-lessons .electricity>span{background:linear-gradient(135deg,#163b59,#1f7393)}.bc-lessons .optics>span{background:linear-gradient(135deg,#402d68,#835eac)}.bc-lessons .chemistry>span{background:linear-gradient(135deg,#8a5217,#d48a27)}.bc-lessons .organic>span{background:linear-gradient(135deg,#48671f,#85a62b)}.bc-lessons .matter>span{background:linear-gradient(135deg,#335b57,#52a095)}.bc-lessons button>span i{font-size:30px;font-style:normal}.bc-lessons button>span em{font-style:normal;opacity:.7}.bc-lessons button>small,.bc-lessons button>strong,.bc-lessons button>b{display:block;margin:12px 15px}.bc-lessons button>small{color:var(--bc-green)}.bc-lessons button>strong{font-size:13px;min-height:38px}.bc-lessons button>b{border-top:1px solid var(--bc-line);padding-top:10px;color:var(--bc-green);font-size:11px}.bc-quiz{max-width:900px;margin:auto}.bc-quiz header{display:flex;justify-content:space-between;margin-bottom:18px}.bc-q{background:#fff;border:1px solid var(--bc-line);border-radius:22px;padding:30px}.bc-q h2{text-align:left;line-height:1.6}.bc-q>button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;margin:9px 0;padding:13px;border:1px solid var(--bc-line);border-radius:12px;background:#fafbf8}.bc-q>button.selected{border-color:var(--bc-green);background:#eff9f4}.bc-q>button span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--bc-line);border-radius:8px}.bc-q footer{display:flex;justify-content:space-between;margin-top:22px}.bc-q footer button{padding:11px 18px;border:1px solid var(--bc-line);background:#fff;border-radius:9px}.bc-result h1{font-size:70px;color:var(--bc-green);margin:10px}.bcapp-loading{text-align:center;padding:80px}
@media(max-width:850px){.bc-auth{grid-template-columns:1fr}.bc-auth>div:first-child{display:none}.bc-class-grid,.bc-lessons>div,.bc-progress>div{grid-template-columns:1fr 1fr}.bc-create form{grid-template-columns:1fr}.bc-table{overflow:auto}.bc-table>div{min-width:720px}}
@media(max-width:580px){.bc-class-grid,.bc-lessons>div,.bc-progress>div{grid-template-columns:1fr}.bc-content{padding-top:25px}.bc-heading h1{font-size:29px}.bc-q{padding:18px}.bc-q h2{font-size:19px}}