.page{min-height:100vh;background:var(--color-bg);color:var(--color-fg);display:flex;flex-direction:column}html[data-brand=campus],html[data-brand=campus] *{scrollbar-width:thin;scrollbar-color:var(--color-brand) var(--color-surface-sunken)}html[data-brand=campus] ::-webkit-scrollbar{width:11px;height:11px}html[data-brand=campus] ::-webkit-scrollbar-track{background:var(--color-surface-sunken);border-left:var(--border-w-hairline) solid var(--color-border)}html[data-brand=campus] ::-webkit-scrollbar-thumb{min-height:42px;background:var(--color-brand);border:3px solid var(--color-surface-sunken);border-radius:var(--radius-full)}html[data-brand=campus] ::-webkit-scrollbar-thumb:hover{background:var(--color-brand-hover)}html[data-brand=campus] ::-webkit-scrollbar-corner{background:var(--color-surface-sunken)}.container{width:100%;max-width:640px;margin:0 auto;padding:0 var(--space-4);box-sizing:border-box}.container--narrow{max-width:480px}.container--wide{max-width:var(--width-content)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-md{gap:var(--space-4)}.stack-lg{gap:var(--space-6)}.row{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:oklch(from var(--color-surface) l c h/.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:var(--border-w-hairline) solid var(--color-border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-4);height:var(--space-12);padding:0 var(--space-4);max-width:var(--width-content);margin:0 auto}.site-header__logo{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-fg);text-decoration:none}.site-header__logo-dot{color:var(--color-brand)}.site-header__nav{display:flex;align-items:center;gap:var(--space-4);margin-left:var(--space-4)}.site-header__nav a{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--color-fg-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.site-header__nav a:hover,.site-header__nav a[aria-current=page]{color:var(--color-fg)}.site-header__spacer{flex:1 1}.campus-content{min-width:0;flex:1 1;transition:none}.page:has(.campus-sidebar) .campus-content{margin-left:264px}.page:has(.campus-sidebar.is-collapsed) .campus-content{margin-left:80px}.campus-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:264px;flex-direction:column;background:var(--color-surface);border-right:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-md);transition:none}.campus-sidebar.is-ready{transition:width var(--duration-base) var(--ease-in-out),transform var(--duration-base) var(--ease-in-out)}.page:has(.campus-sidebar.is-ready) .campus-content{transition:margin-left var(--duration-base) var(--ease-in-out)}.campus-sidebar.is-collapsed{width:80px;box-shadow:var(--shadow-xs)}.campus-sidebar__topline{min-height:76px;padding:var(--space-4);border-bottom:var(--border-w-hairline) solid var(--color-border)}.campus-sidebar__brand,.campus-sidebar__topline{display:flex;align-items:center;gap:var(--space-2)}.campus-sidebar__brand{min-width:0;flex:1 1;color:var(--color-fg);text-decoration:none}.campus-sidebar__brand-mark{display:grid;width:36px;height:36px;flex:none;place-items:center;background:var(--color-brand);color:var(--color-fg-on-brand);border:var(--border-w-hairline) solid var(--color-border);font-family:var(--font-display);font-weight:800}.campus-sidebar__brand-label{overflow:hidden;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.campus-sidebar__brand-accent{color:var(--color-brand)}.campus-sidebar__mobile-trigger,.campus-sidebar__toggle{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;color:var(--color-fg);background:var(--color-brand-subtle);border:var(--border-w-hairline) solid var(--color-border);box-shadow:var(--shadow-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.campus-sidebar__mobile-trigger:hover,.campus-sidebar__toggle:hover{color:var(--color-fg-on-brand);background:var(--color-brand);transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.campus-sidebar__mobile-trigger:active,.campus-sidebar__toggle:active{transform:translate(2px,2px);box-shadow:none}.campus-sidebar__mobile-trigger .icon,.campus-sidebar__toggle .icon{width:18px;height:18px}.campus-sidebar__mobile-close{display:none}.campus-sidebar__nav{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-3)}.campus-sidebar__item,.campus-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.campus-sidebar__section-label{margin:var(--space-3) var(--space-2) var(--space-1);color:var(--color-fg-muted);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-caps);text-transform:uppercase}.campus-sidebar__item:first-child .campus-sidebar__section-label{margin-top:0}.campus-sidebar__link{display:flex;min-height:44px;align-items:center;gap:var(--space-3);padding:0 var(--space-3);color:var(--color-fg-muted);border:var(--border-w-hairline) solid transparent;text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.campus-sidebar__link:hover{color:var(--color-fg);background:var(--color-brand-subtle);border-color:var(--color-border)}.campus-sidebar__link[aria-current=page]{color:var(--color-fg-on-brand);background:var(--color-brand);border-color:var(--color-border);font-weight:700}.campus-sidebar__link .icon{width:18px;height:18px;flex:none}.campus-sidebar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-sunken);border-top:var(--border-w-hairline) solid var(--color-border)}.campus-sidebar__actions>.btn{min-width:0}.campus-sidebar__actions>.btn:not(.theme-toggle){flex:1 1 auto}.campus-user{display:grid;width:100%;grid-gap:var(--space-2);gap:var(--space-2)}.campus-user__profile.btn{display:flex;width:100%;min-width:0;height:auto;justify-content:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-color:var(--color-border);text-align:left}.campus-user__avatar{display:grid;width:38px;height:38px;flex:none;place-items:center;background:var(--color-accent);color:var(--color-fg-on-accent);border:var(--border-w-hairline) solid var(--color-border);font-size:var(--text-xs);font-weight:900;letter-spacing:-.04em}.campus-user__identity{display:grid;min-width:0;flex:1 1;line-height:1.2}.campus-user__identity strong{overflow:hidden;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.campus-user__identity small{color:var(--color-fg-muted);font-size:var(--text-caption);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase}.campus-user__chevron{width:16px;height:16px;flex:none}.campus-user__utilities{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.campus-user__utilities .theme-toggle{flex:none}.campus-user__logout{min-width:0;flex:1 1}.campus-sidebar.is-collapsed .campus-sidebar__actions .badge,.campus-sidebar.is-collapsed .campus-sidebar__actions .btn:not(.theme-toggle):not(.campus-user__logout) .btn__label,.campus-sidebar.is-collapsed .campus-sidebar__brand-label,.campus-sidebar.is-collapsed .campus-sidebar__link-label,.campus-sidebar.is-collapsed .campus-sidebar__section-label{display:none}.campus-sidebar.is-collapsed .campus-sidebar__topline{justify-content:center;padding-inline:var(--space-2)}.campus-sidebar.is-collapsed .campus-sidebar__brand{flex:0 0 auto}.campus-sidebar.is-collapsed .campus-sidebar__toggle{position:absolute;top:86px;right:-14px;width:28px;height:44px;color:var(--color-fg-on-brand);background:var(--color-brand);border-left:0;box-shadow:3px 3px 0 0 var(--color-shadow-tint)}.campus-sidebar.is-collapsed .campus-sidebar__toggle .icon{width:16px;height:16px}.campus-sidebar.is-collapsed .campus-sidebar__nav{padding-inline:var(--space-2)}.campus-sidebar.is-collapsed .campus-sidebar__link{justify-content:center;padding-inline:0}.campus-sidebar.is-collapsed .campus-sidebar__actions{justify-content:center;padding-inline:var(--space-2)}.campus-sidebar.is-collapsed .campus-user__profile.btn{width:40px;justify-content:center;padding:0;background:transparent;border-color:transparent;box-shadow:none}.campus-sidebar.is-collapsed .campus-user__avatar{width:36px;height:36px}.campus-sidebar.is-collapsed .campus-user__chevron,.campus-sidebar.is-collapsed .campus-user__identity{display:none}.campus-sidebar.is-collapsed .campus-user__utilities{flex-direction:column}.campus-sidebar.is-collapsed .campus-user__logout{width:40px;flex:none;padding-inline:0}.campus-sidebar.is-collapsed .campus-user__logout .btn__label{display:inline-flex;gap:0}.campus-sidebar.is-collapsed .campus-user__logout .btn__label>span:not(.icon),.campus-sidebar__mobile-trigger,.campus-sidebar__scrim{display:none}@media (max-width:768px){.page:has(.campus-sidebar) .campus-content,.page:has(.campus-sidebar.is-collapsed) .campus-content{margin-left:0}.campus-sidebar{width:min(286px,calc(100vw - 24px));transform:translateX(-105%)}.campus-sidebar.is-mobile-open{transform:translateX(0)}.campus-sidebar.is-collapsed{width:min(286px,calc(100vw - 24px))}.campus-sidebar__toggle{display:none}.campus-sidebar__mobile-close{display:grid;place-items:center;width:36px;height:36px;padding:0;color:var(--color-fg);background:transparent;border:var(--border-w-hairline) solid transparent;cursor:pointer}.campus-sidebar__mobile-close:hover{background:var(--color-brand-subtle);border-color:var(--color-border)}.campus-sidebar__mobile-close .icon{width:18px;height:18px}.campus-sidebar.is-collapsed .campus-sidebar__actions .badge,.campus-sidebar.is-collapsed .campus-sidebar__actions .btn:not(.theme-toggle) .btn__label,.campus-sidebar.is-collapsed .campus-sidebar__brand-label,.campus-sidebar.is-collapsed .campus-sidebar__link-label,.campus-sidebar.is-collapsed .campus-sidebar__section-label{display:inline}.campus-sidebar.is-collapsed .campus-sidebar__topline{justify-content:normal;padding:var(--space-4)}.campus-sidebar.is-collapsed .campus-sidebar__brand{flex:1 1}.campus-sidebar.is-collapsed .campus-sidebar__nav{padding-inline:var(--space-3)}.campus-sidebar.is-collapsed .campus-sidebar__actions,.campus-sidebar.is-collapsed .campus-sidebar__link{justify-content:normal;padding-inline:var(--space-3)}.campus-sidebar.is-collapsed .campus-user__profile.btn{width:100%;justify-content:flex-start;padding:var(--space-2)}.campus-sidebar.is-collapsed .campus-user__identity{display:grid}.campus-sidebar.is-collapsed .campus-user__chevron{display:block}.campus-sidebar.is-collapsed .campus-user__utilities{flex-direction:row}.campus-sidebar.is-collapsed .campus-user__logout{width:auto;flex:1 1;padding-inline:var(--space-3)}.campus-sidebar__mobile-trigger{position:fixed;top:var(--space-3);left:var(--space-3);z-index:35;display:grid;background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.campus-sidebar__scrim{position:fixed;inset:0;z-index:30;display:block;width:100%;height:100%;padding:0;background:oklch(.15 0 0/.35);border:0;cursor:pointer}.campus-content{padding-top:var(--space-12)}}.navigation-feedback{position:fixed;inset:0 0 auto;z-index:100;height:3px;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.navigation-feedback.is-visible{opacity:1}.navigation-feedback__bar{display:block;width:38%;height:100%;background:var(--color-brand);box-shadow:0 0 12px var(--color-brand);animation:none}.navigation-feedback.is-visible .navigation-feedback__bar{animation:navigation-feedback-slide 1s ease-in-out infinite}@keyframes navigation-feedback-slide{0%{transform:translateX(-110%)}to{transform:translateX(290%)}}@media (prefers-reduced-motion:reduce){.navigation-feedback.is-visible .navigation-feedback__bar{animation:none;width:100%}.campus-sidebar.is-ready,.campus-sidebar__mobile-trigger,.campus-sidebar__toggle,.page:has(.campus-sidebar.is-ready) .campus-content{transition:none}}.theme-toggle{padding:0;width:36px;min-height:36px;aspect-ratio:1/1;flex:none}.theme-toggle .icon{width:18px;height:18px}.demo-login{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:var(--border-w-hairline) dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.demo-login__label{font-size:var(--text-xs);font-weight:700;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.demo-login__buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.demo-login__buttons .btn{flex:1 1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;letter-spacing:-.005em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition:transform 80ms var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);position:relative;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--shadow-focus)}.btn:active:not(:disabled){transform:scale(.97)}.btn.is-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--sm{font-size:var(--text-sm);padding:8px var(--space-3);min-height:32px}.btn--md{font-size:var(--text-base);padding:10px var(--space-4);min-height:40px}.btn--lg{font-size:var(--text-lg);padding:12px var(--space-5);min-height:48px;font-weight:700}.btn--primary{background:var(--color-brand);color:var(--color-fg-on-brand)}.btn--primary:hover:not(:disabled){background:var(--color-brand-hover)}.btn--primary:active:not(:disabled){background:var(--color-brand-active)}.btn--secondary{background:var(--color-surface);color:var(--color-fg)}.btn--secondary,.btn--secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.btn--ghost{background:transparent;color:var(--color-fg)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-sunken)}.btn--destructive{background:var(--color-danger);color:#fff}.btn--destructive:hover:not(:disabled){filter:brightness(.92)}.btn.is-loading{cursor:progress}.btn.is-loading .btn__label{opacity:0}.btn__spinner{position:absolute;width:1.15em;height:1.15em;animation:btn-spin .9s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.input,.select,.textarea{display:block;width:100%;box-sizing:border-box;background:var(--color-surface);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-base);line-height:1.4;padding:10px var(--space-3);border-radius:var(--radius-md);border:var(--border-w) solid var(--color-border-input);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--color-fg-subtle)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-sunken)}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--color-danger);box-shadow:0 0 0 3px oklch(from var(--color-danger) l c h/.2)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.field__required{color:var(--color-danger);margin-left:2px}.field__hint{font-size:13px;color:var(--color-fg-muted)}.field__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-danger);display:flex;align-items:center;gap:6px}.field__error svg{width:14px;height:14px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge--sm{font-size:var(--text-caption);padding:2px 8px;min-height:20px}.badge--md{font-size:var(--text-sm);padding:3px var(--space-3);min-height:24px}.badge--default{background:var(--color-surface-sunken);color:var(--color-fg)}.badge--success{background:var(--color-success-subtle);color:var(--color-success-fg)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning-fg)}.badge--danger{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.badge--info{background:var(--color-info-subtle);color:var(--color-info-fg)}.badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);align-items:flex-start}.alert__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.alert__body{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.alert__title{font-weight:700;font-size:var(--text-sm)}.alert__msg{font-size:var(--text-sm);line-height:1.5;opacity:.95}.alert--success{background:var(--color-success-subtle);color:var(--color-success-fg)}.alert--warning{background:var(--color-warning-subtle);color:var(--color-warning-fg)}.alert--danger{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.alert--info{background:var(--color-info-subtle);color:var(--color-info-fg)}.skeleton{background:linear-gradient(90deg,var(--color-surface-sunken) 0,oklch(from var(--color-surface-sunken) calc(l + .04) c h) 50%,var(--color-surface-sunken) 100%);background-size:200% 100%;animation:skel-shimmer 1.2s linear infinite}.skeleton--rect{border-radius:var(--radius-sm)}.skeleton--circle{border-radius:50%}.skeleton--text{border-radius:4px;height:1em}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.2em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.product-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:var(--border-w) solid var(--color-border);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);position:relative}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card__media{aspect-ratio:4/3;background:linear-gradient(135deg,var(--category-bg,var(--color-brand-subtle)),var(--category-bg-strong,var(--color-brand)));display:flex;align-items:center;justify-content:center;color:var(--category-fg,var(--color-brand-subtle-fg));position:relative}.product-card__media-placeholder{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em;text-transform:lowercase;opacity:.7}.product-card__media img{width:100%;height:100%;object-fit:cover;display:block}.product-card__category{position:absolute;top:var(--space-3);left:var(--space-3);font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;font-weight:600;background:oklch(from var(--color-surface) l c h/.85);color:var(--category-fg,var(--color-fg));padding:3px 8px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.product-card__name{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.02em;line-height:1.15;color:var(--color-fg);margin:0}.product-card__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__footer{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);justify-content:space-between;padding-top:var(--space-2)}.product-card__price{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);color:var(--color-fg);letter-spacing:-.01em}.product-card.is-unavailable .product-card__body,.product-card.is-unavailable .product-card__media{filter:grayscale(.85)}.product-card.is-unavailable:after{content:"";position:absolute;inset:0;background:oklch(from var(--color-surface) l c h/.7)}.product-card__unavailable-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-fg);background:oklch(from var(--color-surface) l c h/.85)}.task-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.task-card__subject{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;font-weight:600;background:var(--category-bg-strong,var(--color-brand-subtle));color:var(--category-fg,var(--color-brand-subtle-fg));border:var(--border-w-hairline) solid var(--category-border,transparent);padding:3px 8px;border-radius:var(--radius-xs)}.task-card__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em;line-height:1.15;color:var(--color-fg);margin:0}.task-card__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2)}.task-card__due{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted)}.task-card__due .icon{width:14px;height:14px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-8) var(--space-4);background:var(--color-surface);border:var(--border-w) dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.dropzone.is-over,.dropzone:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-sunken)}.dropzone:disabled{opacity:.55;cursor:not-allowed}.dropzone__icon{width:24px;height:24px;color:var(--color-fg-muted)}.dropzone__label{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-fg)}.dropzone__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted)}.terminal-panel{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);--terminal-bg:var(--n-950);--terminal-fg:var(--n-100);--terminal-accent:var(--color-brand)}.terminal-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--terminal-bg);color:var(--terminal-accent);border-bottom:var(--border-w-hairline) solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.terminal-panel__status{white-space:nowrap}.terminal-panel__body{padding:var(--space-3);background:var(--terminal-bg);color:var(--terminal-fg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;min-height:8rem}.terminal-activity{display:flex;flex-direction:column;gap:var(--space-3)}.terminal-activity__editor{width:100%;resize:vertical;padding:var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;-moz-tab-size:4;tab-size:4}.terminal-activity__editor:focus-visible{outline:none;border-color:var(--color-brand)}.terminal-activity__actions{display:flex;gap:var(--space-2)}.terminal-activity__output{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.terminal-tests{list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.terminal-tests__item{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm)}.terminal-tests__item .icon{width:14px;height:14px;flex:none;align-self:center}.terminal-tests__item.is-pass{color:var(--color-success-fg)}.terminal-tests__item.is-fail{color:var(--color-danger-fg)}.terminal-tests__detail{font-size:var(--text-xs);opacity:.8;overflow-wrap:anywhere}.category-strip{position:-webkit-sticky;position:sticky;top:var(--space-12);z-index:20;background:oklch(from var(--color-bg) l c h/.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--border-w-hairline) solid var(--color-border);padding:var(--space-3) 0;margin-bottom:var(--space-6)}.category-strip__inner{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:0 var(--space-4);max-width:var(--width-content);margin:0 auto}.category-strip__inner::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-fg-muted);border:var(--border-w) solid var(--color-border);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.category-pill:hover{background:var(--color-surface-sunken);color:var(--color-fg)}.category-pill.is-active{background:var(--category-bg-strong,var(--color-brand));color:oklch(from var(--category-bg-strong,var(--color-brand)) calc(l - .6) c h);border-color:transparent}.category-pill.is-active[data-category=burgers],.category-pill.is-active[data-category=desserts],.category-pill.is-active[data-category=pizza]{color:#fff}.order-status-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);text-align:center;border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.order-status-card__icon-wrap{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--status-bg,var(--color-info-subtle));color:var(--status-fg,var(--color-info-fg));margin-bottom:var(--space-2)}.order-status-card__icon-wrap .icon{width:32px;height:32px}.order-status-card__kicker{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-subtle)}.order-status-card__label{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;color:var(--color-fg);line-height:1.1}.order-status-card__meta{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-1)}.order-status-card__pulse{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--color-info-fg)}.order-status-card__pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--color-info);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.auth-card{width:100%;max-width:420px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-md);border:var(--border-w) solid var(--color-border)}.auth-card__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-fg);margin:0 0 6px;line-height:1.1}.auth-card__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-fg-muted);margin:0 0 var(--space-5)}.auth-card__body{display:flex;flex-direction:column;gap:var(--space-3)}.auth-card__footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-w-hairline) solid var(--color-border);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg-muted);text-align:center}.auth-card__footer a{color:var(--color-brand);font-weight:600;text-decoration:none}.auth-card__footer a:hover{text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-fg-muted)}.empty-state__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-sunken);color:var(--color-fg-subtle);border-radius:50%;margin-bottom:var(--space-2)}.empty-state__icon .icon{width:28px;height:28px}.empty-state__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-fg);margin:0}.empty-state__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-fg-muted);max-width:320px;line-height:1.5;margin:0}.empty-state__action{margin-top:var(--space-3)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.price-display{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between}.price-display__label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg-muted)}.price-display__value{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xl);color:var(--color-fg)}.page-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-4xl);letter-spacing:-.03em;line-height:1.05;color:var(--color-fg);margin:var(--space-6) 0 var(--space-2)}.page-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-header-row .page-title{margin-bottom:var(--space-2)}.page-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-fg-muted);margin:0 0 var(--space-4)}.page-section{margin:var(--space-6) 0}.back-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);color:var(--color-brand);text-decoration:none;margin-top:var(--space-6)}.back-link:hover{color:var(--color-brand-hover)}.breadcrumb__list{flex-wrap:wrap;margin:0;padding:0;list-style:none}.breadcrumb__item,.breadcrumb__list{display:flex;align-items:center;gap:var(--space-1)}.breadcrumb__item+.breadcrumb__item:before{content:"/";color:var(--color-fg-muted);font-size:var(--text-caption)}.breadcrumb__link{font-family:var(--font-body);font-weight:600;font-size:var(--text-caption);color:var(--color-fg-muted);text-decoration:none;line-height:var(--leading-caption)}.breadcrumb__link:hover{color:var(--color-brand-hover);text-decoration:underline}.breadcrumb__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.breadcrumb__current{font-family:var(--font-body);font-weight:700;font-size:var(--text-caption);color:var(--color-fg);line-height:var(--leading-caption)}.lesson-shell{width:min(var(--width-lesson),calc(100% - 40px));margin:0 auto;padding:var(--space-4) 0 0;box-sizing:border-box}.lesson-shell,.lesson-shell__mode{display:flex;flex-direction:column;gap:var(--space-2)}.lesson-prevnext{width:min(var(--width-lesson),calc(100% - 40px));margin:0 auto;padding:var(--space-6) 0 var(--space-8);box-sizing:border-box;display:flex;justify-content:space-between;align-items:stretch;gap:var(--space-3)}.lesson-prevnext__link{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.lesson-prevnext__link--next{text-align:right;align-items:flex-end}.lesson-prevnext__link:hover{box-shadow:var(--shadow-sm)}.lesson-prevnext__link:active{transform:translateY(1px)}.lesson-prevnext__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.lesson-prevnext__kicker{display:inline-flex;align-items:center;gap:6px;color:var(--color-fg-muted);font-size:var(--text-caption);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase}.lesson-prevnext__title{overflow:hidden;color:var(--color-fg);font-weight:600;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.lesson-prevnext{flex-direction:column}.lesson-prevnext__link--next{text-align:left;align-items:flex-start}}.lesson-skeleton{width:min(var(--width-lesson),calc(100% - 40px));margin:0 auto;padding:var(--space-4) 0 var(--space-6);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-6)}.lesson-skeleton__block{display:flex;flex-direction:column;gap:var(--space-2)}.lesson-skeleton__header{gap:var(--space-3)}.lesson-skeleton__block--aside{background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.tabs{display:block}.tabs__list{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:var(--border-w) solid var(--color-border)}.tabs__nav-link,.tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);margin:0;border:0;border-bottom:2px solid transparent;color:var(--color-fg-muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);line-height:var(--leading-small);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.tabs__nav-link:hover,.tabs__tab:hover{color:var(--color-fg)}.tabs__nav-link:focus-visible,.tabs__tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px;border-radius:var(--radius-xs)}.tabs__nav-link:active,.tabs__tab:active{transform:translateY(1px)}.tabs__nav-link.is-active,.tabs__tab.is-active,.tabs__tab[aria-selected=true]{color:var(--color-fg);border-bottom-color:var(--color-brand)}.tabs__panel{padding-top:var(--space-4)}.tabs--nav{margin-bottom:var(--space-5)}.tabs--nav .tabs__nav-item{display:inline-flex;margin-bottom:calc(-1 * var(--border-w))}.detail-list{background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.detail-row{display:grid;grid-template-columns:36px 100px 1fr;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-w-hairline) solid var(--color-border);align-items:center}.detail-row:last-child{border-bottom:0}.detail-row__icon{width:28px;height:28px;border-radius:50%;background:var(--color-surface-sunken);color:var(--color-fg-muted);display:flex;align-items:center;justify-content:center}.detail-row__icon .icon{width:16px;height:16px}.detail-row__label{font-family:var(--font-body);font-size:13px;color:var(--color-fg-muted)}.detail-row__value{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-fg)}.detail-row__value--mono{font-family:var(--font-mono);font-weight:600}.tracking-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.tracking-meta__time{font-family:var(--font-mono);font-size:12px;color:var(--color-fg-muted);margin-left:auto}.cart-bar{position:fixed;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:480px;margin:0 auto;z-index:40}.cart-bar__inner{background:oklch(from var(--color-surface) l c h/.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:var(--border-w) solid var(--color-border);padding:var(--space-3) var(--space-4);justify-content:space-between}.cart-bar__count,.cart-bar__inner{display:flex;align-items:center;gap:var(--space-3)}.cart-bar__count{font-weight:600}.screen-main{padding-bottom:var(--space-24)}.screen-main--narrow{padding-top:var(--space-6);padding-bottom:var(--space-12)}.auth-center{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.form-stack{margin-top:var(--space-5)}.form-actions-end{display:flex;justify-content:flex-end;gap:var(--space-3)}.section-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.02em;margin:0 0 var(--space-3)}.course-screen,.dashboard-screen{position:relative}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);padding:var(--space-10) 0 var(--space-8)}.course-page-title,.dashboard-heading .page-title{margin:var(--space-3) 0 var(--space-3);font-size:clamp(2.75rem,6vw,5.25rem);line-height:.94;letter-spacing:-.07em}.course-page-title:after,.dashboard-heading .page-title:after{width:96px;height:8px;margin-top:var(--space-4)}.course-page-lead,.dashboard-lead{max-width:580px;margin-bottom:0;font-size:var(--text-lg);line-height:1.55}.dashboard-heading__signal{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;margin-bottom:var(--space-2);color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-heading__signal-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 5px var(--color-accent-subtle);animation:campus-pulse 2.2s ease-in-out infinite}.dashboard-content{gap:var(--space-5)}.course-section__heading,.dashboard-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.course-section__heading h2,.dashboard-section-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:-.05em}.course-section__heading .section-kicker,.dashboard-section-heading .section-kicker{margin-bottom:var(--space-2)}.dashboard-section-heading__count{padding-bottom:3px;color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.course-grid,.lesson-grid{align-items:stretch}.course-card,.lesson-card{position:relative;min-height:300px;overflow:hidden;animation:campus-card-in var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--card-index, 0) * 90ms)}.course-card{--course-card-color:var(--color-brand);--course-card-subtle:var(--color-brand-subtle);--course-card-border:var(--color-border);--course-card-on-color:var(--color-fg-on-brand);background:linear-gradient(145deg,color-mix(in oklch,var(--course-card-subtle) 58%,var(--color-surface)),var(--color-surface) 64%);border-color:var(--course-card-border)}.course-card[data-course-theme=giles]{--course-card-color:oklch(0.58 0.17 215);--course-card-subtle:color-mix(in oklch,oklch(0.58 0.17 215) 18%,var(--color-surface));--course-card-border:color-mix(in oklch,oklch(0.58 0.17 215) 58%,var(--color-border))}.course-card[data-course-theme=web]{--course-card-color:oklch(0.58 0.18 315);--course-card-subtle:color-mix(in oklch,oklch(0.58 0.18 315) 18%,var(--color-surface));--course-card-border:color-mix(in oklch,oklch(0.58 0.18 315) 58%,var(--color-border))}.course-card[data-course-theme=lab]{--course-card-color:oklch(0.68 0.16 70);--course-card-subtle:color-mix(in oklch,oklch(0.68 0.16 70) 18%,var(--color-surface));--course-card-border:color-mix(in oklch,oklch(0.68 0.16 70) 58%,var(--color-border));--course-card-on-color:var(--n-950)}.course-card[data-course-theme=sunset]{--course-card-color:oklch(0.62 0.18 35);--course-card-subtle:color-mix(in oklch,oklch(0.62 0.18 35) 18%,var(--color-surface));--course-card-border:color-mix(in oklch,oklch(0.62 0.18 35) 58%,var(--color-border))}.course-card__glow{position:absolute;top:-72px;right:-38px;width:170px;height:170px;border-radius:50%;background:var(--course-card-subtle);opacity:.72;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.course-card:hover .course-card__glow{opacity:1;transform:scale(1.12)}.course-card>*,.lesson-card>*{position:relative;z-index:1}.course-card>.course-card__glow{position:absolute;z-index:0}.course-card .task-card__top,.lesson-card .task-card__top{align-items:flex-start}.task-card__subject{display:inline-flex;align-items:center;gap:6px}.task-card__subject .icon{width:13px;height:13px}.course-card__icon{display:grid;width:46px;height:46px;margin:var(--space-4) 0 var(--space-2);place-items:center;background:var(--course-card-color);color:var(--course-card-on-color);border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-sm);transform:rotate(-4deg);transition:transform var(--duration-base) var(--ease-spring)}.course-card:hover .course-card__icon{transform:rotate(0) translateY(-3px)}.course-card .task-card__subject{background:var(--course-card-subtle);border-color:var(--course-card-border)}.course-card .task-card__title{max-width:18ch;font-size:var(--text-2xl)}.lesson-card .task-card__title{max-width:22ch;font-size:var(--text-xl)}.task-card__footer .task-card__due .icon{width:13px;height:13px}.task-card__footer .btn .icon{transition:transform var(--duration-fast) var(--ease-out)}.task-card__footer .btn:hover .icon{transform:translateX(3px)}.course-page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;grid-gap:var(--space-8);gap:var(--space-8);min-height:250px;padding:var(--space-6) 0 var(--space-5);border-bottom:var(--border-w-hairline) solid var(--color-border);overflow:hidden}.course-page-hero__copy{position:relative;z-index:1}.course-page-hero .tracking-meta{margin-bottom:var(--space-3)}.course-page-hero .tracking-meta>span{color:var(--color-fg-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.course-page-hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);color:var(--color-fg-muted);font-size:var(--text-sm)}.course-page-hero__stats span{display:inline-flex;align-items:baseline;gap:6px}.course-page-hero__stats strong{color:var(--color-fg);font-family:var(--font-display);font-size:var(--text-xl)}.course-page-hero__shape{position:relative;display:grid;width:158px;height:158px;place-items:center;justify-self:end;color:var(--color-fg-on-brand);background:var(--color-brand);border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-lg);transform:rotate(7deg);animation:campus-float 5s ease-in-out infinite}.course-page-hero__shape:after,.course-page-hero__shape:before{position:absolute;width:22px;height:22px;border:var(--border-w) solid var(--color-border);background:var(--color-accent);content:""}.course-page-hero__shape:before{top:-12px;right:28px}.course-page-hero__shape:after{bottom:24px;left:-13px;background:var(--color-surface)}.course-page-hero__shape-ring{position:absolute;width:108px;height:108px;border:1px solid color-mix(in oklch,var(--color-fg-on-brand) 60%,transparent);border-radius:50%;animation:campus-spin 18s linear infinite}.course-page-hero__shape-ring:after{position:absolute;top:7px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--color-accent);content:""}.course-page-hero__shape-mark{font-family:var(--font-mono);font-size:2.8rem;font-weight:700;letter-spacing:-.2em}.course-screen,.course-section{gap:var(--space-5)}.lesson-card{min-height:205px;padding:var(--space-3);gap:var(--space-1)}.lesson-card .task-card__footer{padding-top:var(--space-1)}.lesson-card .task-card__desc{-webkit-line-clamp:2}.course-section__heading{align-items:center}.course-section__line{height:1px;flex:1 1;margin-left:var(--space-4);background:var(--color-border)}@keyframes campus-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes campus-float{0%,to{transform:rotate(7deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}@keyframes campus-spin{to{transform:rotate(1turn)}}@keyframes campus-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}@media (max-width:768px){.dashboard-heading{align-items:flex-start;flex-direction:column;gap:var(--space-4);padding-top:var(--space-8)}.dashboard-heading__signal{margin-left:var(--space-1)}.course-page-hero{grid-template-columns:1fr;min-height:0;padding-top:var(--space-6)}.course-page-hero__shape{position:absolute;top:40px;right:-54px;width:150px;height:150px;opacity:.2}.course-page-title{max-width:11ch}.course-page-lead{max-width:34ch}.course-section__line{display:none}}@media (prefers-reduced-motion:reduce){.course-card,.course-page-hero__shape,.course-page-hero__shape-ring,.dashboard-heading__signal-dot,.lesson-card,.order-status-card__pulse-dot{animation:none}.course-card__glow,.course-card__icon,.task-card__footer .btn .icon{transition:none}}.cell-muted{margin:0;font-size:var(--text-xs);color:var(--color-fg-muted);overflow-wrap:anywhere}.cell-mono{font-family:var(--font-mono)}.text-link-muted{font-size:13px;color:var(--color-fg-muted);text-decoration:none}.text-link-muted:hover{color:var(--color-fg)}.data-table{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}.data-table__table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-sm)}.data-table__th{text-align:left;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-muted);background:var(--color-surface-sunken);border-bottom:var(--border-w) solid var(--color-border)}.data-table__td,.data-table__th{padding:var(--space-3) var(--space-4)}.data-table__td{border-bottom:var(--border-w-hairline) solid var(--color-border);color:var(--color-fg);vertical-align:middle}.data-table__tr:last-child .data-table__td{border-bottom:none}.data-table__tr:hover .data-table__td{background:var(--color-surface-sunken)}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-fg-muted)}.dropzone__progress{display:block;width:100%;max-width:280px;height:8px;margin-top:var(--space-2);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-sunken);overflow:hidden}.dropzone__progress-bar{display:block;height:100%;background:var(--color-accent);transition:width .12s linear}.score-badge{display:inline-flex;align-items:baseline;gap:1px;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);padding:2px var(--space-2);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap}.score-badge__max{font-size:var(--text-xs);font-weight:400;color:var(--color-fg-muted)}.score-badge--high{background:var(--color-success-subtle);color:var(--color-success-fg)}.score-badge--mid{background:var(--color-warning-subtle);color:var(--color-warning-fg)}.score-badge--low{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.score-badge--pending{background:var(--color-surface-sunken);color:var(--color-fg-muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.choice-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.choice-card:hover:not(.is-disabled){background:var(--color-surface-sunken)}.choice-card.is-checked{border-color:var(--color-accent);box-shadow:var(--shadow-brutal,3px 3px 0 var(--color-border))}.choice-card.is-disabled{cursor:default;opacity:.8}.choice-card__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.choice-card__marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);background:var(--color-surface-sunken)}.choice-card.is-checked .choice-card__marker{background:var(--color-accent);color:var(--color-accent-fg,var(--color-bg));border-color:var(--color-accent)}.choice-card__label{flex:1 1}.choice-card__tone-icon{width:18px;height:18px;flex-shrink:0}.choice-card--correct{border-color:var(--color-success-fg);background:var(--color-success-subtle)}.choice-card--correct .choice-card__tone-icon{color:var(--color-success-fg)}.choice-card--incorrect{border-color:var(--color-danger-fg);background:var(--color-danger-subtle)}.choice-card--incorrect .choice-card__tone-icon{color:var(--color-danger-fg)}.progress-steps{display:flex;align-items:center;gap:var(--space-3)}.progress-steps__track{display:flex;gap:var(--space-1);flex-wrap:wrap}.progress-steps__step{width:18px;height:10px;padding:0;border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);cursor:pointer}.progress-steps__step:disabled{cursor:default}.progress-steps__step.is-done{background:var(--color-accent)}.progress-steps__step.is-current{outline:var(--border-w) solid var(--color-fg);outline-offset:1px}.progress-steps__count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-fg-muted);white-space:nowrap}.file-preview{margin:0;border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.file-preview__caption{padding:var(--space-2) var(--space-4);border-bottom:var(--border-w-hairline) solid var(--color-border);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted)}.file-preview__image{display:block;max-width:100%;max-height:480px;margin:0 auto}.file-preview__frame{display:block;width:100%;height:480px;border:none}.file-preview__code{margin:0;padding:var(--space-4);max-height:480px;overflow:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;word-break:break-word}.file-preview__fallback{margin:0;padding:var(--space-4);font-size:var(--text-sm);color:var(--color-fg-muted)}.task-layout-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (max-width:900px){.task-layout-split{grid-template-columns:1fr}}.task-layout-focus__instructions{border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0}.task-layout-focus__instructions summary{cursor:pointer;font-weight:700;font-size:var(--text-sm)}.task-layout-focus__instructions[open] summary{margin-bottom:var(--space-2)}.quiz{gap:var(--space-5)}.quiz__question{margin:0;padding:var(--space-4);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.quiz__prompt{padding:0 var(--space-2);font-family:var(--font-display,var(--font-body));font-weight:700;font-size:var(--text-md)}.quiz__options{gap:var(--space-2);margin-top:var(--space-3)}.quiz__context-code{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;overflow-x:auto}.attempt-history{display:flex;flex-direction:column;gap:var(--space-2)}.attempt-history h3{margin:0;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.attempt-history__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:var(--space-1)}.attempt-history__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-muted)}.attempt-history__label{font-weight:600;color:var(--color-fg)}.attempt-history__status{margin-left:auto;font-weight:600}.lesson-card__progress{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-fg-muted)}.quiz-builder__tabs{display:flex;gap:var(--space-2)}.quiz-builder__questions{gap:var(--space-4)}.quiz-builder__option{display:flex;align-items:center;gap:var(--space-2)}.quiz-builder__option>.input{flex:1 1}.quiz-builder__option input[type=radio]{accent-color:var(--color-accent)}.quiz-builder__errors{margin:0;padding-left:var(--space-4)}.quiz-builder__prompt{margin:0;padding:var(--space-4);max-height:320px;overflow:auto;border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap}.quiz-builder__ai-fields{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:700px){.quiz-builder__ai-fields{grid-template-columns:1fr}}.cell-actions{display:inline-flex;gap:var(--space-1);white-space:nowrap}.teach-section-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 var(--space-4)}.teach-section-nav__link{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);color:var(--color-fg);background:var(--color-surface);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.teach-section-nav__link:hover{background:var(--color-brand-subtle)}.teach-section-nav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.teach-task-groups{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.teach-task-group{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.teach-task-group__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-w-hairline) solid var(--color-border)}.teach-task-group__heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-width:0}.teach-task-group__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}.teach-task-group__meta{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.teach-task-group__hint{margin:0;color:var(--color-fg-muted);font-size:var(--text-sm)}.assessment-panel,.assessment-review-center{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.assessment-panel__header,.assessment-review-detail__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.assessment-panel__header .page-title{margin-top:var(--space-1)}.assessment-panel__section{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.assessment-panel__section h2,.assessment-panel__section h3,.assessment-review-detail__sections h3{margin:0}.assessment-panel__copy{max-width:75ch;margin:0;color:var(--color-fg-muted);line-height:1.65;white-space:pre-wrap}.assessment-panel__rubric{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.assessment-panel__feedback,.assessment-panel__rubric-item{padding:var(--space-4);border:var(--border-w-hairline) solid var(--color-border);background:var(--color-surface-sunken)}.assessment-panel__feedback p,.assessment-panel__rubric-item p{margin:var(--space-2) 0 0;color:var(--color-fg-muted);line-height:1.55}.assessment-panel__rubric-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.assessment-panel__rubric-heading h3{font-size:var(--text-md)}.assessment-panel__feedback ul,.assessment-panel__rubric-item ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);color:var(--color-fg-muted)}.assessment-review-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.assessment-review-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.assessment-review-detail,.assessment-review-list{min-width:0}.assessment-review-list__items{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none}.assessment-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:center;padding:var(--space-3);border:var(--border-w-hairline) solid var(--color-border);background:var(--color-surface)}.assessment-review-row--selected{border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.assessment-review-row__main{display:grid;min-width:0;grid-gap:2px;gap:2px}.assessment-review-row__main span{overflow-wrap:anywhere}.assessment-review-row__main small{color:var(--color-fg-muted);overflow-wrap:anywhere}.assessment-review-row__meta{display:grid;justify-items:end;grid-gap:var(--space-1);gap:var(--space-1);color:var(--color-fg-muted);font-size:var(--text-xs);text-align:right}.assessment-review-detail{padding:var(--space-5);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.assessment-review-detail__sections{display:grid;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-5)}.assessment-review-detail__sections section{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.assessment-review-detail__sections p{margin:0;color:var(--color-fg-muted);line-height:1.55;white-space:pre-wrap}.assessment-review-detail__sections ul{margin:0;padding-left:var(--space-5);color:var(--color-fg-muted)}.assessment-review-evidence{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0}.assessment-review-evidence>div{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);border:var(--border-w-hairline) solid var(--color-border);background:var(--color-surface-sunken)}.assessment-review-evidence dt{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;overflow-wrap:anywhere}.assessment-review-evidence dd{margin:0;color:var(--color-fg-muted);overflow-wrap:anywhere;white-space:pre-wrap}.assessment-review-draft{padding-top:var(--space-5);border-top:var(--border-w-hairline) solid var(--color-border)}.assessment-review-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}@media (max-width:900px){.assessment-review-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-review-layout{grid-template-columns:1fr}}@media (max-width:620px){.assessment-panel__section,.assessment-review-detail{padding:var(--space-4)}.assessment-review-filters,.assessment-review-row{grid-template-columns:1fr}.assessment-review-row__meta{justify-items:start;text-align:left}.assessment-review-row .btn{width:100%}.assessment-review-actions{flex-direction:column;align-items:stretch}.assessment-review-actions .btn{width:100%}.assessment-review-evidence>div{grid-template-columns:1fr;gap:var(--space-1)}}.access-request-form{animation:access-request-enter var(--duration-base) var(--ease-out) both}.access-request-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-2)}.access-request-course{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.access-request-course:hover{border-color:var(--color-brand);transform:translateY(-1px)}.access-request-course.is-selected{border-color:var(--color-brand);background:var(--color-surface-sunken)}.access-request-course input{margin-top:3px;accent-color:var(--color-brand)}.access-request-course span{display:flex;flex-direction:column;gap:2px}.access-request-course small{color:var(--color-fg-muted);font-size:var(--text-xs)}.access-request-courses{border:0;padding:0;margin:0;min-width:0}.access-request-courses:disabled{opacity:.7}.access-request-inline-error{align-items:flex-start}.access-request-success{animation:access-request-enter var(--duration-base) var(--ease-out) both}.access-status-notice{margin-bottom:var(--space-2)}.access-status-list{margin:0;padding-left:var(--space-5)}.access-admin-card{max-width:none;padding:0;animation:access-request-enter var(--duration-base) var(--ease-out) both;overflow:clip}.access-admin-card__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;transition:background-color var(--duration-fast) var(--ease-out)}.access-admin-card__summary::-webkit-details-marker{display:none}.access-admin-card__summary:hover{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.access-admin-card__summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.access-admin-card__meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.access-admin-card__chevron{color:var(--color-fg-muted);font-size:var(--text-2xl);line-height:1;transform:rotate(90deg);transition:transform var(--duration-fast) var(--ease-out)}.access-admin-card[open] .access-admin-card__chevron{transform:rotate(-90deg)}.access-admin-card--disclosure[data-disclosure-state=closing] .access-admin-card__chevron{transform:rotate(90deg)}.access-admin-card__body{border-top:var(--border-w-hairline) solid var(--color-border);padding:0 var(--space-5) var(--space-5);animation:access-request-enter var(--duration-fast) var(--ease-out) both}.access-admin-card--disclosure{animation:none}.access-admin-card--disclosure .access-admin-card__body{display:grid;grid-template-rows:0fr;padding-bottom:0;border-top-color:transparent;opacity:0;overflow:hidden;animation:none;transition:grid-template-rows var(--duration-fast) var(--ease-out),padding-bottom var(--duration-fast) var(--ease-out),border-top-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.access-admin-card--disclosure .access-admin-card__body-inner{min-height:0;overflow:hidden}.access-admin-card--disclosure[data-disclosure-state=open] .access-admin-card__body{grid-template-rows:1fr;padding-bottom:var(--space-5);border-top-color:var(--color-border);opacity:1}.access-admin-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.access-admin-card__name{margin:0;font-family:var(--font-display);font-size:var(--text-lg)}.access-admin-card__email{margin:2px 0 0;color:var(--color-fg-muted);overflow-wrap:anywhere}.access-admin-card__comment{margin:var(--space-4) 0 0;color:var(--color-fg-muted)}.access-admin-courses{display:grid;grid-gap:var(--space-3);gap:var(--space-3);list-style:none;margin:var(--space-5) 0 0;padding:0}.access-admin-course{border-top:var(--border-w-hairline) solid var(--color-border);padding-top:var(--space-4)}.access-admin-course__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.access-admin-course__heading>div{display:flex;flex-direction:column;gap:2px}.access-admin-course__feedback{color:var(--color-fg-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}.access-admin-course__decision-date{color:var(--color-fg-muted);font-size:var(--text-xs);margin:var(--space-2) 0 0}.access-admin-course__actions{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-3)}.access-admin-course__buttons,.access-admin-course__confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.access-admin-course__confirm>span{color:var(--color-fg-muted);font-size:var(--text-sm);margin-right:auto}@keyframes access-request-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}html[data-brand=campus] .admin-request-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.8fr) minmax(165px,.9fr) auto;align-items:start;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}html[data-brand=campus] .admin-request-filters .field{min-width:0}html[data-brand=campus] .admin-request-filters .field__hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-brand=campus] .admin-request-filters>.btn{min-height:44px;align-self:start;margin-top:calc(var(--text-sm) * var(--leading-normal) + 6px)}html[data-brand=campus] .admin-request-results{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-fg-muted);font-size:var(--text-sm)}@media (max-width:640px){.access-request-course-grid{grid-template-columns:1fr}.access-admin-card__summary{align-items:flex-start;padding:var(--space-4)}.access-admin-card__meta{align-items:flex-end;flex-direction:column;gap:var(--space-1)}.access-admin-card__meta time{display:none}.access-admin-card__body{padding:0 var(--space-4) var(--space-4)}.access-admin-card--disclosure[data-disclosure-state=open] .access-admin-card__body{padding-bottom:var(--space-4)}html[data-brand=campus] .admin-request-filters{grid-template-columns:1fr 1fr}html[data-brand=campus] .admin-request-filters .field:first-child,html[data-brand=campus] .admin-request-filters .field:nth-child(3),html[data-brand=campus] .admin-request-filters>.btn{grid-column:1/-1}html[data-brand=campus] .admin-request-filters>.btn{width:100%;margin-top:0}}@media (prefers-reduced-motion:reduce){.access-admin-card,.access-request-form,.access-request-success{animation:none}.access-admin-card--disclosure .access-admin-card__body,.access-admin-card__chevron,.access-admin-card__summary,.access-request-course{transition:none}.access-request-course:hover{transform:none}}.platform-feedback__trigger{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:45;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);color:var(--color-fg-on-brand);background:var(--color-brand);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;font:inherit;font-weight:700;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.platform-feedback__trigger:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.platform-feedback__trigger:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.platform-feedback__trigger .icon{width:18px;height:18px}.platform-feedback__overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.platform-feedback__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:oklch(.15 0 0/.55);cursor:pointer}.platform-feedback__dialog{position:relative;width:min(100%,540px);max-height:min(720px,calc(100dvh - var(--space-8) - env(safe-area-inset-top) - env(safe-area-inset-bottom)));display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:platform-feedback-enter var(--duration-fast) var(--ease-out) both}.platform-feedback__header{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-3)}.platform-feedback__header .section-title{margin:0}.platform-feedback__close{display:grid;flex:none;place-items:center;width:36px;height:36px;padding:0;color:var(--color-fg);background:transparent;border:var(--border-w-hairline) solid var(--color-border);cursor:pointer}.platform-feedback__close:hover{background:var(--color-brand-subtle)}.platform-feedback__close .icon{width:18px;height:18px}.platform-feedback__body-wrap{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.platform-feedback__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-6) var(--space-6);scrollbar-gutter:stable;outline:none}.platform-feedback__body:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-3px}.platform-feedback__scroll-hint{position:absolute;right:0;bottom:0;left:0;padding:var(--space-5) var(--space-6) var(--space-2);color:var(--color-fg-muted);background:linear-gradient(to bottom,transparent,var(--color-surface) 55%);font-size:var(--text-xs);font-weight:700;text-align:center;pointer-events:none}.platform-feedback__footer{display:flex;flex:none;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-5);background:var(--color-surface);border-top:var(--border-w-hairline) solid var(--color-border)}.platform-feedback__footer .btn{width:100%}.platform-feedback__types{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;border:0}.platform-feedback__types label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.platform-feedback__types input{accent-color:var(--color-brand)}.platform-feedback-admin__card{gap:var(--space-3)}.platform-feedback-admin__detail{margin:0;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.platform-feedback-admin__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--color-fg-muted);font-size:var(--text-xs)}.platform-feedback-admin__meta code{font-family:var(--font-mono);overflow-wrap:anywhere}.platform-feedback-admin__actions{display:flex;align-items:center;gap:var(--space-3)}.platform-feedback-admin__actions .select{flex:1 1;min-width:0}@keyframes platform-feedback-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.platform-feedback__trigger{right:var(--space-3);bottom:var(--space-3)}.platform-feedback__dialog{max-height:calc(100dvh - var(--space-8) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.platform-feedback__header{padding:var(--space-4) var(--space-4) var(--space-2)}.platform-feedback__body{padding-inline:var(--space-4)}.platform-feedback__footer{padding:var(--space-3) var(--space-4) var(--space-4)}.platform-feedback__scroll-hint{padding-inline:var(--space-4)}.platform-feedback-admin__actions{align-items:stretch;flex-direction:column}.platform-feedback-admin__actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.platform-feedback__dialog,.platform-feedback__trigger{transition:none;animation:none}.platform-feedback__trigger:hover{transform:none}}.interactive{gap:var(--space-4)}.interactive__hint{margin:0;color:var(--color-fg-muted)}.interactive__hint[data-complete=true],.interactive__hint[data-used=true]{color:var(--color-success-fg)}.interactive__warning{margin:0;font-size:var(--text-sm);color:var(--color-warning-fg)}.interactive__input,.interactive__select{min-height:40px;padding:var(--space-1) var(--space-2);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);max-width:100%}.interactive__match,.interactive__match-column{display:flex;flex-direction:column;gap:var(--space-2)}.interactive__match-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label pair" "select select";align-items:center;grid-gap:var(--space-1) var(--space-3);gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.interactive__match-row[data-assigned=true]{border-color:var(--color-success)}.interactive__match-label{font-weight:600}.interactive__match-row .interactive__match-label{grid-area:label}.interactive__match-pair{grid-area:pair;font-size:var(--text-sm);color:var(--color-fg-muted)}.interactive__match-row .interactive__select{grid-area:select;width:100%}.interactive__sort-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.interactive__sort-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);touch-action:none}.interactive__sort-item[data-excluded=true]{opacity:.55;border-style:dashed}.interactive__sort-item[data-drag-over=true]{border-color:var(--color-accent)}.interactive__sort-position{min-width:1.4em;font-weight:700;color:var(--color-fg-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.interactive__sort-handle{color:var(--color-fg-muted);cursor:-webkit-grab;cursor:grab}.interactive__sort-label{flex:1 1;font-size:var(--text-sm);overflow-wrap:anywhere}.interactive__sort-actions{display:flex;gap:var(--space-1)}.interactive__categorize{display:flex;flex-direction:column;gap:var(--space-3)}.interactive__categorize-items{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.interactive__categorize-item{display:grid;grid-template-columns:1fr minmax(140px,45%);align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.interactive__categorize-item[data-assigned=true]{border-color:var(--color-success)}.interactive__categorize-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.interactive__categorize-group{margin:0;padding:var(--space-2) var(--space-3);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken)}.interactive__categorize-group-title{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-fg-muted)}.interactive__categorize-group-items{margin:0;padding-left:var(--space-4);font-size:var(--text-sm)}.interactive__categorize-empty{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted)}.interactive__layout{display:flex;flex-direction:column;gap:var(--space-3)}.interactive__layout-palette{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.interactive__layout-palette-item{padding:var(--space-1) var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);font-family:var(--font-mono)}.interactive__layout-palette-item[data-used=true]{opacity:.45;text-decoration:line-through}.interactive__layout-schema{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.interactive__layout-region{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:var(--border-w) dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);min-height:84px}.interactive__layout-region[data-span=full]{grid-column:span 2}.interactive__layout-region[data-assigned=true]{border-style:solid;border-color:var(--color-success);background:var(--color-success-subtle)}.interactive__layout-region-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.interactive__layout-region-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-fg-muted)}.interactive__layout-region-value{font-family:var(--font-mono);font-size:var(--text-sm)}.interactive__trace-steps{list-style:none;margin:0;padding:0}.interactive__trace-step,.interactive__trace-steps{display:flex;flex-direction:column;gap:var(--space-2)}.interactive__trace-step{padding:var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.interactive__trace-step[data-answered=true]{border-color:var(--color-success)}.interactive__trace-head{display:flex;gap:var(--space-2);align-items:baseline}.interactive__trace-marker{font-weight:700;color:var(--color-fg-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.interactive__trace-label{font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere}.interactive__trace-expression{display:block;font-size:var(--text-sm);color:var(--color-fg-muted)}.interactive__trace-boolean{display:flex;flex-wrap:wrap;gap:var(--space-3)}.interactive__trace-radio{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.interactive__trace-radio input{accent-color:var(--color-accent)}.interactive__input{max-width:240px}.interactive__spot-code{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:var(--space-3);border:var(--border-w-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-sm);overflow-x:auto}.interactive__spot-block{all:unset;display:block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;white-space:pre}.interactive__spot-block>span[aria-hidden]{display:block;font-family:var(--font-sans);font-size:var(--text-xs);margin-bottom:var(--space-2)}.interactive__spot-block>code{display:block;white-space:pre;font:inherit}.interactive__spot-block:hover{background:var(--color-accent-subtle)}.interactive__spot-block[data-selected=true]{background:var(--color-warning-subtle);box-shadow:inset 0 0 0 2px var(--color-warning)}.interactive__spot-fixes{display:flex;flex-direction:column;gap:var(--space-2)}.interactive__spot-fix{margin:0;padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.interactive__spot-fix legend{font-size:var(--text-sm);font-weight:600;padding:0 var(--space-1)}.interactive__flow{display:flex;flex-direction:column;gap:var(--space-3)}.interactive__flow-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-2)}.interactive__flow-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);flex:1 1 150px}.interactive__flow-arrow{align-self:center;color:var(--color-fg-muted);padding-bottom:var(--space-2)}.interactive__flow-edges{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.interactive__flow-edge{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm)}.interactive__result .alert__msg{display:flex;flex-direction:column;gap:var(--space-2)}.interactive__feedback-items{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.interactive__feedback-item{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm)}.interactive__feedback-mark{font-weight:700}.interactive__feedback-item[data-status=correct] .interactive__feedback-mark{color:var(--color-success)}.interactive__feedback-item[data-status=incorrect] .interactive__feedback-mark{color:var(--color-danger)}.interactive__feedback-item[data-status=distractor] .interactive__feedback-mark{color:var(--color-warning)}.interactive__feedback-detail{display:block;color:var(--color-fg-muted)}.interactive__hints .alert__msg{display:flex;flex-direction:column;gap:var(--space-2)}.interactive__hint-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding-left:var(--space-5)}.interactive__hint,.interactive__hint-note{font-size:var(--text-sm)}.interactive__hint-note{color:var(--color-fg-muted)}@media (max-width:480px){.interactive__sort-actions{flex-wrap:wrap}.interactive__categorize-item{grid-template-columns:1fr}.interactive__flow-form{align-items:stretch}.interactive__flow-arrow{display:none}}