:root{--paper: #f5f1e8;--surface: #fffdf8;--sunken: #ece5d6;--ink: #1b2a41;--ink-hover: #2a3d5c;--ink-soft: #556070;--numeral: #8a7f6b;--line: #ddd4c3;--line-strong: #8c826e;--accent: #a3471f;--accent-hover: #8a3b19;--accent-tint: #f6e3d8;--danger: #9b2c1f;--danger-tint: #f7e1dc;--ink-950: #0f1724;--ink-900: #16202f;--ink-850: #1c2839;--ink-800: #243349;--ink-700: #34465f;--on-dark: #e9e4d8;--on-dark-soft: #a9b3c2;--on-dark-new: #9fd3b0;--on-dark-changed: #e8c98a;--font-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--font-sans: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Source Code Pro", ui-monospace, Menlo, Consolas, monospace;--text-xs: 13px;--text-sm: 14px;--text-base: 15px;--text-md: 17px;--text-lg: 22px;--text-xl: 30px;--text-2xl: 40px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius-sm: 4px;--radius-md: 8px;--radius-stamp: 3px;--focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--ink);--ease: .12s ease;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}h1,h2,h3,p,dl,dd,ol,ul{margin:0}button,input{font:inherit;color:inherit}a{color:var(--ink);text-underline-offset:3px}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{min-height:100vh;display:flex;flex-direction:column}.width-default{max-width:1040px}.width-narrow{max-width:520px}.width-wide{max-width:1200px}.site-header{border-bottom:1px solid var(--line)}.site-header-inner{margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.wordmark{font-family:var(--font-serif);font-weight:700;font-size:var(--text-md);color:var(--ink);text-decoration:none;padding:var(--space-1) 0}.site-label{color:var(--ink-soft);font-size:var(--text-sm);padding-left:var(--space-4);border-left:1px solid var(--line)}.site-actions{margin-left:auto}.shell-main{flex:1;width:100%;margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.site-footer{border-top:1px solid var(--line);padding:var(--space-5);text-align:center;color:var(--ink-soft);font-size:var(--text-xs)}.page-title{font-family:var(--font-serif);font-weight:700;font-size:var(--text-xl);line-height:1.2;overflow-wrap:anywhere}.section-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);line-height:1.3;margin-bottom:var(--space-4)}.panel-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);margin-bottom:var(--space-5)}.lead{font-size:var(--text-md);color:var(--ink-soft);max-width:58ch}.state-text{color:var(--ink-soft)}.placeholder-text{color:var(--ink-soft);font-style:italic}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6)}.form,.stack-form{display:flex;flex-direction:column;gap:var(--space-5)}.stack-form{gap:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-weight:600;font-size:var(--text-sm)}.field-hint{color:var(--ink-soft);font-size:var(--text-xs)}input{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-width:0;transition:border-color var(--ease)}input::placeholder{color:var(--ink-soft)}input:hover{border-color:var(--ink-soft)}input:focus-visible{border-color:var(--ink)}.input-code{font-family:var(--font-mono);font-weight:500;letter-spacing:.04em}.input-title{font-family:var(--font-serif);font-size:var(--text-lg)}input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--ink)}.form-error{color:var(--danger);background:var(--danger-tint);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.inline-form{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.inline-form input{flex:1 1 220px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--ease),border-color var(--ease),color var(--ease)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-small{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-block{width:100%}.btn-primary{background:var(--ink);color:var(--surface)}.btn-primary:hover:not(:disabled){background:var(--ink-hover)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--sunken)}.btn-quiet{background:transparent;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;font-weight:400}.btn-quiet:hover:not(:disabled){color:var(--ink)}.btn-accent{background:var(--accent);color:var(--surface)}.btn-accent:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:var(--surface)}.btn-danger-outline{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger-tint)}.button-row,.confirm{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.confirm-text{color:var(--danger);font-size:var(--text-sm);font-weight:600}.stamp{display:inline-block;padding:1px var(--space-2);border:1px solid currentColor;border-radius:var(--radius-stamp);font-size:var(--text-xs);font-weight:600;white-space:nowrap;line-height:1.5}.stamp-live{display:inline-flex;align-items:center;gap:6px;background:var(--accent);border-color:var(--accent);color:var(--surface)}.stamp-live:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:live-blink 1.2s ease-in-out infinite}@keyframes live-blink{50%{opacity:.15}}.stamp-finished,.stamp-active{color:var(--ink);background:var(--surface)}.stamp-draft,.stamp-inactive{color:var(--ink-soft);border-style:dashed}.banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.banner-error{background:var(--danger-tint);color:var(--danger);border:1px solid var(--danger)}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:var(--space-6);color:var(--ink-soft);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.empty-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-md);color:var(--ink)}.breadcrumb ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:var(--text-sm)}.breadcrumb li:not(:last-child):after{content:"/";margin:0 var(--space-2);color:var(--line-strong)}.breadcrumb a{display:inline-block;padding:var(--space-2) 0;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--line-strong)}.breadcrumb a:hover{text-decoration-color:currentColor}.breadcrumb [aria-current=page]{color:var(--ink-soft)}.shell-main>.breadcrumb{margin-bottom:calc(var(--space-4) * -1)}.breadcrumb-dark a{color:var(--on-dark);text-decoration-color:var(--on-dark-soft);padding:var(--space-1) 0}.breadcrumb-dark li:not(:last-child):after{color:var(--on-dark-soft)}.breadcrumb-dark [aria-current=page]{color:var(--on-dark-soft)}.page-note{color:var(--ink-soft);font-size:var(--text-sm)}.class-list,.meeting-list,.admin-meetings{list-style:none;padding:0;border-top:1px solid var(--ink)}.class-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.class-row-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.class-row-name{font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);line-height:1.3;overflow-wrap:anywhere}.class-row-detail{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--ink-soft);font-size:var(--text-sm)}.class-row.is-live .class-row-detail{color:var(--ink)}.class-row-actions{display:flex;align-items:center;gap:var(--space-2)}.add-course{margin-top:var(--space-5)}.meeting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);padding-right:var(--space-3);transition:background-color var(--ease)}.meeting-row:hover{background:var(--surface)}.meeting-row.is-live{background:var(--accent-tint)}.meeting-link{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-3);color:var(--ink);text-decoration:none}.meeting-label{font-size:var(--text-xs);font-weight:600;color:var(--ink-soft)}.meeting-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-md);overflow-wrap:anywhere}.meeting-link:hover .meeting-title{text-decoration:underline}.meeting-meta{color:var(--ink-soft);font-size:var(--text-xs)}.meeting-row.is-live .meeting-meta{color:var(--ink)}.admin-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-7);align-items:start}.course-nav .section-title{font-size:var(--text-md);margin-bottom:var(--space-3)}.course-list{list-style:none;padding:0;margin-bottom:var(--space-6);border-top:1px solid var(--line)}.course-item{width:100%;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;cursor:pointer;transition:background-color var(--ease)}.course-item:hover{background:var(--surface)}.course-item[aria-current=true]{background:var(--ink);color:var(--surface)}.course-item-name{font-weight:600;overflow-wrap:anywhere}.course-item-meta{font-size:var(--text-xs);color:var(--ink-soft)}.course-item[aria-current=true] .course-item-meta{color:var(--sunken)}.course-detail{display:flex;flex-direction:column;gap:var(--space-7);min-width:0}.detail-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3);margin-bottom:calc(var(--space-6) * -1)}.detail-heading.inline-form{align-items:center}.code-panel{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.code-panel-main{display:flex;flex-direction:column;gap:var(--space-2)}.code-panel-value{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.code-panel-value code{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xl);letter-spacing:.06em;overflow-wrap:anywhere}.code-panel-value code.is-inactive{color:var(--ink-soft);text-decoration:line-through}.admin-meeting{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--line)}.admin-meeting.is-hidden{background:var(--sunken)}.admin-meeting-main{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.admin-meeting-main .inline-form{align-self:stretch;margin:var(--space-1) 0}.admin-meeting-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.title-button{padding:2px 0;background:none;border:0;font-family:var(--font-serif);font-weight:600;font-size:var(--text-md);text-align:left;cursor:text;overflow-wrap:anywhere}.title-button:hover{text-decoration:underline dotted;text-underline-offset:4px}.check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;cursor:pointer;white-space:nowrap}.danger-zone{padding-top:var(--space-5);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.danger-zone .section-title{font-size:var(--text-md);margin-bottom:0}.app-shell{height:100vh;display:flex;flex-direction:column;background:var(--ink-950);color:var(--on-dark)}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--ink);border-bottom:1px solid var(--ink-700)}.topbar-info{min-width:0;display:flex;flex-direction:column;gap:2px}.topbar h1{font-family:var(--font-serif);font-size:var(--text-md);font-weight:700}.topbar-title{font-weight:600}.topbar-info p{display:flex;flex-wrap:wrap;column-gap:var(--space-4);font-size:var(--text-xs);color:var(--on-dark-soft)}.topbar-info a{color:var(--on-dark)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.topbar .stamp-finished{background:transparent;color:var(--on-dark)}.follow-toggle{display:flex;gap:var(--space-2);align-items:center;min-height:40px;padding:0 var(--space-3);border:1px solid var(--ink-700);border-radius:var(--radius-sm);color:var(--on-dark);cursor:pointer}.follow-toggle input{accent-color:var(--on-dark)}.app-shell :focus-visible{box-shadow:0 0 0 2px var(--ink-950),0 0 0 4px var(--on-dark)}.alert{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--ink-800);color:var(--on-dark);border-bottom:1px solid var(--ink-700);font-size:var(--text-sm)}.btn-on-dark{background:transparent;border-color:var(--on-dark-soft);color:var(--on-dark)}.main-layout{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr)}.sidebar{min-width:0;overflow:auto;background:var(--ink-900);border-right:1px solid var(--ink-800)}.sidebar-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) var(--space-4);background:var(--ink-900);border-bottom:1px solid var(--ink-800);font-size:var(--text-sm)}.sidebar-header small{color:var(--on-dark-soft);font-size:var(--text-xs)}.empty-tree{padding:var(--space-4);color:var(--on-dark-soft)}.file-tree{padding:var(--space-2)}.node{width:100%}.children{margin-left:14px;padding-left:4px;border-left:1px solid var(--ink-800)}.tree-row{width:100%;display:flex;align-items:center;gap:6px;padding:5px var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--on-dark);font-size:var(--text-sm);text-align:left;cursor:pointer}.tree-row:hover{background:var(--ink-850)}.tree-row.selected{background:var(--ink-700)}.tree-row.active:not(.selected){background:var(--ink-850)}.chevron{width:12px;flex-shrink:0;color:var(--on-dark-soft);font-size:11px}.tree-icon{width:15px;height:15px;flex-shrink:0;fill:none;stroke:var(--on-dark-soft);stroke-width:1.2;stroke-linejoin:round}.node-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{flex-shrink:0;font-size:11px;font-weight:600;padding:0 6px;border-radius:var(--radius-stamp);background:var(--accent);color:var(--surface)}.change-badge{flex-shrink:0;font-size:11px;padding:0 6px;border-radius:var(--radius-stamp);border:1px solid currentColor}.change-badge.new{color:var(--on-dark-new)}.change-badge.modified{color:var(--on-dark-changed)}.folder-change{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--on-dark-changed)}.dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--on-dark)}.editor-panel{min-width:0;min-height:0;overflow:hidden}.code-viewer{height:100%;display:flex;flex-direction:column;background:#1e1e1e;user-select:none;-webkit-user-select:none}.monaco-editor,.monaco-editor *{user-select:none!important;-webkit-user-select:none!important}.code-header{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);background:var(--ink-950);border-bottom:1px solid var(--ink-800);font-family:var(--font-mono);font-size:var(--text-xs)}.code-header-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-family:var(--font-sans)}.language-label{color:var(--on-dark-soft)}.highlight-label{padding:1px var(--space-2);border-radius:var(--radius-stamp);background:#4a3a12;color:#f3dc9b;white-space:nowrap}.monaco-editor .teacher-selection{background:#facc1547;border-radius:2px}.empty-editor{flex:1;display:grid;place-items:center;padding:var(--space-5);color:var(--on-dark-soft);text-align:center}.asset-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);color:var(--on-dark-soft);text-align:center}.asset-placeholder h2{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--on-dark)}.asset-placeholder code{font-family:var(--font-mono);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--ink-900);color:var(--on-dark)}.status-bar{min-height:32px;display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--space-5);row-gap:2px;padding:var(--space-1) var(--space-4);background:var(--ink-950);border-top:1px solid var(--ink-800);color:var(--on-dark-soft);font-size:12px}.status-bar strong{color:var(--on-dark);font-weight:600}.status-copyright{margin-left:auto}.connection{font-weight:600}.connection.connected{color:var(--on-dark-new)}.connection.connecting,.connection.disconnected{color:var(--on-dark-changed)}.protected-area{position:relative;flex:1;min-height:0;display:flex}.protected-content{flex:1;min-height:0;display:flex;flex-direction:column}.protected-content>.main-layout{flex:1}.protected-content.is-hidden{visibility:hidden}.watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background-repeat:repeat}.screenshot-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:var(--ink-950);text-align:center}@media print{body.no-print *{display:none!important}body.no-print:after{content:"Halaman ini tidak dapat dicetak."}}@media (max-width: 900px){.admin-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.main-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:220px minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--ink-800)}.status-copyright{margin-left:0}}@media (max-width: 560px){.shell-main{padding:var(--space-5) var(--space-4) var(--space-7)}.site-header-inner{padding:var(--space-3) var(--space-4)}.site-label{padding-left:0;border-left:0;flex-basis:100%}.site-actions{margin-left:0}.panel,.code-panel{padding:var(--space-5)}.page-title,.code-panel-value code{font-size:var(--text-lg)}.topbar{padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}.stamp-live:before{animation:none}}