@keyframes cin-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes cin-spin-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.campus .cin{aspect-ratio:16/9;border-radius:var(--rb);isolation:isolate;color:#fff;border:1px solid color-mix(in srgb, var(--h-ink) 14%, transparent);width:100%;box-shadow:0 40px 90px -30px color-mix(in srgb, var(--accent) 38%, transparent);background:#07090d;position:relative;overflow:hidden}.campus .cin.cinema{border-radius:var(--rm);width:min(100%,177.778dvh - 266.667px);margin-inline:auto}.campus .cin.full{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;max-height:none}.campus .cin[data-idle="1"][data-playing="1"]{cursor:none}.campus .cin-screen{background:linear-gradient(135deg, var(--h-a), var(--h-b));color:var(--h-ink);cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.campus .cin-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#0000008c),radial-gradient(120% 90% at 50% 40%,#0000 55%,#00000047);position:absolute;inset:0}.campus .cin-poster{z-index:0;pointer-events:none;position:absolute;inset:0}.campus .cin-poster .play{opacity:.9;width:100%;height:100%;position:absolute;inset:0}.campus .cin-sim{z-index:2;letter-spacing:.04em;color:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#00000073;border-radius:99px;padding:4px 10px;font-size:11.5px;position:absolute;top:14px;right:14px}.campus .cin-chapter{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#00000080;border-radius:99px;max-width:60%;padding:4px 12px;font-size:12.5px;font-weight:600;position:absolute;top:14px;left:14px;overflow:hidden}.campus .cin-big{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:88px;height:88px;transition:transform var(--dur-3) var(--ease), background var(--dur-2);background:#00000057;border:1px solid #ffffff80;border-radius:50%;place-items:center;display:grid;position:relative}.campus .cin-big:hover{background:#00000080;transform:scale(1.06)}.campus .cin-big .ic{fill:currentColor;stroke:none;width:34px;height:34px;margin-left:4px}.campus .cin-cap{z-index:2;text-align:center;pointer-events:none;padding:0 24px;position:absolute;bottom:84px;left:0;right:0}.campus .cin-cap span{color:#fff;border-radius:var(--rs);background:#000000b8;padding:7px 14px;font-size:clamp(14px,1.5vw,18px);line-height:1.35;display:inline-block}.campus .cin-resume{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cin-in .3s var(--ease) both;background:#080a10c7;border:1px solid #ffffff29;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:13px;display:flex;position:absolute;bottom:84px;left:16px}.campus .cin-resume .btn.ghost{color:#fff;background:0 0;border-color:#ffffff47}.campus .cin-bar{z-index:4;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);background:linear-gradient(#0000,#000000d1);padding:28px 14px 8px;position:absolute;bottom:0;left:0;right:0}.campus .cin[data-idle="1"][data-playing="1"] .cin-bar{opacity:0;pointer-events:none;transform:translateY(8px)}.campus .cin-timeline{padding:11px 0;position:relative}.campus .cin-track{cursor:pointer;touch-action:none;height:4px;transition:height var(--dur-1);background:#ffffff4d;border-radius:99px;position:relative}.campus .cin-track:before{content:"";position:absolute;inset:-14px 0}.campus .cin-timeline:hover .cin-track,.campus .cin-track:focus-visible{height:6px}.campus .cin-track:focus-visible{outline-offset:5px;outline:2px solid #fff}.campus .cin-fill{border-radius:inherit;background:#fff;position:absolute;top:0;bottom:0;left:0}.campus .cin-thumb{width:12px;height:12px;transition:transform var(--dur-1);background:#fff;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%;transform:scale(.85);box-shadow:0 0 0 4px #ffffff2e,0 2px 6px #00000080}.campus .cin-timeline:hover .cin-thumb,.campus .cin-track:focus-visible .cin-thumb{transform:scale(1.15)}.campus .cin-tip{color:#fff;pointer-events:none;background:#000c;border-radius:5px;padding:2px 7px;font-size:11.5px;position:absolute;bottom:18px;transform:translate(-50%)}.campus .cin-marks{pointer-events:none;position:absolute;inset:0}.campus .cin-mark{pointer-events:auto;position:absolute;top:50%}.campus .cin-mark.chapter{cursor:pointer;background:0 0;border:0;width:16px;height:26px;margin:-13px 0 0 -8px;padding:0}.campus .cin-mark.chapter:before{content:"";background:#ffffffd9;border-radius:1px;width:2px;height:10px;position:absolute;top:8px;left:7px;box-shadow:0 0 0 1px #00000073}.campus .cin-mark.chapter.hit:before{background:var(--h-accent,#fff)}.campus .cin-mark.chapter:after{content:attr(data-label);white-space:nowrap;color:#fff;opacity:0;pointer-events:none;transition:opacity var(--dur-1);text-overflow:ellipsis;background:#000000d9;border-radius:5px;max-width:220px;padding:3px 8px;font-size:11.5px;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}.campus .cin-mark.chapter:hover:after,.campus .cin-mark.chapter:focus-visible:after{opacity:1}.campus .cin-mark.chapter:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #fff}.campus .cin-mark.checkpoint{border:1.5px solid var(--h-accent,#fff);pointer-events:none;background:#0009;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transform:rotate(45deg)}.campus .cin-mark.checkpoint.done{background:var(--h-accent,#fff)}.campus .cin-mark.note{opacity:.9;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:7px 0 0 -3px}.campus .cin-ctrl{align-items:center;gap:2px;display:flex}.campus .cin-gap{flex:1}.campus .cin-btn{color:#fff;border-radius:var(--rs);min-width:40px;height:40px;transition:background var(--dur-1);background:0 0;border:0;place-items:center;padding:0 6px;display:inline-grid}.campus .cin-btn:hover{background:#ffffff29}.campus .cin-btn.on{background:#ffffff3d}.campus .cin-btn.txt{min-width:48px;font-size:13px}.campus .cin-btn:focus-visible{outline-offset:-2px;outline:2px solid #fff}.campus .cin-btn .ic{width:22px;height:22px}.campus .cin-time{white-space:nowrap;color:#fff;padding:0 10px;font-size:12.5px}.campus .cin-time .dim{color:#ffffffb3}.campus .cin-menu{background:var(--raised);min-width:120px;color:var(--ink);top:auto;bottom:calc(100% + 8px)}.campus .cin-menu .menu-item{justify-content:space-between}.campus .cin .popwrap{position:relative}.campus .cin-cp{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cin-in .28s var(--ease) both;background:#05080ebd;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.campus .cin-cp-card{border-radius:var(--rm);background:var(--raised);width:min(520px,100%);max-height:100%;color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--ln));box-shadow:var(--e3);gap:12px;padding:20px;display:grid;overflow:auto}.campus .cin-cp-k{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex}.campus .cin-cp-q{font-size:clamp(17px,2vw,21px);line-height:1.25}.campus .cin-cp-opts{gap:8px;display:grid}.campus .cin-cp-opt{border-radius:var(--rs);border:1px solid var(--ln);background:var(--panel);cursor:pointer;min-height:var(--tap);align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;display:flex}.campus .cin-cp-opt:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--ln))}.campus .cin-cp-opt:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.campus .cin-cp-opt:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.campus .cin-cp-opt input{accent-color:var(--accent);flex:none;width:16px;height:16px}.campus .cin-cp-opt.right{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--panel))}.campus .cin-cp-opt.wrong{border-color:var(--live);background:color-mix(in srgb, var(--live) 8%, var(--panel))}.campus .cin-cp-hint,.campus .cin-cp-fb{color:var(--ink-2);font-size:13.5px}.campus .cin-cp-fb strong{color:var(--ink)}.campus .cin-cp-act{flex-wrap:wrap;gap:10px;display:flex}.campus[data-cinema] .bar-wrap,.campus[data-cinema] .campus-foot{opacity:.22;transition:opacity var(--dur-3)}.campus[data-cinema] .bar-wrap:hover,.campus[data-cinema] .bar-wrap:focus-within{opacity:1}.campus .bento.is-cinema .lesson-main{grid-column:1/-1}.campus .bento.is-cinema .lesson-side{grid-column:1/-1;position:static}.campus .bento.is-cinema .lesson-cover{display:none}.campus .ln-compose{margin-bottom:var(--sp-4);gap:10px;display:grid}.campus .ln-compose textarea{resize:vertical;border-radius:var(--rm);border:1px solid var(--ln);background:var(--panel-2);width:100%;min-height:76px;color:var(--ink);font:inherit;padding:12px 14px}.campus .ln-compose textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.campus .ln-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.campus .ln-at{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.campus .ln-list{gap:8px;display:grid}.campus .ln-item{border-radius:var(--rm);border:1px solid var(--ln);background:var(--panel);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.campus .ln-time{font-family:var(--f-mono);border:1px solid color-mix(in srgb, var(--accent) 50%, var(--ln));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--ink);border-radius:99px;padding:3px 9px;font-size:12.5px}.campus .ln-time:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.campus .ln-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}.campus .ln-foot{color:var(--ink-2);margin-top:10px;font-size:12.5px}.campus .lt-bar{margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.campus .lt-search{border-radius:var(--rp);border:1px solid var(--ln);background:var(--panel-2);flex:240px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.campus .lt-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;height:100%}.campus .lt-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.campus .lt-list{overscroll-behavior:contain;gap:2px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}.campus .lt-cue{text-align:left;border-radius:var(--rs);width:100%;color:var(--ink-2);background:0 0;border:0;grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:10px;padding:8px 10px;font-size:14.5px;line-height:1.4;display:grid}.campus .lt-cue:hover{background:var(--c-hover);color:var(--ink)}.campus .lt-cue .t{font-family:var(--f-mono);color:var(--ink-2);font-size:12px}.campus .lt-cue.now{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.campus .lt-cue mark{background:color-mix(in srgb, var(--accent) 34%, transparent);color:inherit;border-radius:3px;padding:0 1px}.campus .le{gap:var(--sp-6);animation:cin-in .4s var(--ease) both;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.campus .le-main{gap:var(--sp-4);align-content:start;display:grid}.campus .le-title{font-size:clamp(24px,2.6vw,32px)}.campus .le-block{gap:8px;display:grid}.campus .le-list{gap:6px;display:grid}.campus .le-list li{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;font-size:14.5px;display:grid}.campus .le-list .ic{width:16px;height:16px;color:var(--ok);stroke-width:2.6px}.campus .le-quote{border-left:2px solid var(--accent);color:var(--ink);max-width:56ch;margin:0;padding:4px 14px;font-size:15.5px}.campus .le-stats{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.campus .le-next{gap:var(--sp-3);border-radius:var(--rm);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--ln));background:color-mix(in srgb, var(--accent) 6%, var(--panel-2));align-content:start;padding:18px;display:grid}.campus .le-next h3{font-size:20px}.campus .le-count{align-items:center;gap:14px;display:flex}.campus .le-ring{width:52px;height:52px;font-family:var(--f-mono);flex:none;place-items:center;font-size:17px;display:grid;position:relative}.campus .le-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.campus .le-ring circle{fill:none;stroke-width:2.4px}.campus .le-ring .tr{stroke:color-mix(in srgb, var(--ink) 16%, transparent)}.campus .le-ring .pr{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100}.campus .le-act{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:900px){.campus .le{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.campus .cin-big{width:64px;height:64px}.campus .cin-big .ic{width:26px;height:26px}.campus .cin-time{display:none}.campus .cin-btn{min-width:36px;height:36px}.campus .cin-btn .ic{width:20px;height:20px}.campus .cin-cap{padding:0 10px;bottom:74px}.campus .cin-resume{border-radius:var(--rm);bottom:74px;left:10px;right:10px}.campus .cin-cp{align-items:start;padding:8px}.campus .cin-cp-card{gap:8px;padding:14px}.campus .cin-sim{display:none}.campus .cin-bar{padding:22px 8px 4px}.campus .ln-item{grid-template-columns:auto minmax(0,1fr)}.campus .ln-item .ib{grid-column:2;justify-self:end}}@media (prefers-reduced-motion:reduce){.campus .cin-resume,.campus .cin-cp,.campus .le{animation:none!important}.campus .cin-bar,.campus .cin-track,.campus .cin-big{transition:none!important}}