:root{color:var(--text);background:var(--page);font-synthesis:none;--border:#dedfd8;--muted:#727970;--accent:#f2aa45;--header-h:76px;--surface:#fffefa;--primary:#293e31;--primary-hover:#3f5845;--focus-ring:#9b5d08;--text:#29312f;--page:#faf9f6;--danger:#8b2820;--editor-bg:#171d2a;--editor-text:#c6c2b6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:1px solid #c9cdc4;border-radius:6px;padding:10px 14px}button:hover{background:#efeee7}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.skip{z-index:10;background:#fff;padding:16px;position:absolute;top:-100px}.skip:focus{top:5px}header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.mark{background:var(--accent);width:32px;height:34px;color:var(--text);border-radius:5px;place-items:center;font:700 24px monospace;display:grid}.beta{letter-spacing:1px;border:1px solid var(--border);border-radius:4px;margin-inline-start:4px;padding:4px 6px;font-size:9px;font-weight:600}.header-right{align-items:center;gap:25px;font-size:12px;display:flex}.header-right a{text-decoration:none}.version{color:#526253;font-family:monospace}.layout{min-height:calc(100vh - var(--header-h));grid-template-columns:264px 1fr;display:grid}.sidebar{border-inline-end:1px solid var(--border);background:#f0f1eb;flex-direction:column;padding:34px 20px;display:flex}.course-label,.eyebrow{letter-spacing:1.6px;color:#687566;font-size:10px;font-weight:700}.sidebar h2{letter-spacing:-1px;margin:16px 0;font-size:28px;line-height:1.15}.sidebar-intro{color:#677166;font-size:13px;line-height:1.6}.course-meta{color:#657060;border-bottom:1px solid #d8dcd2;margin-bottom:24px;padding:17px 0 30px;font-size:11px}.sidebar h3{color:#778271;letter-spacing:.4px;gap:12px;font-size:11px;display:flex}.sidebar h3 span{color:#394b3b}.lesson-link{text-align:start;border:0;align-items:center;gap:10px;width:100%;margin:4px 0;padding:13px 10px;font-size:12px;display:flex}.lesson-link span:first-child{color:#7a8476;font-size:10px}.lesson-link span:last-child{margin-inline-start:auto}.selected{background:#dde4d5;font-weight:600}.upcoming{color:#798172;border-top:1px solid #d8dcd2;gap:16px;margin-top:32px;padding-top:16px;font-size:12px;display:grid}.upcoming p{letter-spacing:1.1px;font-size:9px}.sidebar-bottom{color:#61705d;margin-top:auto;padding-top:60px;font-size:10px;line-height:1.7}.tiny-dot{background:#72896b;border-radius:50%;width:6px;height:6px;margin-inline-end:7px;display:inline-block}main{min-width:0}.lesson-bar{border-bottom:1px solid var(--border);letter-spacing:.8px;justify-content:space-between;align-items:center;height:54px;padding:0 34px;font-size:10px;display:flex}.lesson-bar>span:last-child{color:#747c72;letter-spacing:0}.muted{color:#7b8477;padding-inline-start:10px}.workspace{grid-template-rows:1fr auto;grid-template-columns:minmax(350px,1.1fr) minmax(310px,1fr);display:grid}.lesson{max-width:760px;padding:42px 38px}.lesson h1{letter-spacing:-1.3px;margin:14px 0 18px;font-size:clamp(28px,2.6vw,40px);line-height:1.12}.tags{flex-wrap:wrap;gap:7px;margin-bottom:30px;display:flex}.tags>span{color:#607059;border:1px solid #e0e2d9;border-radius:4px;padding:5px 7px;font:10px monospace}.lesson h2{letter-spacing:-.3px;margin:30px 0 10px;font-size:17px}.lesson p,.lesson li{color:#53604f;font-size:14px;line-height:1.85}.lesson code,.practice code{background:#eeede5;border-radius:3px;padding:2px 4px;font-size:12px}.lesson pre{background:#edeee7;border-radius:7px;padding:18px;line-height:1.8;overflow:auto}.lesson pre code{background:0 0;padding:0}.lesson blockquote{border-inline-start:3px solid #d39b45;margin:22px 0;padding:1px 0 1px 18px}.hint-box{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.hint-box strong{font-size:13px}.hint-box p,.hint-box button{font-size:12px}.lesson-footer{border-top:1px solid var(--border);color:#6e7868;justify-content:space-between;align-items:center;margin-top:28px;padding-top:30px;font-size:11px;display:flex}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.primary:hover{background:var(--primary-hover)}.code-panel{border-inline-start:1px solid var(--border);background:#f3f3ed;min-width:0}.file-title{color:#dce3d7;background:#28332e;justify-content:space-between;align-items:center;height:51px;padding:0 22px;font:11px monospace;display:flex}.file-title>span:last-child{color:#b4c0ad;letter-spacing:1px;font-size:9px}.source{background:var(--editor-bg);color:var(--editor-text);tab-size:4;min-height:300px;margin:0;padding:30px 24px;font:12px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.practice{padding:32px 26px}.practice h2{letter-spacing:-.5px;font-size:19px}.practice p,.principle p{color:#61705b;font-size:13px;line-height:1.8}.practice pre{background:#e5e8de;border-radius:5px;padding:14px;font:11px/2 monospace;overflow:auto}.practice pre code{background:0 0;padding:0}.practice .note{border-inline-start:2px solid #baaa7a;margin-top:24px;padding-inline-start:14px;font-size:12px}.principle{border-top:1px solid var(--border);margin:0 26px 30px;padding-top:22px;font-size:12px}.principle summary{cursor:pointer}.menu,.mobile-tabs,.nav-backdrop{display:none}.loading{max-width:700px;padding:80px}.loading h1{font-size:30px}@media (width>=1100px){.layout{height:calc(100vh - 76px);overflow:hidden}.workspace{height:calc(100vh - 130px)}.sidebar,.lesson,.code-panel{overflow:auto}}@media (width<=1099px){.layout{grid-template-columns:1fr}header{z-index:6;position:sticky;top:0}.sidebar{display:none}.sidebar.open{z-index:5;inset-inline-start:0;top:var(--header-h);width:min(280px,78vw);height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));overscroll-behavior:contain;display:flex;position:fixed;overflow-y:auto;box-shadow:12px 0 40px #0002}.nav-backdrop,.nav-backdrop:hover{z-index:4;touch-action:none;background:#1d241f3d;border:0;border-radius:0;width:auto;padding:0;display:block;position:fixed;inset:0}.menu{font-size:12px;display:block}.header-right{margin-inline:auto 20px}.header-right a{display:none}.lesson{padding:34px 28px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=639px){header{height:66px;padding:0 16px}.brand{font-size:16px}.beta,.header-right{display:none}.lesson-bar{padding:0 18px;font-size:9px}.lesson-bar>span:last-child{font-size:10px}.mobile-tabs{border-bottom:1px solid var(--border);background:var(--page);z-index:1;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-tabs button{flex:1;min-height:44px}.mobile-tabs button[aria-selected=true]{background:#dde4d5}.workspace{display:block}.lesson,.code-panel{display:none}.lesson.active,.code-panel.active{display:block}.lesson{padding:30px 22px}.lesson p,.lesson li{font-size:15px}.lesson h1{font-size:34px}.source{font-size:12px}.code-panel{border:0}.loading{padding:36px 24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.concept-visual{background:#f0f4ea;border:1px solid #c7d4c1;border-radius:12px;min-width:0;margin:0 0 30px;padding:20px}.concept-visual figcaption{margin:10px 0;font-size:18px;font-weight:650;line-height:1.4}.concept-visual p{font-size:13px;line-height:1.65}.visual-choices{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.visual-choices button{background:var(--surface);min-width:44px;min-height:44px;font-family:monospace}.visual-choices button[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:inset 0 -3px var(--accent)}.byte-flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.visual-node{background:var(--surface);text-align:center;border:1px solid #bcc9b7;border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 8px;display:flex}.visual-node small,.memory-cell small{color:#52604e;font-size:11px}.visual-node code,.visual-node strong{background:0 0;font-size:20px}.bit-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:14px 0;display:grid}.bit{text-align:center;background:var(--surface);border:1px solid #c7d4c1;border-radius:4px;padding:9px 0;font:14px monospace}.bit.on{background:#dce9ca;border-color:#829774;font-weight:700}.comparison-flow{text-align:center;flex-direction:column;align-items:stretch;gap:10px;display:flex}.boolean-branches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.branch{border:1px dashed #83937c;border-radius:8px;gap:8px;padding:12px 6px;display:grid}.branch span{font-size:11px;line-height:1.5}.branch.chosen{background:#e1edcf;border:2px solid #526d42}.slice-fields{background:var(--surface);border:1px solid #bcc9b7;border-radius:8px;gap:10px;padding:14px;font-size:12px;display:grid}.memory-cells{flex-wrap:wrap;gap:4px;min-height:65px;margin-top:12px;display:flex}.memory-cell{text-align:center;background:#e1edcf;border:1px solid #829774;border-radius:5px;flex:1;gap:8px;min-width:30px;padding:8px 2px;display:grid}.memory-cell code{background:0 0;font-size:18px}.empty-slice{border:1px dashed #83937c;border-radius:5px;width:100%;margin:0;padding:12px}.toolchain-flow{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.lesson .toolchain-flow li{border-top:3px solid #bd8535;flex:1;gap:4px;min-width:70px;padding-top:8px;font-size:12px;line-height:1.5;display:grid}.toolchain-flow li span{font-size:11px}.lesson .visual-note{margin-bottom:0;font-size:12px}@media (width<=1099px){.menu{min-width:44px;min-height:44px}.lesson-link{min-height:44px}.concept-visual{padding:16px}}@media (width<=359px){header{padding:0 10px}.brand{gap:7px;font-size:14px}.lesson{padding:26px 16px}.lesson-bar{letter-spacing:0;padding:0 12px}}.account-nav{align-items:center;gap:8px;margin-inline-start:16px;display:flex}.account-nav button,.account-actions button,.account-page form button{min-height:44px}.account-page{overflow-wrap:anywhere;max-width:760px;margin:0 auto;padding:40px 24px}.account-page h1{letter-spacing:-1px;font-size:32px}.account-page p{color:#52604e;line-height:1.7}.account-page form{gap:10px;max-width:440px;margin:24px 0;display:grid}.account-page label{font-weight:600}.account-page input{font:inherit;background:var(--surface);width:100%;min-width:0;color:inherit;border:1px solid #83937c;border-radius:6px;padding:12px}.account-page form p{margin:0 0 12px;font-size:13px}.account-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.account-page dd{margin:8px 0 24px}.account-page dt{font-weight:600}.account-page [role=alert],.activity-error{color:var(--danger)}.course-card{background:#f0f4ea;border:1px solid #c7d4c1;border-radius:12px;padding:24px}.completion-summary{background:#e7f0dc;border:1px solid #c7d4c1;border-radius:12px;margin:0 0 24px;padding:20px}.completion-summary h2{letter-spacing:-.4px;margin:0 0 12px}.completion-summary code{background:#dce6d0;border-radius:3px;padding:2px 4px;font-size:13px}.course-card progress{width:100%;accent-color:var(--primary)}.progress-lessons{gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.progress-lessons li{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-lessons button{text-align:start;min-height:44px}.progress-lessons span{flex-shrink:0;font-size:12px}.lesson-section h2 button{text-align:start;width:100%;font:inherit;background:0 0;border:0;justify-content:space-between;gap:16px;min-height:44px;padding:8px 0;display:flex}.activity-error{background:#fff2eb;padding:12px 24px;font-size:13px}@media (width<=1099px){.account-nav{margin-inline:0 12px}.header-right{margin-inline-end:12px}.header-right .version{display:none}}@media (width<=639px){header{flex-wrap:wrap;gap:8px;height:auto;min-height:66px;padding-top:8px;padding-bottom:8px}.brand{flex:1}.account-nav{gap:6px;margin:0}.account-nav button{padding:8px;font-size:12px}.beta{display:none}.progress-lessons li{flex-direction:column;align-items:flex-start;gap:4px}.account-page{padding:24px 18px}.course-card{padding:18px}}.lesson{grid-area:1/1/span 2}.account-page .show-password{align-items:center;gap:8px;min-height:44px;font-weight:400;display:flex}.account-page .show-password input{width:auto;min-height:0}.code-panel:not(.output-panel){grid-area:1/2;min-height:0}.output-panel{border-top:1px solid var(--border);grid-area:2/2;max-height:220px}.file-title{flex-wrap:wrap;flex-shrink:0;gap:12px;height:auto;min-height:51px;padding:8px 12px}.file-tabs{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.file-tabs button{color:inherit;background:#1f2a25;border-color:#4a5850;min-height:44px;font:11px monospace}.file-tabs button[aria-selected=true]{background:var(--primary-hover);border-color:var(--accent)}.save-state{color:#b4c0ad;letter-spacing:1px;margin-inline-start:auto;font-size:9px}.editor-shell{flex:1;min-width:0;padding:0}.editor-shell .cm-editor{height:100%;min-height:300px}.editor-toolbar,.output-panel-body{padding:16px 22px}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shortcut-status{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.editor-escape-hint,.shortcut-help{color:#5c665a;flex-basis:100%;margin:0;font-size:12px;line-height:1.7}.shortcut-help{border-top:1px solid var(--border);padding-top:12px}.shortcut-help p{margin:0 0 12px;font-size:12px;line-height:1.7}.shortcut-help dl{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.shortcut-help dl>div{display:contents}.shortcut-help dt,.shortcut-help dd{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.9}kbd{background:var(--surface);white-space:nowrap;border:1px solid #c9cdc4;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.output-log{color:#e0d9ac;white-space:pre-wrap;background:#202a25;border-radius:6px;max-height:160px;margin:12px 0 0;padding:12px;font:12px/1.6 ui-monospace,monospace;overflow:auto}.test-results{margin:12px 0 0;padding:0;font:13px/1.7 ui-monospace,monospace;list-style:none}.test-results li{align-items:flex-start;gap:8px;min-height:32px;display:flex}.test-results li[data-status=failed],.test-results li[data-status=error]{color:#7a2e12}.output-details{margin-top:12px}.output-details summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.workspace-banner,.reset-confirm{background:#fff2eb;margin:0;padding:12px 22px;font-size:13px}.conflict-panel{color:#dce3d7;background:#202a25;padding:18px 22px}.conflict-panel h2,.conflict-panel h3,.output-panel-body h2{margin:8px 0;font-size:16px}.conflict-panel p,.output-panel-body p{font-size:13px;line-height:1.6}.conflict-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.conflict-panel pre,.conflict-panel textarea{color:#e0d9ac;background:#1a221e;border:1px solid #4a5850;border-radius:6px;width:100%;min-width:0;min-height:120px;padding:10px;font:12px/1.6 ui-monospace,monospace;overflow:auto}.conflict-panel .account-actions button{color:#dce3d7;border-color:#8aa08a}@media (width>=640px){.code-panel:not(.output-panel){flex-direction:column;display:flex}}@media (width<=639px){.lesson,.code-panel,.output-panel{grid-area:auto}.lesson:not(.active),.code-panel:not(.active){display:none}.code-panel.active{flex-direction:column;display:flex}.conflict-columns{grid-template-columns:1fr}.file-tabs button,.editor-toolbar button,.reset-confirm button{min-height:44px}.shortcut-help dl{grid-template-columns:1fr;gap:0}.shortcut-help dl>div{margin-bottom:12px;display:block}.editor-shell .cm-content,.editor-shell .cm-gutters{font-size:14px}}@media (width>=1100px){.output-panel{overflow:auto}}.live-diagnostics{margin-bottom:24px}.live-diagnostics ul{padding:0;list-style:none}.diagnostic-link{text-align:left;overflow-wrap:anywhere;gap:6px;width:100%;min-height:44px;margin-bottom:8px;display:grid}.diagnostic-link strong{font-size:12px}.lesson-help{border-top:1px solid var(--line,#d7d2c7);overflow-wrap:anywhere;padding:22px 0}.lesson-help h2{font-size:20px}.lesson-help h3{font-size:16px}.lesson-help form{gap:10px;display:grid}.lesson-help form p{margin:0}.lesson-help select,.lesson-help textarea{color:#292e26;width:100%;min-height:44px;font:inherit;background:#fffdf6;border:1px solid #817b6d;border-radius:5px;padding:10px}.lesson-help pre{color:#e0d9ac;background:#202a25;border-radius:6px;max-width:100%;padding:16px;font-size:12px;line-height:1.7;overflow:auto}.lesson-help .tutor-response p{white-space:pre-wrap}.tutor-response{margin-top:18px}.catalog,.language-intro{max-width:980px}.language-card{border:1px solid var(--border);border-radius:12px;margin:28px 0;padding:24px}.catalog .course-card{margin-top:20px}.language-card h2{margin-top:0}.language-intro h1:focus{outline:none}.language-intro .lesson-section{margin:24px 0}.catalog p,.language-intro p,.course-card p{overflow-wrap:anywhere}.language-comparison{border-collapse:collapse;table-layout:fixed;width:100%;margin:20px 0}.language-comparison caption{text-align:start;padding:12px 0;font-weight:600}.language-comparison th,.language-comparison td{vertical-align:top;text-align:start;overflow-wrap:anywhere;border:1px solid #d9d1c2;padding:12px}.language-comparison th:first-child{width:15%}.language-comparison-stacked{display:none}.language-comparison-stacked section{border-bottom:1px solid #d9d1c2;padding:16px 0}.language-comparison-stacked dt{font-weight:600}.language-comparison-stacked dd{margin:4px 0 16px}.language-intro .lesson-section p{line-height:1.75}@media (width<=639px){.language-comparison{display:none}.language-comparison-stacked{display:block}.language-card{padding:16px}.language-intro{padding:24px 16px}}header{flex-wrap:wrap;gap:12px;height:auto;min-height:76px;padding-block:12px}.brand{overflow-wrap:anywhere;max-width:100%}.header-right,.account-nav{flex-wrap:wrap}.language-trigger{align-items:center;gap:10px;min-width:44px;min-height:44px;display:flex}.locale-emoji{flex-shrink:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:30px;line-height:1}.language-dialog{color:inherit;background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;max-width:min(480px,100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto}.language-dialog::backdrop{background:#1d241f66}.language-dialog h2{margin-block-start:0}.language-dialog fieldset{border:1px solid var(--border);border-radius:6px;min-width:0;padding:12px}.language-dialog legend{font-weight:600}.locale-option{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;display:flex}.locale-option input{width:20px;height:20px;accent-color:var(--primary)}.locale-code{font:12px monospace}.language-dialog p{line-height:1.7}.language-dialog button{min-height:44px}pre,code,kbd,.source,.file-tabs,.version,.locale-code,.byte-flow,.bit-row,.memory-cells{direction:ltr;unicode-bidi:isolate}[dir=rtl] .nav-arrow{display:inline-block;transform:scaleX(-1)}@media (width>=1100px){.layout{height:calc(100vh - var(--header-h))}.workspace{height:calc(100vh - var(--header-h) - 54px)}}@media (width<=639px){header{gap:8px;min-height:66px}.language-dialog{padding:16px}.lesson-bar{flex-wrap:wrap;gap:8px;height:auto;min-height:54px;padding-block:10px}.lesson-footer{flex-wrap:wrap;gap:12px}}button{overflow-wrap:anywhere;min-width:0;max-width:100%}.language-trigger{min-width:44px}.locale-preview-note{border:2px dashed var(--focus-ring);background:#fff2eb;padding:16px;line-height:1.7}.locale-preview-note span{display:block}.technical-detail{unicode-bidi:isolate}.content-prose,.content-text{text-align:start;overflow-wrap:anywhere;font-family:inherit}.content-prose code,.content-prose pre,.content-text bdi{text-align:left;direction:ltr;unicode-bidi:isolate}.content-text:not([lang=en]),.content-prose:not([lang=en]) .eyebrow{text-transform:none;letter-spacing:normal}.content-notice{background:var(--surface);border-block-end:1px solid var(--border);padding:12px 24px}.content-notice p{margin-block:0 8px}.locale-option small{color:var(--muted);flex-basis:100%;margin-inline-start:32px}.locale-option:has(input:disabled){opacity:.75}.content-announcement{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.staff-page{overflow-wrap:anywhere;max-width:1600px;margin-inline:auto;padding:24px}.staff-heading,.staff-tabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.staff-tabs{justify-content:start;margin-block:16px 24px}.staff-tabs [aria-current]{background:#dce6d5;font-weight:700}.staff-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.staff-selected{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}.staff-list,.staff-detail{min-width:0}.staff-detail{border-inline-start:1px solid var(--border);padding-inline-start:24px}.staff-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-block-end:16px;display:flex}.staff-filters p{flex-basis:100%;margin:0;font-size:13px}.staff-filters label:first-child{flex:240px}.staff-page label{gap:8px;display:grid}.staff-page input,.staff-page select{font:inherit;background:var(--surface);min-width:0;max-width:100%;min-height:44px;color:inherit;border:1px solid #83937c;border-radius:6px;padding:10px}.staff-page button{min-height:44px}.staff-page input:focus-visible,.staff-page select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.staff-table{border-collapse:collapse;text-align:start;width:100%;margin-block:16px;font-size:13px}.staff-table th,.staff-table td{border-block-end:1px solid var(--border);text-align:start;vertical-align:top;padding:10px}.staff-page small{margin-block-start:6px;font-size:12px;display:block}.staff-page dl{margin-block:16px}.staff-page dt{font-weight:600}.staff-page dd{margin:6px 0 16px}.staff-events{padding:0;list-style:none}.staff-events li{border-block-end:1px solid var(--border);padding-block:12px}.staff-events time{color:#526253;margin-block:6px;display:block}.staff-page [role=alert]{color:var(--danger)}.staff-dialog{border:1px solid var(--border);max-inline-size:min(520px,100vw - 32px);color:var(--text);background:var(--surface);border-radius:12px;padding:24px}.staff-dialog::backdrop{background:#29312f66}.staff-dialog label{margin-block:16px}.staff-dialog input:not([type=checkbox]){width:100%}.staff-dialog .show-password{align-items:center;gap:8px;min-height:44px;margin-block:0;display:flex}.staff-dialog .show-password input{min-height:0;padding:0}@media (width<=1099px){.staff-selected{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.staff-table thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.staff-table,.staff-table tbody,.staff-table tr,.staff-table td{display:block}.staff-table tr{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-block:12px;padding:12px}.staff-table td{border:0;padding:6px}.staff-table td[data-label]:before{content:attr(data-label);margin-block-end:4px;font-weight:600;display:block}}@media (width<=639px){.staff-page{padding:16px}.staff-selected{display:block}.staff-selected .staff-list{display:none}.staff-detail{border:0;padding:0}.staff-heading h1{font-size:24px}.staff-filters{display:grid}.staff-filters label:first-child{min-width:0}.staff-dialog{padding:16px}}.support-list{gap:12px;margin-block:16px;padding:0;list-style:none;display:grid}.support-list li{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;padding:12px;display:grid}.support-list button{text-align:start;width:100%;font-weight:600}.support-list [aria-current]{background:#dce6d5}.support-page textarea{font:inherit;background:var(--surface);width:100%;min-width:0;color:inherit;resize:vertical;border:1px solid #83937c;border-radius:6px;padding:10px}.support-page textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.support-thread form{gap:12px;max-width:68ch;margin-block:16px;display:grid}.support-messages{gap:12px;max-width:68ch;padding:0;list-style:none;display:grid}.support-messages li{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px}.support-messages .support-own{background:#eef3e8;border-color:#b9c9b0}.support-messages time{color:#526253;margin-inline-start:8px;font-size:13px}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;margin-block:8px 0;line-height:1.7}.support-actions,.support-actions form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.support-actions form{margin:0}@media (width<=639px){.support-page .staff-heading{align-items:start}.support-thread form{max-width:none}}:root{--donation-bg:#f4effc;--donation-border:#d6c8ef;--donation-text:#3b2766;--donation-button:#5a3a9a;--donation-button-hover:#472d7c;--donation-heart:#8b3fb3}.donation-banner{border:1px solid var(--donation-border);color:var(--donation-text);background:radial-gradient(circle at 18% 30%,#ffffffd9 0 1.5px,transparent 2px), radial-gradient(circle at 62% 70%,#ffffffd9 0 1px,transparent 1.5px), radial-gradient(circle at 88% 25%,#ffffffd9 0 1.5px,transparent 2px), var(--donation-bg);border-radius:8px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 12px;padding:6px 12px;font-size:13px;line-height:1.4;display:flex}.donation-banner p{overflow-wrap:anywhere;flex:220px;min-width:0;margin:0}.donation-heart{color:var(--donation-heart);flex-shrink:0;font-size:18px;line-height:1}.donation-banner .donation-open,.donation-dialog .primary{background:var(--donation-button);border-color:var(--donation-button);color:#fff}.donation-banner .donation-open{min-height:44px;padding-block:8px;font-weight:600}.donation-banner .donation-open:hover,.donation-dialog .primary:hover{background:var(--donation-button-hover)}.donation-unavailable{font-style:italic}.donation-dialog{color:inherit;background:var(--surface);border:2px solid var(--donation-border);overflow-wrap:anywhere;border-radius:12px;width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto}.donation-dialog::backdrop{background:#2a1d4766}.donation-dialog h2{color:var(--donation-text);margin-block-start:0}.donation-dialog button{min-height:44px}.donation-body{white-space:pre-line;line-height:1.6}.donation-wallets{gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.donation-wallets li{border:1px solid var(--border);border-radius:8px;min-width:0;padding:12px}.donation-wallets h3{margin:0;font-size:16px}.donation-network{margin:4px 0 8px;font-weight:600}.donation-value-label{margin:8px 0 4px;font-size:13px}.donation-value{border:1px solid var(--border);background:var(--page);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:8px;font:14px/1.5 monospace;display:block}.donation-copy{flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:8px;display:flex}.donation-copy p{margin:0;font-size:13px}.donation-copy button[aria-disabled=true]{opacity:.5;cursor:default}.donation-dialog footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.donation-dialog footer p{margin:0;font-size:13px}.donation-editor{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:start;gap:24px;display:grid}.donation-editor fieldset{border:1px solid var(--border);border-radius:8px;gap:12px;min-width:0;margin:0 0 16px;padding:16px;display:grid}.donation-wallet-forms{gap:12px;margin:0;padding:0;list-style:none;display:grid}.donation-field{gap:6px;display:grid}.donation-settings textarea{font:inherit;background:var(--surface);color:inherit;resize:vertical;border:1px solid #83937c;border-radius:6px;min-width:0;padding:10px}.donation-settings textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.donation-settings [aria-invalid=true]{border:2px solid var(--danger)}.donation-help{color:var(--muted);margin:0;font-size:13px}.donation-error{color:var(--danger);margin:0;font-weight:600}.staff-page .donation-check{align-items:center;gap:10px;min-height:44px;display:flex}.donation-check input{width:20px;height:20px;min-height:0;accent-color:var(--donation-button);flex-shrink:0}.donation-actions{flex-wrap:wrap;gap:8px;display:flex}.donation-conflict{border:2px solid var(--danger);border-radius:8px;margin-block:16px;padding:16px}.donation-preview-panel{top:calc(var(--header-h) + 12px);min-width:0;position:sticky}.donation-preview .donation-banner{margin-block-end:12px}@media (width<=899px){.donation-editor{grid-template-columns:minmax(0,1fr)}.donation-preview-panel{position:static}}@media (width<=639px){.donation-banner{gap:6px 8px;padding:6px 8px}.donation-dialog{padding:16px}}@media (forced-colors:active){.donation-banner,.donation-dialog{border:2px solid canvastext}}
