html,body,#root{height:auto}body{background:var(--bg);padding:0;display:block;overflow:auto}.btn{align-items:center;gap:var(--small);display:inline-flex}.page{min-height:100vh;padding:var(--large);max-width:1180px;margin:0 auto}.cb-loading{color:#3a3a5c;justify-content:center;align-items:center;font:500 17px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0}.center{justify-content:center;align-items:center;display:flex}.stack{gap:var(--small);margin-bottom:var(--large);flex-direction:column;display:flex}.row{align-items:center;gap:var(--medium);display:flex}a{color:var(--primary);text-decoration:none}.section-title{font-size:var(--fs-lg);font-weight:var(--font-weight);color:var(--primary);text-transform:uppercase}.section-title--page{color:var(--black);margin-bottom:var(--medium)}.page-head{align-items:center;gap:var(--medium);margin-bottom:var(--medium);display:flex}.page-head .section-title--page{margin-bottom:0}.section-head{align-items:baseline;gap:var(--medium);display:flex}.section-sub{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;opacity:.55}.section-link{align-items:center;gap:var(--small);font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;color:var(--primary);margin-left:auto;display:inline-flex}.section-link:hover{text-decoration:underline}.subsection-title{font-size:var(--fs-md);font-weight:var(--font-weight);text-transform:uppercase;letter-spacing:.5px;color:var(--primary)}.muted{color:var(--black);opacity:.6}.hint{font-size:var(--fs-sm);color:var(--black);opacity:.6;line-height:1.4}.topbar{gap:var(--small);flex-direction:column;display:flex}.topbar__bar{justify-content:space-between;align-items:start;gap:var(--medium);display:flex}.topbar__title{align-items:baseline;gap:var(--small);margin:0;display:flex}.topbar__crumb-link:hover{text-decoration:underline}.topbar__actions{align-items:center;gap:var(--medium);display:flex}.topbar__student{font-size:7rem;font-weight:var(--font-weight);text-transform:uppercase;color:var(--black);line-height:.9}.subnav{align-items:center;gap:var(--small);margin-top:var(--medium);padding-bottom:var(--medium);display:flex}.subnav__actions{align-items:center;gap:var(--small);margin-left:auto;display:flex}.subnav-link{align-items:center;gap:var(--small);padding:var(--small) var(--medium);font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;color:var(--primary);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);transition:all .15s;display:inline-flex}.subnav-link:hover{background:var(--white);text-decoration:none}.subnav-link.active{background:var(--primary);color:var(--white)}.back-link{align-items:center;gap:var(--small);font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;color:var(--primary);display:inline-flex}.back-link:hover{text-decoration:underline}.form-group{gap:var(--small);flex-direction:column;display:flex}.label{font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;color:var(--primary);margin-bottom:var(--small);display:block}.input{width:100%;padding:var(--medium);font-size:var(--fs-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--black);transition:border-color .15s}.input:focus{border-color:var(--accent);outline:none}.stack>.btn{align-self:flex-start}.error{font-size:var(--fs-sm);color:var(--accent)}.login-card{background:var(--white);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);width:100%;max-width:340px;padding:var(--large)}.empty-state{padding:var(--large);background:var(--white);border:var(--border-width) dashed var(--border);border-radius:var(--radius-md);text-align:center;color:var(--black);opacity:.7}.tile-icon{background:var(--bg);color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tile-icon--soft{background:var(--bg);color:var(--primary);border-radius:50%}.tools{gap:var(--large);grid-template-columns:repeat(2,1fr);display:grid}.tool{text-align:center;align-items:center;gap:var(--medium);padding:calc(var(--large) * 1.4) var(--large);background:var(--white);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);color:var(--black);flex-direction:column;transition:transform .15s,background .15s;display:flex}.tool:hover{text-decoration:none;transform:translateY(-3px)}.tool .tile-icon{width:104px;height:104px;font-size:52px}.tool__name{font-size:var(--fs-lg);font-weight:var(--font-weight);color:var(--black);text-transform:uppercase}.tool__desc{font-size:var(--fs-sm);opacity:.6;line-height:1.35}.activities{gap:var(--medium);grid-template-columns:repeat(auto-fill,minmax(158px,1fr));display:grid}.activity{text-align:center;align-items:center;gap:var(--medium);padding:var(--large) var(--medium);background:var(--white);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);color:var(--black);flex-direction:column;transition:transform .15s,background .15s;display:flex}.activity:hover{text-decoration:none;transform:translateY(-3px)}.activity .tile-icon{width:64px;height:64px;font-size:36px}.activity__name{font-size:var(--fs-md);font-weight:var(--font-weight);text-transform:uppercase}.overview-grid{gap:var(--large);grid-template-columns:repeat(3,1fr);display:grid}.overview-tile{align-items:center;gap:var(--medium);padding:var(--large);background:var(--white);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);color:var(--black);transition:transform .15s,box-shadow .15s;display:flex}.overview-tile:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #4e4eff26}.overview-tile-icon{background:var(--bg);border-radius:var(--radius-sm);width:56px;height:56px;color:var(--primary);justify-content:center;align-items:center;display:flex}.overview-tile-text{gap:var(--small);flex-direction:column;display:flex}.overview-tile-count{font-size:var(--fs-xl);font-weight:var(--font-weight);color:var(--primary);line-height:1}.overview-tile-label{font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;color:var(--black);opacity:.7}.overview-tile-arrow{color:var(--primary);opacity:.5;margin-left:auto}.table{border-collapse:separate;width:100%;border-spacing:0 var(--small);padding:var(--small) var(--medium);border:var(--border-width) solid var(--border);border-radius:var(--radius-md)}.table th,.table td{padding:var(--small) var(--medium);text-align:left;font-size:var(--fs-md)}.table th{font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.table td{background:var(--white)}.table td:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.table td:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.table-actions{justify-content:flex-end;align-items:center;gap:var(--small);display:flex}.table a:not(.btn):hover{text-decoration:underline}.chip-list{gap:var(--small);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--small);padding:var(--small) var(--medium);font-size:var(--fs-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);display:inline-flex}.chip-remove{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.chip-remove:hover{background:var(--accent);color:var(--white)}.assign-row{align-items:stretch;gap:var(--medium);display:flex}.assign-row .btn{padding:var(--medium)}.badge{padding:var(--small) var(--medium);font-size:var(--fs-sm);font-weight:var(--font-weight);text-transform:uppercase;border-radius:var(--radius-sm);letter-spacing:.5px;display:inline-block}.badge.active{background:var(--secondary);color:var(--primary)}.badge.retired{background:var(--bg);color:var(--black);opacity:.6}.work-grid{gap:var(--small);padding:var(--medium);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr;display:grid}.work-card{align-items:center;gap:var(--medium);padding:var(--small) var(--medium);background:var(--white);border-radius:var(--radius-sm);color:var(--black);flex-wrap:wrap;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.work-card--openable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4e4eff26}.work-card__name{min-width:0;font-size:var(--fs-md);font-weight:var(--font-weight);color:var(--black);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.work-card__link:after{content:"";border-radius:var(--radius-sm);position:absolute;inset:0}.work-card__link:hover{text-decoration:none}.work-card__delete{z-index:1;position:relative}.work-card__date{font-size:var(--fs-sm);white-space:nowrap;opacity:.6;flex:1}.work-card__shared{font-size:var(--fs-sm);white-space:nowrap;color:var(--primary);opacity:.75;flex-shrink:0}.work-card__group{font-size:var(--fs-sm);white-space:nowrap;opacity:.55;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.work-card__elsewhere{font-size:var(--fs-sm);opacity:.75;flex-basis:100%;order:1;margin:0}.icon-action{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--primary);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-action:hover{background:var(--primary);color:var(--white);text-decoration:none}.icon-action.danger{border-color:var(--accent);color:var(--accent)}.icon-action.danger:hover{background:var(--accent);color:var(--white)}.library-toolbar{justify-content:space-between;align-items:center;gap:var(--medium);display:flex}.kind-filter{gap:var(--small);display:flex}.kind-filter__option{padding:4px var(--medium);font-family:inherit;font-size:var(--fs-sm);color:var(--primary);background:var(--white);border:var(--border-width) solid var(--border);cursor:pointer;border-radius:999px;transition:background-color .15s,color .15s}.kind-filter__option:hover{background:var(--bg)}.kind-filter__option--on{color:var(--white);background:var(--primary)}.library-grid{gap:var(--large);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.library-grid--compact .library-thumb{aspect-ratio:auto;height:104px}.library-card{background:var(--white);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.library-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4e4eff26}.library-thumb{aspect-ratio:960/720;background:var(--white);position:relative}.library-thumb img{width:100%;height:100%;padding:var(--medium);object-fit:contain;display:block;position:absolute;inset:0}.library-thumb-empty{justify-content:center;align-items:center;gap:var(--small);font-size:var(--fs-sm);color:var(--primary);opacity:.6;flex-direction:column;display:flex;position:absolute;inset:0}.library-thumb--audio{justify-content:center;align-items:center;gap:var(--small);background:var(--bg);flex-direction:column;display:flex}.library-play{width:48px;height:48px;color:var(--white);background:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex}.library-play:hover,.library-play--on{background:var(--accent)}.library-play-time{min-height:1.2em;font-size:var(--fs-sm);color:var(--primary);opacity:.7;line-height:1.2}.library-card-footer{gap:var(--small);padding:var(--medium);border-top:var(--border-width) solid var(--bg);flex-direction:column;display:flex}.library-card-name{font-size:var(--fs-md);font-weight:var(--font-weight);color:var(--black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-card-usage{align-items:center;gap:var(--small);font-size:var(--fs-sm);color:var(--primary);opacity:.75;display:flex}.library-card-usage-icon{flex-shrink:0}.library-card-usage-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.library-card-row{align-items:center;gap:var(--small);display:flex}.library-card-date{font-size:var(--fs-sm)}.library-card-actions{align-items:center;gap:var(--small);margin-left:auto;display:flex}.group-switcher{align-items:center;gap:var(--small);padding:0 var(--medium);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--black);display:inline-flex}.group-switcher__select{padding:var(--small) 0;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--font-weight);color:inherit;cursor:pointer;background:0 0;border:0}.group-switcher__select:disabled{cursor:progress;opacity:.6}.linkish{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;text-decoration:underline;display:inline-flex}.linkish:disabled{cursor:progress;opacity:.6}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-scope{margin:var(--small) 0 0;font-size:var(--fs-md);color:var(--black);opacity:.6}.page-scope strong{font-weight:var(--font-weight);opacity:1}.btn--outline.active{background:var(--primary);color:var(--white)}