@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Nunito,Segoe UI,sans-serif;font-size:16px;--bg: #eef5f0;--bg-accent: #e2efe7;--surface: #ffffff;--surface-muted: #f5f8f6;--ink: #16231c;--ink-soft: #3f5a4b;--primary: #1f7a5d;--primary-strong: #145441;--border: #d6e3db;--shadow: 0 24px 60px rgba(22, 35, 28, .12);--text-highlight: #ffe35c;--feedback-neutral: #7db7de}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1512;--bg-accent: #18231d;--surface: #1a2420;--surface-muted: #141d19;--ink: #e9f3ee;--ink-soft: #a9c1b4;--primary: #3aa37d;--primary-strong: #2f7f62;--border: #223229;--shadow: 0 24px 60px rgba(7, 12, 9, .4);--text-highlight: #0a8b94;--feedback-neutral: #5d96bf}:root[data-theme=light]{color-scheme:light;--bg: #eef5f0;--bg-accent: #e2efe7;--surface: #ffffff;--surface-muted: #f5f8f6;--ink: #16231c;--ink-soft: #3f5a4b;--primary: #1f7a5d;--primary-strong: #145441;--border: #d6e3db;--shadow: 0 24px 60px rgba(22, 35, 28, .12);--text-highlight: #ffe35c;--feedback-neutral: #7db7de}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: #0f1512;--bg-accent: #18231d;--surface: #1a2420;--surface-muted: #141d19;--ink: #e9f3ee;--ink-soft: #a9c1b4;--primary: #3aa37d;--primary-strong: #2f7f62;--border: #223229;--shadow: 0 24px 60px rgba(7, 12, 9, .4);--text-highlight: #0a8b94;--feedback-neutral: #5d96bf}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,var(--bg-accent),var(--bg));color:var(--ink)}#root{min-height:100vh}.page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page--editor{max-width:1400px}.page--single-screen{max-width:100%;width:100%;padding:1.5rem;height:100vh;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:var(--bg)}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.column-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.page-title--compact{font-size:1.6rem;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--ink-soft);margin:0 0 .5rem}h1{font-size:2.2rem;margin:0 0 .5rem}.subtitle{margin:0;color:var(--ink-soft);max-width:32rem}.subtitle__meta{display:block;margin-top:.25rem;color:var(--ink-soft)}h2{font-size:1.2rem;margin:0 0 .75rem}.card{background:var(--surface);border-radius:20px;padding:1.75rem;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:2rem}.card--compact{padding:1.25rem}.form{display:grid;gap:1rem}.form__row{display:flex;gap:1rem}label{display:grid;gap:.5rem;font-size:.85rem;color:var(--ink-soft)}input,textarea,select{border-radius:12px;border:1px solid var(--border);padding:.75rem .9rem;font:inherit;background:var(--surface-muted);color:var(--ink)}textarea{min-height:5rem;resize:vertical}button,.button,.ghost{font:inherit;border-radius:999px;border:1px solid var(--primary);padding:.5rem 1rem;background:var(--primary);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button:disabled{opacity:.6;cursor:not-allowed}.ghost{background:transparent;color:var(--primary-strong);border-color:var(--border)}.theme-toggle{padding:.45rem .6rem}.theme-toggle__icon{width:1.05rem;height:1.05rem;display:inline-flex;align-items:center;justify-content:center}.theme-toggle__icon svg{width:100%;height:100%}.task-list{display:grid;gap:1.5rem}.task{background:var(--surface);border-radius:24px;padding:1.5rem;border:1px solid var(--border);box-shadow:0 18px 40px #16231c14}.task__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.task__header-text{display:flex;flex-wrap:wrap;align-items:center;gap:3.5rem;flex:1;padding-left:.5rem}.task__actions{display:flex;gap:.75rem}.task__body{margin-top:1rem}.task__grid{display:grid;gap:.75rem}.task__meta{display:flex;gap:1.5rem;margin-top:1rem;font-size:.85rem;color:var(--ink-soft)}.task__submissions{margin-top:1.5rem;padding-left:1.5rem;border-left:2px dashed var(--border)}.task__submissions-header{display:flex;align-items:center;justify-content:space-between}.task__submissions-list{max-height:40rem;overflow-y:auto;padding-right:.25rem}.submission{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px dashed var(--border)}.submission--highlight{background:#d9782e29;border-radius:14px;padding:.75rem;box-shadow:0 0 0 2px #d9782e4d;animation:submissionPulse 3.2s ease-out}.submission--highlight .inline-field__value{color:var(--ink)}@keyframes submissionPulse{0%{box-shadow:0 0 #d9782e66}50%{box-shadow:0 0 0 6px #d9782e33}to{box-shadow:0 0 #1f7a5d00}}.submission:last-child{border-bottom:none}.submission__actions{display:flex;gap:.5rem}.inline-field{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.4rem;border:none;padding:0;background:none;text-align:left;cursor:pointer;width:100%}.inline-field--compact{width:auto;max-width:60%}.inline-field--inline{flex:1;min-width:220px}.inline-field__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft)}.inline-field__value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);text-align:left}.inline-field__value--clamped{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;white-space:normal}.inline-field--wide{width:100%;align-items:flex-start}.inline-field--padded{padding:1rem;border-radius:16px;background:var(--surface-muted)}.inline-field--muted .inline-field__value{font-size:.92rem;line-height:1.5;text-align:left}.inline-field--editing{background:var(--surface-muted);padding:.75rem;border-radius:12px}.inline-field--editing textarea,.inline-field--editing input{width:100%}.inline-field__actions{display:flex;gap:.5rem}.editor-shell{width:136%;margin-left:-18%;height:78vh;border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.editor-frame{width:100%;height:100%;border:none;background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.detail-text{white-space:pre-wrap;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.grading-layout{display:grid;grid-template-columns:1fr 1fr 3fr;grid-template-rows:auto 1fr;gap:1rem;flex:1;min-height:0;height:100%;background:var(--bg)}.grading-layout--solution{grid-template-columns:1.15fr 1fr 2fr}.grading-header{grid-column:1 / span 2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.grading-header__title{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.grading-header__submission{font-size:.9rem;color:var(--ink-soft);font-weight:600}.grading-layout .card{margin-bottom:0}.grading-column{display:flex;flex-direction:column;gap:1rem;min-height:0}.grading-column--text{grid-row:2;overflow:auto}.grading-column--text .card{min-height:0;overflow:auto}.grading-text-card--instructions{flex:0 0 auto}.grading-text-card--scenario,.grading-text-card--json{flex:1 1 auto}.json-editor{width:100%;min-height:18rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.45;resize:vertical}.json-editor--short{min-height:7rem;margin-bottom:.75rem}.grading-column--feedback{grid-row:2;min-height:0;overflow:hidden}.grading-column--previews{grid-row:1 / span 2;min-height:0;height:100%}.preview-stack{display:grid;grid-template-rows:1fr 1fr;gap:1rem;min-height:0;height:100%}.preview-frame--stacked{display:flex;flex-direction:column;min-height:0;height:100%;position:relative}.preview-frame--stacked h3{position:absolute;left:.35rem;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--ink-soft);margin:0;pointer-events:none}.preview-frame--stacked iframe{flex:1;height:100%;min-height:0}.text-highlight{background:var(--text-highlight);border-radius:4px}.diagram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.diagram-grid--stack{grid-template-columns:1fr}.feedback-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.feedback-count{font-size:.85rem;color:var(--ink-soft)}.feedback-list{display:grid;gap:.75rem}.feedback-list--scroll{overflow:auto;min-height:0;padding-right:.25rem;flex:1;align-content:start}.feedback-group{display:grid;gap:.5rem}.feedback-group__title{margin:0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.feedback-group__list{display:grid;gap:.75rem}.feedback-card{display:flex;flex-direction:column;min-height:0;flex:1}.feedback-item{padding:.9rem 1.6rem;border-radius:16px;border:1px solid var(--border);background:var(--surface-muted);display:grid;gap:.5rem;position:relative;--feedback-accent: #3b647a;cursor:pointer}.feedback-item:before,.feedback-item:after{content:"";position:absolute;top:8px;bottom:8px;width:4px;border-radius:999px;background:var(--feedback-accent);opacity:.9;pointer-events:none}.feedback-item:before{left:8px}.feedback-item:after{right:8px}.feedback-item--fatal{--feedback-accent: #6f1d2a}.feedback-item--negative{--feedback-accent: #d64545}.feedback-item--warning{--feedback-accent: #e39a4a}.feedback-item--neutral{--feedback-accent: var(--feedback-neutral)}.feedback-item--positive{--feedback-accent: #2f8f5b}.feedback-item--info{--feedback-accent: #3b647a}.feedback-item--active{border-color:#f1a63af2;box-shadow:0 0 0 2px #f1a63a59}.feedback-item__message{margin:0}.preview-frame{background:var(--surface);border-radius:20px;padding:1mm 1rem;border:1px solid var(--border);box-shadow:0 18px 40px #16231c14}.preview-frame iframe{width:100%;height:560px;border:none;border-radius:12px;background:#d7eadc}.preview-frame--empty{display:grid;gap:.5rem;align-content:center;min-height:560px}.grade{font-size:1.8rem;color:var(--primary-strong);margin:.4rem 0 0}.grading-summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.grading-summary--stacked{flex-direction:column;align-items:flex-start}.grading-meta{display:grid;gap:.3rem;text-align:right;font-size:.85rem;color:var(--ink-soft)}.grading-meta__row{display:flex;flex-wrap:wrap;gap:.75rem}.grading-meta--left{text-align:left}.grading-nav{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}.grading-nav--inline{justify-content:flex-start;margin-top:.6rem}.grading-nav--header{justify-content:flex-end}.grading-nav--center{justify-content:center;margin:1rem 0}.grading-nav__label{font-size:.85rem;color:var(--ink-soft)}.status{margin-top:.5rem;color:var(--primary-strong)}.error{color:#b42318}.header-actions{display:flex;gap:.75rem}.toast{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;align-items:center;gap:.75rem;max-width:min(32rem,calc(100vw - 2rem));padding:.75rem .85rem;border-radius:14px;border:1px solid;box-shadow:var(--shadow);font-size:.9rem}.toast--error{background:#fff3f2;border-color:#f2b8b5;color:#8b1d18}.toast__close{padding:.3rem .55rem;min-width:auto;border-color:transparent;color:inherit}.section-divider{display:flex;align-items:center;justify-content:center;margin:3rem 0 2.5rem;color:var(--ink-soft);font-size:.9rem;letter-spacing:.2em;text-transform:uppercase}.section-divider span{padding:0 1rem;opacity:.7}@media (max-width: 720px){.editor-shell{width:100%;margin-left:0;height:70vh}.page--single-screen{height:auto;overflow:visible}.grading-layout{grid-template-columns:1fr;height:auto}.grading-header{grid-column:1;flex-wrap:wrap;align-items:flex-start}.grading-header__title{width:100%}.grading-column--text,.grading-column--feedback,.grading-column--previews{grid-row:auto}.grading-column--text{overflow:visible}.grading-column--text .card{flex:none;overflow:visible}.preview-stack{grid-template-rows:none}.page__header,.task__header,.submission{flex-direction:column;align-items:flex-start}}