.sm-page{color:#e8eefc}.sm-toolbar{background:linear-gradient(#0c182deb,#081222f2);border:1px solid #7594c629;border-radius:20px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;display:flex;box-shadow:0 18px 50px #00000047}.sm-toolbar-copy h2{margin:0;font-size:1.5rem}.sm-toolbar-copy p{margin:0 0 6px}.sm-kicker{color:#7dd3fc;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.sm-layout{grid-template-columns:280px 1fr;gap:20px;display:grid}.sm-sidebar{background:linear-gradient(#081325f0,#050d1af2);border:1px solid #7594c629;border-radius:20px;align-self:start;padding:16px;position:sticky;top:90px;box-shadow:0 18px 50px #00000047}.sm-sidebar-label{color:#7aa4dc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.76rem;font-weight:700}.sm-nav-button{text-align:left;color:#e6eefc;cursor:pointer;background:#0a1629c2;border:1px solid #7594c629;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:12px 14px;transition:all .16s;display:flex}.sm-nav-button:hover{background:#0c1d34eb;border-color:#5ce1e647;transform:translateY(-1px)}.sm-nav-button.active{background:linear-gradient(#152c51fa,#0c1e36fa);border-color:#4ea3ff6b}.sm-nav-step{color:#bfdbfe;background:#3b82f629;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:grid}.sm-content{min-width:0}.sm-section{background:linear-gradient(#0a1629f0,#08111ff5);border:1px solid #7594c629;border-radius:24px;margin-bottom:40px;padding:26px;box-shadow:0 18px 50px #00000047}.sm-title{color:#eaf2ff;border-left:10px solid #3498db;margin:0 0 22px;padding-left:20px;font-size:2.2rem}.sm-description{color:#d8e4fb;font-size:1.04rem;line-height:1.7}.sm-grid{grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;display:grid}.sm-panel{background:#f7faff0d;border:1px solid #7594c624;border-radius:16px;padding:20px}.sm-panel h3,.sm-narrow h3,.sm-subheading,.sm-explanation h3{color:#f4f8ff}.sm-panel p,.sm-narrow p,.sm-explanation,.sm-muted{color:#d2def3}.sm-narrow{margin-bottom:20px}.sm-code{color:#dcdcdc;background-color:#1e1e1e;border:1px solid #7594c61f;border-radius:12px;padding:25px;font-size:14px;line-height:1.6;overflow-x:auto}.sm-demo-shell{color:#111827;background:#fff;border:3px solid #3498db;border-radius:15px;padding:28px}.sm-explanation{color:#10213e;background:#e8f4fde6;border-left:6px solid #130f40;border-radius:10px;margin-top:25px;padding:25px}.sm-demo{background:#0914260f;border:1px solid #7594c624;border-radius:16px;padding:18px}.sm-demo.theme-light{color:#111827;background:#fff}.sm-demo.theme-dark{color:#fff;background:#333}.sm-center{text-align:center}.sm-stack{flex-direction:column;gap:14px;display:flex}.sm-inline-form{align-items:center;gap:12px;display:flex}.sm-row{justify-content:center;align-items:center;gap:12px;display:flex}.sm-grow{width:100%}.sm-grow .sm-input{flex:1}.sm-button,.sm-input,.sm-demo select{font:inherit}.sm-button{color:#e6eefc;cursor:pointer;background:#0d1d35f5;border:1px solid #4ea3ff47;border-radius:12px;padding:10px 14px;transition:all .16s}.sm-button:hover{border-color:#5ce1e652;transform:translateY(-1px)}.sm-button.ghost{background:#081325d1}.sm-button.danger{color:#fff;background:#e74c3c;border-color:#e74c3c}.sm-button.success{color:#fff;background:#2ecc71;border-color:#2ecc71}.sm-input{color:#111827;background:#fffffffa;border:1px solid #7594c62e;border-radius:12px;width:100%;padding:12px 14px}.sm-stat{font-size:1.3rem;font-weight:700}.sm-total{margin-top:16px;font-size:1.1rem}.sm-demo-title{margin:0 0 16px}.sm-preline{white-space:pre-line;line-height:1.7}@media (width<=980px){.sm-layout{grid-template-columns:1fr}.sm-sidebar{position:relative;top:0}.sm-grid{grid-template-columns:1fr}.sm-inline-form,.sm-row{flex-direction:column;align-items:stretch}}.sm-demo-shell .sm-demo{color:#111827;background:#fff}.sm-demo-shell .sm-demo p,.sm-demo-shell .sm-demo h1,.sm-demo-shell .sm-demo h2,.sm-demo-shell .sm-demo h3,.sm-demo-shell .sm-demo h4,.sm-demo-shell .sm-demo label,.sm-demo-shell .sm-demo span,.sm-demo-shell .sm-demo div{color:inherit}.sm-demo-shell .sm-muted{color:#475569}.sm-demo-shell .sm-muted strong{color:#0f172a}.sm-demo-shell .sm-input{color:#111827;background:#fff}.sm-demo-shell .sm-input::placeholder{color:#64748b}.sm-demo-shell .sm-stat,.sm-demo-shell .sm-total,.sm-demo-shell .sm-demo-title{color:#0f172a}.sm-demo-shell .sm-demo.theme-light{color:#111827;background:#fff}.sm-demo-shell .sm-demo.theme-dark{color:#fff;background:#333}.sm-demo-shell .sm-demo.theme-dark p,.sm-demo-shell .sm-demo.theme-dark h1,.sm-demo-shell .sm-demo.theme-dark h2,.sm-demo-shell .sm-demo.theme-dark h3,.sm-demo-shell .sm-demo.theme-dark h4,.sm-demo-shell .sm-demo.theme-dark span,.sm-demo-shell .sm-demo.theme-dark div,.sm-demo-shell .sm-demo.theme-dark label{color:#fff}.sm-demo-shell .sm-demo.theme-light p,.sm-demo-shell .sm-demo.theme-light h1,.sm-demo-shell .sm-demo.theme-light h2,.sm-demo-shell .sm-demo.theme-light h3,.sm-demo-shell .sm-demo.theme-light h4,.sm-demo-shell .sm-demo.theme-light span,.sm-demo-shell .sm-demo.theme-light div,.sm-demo-shell .sm-demo.theme-light label{color:#111827}.sm-explanation h3{color:#10213e;margin-top:0}.sm-explanation p,.sm-explanation div,.sm-explanation span,.sm-explanation li,.sm-explanation strong{color:#10213e}.app-shell.theme-light .sm-page{color:#142338}.app-shell.theme-light .sm-toolbar,.app-shell.theme-light .sm-sidebar,.app-shell.theme-light .sm-section{background:linear-gradient(#fffffff0,#f3f8fdf5);border-color:#869cc447;box-shadow:0 18px 40px #1423381f}.app-shell.theme-light .sm-title,.app-shell.theme-light .sm-toolbar-copy h2,.app-shell.theme-light .sm-panel h3,.app-shell.theme-light .sm-narrow h3,.app-shell.theme-light .sm-subheading{color:#142338}.app-shell.theme-light .sm-description,.app-shell.theme-light .sm-panel p,.app-shell.theme-light .sm-narrow p,.app-shell.theme-light .sm-muted,.app-shell.theme-light .sm-toolbar-copy p{color:#4e6485}.app-shell.theme-light .sm-panel{background:#ffffffc2;border-color:#869cc433}.app-shell.theme-light .sm-nav-button{color:#142338;background:#fafcffeb;border-color:#869cc438}.app-shell.theme-light .sm-nav-button.active{background:linear-gradient(#e1ecfbfa,#d6e4f7fa);border-color:#2563eb47}.app-shell.theme-light .sm-nav-step{color:#1d4ed8;background:#2563eb1f}.app-shell.theme-light .sm-kicker,.app-shell.theme-light .sm-sidebar-label{color:#2563eb}.sm-recap-section{color:#fff!important;background:#203141!important;border-color:#3498db2e!important}.sm-recap-section h1,.sm-recap-section h2,.sm-recap-section h3,.sm-recap-section th{color:#fff!important}.sm-recap-section p,.sm-recap-section td,.sm-recap-section li,.sm-recap-section span,.sm-recap-section div,.sm-recap-section table{color:#bdc3c7}.sm-recap-section thead tr,.sm-recap-section th{color:#3498db!important}.sm-recap-section code{color:#93c5fd}.sm-recap-section .sm-explanation{color:#ecf0f1!important;background:#3498db1a!important;border-left-color:#3498db!important}.sm-recap-section .sm-explanation h3{color:#3498db!important}.sm-recap-section .sm-explanation p,.sm-recap-section .sm-explanation div,.sm-recap-section .sm-explanation span,.sm-recap-section .sm-explanation li,.sm-recap-section .sm-explanation strong{color:#ecf0f1!important}.app-shell.theme-light .sm-recap-section{color:#fff!important;background:#203141!important}.app-shell.theme-light .sm-recap-section h1,.app-shell.theme-light .sm-recap-section h2,.app-shell.theme-light .sm-recap-section h3,.app-shell.theme-light .sm-recap-section th{color:#fff!important}.app-shell.theme-light .sm-recap-section p,.app-shell.theme-light .sm-recap-section td,.app-shell.theme-light .sm-recap-section li,.app-shell.theme-light .sm-recap-section span,.app-shell.theme-light .sm-recap-section div{color:#bdc3c7!important}.app-shell.theme-light .sm-recap-section thead tr,.app-shell.theme-light .sm-recap-section th{color:#3498db!important}.app-shell.theme-light .sm-recap-section .sm-explanation{background:#3498db1a!important;border-left-color:#3498db!important}.app-shell.theme-light .sm-recap-section .sm-explanation h3{color:#3498db!important}.app-shell.theme-light .sm-recap-section .sm-explanation p,.app-shell.theme-light .sm-recap-section .sm-explanation div,.app-shell.theme-light .sm-recap-section .sm-explanation span,.app-shell.theme-light .sm-recap-section .sm-explanation li,.app-shell.theme-light .sm-recap-section .sm-explanation strong{color:#ecf0f1!important}.sm-demo-shell .sm-button{white-space:normal;max-width:100%;margin:10px 0}.sm-layout-sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.sm-sidebar,.sm-layout{transition:grid-template-columns .18s,width .18s,padding .18s}.sm-sidebar-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sm-sidebar-header .sm-sidebar-label{margin-bottom:0}.sm-sidebar-toggle{color:#dbeafe;cursor:pointer;background:#3b82f629;border:1px solid #7dd3fc59;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:1.55rem;font-weight:900;line-height:1;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-grid;box-shadow:0 10px 28px #2563eb2e}.sm-sidebar-toggle:hover,.sm-sidebar-toggle:focus-visible{color:#fff;background:#3b82f647;border-color:#7dd3fcb8;outline:none;transform:translateY(-1px)}.sm-sidebar-toggle span{display:block;transform:translateY(-1px)}.sm-sidebar.collapsed{padding:14px 10px;overflow:hidden}.sm-sidebar.collapsed .sm-sidebar-header{justify-content:center;margin-bottom:0}.sm-sidebar.collapsed .sm-sidebar-label{opacity:0;white-space:nowrap;width:0;max-width:0;overflow:hidden}.sm-sidebar.collapsed .sm-nav-button{opacity:0;pointer-events:none;border-width:0;min-height:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:translate(-18px)}.app-shell.theme-light .sm-sidebar-toggle{color:#1d4ed8;background:#2563eb1a;border-color:#2563eb47}.app-shell.theme-light .sm-sidebar-toggle:hover,.app-shell.theme-light .sm-sidebar-toggle:focus-visible{color:#1e3a8a;background:#2563eb2e;border-color:#2563eb6b}@media (width<=980px){.sm-layout-sidebar-collapsed{grid-template-columns:1fr}.sm-sidebar.collapsed{width:64px;max-width:64px}}.code-block-shell{border:1px solid var(--code-border,#94a3b847);background:var(--code-surface,#0f172a);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0206173d}.code-block-toolbar{border-bottom:1px solid var(--code-border,#94a3b847);background:var(--code-toolbar,#0f172af0);justify-content:flex-start;align-items:center;gap:10px;padding:12px 16px;display:flex}.code-block-pill{letter-spacing:.08em;text-transform:uppercase;min-width:58px;color:var(--code-pill-text,#dbeafe);background:var(--code-pill-bg,#3b82f62e);border:1px solid var(--code-pill-border,#60a5fa59);border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.code-block-pre{color:var(--code-text,#e2e8f0);margin:0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;line-height:1.7;overflow:auto}.code-block-line-number{z-index:1;text-align:right;-webkit-user-select:none;user-select:none;min-width:52px;color:var(--code-line-number,#64748b);background:var(--code-gutter,#0f172ae0);border-right:1px solid var(--code-border,#94a3b847);padding:0 12px 0 16px;position:sticky;left:0}.code-block-shell{min-width:0;max-width:100%}.code-block-pre{max-width:100%;margin:0;padding:0;overflow:auto hidden}.code-block-line{grid-template-columns:52px minmax(0,1fr);align-items:start;display:grid}.code-block-line-content{white-space:pre;width:100%;min-width:0;padding:0 16px;display:block}.code-token-comment{color:var(--code-comment,#94a3b8)}.code-token-string{color:var(--code-string,#f9a8d4)}.code-token-keyword{color:var(--code-keyword,#93c5fd);font-weight:700}.code-token-literal{color:var(--code-literal,#fca5a5);font-weight:700}.code-token-number{color:var(--code-number,#fdba74)}.code-token-tag{color:var(--code-tag,#67e8f9)}.code-token-call{color:var(--code-call,#fcd34d)}.code-token-operator{color:var(--code-operator,#c4b5fd)}.code-token-plain{color:var(--code-text,#e2e8f0)}.theme-dark{--code-surface:#0f172a;--code-toolbar:#0f172af5;--code-gutter:#0f172afa;--code-border:#94a3b83d;--code-pill-bg:#3b82f62e;--code-pill-border:#60a5fa59;--code-pill-text:#dbeafe;--code-text:#e2e8f0;--code-line-number:#64748b;--code-comment:#94a3b8;--code-string:#f9a8d4;--code-keyword:#93c5fd;--code-literal:#fca5a5;--code-number:#fdba74;--code-tag:#67e8f9;--code-call:#fcd34d;--code-operator:#c4b5fd}.theme-light{--code-surface:#f8fafc;--code-toolbar:#eef2ff;--code-gutter:#eef2ff;--code-border:#6366f12e;--code-pill-bg:#4f46e51a;--code-pill-border:#4f46e533;--code-pill-text:#312e81;--code-text:#0f172a;--code-line-number:#64748b;--code-comment:#475569;--code-string:#be185d;--code-keyword:#1d4ed8;--code-literal:#b91c1c;--code-number:#c2410c;--code-tag:#0f766e;--code-call:#92400e;--code-operator:#6d28d9}.app-shell.theme-light .code-block-shell,.theme-light .code-block-shell{--code-surface:#fff;--code-toolbar:#eef2ff;--code-gutter:#eef2ff;--code-border:#4f46e533;--code-pill-bg:#2563eb1c;--code-pill-border:#2563eb3d;--code-pill-text:#1e3a8a;--code-text:#0f172a;--code-line-number:#64748b;--code-comment:#475569;--code-string:#be185d;--code-keyword:#1d4ed8;--code-literal:#b91c1c;--code-number:#c2410c;--code-tag:#0f766e;--code-call:#92400e;--code-operator:#6d28d9;background:var(--code-surface)!important;border-color:var(--code-border)!important}.app-shell.theme-light .code-block-toolbar,.theme-light .code-block-toolbar{background:var(--code-toolbar)!important;border-color:var(--code-border)!important}.app-shell.theme-light .code-block-line-number,.theme-light .code-block-line-number{background:var(--code-gutter)!important;border-color:var(--code-border)!important;color:var(--code-line-number)!important}.app-shell.theme-light .code-block-pre,.theme-light .code-block-pre,.app-shell.theme-light .code-block-line-content,.theme-light .code-block-line-content{color:var(--code-text)!important}.app-shell.theme-light .code-block-shell .code-token-comment,.theme-light .code-block-shell .code-token-comment{color:var(--code-comment)!important}.app-shell.theme-light .code-block-shell .code-token-string,.theme-light .code-block-shell .code-token-string{color:var(--code-string)!important}.app-shell.theme-light .code-block-shell .code-token-keyword,.theme-light .code-block-shell .code-token-keyword{font-weight:800;color:var(--code-keyword)!important}.app-shell.theme-light .code-block-shell .code-token-literal,.theme-light .code-block-shell .code-token-literal{font-weight:800;color:var(--code-literal)!important}.app-shell.theme-light .code-block-shell .code-token-number,.theme-light .code-block-shell .code-token-number{color:var(--code-number)!important}.app-shell.theme-light .code-block-shell .code-token-tag,.theme-light .code-block-shell .code-token-tag{color:var(--code-tag)!important}.app-shell.theme-light .code-block-shell .code-token-call,.theme-light .code-block-shell .code-token-call{color:var(--code-call)!important}.app-shell.theme-light .code-block-shell .code-token-operator,.theme-light .code-block-shell .code-token-operator{color:var(--code-operator)!important}.app-shell.theme-light .code-block-shell .code-token-plain,.theme-light .code-block-shell .code-token-plain{color:var(--code-text)!important}.app-shell.theme-dark .code-block-shell,.theme-dark .code-block-shell{--code-surface:#0f172a;--code-toolbar:#0f172af5;--code-gutter:#0f172afa;--code-border:#94a3b83d;--code-pill-bg:#3b82f62e;--code-pill-border:#60a5fa59;--code-pill-text:#dbeafe;--code-text:#e2e8f0;--code-line-number:#94a3b8;--code-comment:#a8b7ca;--code-string:#f9a8d4;--code-keyword:#93c5fd;--code-literal:#fca5a5;--code-number:#fdba74;--code-tag:#67e8f9;--code-call:#fcd34d;--code-operator:#c4b5fd;background:var(--code-surface)!important;border-color:var(--code-border)!important}.app-shell.theme-dark .code-block-shell .code-token-comment,.theme-dark .code-block-shell .code-token-comment{color:var(--code-comment)!important}.app-shell.theme-dark .code-block-shell .code-token-string,.theme-dark .code-block-shell .code-token-string{color:var(--code-string)!important}.app-shell.theme-dark .code-block-shell .code-token-keyword,.theme-dark .code-block-shell .code-token-keyword{font-weight:800;color:var(--code-keyword)!important}.app-shell.theme-dark .code-block-shell .code-token-literal,.theme-dark .code-block-shell .code-token-literal{font-weight:800;color:var(--code-literal)!important}.app-shell.theme-dark .code-block-shell .code-token-number,.theme-dark .code-block-shell .code-token-number{color:var(--code-number)!important}.app-shell.theme-dark .code-block-shell .code-token-tag,.theme-dark .code-block-shell .code-token-tag{color:var(--code-tag)!important}.app-shell.theme-dark .code-block-shell .code-token-call,.theme-dark .code-block-shell .code-token-call{color:var(--code-call)!important}.app-shell.theme-dark .code-block-shell .code-token-operator,.theme-dark .code-block-shell .code-token-operator{color:var(--code-operator)!important}.app-shell.theme-dark .code-block-shell .code-token-plain,.theme-dark .code-block-shell .code-token-plain{color:var(--code-text)!important}.editable-runner-shell{gap:16px;margin:18px 0 28px;display:grid}.editable-runner-header{background:linear-gradient(135deg,#3b82f61f,#0ea5e914);border:1px solid #60a5fa3d;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.editable-runner-header h3,.editable-runner-header p{margin:0}.editable-runner-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--code-pill-text,#dbeafe);font-size:.76rem;font-weight:900}.editable-code-window{border:1px solid var(--code-border,#94a3b847);background:var(--code-surface,#0f172a);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0206173d}.editable-code-window .cm-editor{background:var(--code-surface,#0f172a);min-height:420px;color:var(--code-text,#e2e8f0);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;line-height:1.65}.editable-code-window .cm-scroller{overflow:auto}.editable-code-window .cm-gutters{background:var(--code-gutter,#0f172afa);color:var(--code-line-number,#94a3b8);border-right:1px solid var(--code-border,#94a3b83d)}.editable-code-window .cm-activeLine,.editable-code-window .cm-activeLineGutter{background:#60a5fa1a}.editable-code-window .cm-content{padding:14px 0}.editable-code-window .cm-line{padding:0 16px}.editable-runner-status{background:#0f172a0f;border:1px solid #94a3b838;border-radius:12px;padding:10px 14px;font-weight:700}.editable-preview-shell{color:#111827;background:#fff;border:3px solid #3498db;border-radius:15px;margin-bottom:24px;padding:28px}.editable-preview-shell.has-error{color:#7f1d1d;background:#fff1f2;border-color:#ef4444}.editable-preview-error{color:#991b1b;gap:8px;display:grid}.editable-preview-error strong{font-size:1.05rem}.editable-preview-empty{color:#475569;font-weight:700}.theme-dark .editable-runner-header{background:linear-gradient(135deg,#3b82f629,#0ea5e91a);border-color:#93c5fd38}.theme-dark .editable-runner-status{color:#dbeafe;background:#0f172a8c;border-color:#94a3b838}.theme-light .editable-code-window{background:#fff}.theme-light .editable-code-window .cm-editor{color:#0f172a;background:#fff}.theme-light .editable-code-window .cm-gutters{color:#64748b;background:#eef2ff;border-right-color:#4f46e533}.theme-light .editable-code-window .cm-activeLine,.theme-light .editable-code-window .cm-activeLineGutter{background:#4f46e514}@media (width<=760px){.editable-runner-header{flex-direction:column}}.editable-preview-shell h1,.editable-preview-shell h2,.editable-preview-shell h3,.editable-preview-shell h4,.editable-preview-shell p,.editable-preview-shell li,.editable-preview-shell div,.editable-preview-shell span{color:inherit}.editable-preview-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow:auto}.counter-exercise-shell{width:100%}.counter-card{color:#0f172a;background:linear-gradient(#fffffffa,#f4f7fcfa);border:1px solid #94a3b838;border-radius:22px;padding:24px;box-shadow:0 14px 30px #0f172a1f}.counter-kicker{letter-spacing:.1em;text-transform:uppercase;color:#2563eb;margin:0 0 8px;font-size:.75rem;font-weight:700}.counter-description{color:#334155;line-height:1.7}.counter-display-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;margin:20px 0;padding:18px}.counter-label{color:#1d4ed8;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700;display:block}.counter-value{color:#0f172a;margin:8px 0 0;font-size:3rem;font-weight:800}.counter-button-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px;display:grid}.counter-button-grid button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:14px;padding:14px 16px;font-size:.98rem;font-weight:700;box-shadow:0 10px 18px #2563eb33}.counter-button-grid button:hover{transform:translateY(-1px)}.counter-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-top:24px;padding:18px}.counter-notes h3{margin-top:0}.counter-notes ul{color:#334155;margin-bottom:0;line-height:1.7}.counter-card,.counter-card h1,.counter-card h2,.counter-card h3,.counter-card h4,.counter-card h5,.counter-card h6,.counter-card p,.counter-card span,.counter-card li,.counter-card ul,.counter-card ol,.counter-card div,.counter-card strong,.counter-card label{color:#0f172a!important}.counter-kicker{color:#2563eb!important}.counter-description{color:#334155!important}.counter-display-panel{background:#eff6ff!important;border:1px solid #bfdbfe!important}.counter-label{color:#1d4ed8!important}.counter-value{color:#0f172a!important}.counter-notes{background:#f8fafc!important;border:1px solid #e2e8f0!important}.counter-notes h3{color:#1e3a8a!important}.counter-notes ul,.counter-notes li,.counter-notes p,.counter-notes span{color:#334155!important}.counter-button-grid button{color:#fff!important}.assignment-guide-shell .counter-card,.assignment-guide-shell .counter-card :not(button){text-shadow:none!important;opacity:1!important}.assignment-guide-shell .counter-button-grid button *{color:inherit!important}.assignment-test-panel{background:#0f172aeb;border:1px solid #789de624;border-radius:20px;margin-top:24px;padding:24px;box-shadow:0 14px 30px #0003}.assignment-test-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.assignment-test-kicker{text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;margin:0 0 8px;font-size:.78rem}.assignment-test-header h2{color:#fff;margin:0 0 10px}.assignment-test-summary{color:#d9e5f6;max-width:760px;margin:0;line-height:1.7}.assignment-test-score{text-align:center;background:#1e293bf2;border:1px solid #94a3b833;border-radius:16px;min-width:150px;padding:16px}.assignment-test-score span{color:#fff;font-size:1.9rem;font-weight:800;display:block}.assignment-test-score small{color:#cbd5e1}.assignment-test-controls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px;display:grid}.assignment-test-controls button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:14px;padding:14px 16px;font-size:.95rem;font-weight:700;box-shadow:0 10px 18px #2563eb33}.assignment-test-statebox{background:#1e293bd1;border:1px solid #94a3b829;border-radius:16px;margin-bottom:20px;padding:18px}.assignment-test-statebox p{color:#dbeafe;margin:6px 0}.assignment-test-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.assignment-test-card{border:1px solid #94a3b829;border-radius:16px;padding:18px}.assignment-test-card h3{color:#fff;margin:10px 0;font-size:1rem}.assignment-test-card p{color:#d9e5f6;margin:0;line-height:1.6}.assignment-test-card.passed{background:#065f4633;border-color:#10b98159}.assignment-test-card.pending{background:#1e293bdb}.assignment-test-badge{letter-spacing:.05em;border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.assignment-test-card.passed .assignment-test-badge{color:#6ee7b7;background:#10b9812e}.assignment-test-card.pending .assignment-test-badge{color:#cbd5e1;background:#94a3b829}.app-shell.theme-light .assignment-test-panel{background:linear-gradient(#fffffffa,#f8fafcfa)!important;border:1px solid #94a3b838!important;box-shadow:0 14px 30px #0f172a14!important}.app-shell.theme-light .assignment-test-header h2,.app-shell.theme-light .assignment-test-card h3{color:#0f172a!important}.app-shell.theme-light .assignment-test-summary,.app-shell.theme-light .assignment-test-card p,.app-shell.theme-light .assignment-test-statebox p{color:#334155!important}.app-shell.theme-light .assignment-test-kicker{color:#2563eb!important}.app-shell.theme-light .assignment-test-score,.app-shell.theme-light .assignment-test-statebox,.app-shell.theme-light .assignment-test-card.pending{background:#f8fafc!important;border:1px solid #94a3b833!important}.app-shell.theme-light .assignment-test-score span{color:#0f172a!important}.app-shell.theme-light .assignment-test-score small{color:#475569!important}.app-shell.theme-light .assignment-test-card.passed{background:#10b98114!important;border-color:#10b98138!important}.app-shell.theme-light .assignment-guide-shell .counter-card{border:1px solid #94a3b838!important;box-shadow:0 14px 28px #0f172a14!important}.app-shell.theme-light .assignment-guide-shell .counter-display-panel{background:#eff6ff!important;border:1px solid #bfdbfe!important}.app-shell.theme-light .assignment-guide-shell .counter-notes{background:#f8fafc!important;border:1px solid #e2e8f0!important}.app-shell.theme-light .content-area>div:first-child .sm-button.ghost,.app-shell.theme-light .content-area>div:first-child button{box-shadow:0 10px 20px #0f172a14}.app-shell.theme-light .assignment-hero,.app-shell.theme-light .assignment-section,.app-shell.theme-light .assignment-code-window{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-shell.theme-light .assignment-section+.assignment-section{margin-top:2px}.recipe-gallery-shell{margin-top:8px}.recipe-gallery-card{background:linear-gradient(#111827fa,#0f172afa);border:1px solid #94a3b829;border-radius:24px;padding:28px;box-shadow:0 16px 32px #0000003d}.recipe-gallery-kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 8px;font-size:.76rem}.recipe-gallery-card h2{color:#f8fafc;margin:0 0 8px}.recipe-gallery-description{color:#cbd5e1;margin:0 0 20px;line-height:1.7}.recipe-gallery-stage{gap:16px;display:grid}.recipe-gallery-image-frame{background:#0f172ae6;border:1px solid #94a3b82e;border-radius:20px;overflow:hidden}.recipe-gallery-image{object-fit:cover;width:100%;height:min(400px,50vw);min-height:260px;display:block}.recipe-gallery-meta{gap:10px;display:grid}.recipe-gallery-position{color:#dbeafe;background:#3b82f624;border:1px solid #60a5fa38;border-radius:999px;align-items:center;width:fit-content;margin:0;padding:8px 12px;font-weight:600;display:inline-flex}.recipe-gallery-caption{color:#e2e8f0;margin:0;line-height:1.8}.recipe-gallery-controls{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.recipe-gallery-controls button{color:#eff6ff;cursor:pointer;background:linear-gradient(#2563ebe6,#1d4ed8eb);border:1px solid #60a5fa3d;border-radius:14px;padding:12px 18px;font-weight:600;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 12px 24px #1e40af3d}.recipe-gallery-controls button:hover:not(:disabled){transform:translateY(-1px)}.recipe-gallery-controls button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.recipe-gallery-notes{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;margin-top:20px;padding:18px 20px}.recipe-gallery-notes h3{color:#f8fafc;margin-top:0}.recipe-gallery-notes ul{color:#dbeafe;margin-bottom:0;line-height:1.75}.app-shell.theme-light .recipe-gallery-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #94a3b838;box-shadow:0 14px 28px #0f172a14}.app-shell.theme-light .recipe-gallery-kicker{color:#2563eb}.app-shell.theme-light .recipe-gallery-card h2,.app-shell.theme-light .recipe-gallery-notes h3{color:#0f172a}.app-shell.theme-light .recipe-gallery-description,.app-shell.theme-light .recipe-gallery-caption,.app-shell.theme-light .recipe-gallery-notes ul{color:#334155}.app-shell.theme-light .recipe-gallery-image-frame{background:#fff;border:1px solid #94a3b838}.app-shell.theme-light .recipe-gallery-position{color:#1d4ed8;background:#dbeafee6;border:1px solid #93c5fdd9}.app-shell.theme-light .recipe-gallery-controls button{box-shadow:0 10px 20px #2563eb24}.app-shell.theme-light .recipe-gallery-notes{background:#f8fafc;border:1px solid #e2e8f0}.nested-profile-shell{margin-top:8px}.nested-profile-card{background:linear-gradient(#111827fa,#0f172afa);border:1px solid #94a3b829;border-radius:24px;padding:28px;box-shadow:0 16px 32px #0000003d}.nested-profile-kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 8px;font-size:.76rem}.nested-profile-card h2{color:#f8fafc;margin:0 0 8px}.nested-profile-description{color:#cbd5e1;margin:0 0 22px;line-height:1.7}.nested-profile-layout{grid-template-columns:minmax(280px,1.1fr) minmax(280px,1fr);gap:18px;display:grid}.nested-profile-form,.nested-profile-preview{background:#0f172ab8;border:1px solid #94a3b824;border-radius:20px;padding:20px}.nested-profile-form{gap:14px;display:grid}.nested-profile-field{gap:8px;display:grid}.nested-profile-field span,.nested-profile-preview-label{color:#dbeafe;font-weight:700}.nested-profile-field input{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b838;border-radius:14px;width:100%;padding:12px 14px;font-size:.96rem}.nested-profile-field input::placeholder{color:#94a3b8}.nested-profile-button{color:#eff6ff;cursor:pointer;background:linear-gradient(#2563ebe6,#1d4ed8eb);border:1px solid #60a5fa3d;border-radius:14px;padding:12px 18px;font-weight:700;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 24px #1e40af3d}.nested-profile-button:hover{transform:translateY(-1px)}.nested-profile-tipbox{background:#02061747;border:1px solid #94a3b81f;border-radius:18px;padding:18px}.nested-profile-tipbox h3{color:#f8fafc;margin-top:0;margin-bottom:10px}.nested-profile-tipbox ul{color:#dbeafe;margin-bottom:0;line-height:1.7}.nested-profile-summary-badge{color:#dbeafe;background:#3b82f624;border:1px solid #60a5fa38;border-radius:999px;align-items:center;margin:10px 0 16px;padding:10px 14px;font-weight:600;display:inline-flex}.nested-profile-details{gap:12px;display:grid}.nested-profile-row{background:#02061733;border:1px solid #94a3b81f;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.nested-profile-row span{color:#cbd5e1}.nested-profile-row strong{color:#f8fafc;text-align:right}.app-shell.theme-light .assignment-code-window{box-shadow:inset 0 1px #ffffffe6;color:#0f172a!important;background:#f8fafc!important;border:1px solid #94a3b838!important}.app-shell.theme-light .assignment-code-window code{color:#0f172a!important}.app-shell.theme-light .nested-profile-card,.app-shell.theme-light .nested-profile-form,.app-shell.theme-light .nested-profile-preview{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #94a3b838;box-shadow:0 14px 28px #0f172a14}.app-shell.theme-light .nested-profile-kicker{color:#2563eb}.app-shell.theme-light .nested-profile-card h2,.app-shell.theme-light .nested-profile-tipbox h3{color:#0f172a}.app-shell.theme-light .nested-profile-description,.app-shell.theme-light .nested-profile-tipbox ul,.app-shell.theme-light .nested-profile-preview-label,.app-shell.theme-light .nested-profile-row span,.app-shell.theme-light .nested-profile-row strong,.app-shell.theme-light .nested-profile-field span{color:#334155}.app-shell.theme-light .nested-profile-field input{color:#0f172a;background:#fff;border:1px solid #94a3b83d}.app-shell.theme-light .nested-profile-field input::placeholder{color:#94a3b8}.app-shell.theme-light .nested-profile-summary-badge{color:#1d4ed8;background:#dbeafee6;border:1px solid #93c5fdd9}.app-shell.theme-light .nested-profile-tipbox,.app-shell.theme-light .nested-profile-row{background:#f8fafc;border:1px solid #e2e8f0}@media (width<=860px){.nested-profile-layout{grid-template-columns:1fr}.nested-profile-row{flex-direction:column;align-items:flex-start}.nested-profile-row strong{text-align:left}}.assignment-guide-shell{gap:20px;display:grid}.assignment-hero{background:linear-gradient(#0f172afa,#111827fa);border:1px solid #93c5fd29;border-radius:24px;padding:28px;box-shadow:0 16px 36px #00000038}.assignment-hero h1{color:#f8fafc;margin:0 0 12px}.assignment-summary{color:#d9e5f6;max-width:860px;margin:0;line-height:1.75}.assignment-section{background:linear-gradient(#0f172af0,#0f172ae0);border:1px solid #94a3b829;border-radius:22px;padding:24px;box-shadow:0 14px 30px #0000002e}.assignment-code-window{white-space:pre-wrap;color:#dbeafe;background:#0b1120;border:1px solid #93c5fd29;border-radius:16px;padding:20px;font-size:.95rem;line-height:1.7;overflow-x:auto}.task-manager-shell{margin-top:8px}.task-manager-card{background:linear-gradient(#111827fa,#0f172afa);border:1px solid #94a3b829;border-radius:24px;padding:28px;box-shadow:0 16px 32px #0000003d}.task-manager-kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 8px;font-size:.76rem}.task-manager-card h2{color:#f8fafc;margin:0 0 8px}.task-manager-description{color:#cbd5e1;margin:0 0 22px;line-height:1.7}.task-manager-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.task-manager-field{gap:8px;display:grid}.task-manager-field span{color:#dbeafe;font-weight:700}.task-manager-field input{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b838;border-radius:14px;width:100%;padding:12px 14px;font-size:.96rem}.task-manager-field input::placeholder{color:#94a3b8}.task-manager-add-button,.task-manager-toggle-button{color:#eff6ff;cursor:pointer;background:linear-gradient(#2563ebe6,#1d4ed8eb);border:1px solid #60a5fa3d;border-radius:14px;padding:12px 18px;font-weight:700;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 24px #1e40af3d}.task-manager-add-button:hover,.task-manager-toggle-button:hover{transform:translateY(-1px)}.task-manager-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:20px;display:grid}.task-manager-summary-card,.task-manager-empty-state,.task-manager-item,.task-manager-tipbox{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px}.task-manager-summary-card{padding:16px 18px}.task-manager-summary-card span{color:#cbd5e1;margin-bottom:6px;display:block}.task-manager-summary-card strong{color:#f8fafc;font-size:1.6rem}.task-manager-empty-state{color:#dbeafe;margin-top:18px;padding:18px;line-height:1.7}.task-manager-list{gap:14px;margin-top:18px;display:grid}.task-manager-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.task-manager-item-copy h3{color:#f8fafc;margin:0 0 8px}.task-manager-item-copy p{color:#cbd5e1;margin:0}.task-manager-tipbox{margin-top:18px;padding:18px}.task-manager-tipbox h3{color:#f8fafc;margin-top:0;margin-bottom:10px}.task-manager-tipbox ul{color:#dbeafe;margin-bottom:0;line-height:1.7}.app-shell.theme-light .assignment-section p,.app-shell.theme-light .assignment-section li,.app-shell.theme-light .assignment-section ol,.app-shell.theme-light .assignment-section ul{color:#334155!important}.app-shell.theme-light .assignment-section code{color:#0f172a!important;background:#94a3b829!important}.app-shell.theme-light .assignment-code-window{color:#0f172a!important;background:#f8fafc!important;border:1px solid #94a3b838!important}.app-shell.theme-light .task-manager-card{background:linear-gradient(#fffffffa,#f8fafcfa)!important;border:1px solid #94a3b838!important;box-shadow:0 18px 34px #0f172a14!important}.app-shell.theme-light .task-manager-kicker{color:#2563eb!important}.app-shell.theme-light .task-manager-card h2,.app-shell.theme-light .task-manager-item-copy h3,.app-shell.theme-light .task-manager-tipbox h3{color:#0f172a!important}.app-shell.theme-light .task-manager-description,.app-shell.theme-light .task-manager-summary-card span,.app-shell.theme-light .task-manager-item-copy p,.app-shell.theme-light .task-manager-empty-state,.app-shell.theme-light .task-manager-tipbox ul,.app-shell.theme-light .task-manager-field span{color:#334155!important}.app-shell.theme-light .task-manager-field input{color:#0f172a!important;background:#fff!important;border:1px solid #94a3b847!important}.app-shell.theme-light .task-manager-summary-card,.app-shell.theme-light .task-manager-empty-state,.app-shell.theme-light .task-manager-item,.app-shell.theme-light .task-manager-tipbox{background:#f8fafc!important;border:1px solid #94a3b833!important}.app-shell.theme-light .task-manager-summary-card strong{color:#0f172a!important}@media (width<=860px){.task-manager-toolbar,.task-manager-item{grid-template-columns:1fr}}.week03-immer-guide{gap:24px;display:grid}.week03-immer-guide__hero{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;display:grid}.week03-immer-guide__kicker,.shopping-immer-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 8px;font-size:.82rem;font-weight:800}.week03-immer-guide__lede,.shopping-immer-intro{color:var(--text-secondary);margin:0;line-height:1.7}.week03-immer-guide__hero-card,.week03-immer-guide__section,.shopping-immer-card{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:24px}.week03-immer-guide__hero-card,.week03-immer-guide__section{padding:22px}.week03-immer-guide__hero-card h2,.week03-immer-guide__section h2,.shopping-immer-card h2,.shopping-immer-card h3{margin-top:0}.week03-immer-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.week03-immer-guide__checklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.week03-immer-guide__checklist>div{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:18px}.shopping-immer-shell{display:block}.shopping-immer-card{padding:24px}.shopping-immer-hero{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:20px;margin-bottom:22px;display:grid}.shopping-immer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.shopping-immer-summary-card{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:16px}.shopping-immer-summary-card span{color:var(--text-secondary);margin-bottom:10px;display:block}.shopping-immer-summary-card strong{font-size:1.4rem}.shopping-immer-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.shopping-immer-field{gap:8px;display:grid}.shopping-immer-field-wide{grid-column:1/-1}.shopping-immer-field span{color:var(--text-secondary);font-size:.92rem;font-weight:700}.shopping-immer-field input,.shopping-immer-field select,.shopping-immer-field textarea{border:1px solid var(--panel-border);background:var(--input-bg);width:100%;color:var(--text-primary);font:inherit;border-radius:14px;padding:12px 14px}.shopping-immer-action-row,.shopping-immer-item-actions{flex-wrap:wrap;gap:10px;display:flex}.shopping-immer-action-row{margin-bottom:18px}.shopping-immer-primary-button,.shopping-immer-secondary-button,.shopping-immer-item-actions button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-weight:700}.shopping-immer-primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9)}.shopping-immer-secondary-button,.shopping-immer-item-actions button{color:var(--text-primary);background:var(--panel-soft);border-color:var(--panel-border)}.shopping-immer-danger-button{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316)!important;border-color:#0000!important}.shopping-immer-list{gap:16px;display:grid}.shopping-immer-item{border:1px solid var(--panel-border);background:var(--panel-soft);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;display:grid}.shopping-immer-item-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.shopping-immer-item-copy p{color:var(--text-secondary);margin:8px 0 0}.shopping-immer-empty-state,.shopping-immer-tipbox{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;margin-top:16px;padding:18px}.shopping-immer-tipbox ul,.week03-immer-guide ul,.week03-immer-guide ol{margin:12px 0 0;padding-left:22px;line-height:1.7}@media (width<=980px){.week03-immer-guide__hero,.week03-immer-guide__grid,.shopping-immer-hero,.shopping-immer-form-grid,.week03-immer-guide__checklist,.shopping-immer-summary-grid,.shopping-immer-item{grid-template-columns:1fr}}.week03-immer-guide{gap:28px;max-width:1120px;margin:0 auto;padding:8px 0 24px;display:grid}.week03-immer-guide__hero{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:28px;padding:28px;display:block}.week03-immer-guide__kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 10px;font-size:.88rem;font-weight:800}.week03-immer-guide__hero h1{margin:0 0 14px}.week03-immer-guide__lede{max-width:880px;color:var(--text-secondary);margin:0;line-height:1.8}.week03-immer-guide__section{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:28px;padding:28px}.week03-immer-guide__section h2{margin:0 0 18px}.week03-immer-guide__section h3{color:var(--accent-strong);margin:22px 0 10px}.week03-immer-guide__section p,.week03-immer-guide__section li,.week03-immer-guide__section ol,.week03-immer-guide__section ul{color:var(--text-secondary);line-height:1.8}.week03-immer-guide__section ol,.week03-immer-guide__section ul{padding-left:22px}.week03-immer-guide__grid,.week03-immer-guide__checklist{display:block}.week03-immer-guide__checklist>div{background:0 0;border:0;padding:0}.week03-immer-guide__demo-shell{background:linear-gradient(#3b82f614,#0ea5e90a);border-radius:22px;padding:8px}@media (width<=768px){.week03-immer-guide{gap:22px}.week03-immer-guide__hero,.week03-immer-guide__section{border-radius:24px;padding:22px}}.week03-immer-guide,.shopping-immer-shell,.shopping-immer-card,.shopping-immer-item,.shopping-immer-item-copy,.shopping-immer-tipbox{overflow-wrap:anywhere;word-break:normal;min-width:0}.shopping-immer-card{overflow:hidden}.shopping-immer-hero{align-items:start}.shopping-immer-summary-grid{align-self:start}.shopping-immer-summary-card span,.shopping-immer-summary-card strong,.shopping-immer-item-heading span,.shopping-immer-item-copy p{overflow-wrap:anywhere}.shopping-immer-item{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start}.shopping-immer-item-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:10px;min-width:0;display:grid}.shopping-immer-primary-button,.shopping-immer-secondary-button,.shopping-immer-item-actions button{white-space:normal;text-align:center;border-radius:14px;min-height:44px;line-height:1.25}.shopping-immer-item-actions button{width:100%;min-width:0;padding:10px 12px}.shopping-immer-danger-button{box-shadow:0 12px 24px #dc26262e}.week03-immer-guide .code-block-shell{border-radius:18px;margin-top:14px}@media (width<=980px){.shopping-immer-item{grid-template-columns:1fr}.shopping-immer-item-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.shopping-immer-item-actions{grid-template-columns:1fr}}.assignment-guide-shell.week03-immer-guide{color:#e5eefc;gap:20px;max-width:1100px;margin:0 auto;padding:32px 20px 64px;display:grid}.assignment-hero.week03-immer-guide__hero{background:linear-gradient(#182743fa,#121d32fa);border:1px solid #789de62e;border-radius:24px;margin:0;padding:28px;display:block;box-shadow:0 18px 40px #0000003d}.assignment-hero.week03-immer-guide__hero h1{color:#f8fafc;margin:0 0 12px;line-height:1.15}.assignment-guide-shell.week03-immer-guide .week03-immer-guide__kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 10px;font-size:.78rem;font-weight:800}.assignment-guide-shell.week03-immer-guide .week03-immer-guide__lede{color:#d9e5f6;max-width:860px;margin:0;line-height:1.75}.assignment-section.week03-immer-guide__section{background:linear-gradient(#0f172af0,#0f172ae0);border:1px solid #94a3b829;border-radius:22px;min-width:0;padding:24px;overflow:hidden;box-shadow:0 14px 30px #0000002e}.assignment-section.week03-immer-guide__section h2{color:#fff;margin:0 0 16px}.assignment-section.week03-immer-guide__section h3{color:#bfdbfe;margin-top:20px}.assignment-section.week03-immer-guide__section p,.assignment-section.week03-immer-guide__section li,.assignment-section.week03-immer-guide__section ol,.assignment-section.week03-immer-guide__section ul{color:#d9e5f6;overflow-wrap:anywhere;line-height:1.75}.assignment-section.week03-immer-guide__section code{color:inherit;overflow-wrap:anywhere;background:#94a3b829;border-radius:8px;padding:2px 6px}.week03-immer-guide__demo-shell{background:linear-gradient(#3b82f614,#0ea5e90a);border:1px solid #93c5fd1f;border-radius:22px;min-width:0;padding:8px;overflow:hidden}.shopping-immer-shell,.shopping-immer-card,.shopping-immer-card *{box-sizing:border-box}.shopping-immer-card{background:linear-gradient(#111827fa,#0f172afa);border-radius:24px;width:100%;max-width:100%;overflow:hidden}.shopping-immer-hero{grid-template-columns:minmax(0,1fr);align-items:start}.shopping-immer-summary-grid{grid-template-columns:repeat(3,minmax(150px,1fr));width:100%}.shopping-immer-summary-card{min-width:0}.shopping-immer-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shopping-immer-field,.shopping-immer-field input,.shopping-immer-field select,.shopping-immer-field textarea{min-width:0}.shopping-immer-item{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;overflow:hidden}.shopping-immer-item-copy,.shopping-immer-item-copy p,.shopping-immer-item-heading,.shopping-immer-item-heading h3,.shopping-immer-item-heading span{overflow-wrap:anywhere;min-width:0}.shopping-immer-item-heading{align-items:flex-start}.shopping-immer-item-actions{grid-template-columns:repeat(4,minmax(135px,1fr));align-items:stretch;gap:10px;width:100%;display:grid}.shopping-immer-primary-button,.shopping-immer-secondary-button,.shopping-immer-item-actions button,.shopping-immer-danger-button{aspect-ratio:auto;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal;width:100%;min-width:0;height:auto;min-height:44px;box-shadow:none;justify-content:center;align-items:center;padding:11px 14px;line-height:1.25;display:inline-flex;border-radius:14px!important}.shopping-immer-danger-button{color:#fff!important;background:linear-gradient(135deg,#dc2626,#f97316)!important}.shopping-immer-tipbox,.shopping-immer-empty-state{overflow-wrap:anywhere}.week03-immer-guide .code-block-shell,.week03-immer-guide .code-block-pre,.week03-immer-guide .code-block-line,.week03-immer-guide .code-block-line-content{min-width:0;max-width:100%}.app-shell.theme-light .assignment-guide-shell.week03-immer-guide{color:#0f172a}.app-shell.theme-light .assignment-hero.week03-immer-guide__hero{background:linear-gradient(#fffffffa,#f1f5f9fa)!important;border:1px solid #94a3b83d!important;box-shadow:0 18px 40px #0f172a1a!important}.app-shell.theme-light .assignment-hero.week03-immer-guide__hero h1,.app-shell.theme-light .assignment-section.week03-immer-guide__section h2{color:#0f172a!important}.app-shell.theme-light .assignment-guide-shell.week03-immer-guide .week03-immer-guide__kicker,.app-shell.theme-light .assignment-section.week03-immer-guide__section h3{color:#2563eb!important}.app-shell.theme-light .assignment-guide-shell.week03-immer-guide .week03-immer-guide__lede,.app-shell.theme-light .assignment-section.week03-immer-guide__section p,.app-shell.theme-light .assignment-section.week03-immer-guide__section li,.app-shell.theme-light .assignment-section.week03-immer-guide__section ol,.app-shell.theme-light .assignment-section.week03-immer-guide__section ul{color:#334155!important}.app-shell.theme-light .assignment-section.week03-immer-guide__section{background:linear-gradient(#fffffffa,#f8fafcfa)!important;border:1px solid #94a3b838!important;box-shadow:0 14px 30px #0f172a14!important}@media (width<=980px){.shopping-immer-summary-grid,.shopping-immer-form-grid{grid-template-columns:1fr}.shopping-immer-item-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.assignment-guide-shell.week03-immer-guide{padding:24px 12px 48px}.assignment-hero.week03-immer-guide__hero,.assignment-section.week03-immer-guide__section{border-radius:20px;padding:20px}.shopping-immer-card{padding:20px}.shopping-immer-item-actions{grid-template-columns:1fr}}.app-shell.theme-light .week03-immer-guide__demo-shell{border:1px solid #94a3b838;background:linear-gradient(#2563eb14,#0ea5e90a)!important}.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-card,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-summary-card,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-item,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-empty-state,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-tipbox{box-shadow:0 12px 28px #0f172a14;color:#0f172a!important;background:#fff!important;border-color:#94a3b83d!important}.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-card h2,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-card h3,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-summary-card strong,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-item-heading span,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-field span{color:#0f172a!important}.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-kicker,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-item h3,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-tipbox h3{color:#2563eb!important}.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-intro,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-summary-card span,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-item-copy p,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-tipbox p,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-tipbox li{color:#334155!important}.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-field input,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-field select,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-field textarea{color:#0f172a!important;background:#fff!important;border-color:#2563eb3d!important}.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-secondary-button,.app-shell.theme-light .week03-immer-guide__demo-shell .shopping-immer-item-actions button:not(.shopping-immer-danger-button){color:#0f172a!important;background:#f8fafc!important;border:1px solid #dbe3f0!important}.week03-user-profile-guide,.user-profile-immer-shell{gap:24px;display:grid}.week03-user-profile-guide__hero,.user-profile-immer-hero{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;display:grid}.week03-user-profile-guide__hero-card,.week03-user-profile-guide__section,.user-profile-immer-card,.user-profile-immer-preview-card,.user-profile-immer-json-card{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:24px;padding:22px}.week03-user-profile-guide__kicker,.user-profile-immer-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 8px;font-size:.82rem;font-weight:800}.week03-user-profile-guide__lede,.user-profile-immer-intro,.user-profile-immer-tip{color:var(--text-secondary);margin:0;line-height:1.7}.week03-user-profile-guide__hero-card h2,.week03-user-profile-guide__section h2,.user-profile-immer-card h2,.user-profile-immer-preview-card h3,.user-profile-immer-json-card h3{margin-top:0}.week03-user-profile-guide__grid,.user-profile-immer-preview-grid,.user-profile-immer-summary-grid,.user-profile-immer-form-grid,.week03-user-profile-guide__checklist{gap:18px;display:grid}.week03-user-profile-guide__grid,.user-profile-immer-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week03-user-profile-guide__checklist,.user-profile-immer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-profile-immer-summary-card,.week03-user-profile-guide__checklist>div{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:18px}.user-profile-immer-summary-card span{color:var(--text-secondary);margin-bottom:10px;display:block}.user-profile-immer-summary-card strong{font-size:1.25rem}.user-profile-immer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.user-profile-immer-field{gap:8px;display:grid}.user-profile-immer-field-wide{grid-column:1/-1}.user-profile-immer-field span{color:var(--text-secondary);font-size:.92rem;font-weight:700}.user-profile-immer-field input{border:1px solid var(--panel-border);background:var(--input-bg);width:100%;color:var(--text-primary);font:inherit;border-radius:14px;padding:12px 14px}.user-profile-immer-action-row{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.user-profile-immer-checkbox{border:1px solid var(--panel-border);background:var(--panel-soft);color:var(--text-primary);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:inline-flex}.user-profile-immer-list{margin:0;padding-left:20px;line-height:1.8}.user-profile-immer-json-card pre{border:1px solid var(--panel-border);background:var(--panel-soft);color:var(--text-primary);border-radius:18px;margin:0;padding:16px;line-height:1.6;overflow-x:auto}.week03-user-profile-guide__demo-shell{background:linear-gradient(#3b82f614,#0ea5e90a);border-radius:22px;padding:8px}.week03-user-profile-guide ul,.week03-user-profile-guide ol{margin:12px 0 0;padding-left:22px;line-height:1.7}.theme-dark{--panel-bg:#0f172ad6;--panel-soft:#1e293bc7;--panel-border:#94a3b82e;--panel-shadow:0 16px 40px #02061747;--input-bg:#0f172aeb;--text-primary:#e5eefb;--text-secondary:#b7c5da;--accent-strong:#7dd3fc}.theme-light{--panel-bg:#fff;--panel-soft:#f8fafc;--panel-border:#6366f124;--panel-shadow:0 12px 28px #0f172a14;--input-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-strong:#1d4ed8}@media (width<=980px){.week03-user-profile-guide__hero,.week03-user-profile-guide__grid,.user-profile-immer-hero,.user-profile-immer-preview-grid,.user-profile-immer-summary-grid,.week03-user-profile-guide__checklist,.user-profile-immer-form-grid{grid-template-columns:1fr}}.week03-user-profile-guide{gap:28px;max-width:1120px;margin:0 auto;padding:8px 0 24px}.week03-user-profile-guide__hero{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);align-items:stretch;gap:20px}.week03-user-profile-guide__hero-card,.week03-user-profile-guide__section{border-radius:28px;padding:28px}.week03-user-profile-guide__hero-card h1{margin:0 0 14px;line-height:1.15}.week03-user-profile-guide__hero-card h2,.week03-user-profile-guide__section h2{margin:0 0 16px;line-height:1.2}.week03-user-profile-guide__section h3{color:var(--accent-strong);margin:22px 0 10px;line-height:1.3}.week03-user-profile-guide__kicker{letter-spacing:.14em;margin:0 0 10px;font-size:.84rem}.week03-user-profile-guide__lede,.week03-user-profile-guide__section p,.week03-user-profile-guide__section li,.week03-user-profile-guide__section ol,.week03-user-profile-guide__section ul{line-height:1.8}.week03-user-profile-guide__section>:last-child,.week03-user-profile-guide__hero-card>:last-child{margin-bottom:0}.week03-user-profile-guide__section code,.week03-user-profile-guide__hero-card code{background:#94a3b829;border-radius:8px;padding:2px 6px;display:inline-block}.week03-user-profile-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.week03-user-profile-guide__grid>div,.week03-user-profile-guide__checklist>div{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:18px;padding:18px}.week03-user-profile-guide__checklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.week03-user-profile-guide__checklist h3,.week03-user-profile-guide__grid h3{margin-top:0}.week03-user-profile-guide__demo-shell{color:var(--text-primary);background:linear-gradient(#3b82f614,#0ea5e90a);border-radius:22px;padding:8px}.week03-user-profile-guide .code-block,.week03-user-profile-guide .code-block-shell,.week03-user-profile-guide .code-block-card{border-radius:18px}.app-shell.theme-dark .week03-user-profile-guide__hero-card,.app-shell.theme-dark .week03-user-profile-guide__section{background:linear-gradient(#0f172af5,#0f172ae6);border-color:#94a3b829;box-shadow:0 14px 30px #0000002e}.app-shell.theme-dark .week03-user-profile-guide__kicker{color:#93c5fd}.app-shell.theme-dark .week03-user-profile-guide__hero-card h1,.app-shell.theme-dark .week03-user-profile-guide__hero-card h2,.app-shell.theme-dark .week03-user-profile-guide__section h2{color:#fff}.app-shell.theme-dark .week03-user-profile-guide__lede,.app-shell.theme-dark .week03-user-profile-guide__section p,.app-shell.theme-dark .week03-user-profile-guide__section li,.app-shell.theme-dark .week03-user-profile-guide__section ol,.app-shell.theme-dark .week03-user-profile-guide__section ul,.app-shell.theme-dark .week03-user-profile-guide__section span,.app-shell.theme-dark .week03-user-profile-guide__section strong,.app-shell.theme-dark .week03-user-profile-guide__hero-card li,.app-shell.theme-dark .week03-user-profile-guide__hero-card p,.app-shell.theme-dark .week03-user-profile-guide__hero-card span,.app-shell.theme-dark .week03-user-profile-guide__hero-card strong{color:#d9e5f6}.app-shell.theme-dark .week03-user-profile-guide__section h3,.app-shell.theme-dark .week03-user-profile-guide__checklist h3,.app-shell.theme-dark .week03-user-profile-guide__grid h3{color:#bfdbfe}.app-shell.theme-dark .week03-user-profile-guide__section code,.app-shell.theme-dark .week03-user-profile-guide__hero-card code{color:#dbeafe}.app-shell.theme-light .week03-user-profile-guide__hero-card,.app-shell.theme-light .week03-user-profile-guide__section{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #94a3b838;box-shadow:0 14px 30px #0f172a14}.app-shell.theme-light .week03-user-profile-guide__kicker{color:#2563eb}.app-shell.theme-light .week03-user-profile-guide__hero-card h1,.app-shell.theme-light .week03-user-profile-guide__hero-card h2,.app-shell.theme-light .week03-user-profile-guide__section h2{color:#0f172a}.app-shell.theme-light .week03-user-profile-guide__lede,.app-shell.theme-light .week03-user-profile-guide__section p,.app-shell.theme-light .week03-user-profile-guide__section li,.app-shell.theme-light .week03-user-profile-guide__section ol,.app-shell.theme-light .week03-user-profile-guide__section ul,.app-shell.theme-light .week03-user-profile-guide__section span,.app-shell.theme-light .week03-user-profile-guide__section strong,.app-shell.theme-light .week03-user-profile-guide__hero-card li,.app-shell.theme-light .week03-user-profile-guide__hero-card p,.app-shell.theme-light .week03-user-profile-guide__hero-card span,.app-shell.theme-light .week03-user-profile-guide__hero-card strong{color:#334155}.app-shell.theme-light .week03-user-profile-guide__section h3,.app-shell.theme-light .week03-user-profile-guide__checklist h3,.app-shell.theme-light .week03-user-profile-guide__grid h3{color:#1d4ed8}.app-shell.theme-light .week03-user-profile-guide__section code,.app-shell.theme-light .week03-user-profile-guide__hero-card code{color:#1e3a8a;background:#3b82f61a;border:1px solid #3b82f624}@media (width<=980px){.week03-user-profile-guide__hero,.week03-user-profile-guide__grid,.week03-user-profile-guide__checklist{grid-template-columns:1fr}}@media (width<=768px){.week03-user-profile-guide{gap:22px}.week03-user-profile-guide__hero-card,.week03-user-profile-guide__section{border-radius:24px;padding:22px}}.week03-user-profile-guide,.user-profile-immer-shell,.user-profile-immer-card,.user-profile-immer-preview-card,.user-profile-immer-json-card,.user-profile-immer-summary-card,.week03-user-profile-guide__section,.week03-user-profile-guide__hero-card{overflow-wrap:anywhere;word-break:normal;min-width:0}.user-profile-immer-card{overflow:hidden}.user-profile-immer-hero{align-items:start}.user-profile-immer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-self:start}.user-profile-immer-summary-card{align-content:start;min-height:116px;display:grid}.user-profile-immer-summary-card span,.user-profile-immer-summary-card strong,.user-profile-immer-preview-card p,.user-profile-immer-preview-card li{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}.user-profile-immer-preview-grid{align-items:stretch}.user-profile-immer-preview-card,.user-profile-immer-json-card{overflow:hidden}.user-profile-immer-json-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.user-profile-immer-checkbox{max-width:100%}.user-profile-immer-checkbox span{overflow-wrap:anywhere;min-width:0}.week03-user-profile-guide .code-block-shell{border-radius:18px;max-width:100%;margin-top:14px}.week03-user-profile-guide .code-block-pre{max-width:100%}.week03-user-profile-guide .code-token-comment,.week03-user-profile-guide .code-token-string,.week03-user-profile-guide .code-token-keyword,.week03-user-profile-guide .code-token-literal,.week03-user-profile-guide .code-token-number,.week03-user-profile-guide .code-token-tag,.week03-user-profile-guide .code-token-call,.week03-user-profile-guide .code-token-operator,.week03-user-profile-guide .code-token-plain{text-shadow:none}.week03-user-profile-test-panel .assignment-test-tabs{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.week03-user-profile-test-panel .assignment-test-tabs button{font:inherit;cursor:pointer;color:#dbeafe;background:#1e293bcc;border:1px solid #94a3b838;border-radius:999px;padding:10px 14px;font-weight:800}.week03-user-profile-test-panel .assignment-test-tabs button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#0000}.week03-user-profile-test-panel .assignment-test-controls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.week03-user-profile-test-panel .assignment-test-controls button{white-space:normal;min-height:46px;line-height:1.25}.app-shell.theme-dark .week03-user-profile-guide .code-block-shell{--code-surface:#0b1120;--code-toolbar:#0f172afa;--code-gutter:#0f172a;--code-border:#94a3b842;--code-text:#e2e8f0;--code-comment:#93c5fd;--code-string:#f9a8d4;--code-keyword:#7dd3fc;--code-literal:#fca5a5;--code-number:#fdba74;--code-tag:#67e8f9;--code-call:#fde68a;--code-operator:#c4b5fd}.app-shell.theme-light .week03-user-profile-guide .code-block-shell{--code-surface:#f8fafc;--code-toolbar:#eef2ff;--code-gutter:#eef2ff;--code-border:#6366f133;--code-text:#0f172a;--code-line-number:#475569;--code-comment:#1d4ed8;--code-string:#be185d;--code-keyword:#1e40af;--code-literal:#b91c1c;--code-number:#c2410c;--code-tag:#0f766e;--code-call:#92400e;--code-operator:#6d28d9}.app-shell.theme-light .week03-user-profile-test-panel .assignment-test-tabs button{color:#1e3a8a;background:#eef2ff;border-color:#6366f12e}.app-shell.theme-light .week03-user-profile-test-panel .assignment-test-tabs button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#0000}@media (width<=980px){.user-profile-immer-summary-grid,.user-profile-immer-preview-grid,.user-profile-immer-form-grid{grid-template-columns:1fr}}.assignment-guide-shell.week03-user-profile-guide{color:#e5eefc;gap:20px;max-width:1100px;margin:0 auto;padding:32px 20px 64px;display:grid}.assignment-hero.week03-user-profile-guide__hero{background:linear-gradient(#182743fa,#121d32fa);border:1px solid #789de62e;border-radius:24px;grid-template-columns:minmax(0,1fr);gap:18px;margin:0;padding:28px;display:grid;overflow:hidden;box-shadow:0 18px 40px #0000003d}.assignment-hero.week03-user-profile-guide__hero .week03-user-profile-guide__hero-card{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}.assignment-hero.week03-user-profile-guide__hero .week03-user-profile-guide__hero-card+.week03-user-profile-guide__hero-card{background:#0f172a6b;border:1px solid #94a3b829;border-radius:18px;padding:18px}.assignment-hero.week03-user-profile-guide__hero h1{color:#f8fafc;margin:0 0 12px;line-height:1.15}.assignment-hero.week03-user-profile-guide__hero h2{color:#fff;margin:0 0 10px}.assignment-guide-shell.week03-user-profile-guide .week03-user-profile-guide__kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 10px;font-size:.78rem;font-weight:800}.assignment-guide-shell.week03-user-profile-guide .week03-user-profile-guide__lede,.assignment-hero.week03-user-profile-guide__hero p,.assignment-hero.week03-user-profile-guide__hero li{color:#d9e5f6;overflow-wrap:anywhere;line-height:1.75}.assignment-section.week03-user-profile-guide__section{background:linear-gradient(#0f172af0,#0f172ae0);border:1px solid #94a3b829;border-radius:22px;min-width:0;padding:24px;overflow:hidden;box-shadow:0 14px 30px #0000002e}.assignment-section.week03-user-profile-guide__section h2{color:#fff;margin:0 0 16px}.assignment-section.week03-user-profile-guide__section h3{color:#bfdbfe;margin-top:20px}.assignment-section.week03-user-profile-guide__section p,.assignment-section.week03-user-profile-guide__section li,.assignment-section.week03-user-profile-guide__section ol,.assignment-section.week03-user-profile-guide__section ul{color:#d9e5f6;overflow-wrap:anywhere;line-height:1.75}.assignment-section.week03-user-profile-guide__section code,.assignment-hero.week03-user-profile-guide__hero code{color:inherit;overflow-wrap:anywhere;background:#94a3b829;border-radius:8px;padding:2px 6px;display:inline}.week03-user-profile-guide__grid,.week03-user-profile-guide__checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.week03-user-profile-guide__checklist{grid-template-columns:repeat(3,minmax(0,1fr))}.week03-user-profile-guide__grid>div,.week03-user-profile-guide__checklist>div{background:#1e293bb8;border:1px solid #94a3b824;border-radius:18px;min-width:0;padding:18px;overflow:hidden}.week03-user-profile-guide__demo-shell{background:linear-gradient(#3b82f614,#0ea5e90a);border:1px solid #93c5fd1f;border-radius:22px;min-width:0;padding:8px;overflow:hidden}.user-profile-immer-shell,.user-profile-immer-card,.user-profile-immer-card *{box-sizing:border-box}.user-profile-immer-card{background:linear-gradient(#111827fa,#0f172afa);border-radius:24px;width:100%;max-width:100%;overflow:hidden}.user-profile-immer-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.user-profile-immer-summary-grid{grid-template-columns:repeat(3,minmax(150px,1fr));width:100%}.user-profile-immer-summary-card,.user-profile-immer-preview-card,.user-profile-immer-json-card{min-width:0;overflow:hidden}.user-profile-immer-summary-card span,.user-profile-immer-summary-card strong,.user-profile-immer-preview-card p,.user-profile-immer-preview-card li,.user-profile-immer-list li,.user-profile-immer-tip{overflow-wrap:anywhere;word-break:normal}.user-profile-immer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-profile-immer-field,.user-profile-immer-field input,.user-profile-immer-checkbox{min-width:0}.user-profile-immer-checkbox{overflow-wrap:anywhere;max-width:100%}.user-profile-immer-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-profile-immer-json-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow-x:auto}.week03-user-profile-guide .code-block-shell,.week03-user-profile-guide .code-block-pre,.week03-user-profile-guide .code-block-line,.week03-user-profile-guide .code-block-line-content{min-width:0;max-width:100%}.app-shell.theme-light .assignment-guide-shell.week03-user-profile-guide{color:#0f172a}.app-shell.theme-light .assignment-hero.week03-user-profile-guide__hero{background:linear-gradient(#fffffffa,#f1f5f9fa)!important;border:1px solid #94a3b83d!important;box-shadow:0 18px 40px #0f172a1a!important}.app-shell.theme-light .assignment-hero.week03-user-profile-guide__hero .week03-user-profile-guide__hero-card+.week03-user-profile-guide__hero-card{background:#f8fafcdb!important;border:1px solid #94a3b838!important}.app-shell.theme-light .assignment-hero.week03-user-profile-guide__hero h1,.app-shell.theme-light .assignment-hero.week03-user-profile-guide__hero h2,.app-shell.theme-light .assignment-section.week03-user-profile-guide__section h2{color:#0f172a!important}.app-shell.theme-light .assignment-guide-shell.week03-user-profile-guide .week03-user-profile-guide__kicker,.app-shell.theme-light .assignment-section.week03-user-profile-guide__section h3{color:#2563eb!important}.app-shell.theme-light .assignment-guide-shell.week03-user-profile-guide .week03-user-profile-guide__lede,.app-shell.theme-light .assignment-hero.week03-user-profile-guide__hero p,.app-shell.theme-light .assignment-hero.week03-user-profile-guide__hero li,.app-shell.theme-light .assignment-section.week03-user-profile-guide__section p,.app-shell.theme-light .assignment-section.week03-user-profile-guide__section li,.app-shell.theme-light .assignment-section.week03-user-profile-guide__section ol,.app-shell.theme-light .assignment-section.week03-user-profile-guide__section ul{color:#334155!important}.app-shell.theme-light .assignment-section.week03-user-profile-guide__section{background:linear-gradient(#fffffffa,#f8fafcfa)!important;border:1px solid #94a3b838!important;box-shadow:0 14px 30px #0f172a14!important}.app-shell.theme-light .week03-user-profile-guide__grid>div,.app-shell.theme-light .week03-user-profile-guide__checklist>div{background:#f8fafc!important;border:1px solid #94a3b838!important}@media (width<=980px){.week03-user-profile-guide__grid,.week03-user-profile-guide__checklist,.user-profile-immer-summary-grid,.user-profile-immer-form-grid,.user-profile-immer-preview-grid{grid-template-columns:1fr}}@media (width<=640px){.assignment-guide-shell.week03-user-profile-guide{padding:24px 12px 48px}.assignment-hero.week03-user-profile-guide__hero,.assignment-section.week03-user-profile-guide__section{border-radius:20px;padding:20px}.user-profile-immer-card{padding:20px}}.app-shell.theme-light .week03-user-profile-guide__demo-shell{border:1px solid #94a3b838;background:linear-gradient(#2563eb14,#0ea5e90a)!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-card,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-summary-card,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-preview-card,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-json-card{box-shadow:0 12px 28px #0f172a14;color:#0f172a!important;background:#fff!important;border-color:#94a3b83d!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-card h2,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-card h3,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-summary-card strong,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-field span,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-list strong{color:#0f172a!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-kicker,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-preview-card h3,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-json-card h3{color:#2563eb!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-intro,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-summary-card span,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-preview-card p,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-list,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-list li,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-tip{color:#334155!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-field input{color:#0f172a!important;background:#fff!important;border-color:#2563eb3d!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-checkbox,.app-shell.theme-light .week03-user-profile-guide__demo-shell .user-profile-immer-json-card pre{color:#0f172a!important;background:#f8fafc!important;border-color:#dbe3f0!important}.app-shell.theme-light .week03-user-profile-guide__demo-shell code{color:#1d4ed8!important;background:#2563eb1a!important;border:1px solid #2563eb24!important}.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-comment,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-comment,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-string,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-string,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-keyword,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-keyword,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-literal,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-literal,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-number,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-number,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-tag,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-tag,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-call,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-call,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-operator,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-operator,.app-shell.theme-dark .week03-user-profile-guide .code-block-shell .code-token-plain,.app-shell.theme-light .week03-user-profile-guide .code-block-shell .code-token-plain{filter:none!important}.assignment-guide-shell{color:#e5eefc;max-width:1100px;margin:0 auto;padding:32px 20px 64px}.assignment-hero{background:linear-gradient(#182743fa,#121d32fa);border:1px solid #789de62e;border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.assignment-kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 10px;font-size:.78rem}.assignment-summary{color:#c9d8f0;max-width:760px}.assignment-section{background:#0f172aeb;border:1px solid #789de624;border-radius:20px;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.assignment-section h2{color:#fff;margin-top:0}.assignment-section h3{color:#bfdbfe;margin-top:20px}.assignment-section p,.assignment-section li,.assignment-section ol,.assignment-section ul{color:#d9e5f6;line-height:1.75}.assignment-section code{background:#94a3b829;border-radius:8px;padding:2px 6px}.dog-query-shell{margin-top:8px}.dog-query-card{background:linear-gradient(#111827fa,#0f172afa);border:1px solid #94a3b829;border-radius:24px;padding:28px;box-shadow:0 16px 32px #0000003d}.dog-query-kicker{text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;margin:0 0 8px;font-size:.76rem}.dog-query-card h2{color:#f8fafc;margin:0 0 8px}.dog-query-description{color:#cbd5e1;margin:0 0 20px;line-height:1.7}.dog-query-layout,.dog-query-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dog-query-resource-grid{margin-top:16px}.dog-query-panel{background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px;padding:20px}.dog-query-panel h3{color:#f8fafc;margin-top:0}.dog-query-panel p,.dog-query-panel li,.dog-query-panel dd,.dog-query-panel dt{color:#dbeafe;line-height:1.7}.dog-query-select-label{color:#bfdbfe;margin:18px 0 8px;font-weight:700;display:block}.dog-query-control-panel select{color:#f8fafc;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;width:100%;padding:12px 14px;font-size:1rem}.dog-query-control-panel select:disabled{opacity:.58;cursor:not-allowed}.dog-query-status{color:#dbeafe;background:#1e40af2e;border:1px solid #93c5fd33;border-radius:14px;gap:4px;margin:14px 0;padding:12px 14px;display:grid}.dog-query-status strong,.dog-query-status span{color:inherit}.dog-query-status-error{color:#fecaca;background:#7f1d1d3d;border-color:#f8717152}.dog-query-status-warning{color:#fde68a;background:#713f123d;border-color:#fbbf2457}.dog-query-breed-summary{background:#1e293bc7;border:1px solid #93c5fd29;border-radius:18px;margin-top:14px;padding:18px}.dog-query-breed-summary h4{color:#fff;margin:8px 0 10px;font-size:1.35rem}.dog-query-pill{text-transform:uppercase;letter-spacing:.08em;background:#3b82f629;border-radius:999px;width:fit-content;margin:0;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex;color:#bfdbfe!important}.dog-query-breed-summary dl{gap:10px;margin:18px 0 0;display:grid}.dog-query-breed-summary dl div{border-top:1px solid #94a3b829;justify-content:space-between;gap:12px;padding-top:10px;display:flex}.dog-query-breed-summary dt{font-weight:700}.dog-query-list{margin:0;padding-left:20px}.dog-query-list li+li{margin-top:10px}.dog-query-live-panel{margin-top:16px}.app-shell.theme-light .assignment-guide-shell{color:#0f172a}.app-shell.theme-light .assignment-hero{background:linear-gradient(#fffffffa,#f1f5f9fa)!important;border:1px solid #94a3b83d!important;box-shadow:0 18px 40px #0f172a1a!important}.app-shell.theme-light .assignment-kicker{color:#2563eb!important}.app-shell.theme-light .assignment-hero h1{color:#0f172a!important}.app-shell.theme-light .assignment-summary{color:#334155!important}.app-shell.theme-light .assignment-section{background:linear-gradient(#fffffffa,#f8fafcfa)!important;border:1px solid #94a3b838!important;box-shadow:0 14px 30px #0f172a14!important}.app-shell.theme-light .assignment-section h2{color:#0f172a!important}.app-shell.theme-light .assignment-section h3{color:#1d4ed8!important}.app-shell.theme-light .assignment-section p,.app-shell.theme-light .assignment-section li,.app-shell.theme-light .assignment-section ol,.app-shell.theme-light .assignment-section ul,.app-shell.theme-light .assignment-section span,.app-shell.theme-light .assignment-section div,.app-shell.theme-light .assignment-section strong{color:#334155!important}.app-shell.theme-light .assignment-section code{border:1px solid #3b82f624;color:#1e3a8a!important;background:#3b82f61a!important}.app-shell.theme-light .dog-query-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #94a3b838;box-shadow:0 14px 28px #0f172a14}.app-shell.theme-light .dog-query-kicker{color:#2563eb}.app-shell.theme-light .dog-query-card h2,.app-shell.theme-light .dog-query-panel h3,.app-shell.theme-light .dog-query-breed-summary h4{color:#0f172a}.app-shell.theme-light .dog-query-description,.app-shell.theme-light .dog-query-panel p,.app-shell.theme-light .dog-query-panel li,.app-shell.theme-light .dog-query-panel dd,.app-shell.theme-light .dog-query-panel dt{color:#334155}.app-shell.theme-light .dog-query-panel,.app-shell.theme-light .dog-query-breed-summary{background:#f8fafc;border:1px solid #e2e8f0}.app-shell.theme-light .dog-query-select-label{color:#1d4ed8}.app-shell.theme-light .dog-query-control-panel select{color:#0f172a;background:#fff;border:1px solid #2563eb47}.app-shell.theme-light .dog-query-status-info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}.app-shell.theme-light .dog-query-status-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.app-shell.theme-light .dog-query-status-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.app-shell.theme-light .dog-query-pill{background:#dbeafe;color:#1d4ed8!important}@media (width<=860px){.dog-query-layout,.dog-query-resource-grid{grid-template-columns:1fr}}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-comment{color:#475569!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-string{color:#be185d!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-keyword{font-weight:800;color:#1d4ed8!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-literal{font-weight:800;color:#b91c1c!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-number{color:#c2410c!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-tag{color:#0f766e!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-call{color:#92400e!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-operator{color:#6d28d9!important}.app-shell.theme-light .assignment-guide-shell .code-block-shell .code-token-plain{color:#0f172a!important}.crud-assignment-guide{--crud-panel:#0f172ab8;--crud-panel-strong:#1e293be0;--crud-border:#94a3b838;--crud-text:#e5edf8;--crud-muted:#a9b8cf;--crud-accent:#38bdf8;--crud-accent-strong:#22d3ee;--crud-success:#86efac;--crud-warning:#fde68a;--crud-danger:#fca5a5}.theme-light .crud-assignment-guide{--crud-panel:#fff;--crud-panel-strong:#f8fafc;--crud-border:#1e293b29;--crud-text:#102033;--crud-muted:#475569;--crud-accent:#0369a1;--crud-accent-strong:#0e7490;--crud-success:#166534;--crud-warning:#854d0e;--crud-danger:#b91c1c}.crud-assignment-hero{border:1px solid var(--crud-border)}.crud-shell{color:var(--crud-text);gap:1rem;display:grid}.crud-card{background:var(--crud-panel);border:1px solid var(--crud-border);border-radius:24px;padding:1.15rem;box-shadow:0 20px 50px #0f172a29}.theme-light .crud-card{box-shadow:0 16px 35px #0f172a14}.crud-hero-card h2,.crud-card h3,.crud-card h4{color:var(--crud-text);margin-top:0}.crud-kicker,.crud-pill{color:var(--crud-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.crud-description,.crud-card p,.crud-card li{color:var(--crud-muted)}.crud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.crud-form,.crud-inline-form{gap:.65rem;display:grid}.crud-filter-row{flex-wrap:wrap;gap:.65rem;display:flex}.crud-form label,.crud-inline-form label{color:var(--crud-text);font-weight:800}.crud-form input,.crud-form textarea,.crud-inline-form input{border:1px solid var(--crud-border);background:var(--crud-panel-strong);width:100%;color:var(--crud-text);font:inherit;border-radius:14px;padding:.8rem .9rem}.crud-form textarea{resize:vertical;min-height:96px}.crud-form input::placeholder,.crud-form textarea::placeholder,.crud-inline-form input::placeholder{color:var(--crud-muted)}.crud-card button{background:linear-gradient(135deg, var(--crud-accent), var(--crud-accent-strong));color:#00111f;cursor:pointer;border:0;border-radius:14px;padding:.78rem 1rem;font-weight:900}.crud-card button:disabled{cursor:not-allowed;opacity:.58}.crud-card .crud-secondary-button{border:1px solid var(--crud-border);color:var(--crud-text);background:0 0}.crud-card .crud-danger-button{color:#fff7ed;background:linear-gradient(135deg,#fb7185,#f97316);width:100%;margin-top:.75rem}.crud-status,.crud-mutation-status{border:1px solid var(--crud-border);border-radius:16px;gap:.25rem;margin:.8rem 0;padding:.85rem;display:grid}.crud-status strong{color:var(--crud-text)}.crud-status-info,.crud-mutation-status-info{background:#38bdf81f}.crud-status-success,.crud-mutation-status-success{color:var(--crud-success);background:#22c55e21}.crud-status-warning{color:var(--crud-warning);background:#f59e0b21}.crud-status-error,.crud-mutation-status-error{color:var(--crud-danger);background:#ef444421}.crud-section-heading-row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.crud-post-list{gap:.7rem;max-height:440px;padding-right:.25rem;display:grid;overflow:auto}.crud-post-item{border:1px solid var(--crud-border);background:var(--crud-panel-strong);border-radius:18px;overflow:hidden}.crud-post-item-active{border-color:var(--crud-accent);box-shadow:0 0 0 3px #38bdf829}.crud-post-select{text-align:left;gap:.35rem;width:100%;display:grid;color:var(--crud-text)!important;background:0 0!important}.crud-post-select span{color:var(--crud-muted);font-size:.8rem;font-weight:800}.crud-selected-post{border:1px solid var(--crud-border);background:var(--crud-panel-strong);border-radius:18px;padding:1rem}.crud-form-divider{border-top:1px solid var(--crud-border);margin-top:1rem;padding-top:1rem}@media (width<=850px){.crud-grid{grid-template-columns:1fr}.crud-section-heading-row,.crud-filter-row{display:grid}}.crud-live-test-panel{gap:1rem;display:grid}.crud-live-test-header p{max-width:78ch}.crud-live-test-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.crud-live-test-summary>div{border:1px solid var(--crud-border);background:var(--crud-panel);border-radius:18px;padding:.9rem}.crud-live-test-summary span{color:var(--crud-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.crud-live-test-summary strong{color:var(--crud-text);margin-top:.15rem;font-size:1.7rem;display:block}.crud-live-test-summary-passed>div{border-color:#22c55e73}.crud-live-test-summary-failed>div{border-color:#f871717a}.crud-live-test-actions,.crud-test-tabs,.crud-test-tab-panel-heading{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.crud-live-test-actions button,.crud-test-tab-panel-heading button,.crud-test-tab{cursor:pointer;border:0;border-radius:14px;padding:.78rem 1rem;font-weight:900}.crud-live-test-actions button,.crud-test-tab-panel-heading button{background:linear-gradient(135deg, var(--crud-accent), var(--crud-accent-strong));color:#00111f}.crud-live-test-actions .crud-secondary-button{border:1px solid var(--crud-border);color:var(--crud-text);background:0 0}.crud-test-tabs{border-bottom:1px solid var(--crud-border);padding-bottom:.75rem}.crud-test-tab{background:var(--crud-panel);border:1px solid var(--crud-border);color:var(--crud-text);text-align:left;gap:.2rem;min-width:180px;display:grid}.crud-test-tab small{color:var(--crud-muted);font-weight:800}.crud-test-tab-active{border-color:var(--crud-accent);box-shadow:0 0 0 3px #38bdf829}.crud-test-tab-panel{background:var(--crud-panel);border:1px solid var(--crud-border);border-radius:24px;padding:1rem}.crud-test-tab-panel-heading{justify-content:space-between;margin-bottom:1rem}.crud-test-tab-panel-heading h3,.crud-test-tab-panel-heading p{margin-top:0;margin-bottom:.35rem}.crud-visible-test-list{gap:.8rem;display:grid}.crud-visible-test-card{border:1px solid var(--crud-border);background:var(--crud-panel-strong);border-radius:18px;padding:.95rem}.crud-visible-test-card-passed{border-color:#22c55e80}.crud-visible-test-card-failed{border-color:#f871718f}.crud-visible-test-status-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.crud-visible-test-status-row strong{color:var(--crud-text)}.crud-visible-test-status-row span{border:1px solid var(--crud-border);color:var(--crud-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:900}.crud-visible-test-card-passed .crud-visible-test-status-row span{color:var(--crud-success)}.crud-visible-test-card-failed .crud-visible-test-status-row span{color:var(--crud-danger)}.crud-visible-test-card p,.crud-visible-test-hint{color:var(--crud-muted)}.crud-visible-test-details{gap:.6rem;margin:.75rem 0 0;display:grid}.crud-visible-test-details div{border:1px solid var(--crud-border);background:#0f172a29;border-radius:14px;padding:.7rem}.theme-light .crud-visible-test-details div{background:#f1f5f9d1}.crud-visible-test-details dt{color:var(--crud-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.crud-visible-test-details dd{color:var(--crud-text);overflow-wrap:anywhere;margin:.25rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (width<=760px){.crud-live-test-summary{grid-template-columns:1fr}.crud-test-tab,.crud-test-tab-panel-heading button,.crud-live-test-actions button{width:100%}.crud-test-tab-panel-heading{align-items:stretch;display:grid}}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-comment{color:#475569!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-string{color:#be185d!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-keyword{font-weight:800;color:#1d4ed8!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-literal{font-weight:800;color:#b91c1c!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-number{color:#c2410c!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-tag{color:#0f766e!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-call{color:#92400e!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-operator{color:#6d28d9!important}.app-shell.theme-light .crud-assignment-guide .code-block-shell .code-token-plain{color:#0f172a!important}.health-assignment-guide{--health-card:#0f172aeb;--health-card-soft:#182743fa;--health-card-strong:#121d32fa;--health-border:#789de624;--health-border-strong:#789de62e;--health-text:#e5eefc;--health-heading:#fff;--health-body:#d9e5f6;--health-muted:#c9d8f0;--health-kicker:#93c5fd;--health-code-bg:#94a3b829;--health-accent:#bfdbfe;--health-success:#86efac;--health-warning:#fde68a;max-width:1100px;color:var(--health-text);margin:0 auto;padding:32px 20px 64px}.health-card,.health-preview-card{background:var(--health-card);border:1px solid var(--health-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.health-hero-card{background:linear-gradient(180deg, var(--health-card-soft), var(--health-card-strong));border:1px solid var(--health-border-strong);border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.health-hero-card h1{color:var(--health-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;line-height:1.18}.health-card h2,.health-preview-card h3{color:var(--health-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.health-card h3{color:var(--health-accent);margin-top:20px}.health-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--health-kicker);margin:0 0 10px;font-size:.78rem;font-weight:700}.health-hero-card p,.health-card p,.health-card li,.health-preview-card p,.health-preview-card label{color:var(--health-body);line-height:1.75}.health-hero-card p{max-width:760px;color:var(--health-muted);margin:0}.health-card ul,.health-card ol{margin:.75rem 0 0;padding-left:1.35rem}.health-card li+li{margin-top:.35rem}.health-card code,.health-preview-card code{background:var(--health-code-bg);color:var(--health-accent);border-radius:8px;padding:2px 6px;font-weight:700}.health-grid-two{display:block}.health-grid-two>div+div{margin-top:20px}.health-checklist{gap:.55rem;display:grid}.health-preview-card{background:linear-gradient(#111827fa,#0f172afa);border-radius:24px;padding:28px}.health-input-label{color:var(--health-accent);margin-bottom:.45rem;font-weight:700;display:block}.health-preview-card input{color:#f8fafc;width:100%;font:inherit;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;padding:12px 14px}.health-preset-row{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.health-preset-row button,.health-preview-card button{color:#00111f;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#22d3ee);border:0;border-radius:14px;padding:.78rem 1rem;font-weight:800}.health-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.health-result-grid article{background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px;min-width:0;padding:20px}.health-result-grid span{color:var(--health-kicker);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;font-weight:800;display:block}.health-result-grid strong{color:var(--health-heading);overflow-wrap:anywhere;line-height:1.45}.health-result-grid .health-pass strong{color:var(--health-success)}.health-result-grid .health-warn strong{color:var(--health-warning)}.health-live-panel{margin-top:0}.health-assignment-guide .code-block,.health-assignment-guide .code-window,.health-assignment-guide pre{max-width:100%;overflow-x:auto}.app-shell.theme-light .health-assignment-guide{--health-card:#fff;--health-card-soft:#fffffffa;--health-card-strong:#f1f5f9fa;--health-border:#94a3b838;--health-border-strong:#94a3b83d;--health-text:#0f172a;--health-heading:#0f172a;--health-body:#334155;--health-muted:#475569;--health-kicker:#0369a1;--health-code-bg:#0284c71a;--health-accent:#0369a1}.app-shell.theme-light .health-card,.app-shell.theme-light .health-preview-card,.app-shell.theme-light .health-hero-card{box-shadow:0 16px 35px #0f172a14}.app-shell.theme-light .health-preview-card,.app-shell.theme-light .health-result-grid article{background:#fff}.app-shell.theme-light .health-preview-card input{color:#0f172a;border-color:var(--health-border-strong);background:#f8fafc}@media (width<=860px){.health-assignment-guide{padding:24px 14px 48px}.health-result-grid{grid-template-columns:1fr}.health-card,.health-preview-card,.health-hero-card{padding:20px}}.recipe-router-assignment-guide{--recipe-card:#0f172aeb;--recipe-card-soft:#182743fa;--recipe-card-strong:#121d32fa;--recipe-border:#789de624;--recipe-border-strong:#789de62e;--recipe-text:#e5eefc;--recipe-heading:#fff;--recipe-body:#d9e5f6;--recipe-muted:#c9d8f0;--recipe-kicker:#93c5fd;--recipe-accent:#bfdbfe;--recipe-accent-strong:#22d3ee;--recipe-code-bg:#94a3b829;max-width:1100px;color:var(--recipe-text);margin:0 auto;padding:32px 20px 64px}.recipe-router-card,.recipe-router-preview{background:var(--recipe-card);border:1px solid var(--recipe-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.recipe-router-hero-card{background:linear-gradient(180deg, var(--recipe-card-soft), var(--recipe-card-strong));border:1px solid var(--recipe-border-strong);border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.recipe-router-hero-card h1{color:var(--recipe-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;line-height:1.18}.recipe-router-card h2,.recipe-router-route-card h2,.recipe-router-preview h3{color:var(--recipe-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.recipe-router-card h3,.recipe-router-route-card h3{color:var(--recipe-accent);margin-top:20px}.recipe-router-kicker,.recipe-router-route-file{text-transform:uppercase;letter-spacing:.1em;color:var(--recipe-kicker);margin:0 0 10px;font-size:.78rem;font-weight:700}.recipe-router-hero-card p,.recipe-router-card p,.recipe-router-card li,.recipe-router-route-card p,.recipe-router-route-card li{color:var(--recipe-body);line-height:1.75}.recipe-router-hero-card p{max-width:760px;color:var(--recipe-muted);margin:0}.recipe-router-card ul,.recipe-router-card ol{margin:.75rem 0 0;padding-left:1.35rem}.recipe-router-card li+li{margin-top:.35rem}.recipe-router-card code,.recipe-router-route-card code,.recipe-router-test-note code{background:var(--recipe-code-bg);color:var(--recipe-accent);border-radius:8px;padding:2px 6px;font-weight:700}.recipe-router-grid-two{display:block}.recipe-router-grid-two>div+div{margin-top:20px}.recipe-router-checklist{gap:.55rem;display:grid}.recipe-router-route-table,.recipe-router-route-map{gap:14px;display:grid}.recipe-router-route-table article,.recipe-router-route-map article,.recipe-router-address-bar,.recipe-router-route-card{border:1px solid var(--recipe-border);background:#0f172a8c;border-radius:18px;min-width:0;padding:18px}.recipe-router-route-table strong,.recipe-router-route-map strong,.recipe-router-address-bar strong{color:var(--recipe-heading);overflow-wrap:anywhere;display:block}.recipe-router-route-table span,.recipe-router-route-map span,.recipe-router-address-bar span{color:var(--recipe-kicker);margin:.35rem 0;font-weight:800;display:block}.recipe-router-preview{gap:18px;display:grid}.recipe-router-address-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.recipe-router-app-shell{border:1px solid var(--recipe-border);background:#0f172a66;border-radius:24px;overflow:hidden}.recipe-router-navbar{border-bottom:1px solid var(--recipe-border);background:#0f172aad;justify-content:space-between;align-items:center;gap:1rem;padding:18px;display:flex}.recipe-router-navbar h3{color:var(--recipe-heading);margin:0}.recipe-router-navlinks{flex-wrap:wrap;gap:.65rem;display:flex}.recipe-router-link,.recipe-router-primary{color:var(--recipe-heading);border:1px solid var(--recipe-border);border-radius:999px;padding:.65rem 1rem;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,background .16s}.recipe-router-link.active,.recipe-router-link:hover,.recipe-router-primary:hover{background:#60a5fa24;border-color:#60a5fa80;transform:translateY(-1px)}.recipe-router-primary{background:linear-gradient(135deg, #38bdf8, var(--recipe-accent-strong));color:#00111f;border:0;width:fit-content;margin-top:1rem;display:inline-flex}.recipe-router-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:1.25rem;display:grid}.recipe-router-recipe-card{cursor:pointer;border:1px solid var(--recipe-border);color:var(--recipe-heading);background:#0f172ab8;border-radius:20px;gap:.35rem;padding:14px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.recipe-router-recipe-card:hover,.recipe-router-recipe-card:focus-visible{border-color:#60a5fa80;outline:none;transform:translateY(-2px);box-shadow:0 16px 30px #1e40af3d}.recipe-router-recipe-card img{object-fit:cover;border-radius:16px;width:100%;height:155px;margin-bottom:.4rem;display:block}.recipe-router-recipe-card span,.recipe-router-detail-card span{color:var(--recipe-kicker);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.recipe-router-recipe-card strong{color:var(--recipe-heading);font-size:1.05rem}.recipe-router-recipe-card small{color:var(--recipe-muted);font-weight:800}.recipe-router-detail-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px;display:grid}.recipe-router-detail-card>img{object-fit:cover;border-radius:18px;width:100%;height:100%;min-height:260px}.recipe-router-instructions{border:1px solid var(--recipe-border);background:#94a3b81a;border-radius:16px;padding:16px}.recipe-router-not-found{border-color:#fbbf245c}.recipe-router-live-panel{margin-top:0}.recipe-router-test-note{border:1px solid var(--recipe-border);color:var(--recipe-body);background:#94a3b81a;border-radius:16px;margin-top:1rem;padding:16px}.recipe-router-assignment-guide .code-block,.recipe-router-assignment-guide .code-window,.recipe-router-assignment-guide pre{max-width:100%;overflow-x:auto}.app-shell.theme-light .recipe-router-assignment-guide,.app-shell.theme-light .recipe-router-preview{--recipe-card:#fff;--recipe-card-soft:#fffffffa;--recipe-card-strong:#f1f5f9fa;--recipe-border:#94a3b838;--recipe-border-strong:#94a3b83d;--recipe-text:#0f172a;--recipe-heading:#0f172a;--recipe-body:#334155;--recipe-muted:#475569;--recipe-kicker:#0369a1;--recipe-accent:#0369a1;--recipe-code-bg:#0284c71a}.app-shell.theme-light .recipe-router-card,.app-shell.theme-light .recipe-router-preview,.app-shell.theme-light .recipe-router-hero-card{box-shadow:0 16px 35px #0f172a14}.app-shell.theme-light .recipe-router-route-table article,.app-shell.theme-light .recipe-router-route-map article,.app-shell.theme-light .recipe-router-address-bar,.app-shell.theme-light .recipe-router-route-card,.app-shell.theme-light .recipe-router-app-shell,.app-shell.theme-light .recipe-router-recipe-card{background:#fff}.app-shell.theme-light .recipe-router-navbar{background:#f8fafc}@media (width<=860px){.recipe-router-assignment-guide{padding:24px 14px 48px}.recipe-router-gallery-grid,.recipe-router-detail-card{grid-template-columns:1fr}.recipe-router-card,.recipe-router-preview,.recipe-router-hero-card{padding:20px}.recipe-router-navbar,.recipe-router-address-bar{flex-direction:column;align-items:flex-start}}.blog-router-assignment-guide{--blog-card:#0f172aeb;--blog-card-soft:#182743fa;--blog-card-strong:#121d32fa;--blog-border:#789de624;--blog-border-strong:#789de62e;--blog-text:#e5eefc;--blog-heading:#fff;--blog-body:#d9e5f6;--blog-muted:#c9d8f0;--blog-kicker:#93c5fd;--blog-accent:#bfdbfe;--blog-accent-strong:#22d3ee;--blog-code-bg:#94a3b829;max-width:1100px;color:var(--blog-text);margin:0 auto;padding:32px 20px 64px}.theme-light .blog-router-assignment-guide,.theme-light .blog-router-preview{--blog-card:#fff;--blog-card-soft:#fff;--blog-card-strong:#f8fafc;--blog-border:#1e293b24;--blog-border-strong:#1e293b2e;--blog-text:#0f172a;--blog-heading:#0f172a;--blog-body:#334155;--blog-muted:#475569;--blog-kicker:#0369a1;--blog-accent:#0369a1;--blog-accent-strong:#0e7490;--blog-code-bg:#0284c71a}.blog-router-card,.blog-router-preview{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.blog-router-hero-card{background:linear-gradient(180deg, var(--blog-card-soft), var(--blog-card-strong));border:1px solid var(--blog-border-strong);border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.theme-light .blog-router-card,.theme-light .blog-router-preview,.theme-light .blog-router-hero-card{box-shadow:0 16px 35px #0f172a14}.blog-router-hero-card h1{color:var(--blog-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;line-height:1.18}.blog-router-card h2,.blog-router-route-card h2,.blog-router-preview h3{color:var(--blog-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.blog-router-card h3,.blog-router-route-card h3{color:var(--blog-accent);margin-top:20px}.blog-router-kicker,.blog-router-route-file{text-transform:uppercase;letter-spacing:.1em;color:var(--blog-kicker);margin:0 0 10px;font-size:.78rem;font-weight:700}.blog-router-hero-card p,.blog-router-card p,.blog-router-card li,.blog-router-route-card p,.blog-router-route-card li{color:var(--blog-body);line-height:1.75}.blog-router-hero-card p{max-width:760px;color:var(--blog-muted);margin:0}.blog-router-card ul,.blog-router-card ol{margin:.75rem 0 0;padding-left:1.35rem}.blog-router-card li+li{margin-top:.35rem}.blog-router-card code,.blog-router-route-card code,.blog-router-test-note code,.blog-router-programmatic-note code{background:var(--blog-code-bg);color:var(--blog-accent);border-radius:8px;padding:2px 6px;font-weight:700}.blog-router-checklist{gap:.55rem;display:grid}.blog-router-route-table,.blog-router-route-map{gap:14px;display:grid}.blog-router-route-table article,.blog-router-route-map article,.blog-router-address-bar,.blog-router-route-card{border:1px solid var(--blog-border);background:#0f172a8c;border-radius:18px;min-width:0;padding:18px}.theme-light .blog-router-route-table article,.theme-light .blog-router-route-map article,.theme-light .blog-router-address-bar,.theme-light .blog-router-route-card{background:#f8fafc}.blog-router-route-table strong,.blog-router-route-map strong,.blog-router-address-bar strong{color:var(--blog-heading);overflow-wrap:anywhere;display:block}.blog-router-route-table span,.blog-router-route-map span,.blog-router-address-bar span{color:var(--blog-kicker);margin:.35rem 0;font-weight:800;display:block}.blog-router-preview{gap:18px;display:grid}.blog-router-address-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-router-app-shell{border:1px solid var(--blog-border);background:#0f172a66;border-radius:24px;overflow:hidden}.theme-light .blog-router-app-shell{background:#fff}.blog-router-navbar{border-bottom:1px solid var(--blog-border);background:#0f172aad;justify-content:space-between;align-items:center;gap:1rem;padding:18px;display:flex}.theme-light .blog-router-navbar{background:#f8fafc}.blog-router-navbar h3{color:var(--blog-heading);margin:0}.blog-router-navlinks{flex-wrap:wrap;gap:.65rem;display:flex}.blog-router-link,.blog-router-primary{color:var(--blog-heading);border:1px solid var(--blog-border);cursor:pointer;border-radius:999px;padding:.65rem 1rem;font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,background .16s}.blog-router-link.active,.blog-router-link:hover,.blog-router-primary:hover{background:#60a5fa24;border-color:#60a5fa80;transform:translateY(-1px)}.blog-router-primary{background:linear-gradient(135deg, #38bdf8, var(--blog-accent-strong));color:#00111f;border:0;width:fit-content;margin-top:1rem;display:inline-flex}.blog-router-post-list{gap:14px;margin-top:1.25rem;display:grid}.blog-router-post-card{cursor:pointer;border:1px solid var(--blog-border);color:var(--blog-heading);background:#0f172ab8;border-radius:18px;gap:.35rem;padding:16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.theme-light .blog-router-post-card{background:#fff}.blog-router-post-card:hover,.blog-router-post-card:focus-visible{border-color:#60a5fa80;outline:none;transform:translateY(-2px);box-shadow:0 16px 30px #1e40af3d}.blog-router-post-card span,.blog-router-post-detail span{color:var(--blog-kicker);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.blog-router-post-card strong{color:var(--blog-heading);font-size:1.05rem}.blog-router-post-card small{color:var(--blog-muted);font-weight:800}.blog-router-post-detail{gap:.65rem;display:grid}.blog-router-programmatic-note{border:1px solid var(--blog-border);background:#94a3b81a;border-radius:16px;padding:14px}.blog-router-not-found{border-color:#fbbf245c}.blog-router-live-panel{margin-top:0}.blog-router-test-note{border:1px solid var(--blog-border);color:var(--blog-body);background:#94a3b81a;border-radius:16px;margin-top:1rem;padding:16px}.blog-router-assignment-guide .code-block,.blog-router-assignment-guide .code-window,.blog-router-assignment-guide pre{max-width:100%;overflow-x:auto}@media (width<=860px){.blog-router-assignment-guide{padding:24px 14px 48px}.blog-router-card,.blog-router-preview,.blog-router-hero-card{padding:20px}.blog-router-navbar,.blog-router-address-bar{flex-direction:column;align-items:flex-start}}.patient-merge-assignment-guide{--patient-card:#0f172aeb;--patient-card-soft:#182743fa;--patient-card-strong:#121d32fa;--patient-border:#789de624;--patient-border-strong:#789de62e;--patient-text:#e5eefc;--patient-heading:#fff;--patient-body:#d9e5f6;--patient-muted:#c9d8f0;--patient-kicker:#93c5fd;--patient-code-bg:#94a3b829;--patient-accent:#bfdbfe;max-width:1100px;color:var(--patient-text);margin:0 auto;padding:32px 20px 64px}.patient-merge-card{background:var(--patient-card);border:1px solid var(--patient-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.patient-merge-hero-card{background:linear-gradient(180deg, var(--patient-card-soft), var(--patient-card-strong));border:1px solid var(--patient-border-strong);border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.patient-merge-hero-card h1{color:var(--patient-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;line-height:1.18}.patient-merge-card h2{color:var(--patient-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.patient-merge-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--patient-kicker);margin:0 0 10px;font-size:.78rem;font-weight:700}.patient-merge-hero-card p,.patient-merge-card p,.patient-merge-card li{color:var(--patient-body);line-height:1.75}.patient-merge-hero-card p{max-width:820px;color:var(--patient-muted);margin:0}.patient-merge-card ul,.patient-merge-card ol{margin:.75rem 0 0;padding-left:1.35rem}.patient-merge-card li+li{margin-top:.35rem}.patient-merge-card code,.patient-merge-live-panel code{background:var(--patient-code-bg);color:var(--patient-accent);border-radius:8px;padding:2px 6px;font-weight:700}.patient-merge-checklist{gap:.55rem;display:grid}.patient-merge-grid-two{display:block}.patient-merge-grid-two>div+div{margin-top:20px}.patient-merge-live-panel{margin-top:0;margin-bottom:20px}.patient-merge-assignment-guide .code-block,.patient-merge-assignment-guide .code-window,.patient-merge-assignment-guide pre{max-width:100%;overflow-x:auto}.app-shell.theme-light .patient-merge-assignment-guide{--patient-card:#fff;--patient-card-soft:#fffffffa;--patient-card-strong:#f1f5f9fa;--patient-border:#94a3b838;--patient-border-strong:#94a3b83d;--patient-text:#0f172a;--patient-heading:#0f172a;--patient-body:#334155;--patient-muted:#475569;--patient-kicker:#0369a1;--patient-code-bg:#0284c71a;--patient-accent:#0369a1}.app-shell.theme-light .patient-merge-card,.app-shell.theme-light .patient-merge-hero-card{box-shadow:0 16px 35px #0f172a14}.patient-merge-assignment-guide{--patient-success:#86efac;--patient-warning:#fde68a}.patient-merge-preview-card{border:1px solid var(--patient-border);background:linear-gradient(#111827fa,#0f172afa);border-radius:24px;min-width:0;margin-bottom:20px;padding:28px;box-shadow:0 14px 30px #0003}.patient-merge-preview-card h3{color:var(--patient-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.patient-merge-preview-card p,.patient-merge-preview-card label{color:var(--patient-body);line-height:1.75}.patient-merge-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:1rem;display:grid}.patient-merge-input-label{color:var(--patient-accent);gap:.45rem;font-weight:700;display:grid}.patient-merge-preview-card input{color:#f8fafc;width:100%;font:inherit;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;padding:12px 14px}.patient-merge-custom-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0 .75rem;display:flex}.patient-merge-custom-actions .patient-merge-primary-action{background:linear-gradient(135deg,#86efac,#22d3ee)}.patient-merge-custom-actions .patient-merge-secondary-action{color:var(--patient-heading);background:#94a3b82e;border:1px solid #94a3b847}.patient-merge-action-note{color:var(--patient-muted);font-size:.92rem;font-weight:700}.patient-merge-preview-card button{color:#00111f;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#22d3ee);border:0;border-radius:14px;padding:.78rem 1rem;font-weight:800}.patient-merge-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.patient-merge-result-grid article{background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px;min-width:0;padding:20px}.patient-merge-result-grid span{color:var(--patient-kicker);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;font-weight:800;display:block}.patient-merge-result-grid strong{color:var(--patient-heading);overflow-wrap:anywhere;line-height:1.45}.patient-merge-result-grid .patient-merge-pass strong{color:var(--patient-success)}.patient-merge-result-grid .patient-merge-warn strong{color:var(--patient-warning)}.app-shell.theme-light .patient-merge-preview-card,.app-shell.theme-light .patient-merge-result-grid article{background:#fff}.app-shell.theme-light .patient-merge-preview-card input{color:#0f172a;border-color:var(--patient-border-strong);background:#f8fafc}@media (width<=860px){.patient-merge-assignment-guide{padding:24px 14px 48px}.patient-merge-input-grid,.patient-merge-result-grid{grid-template-columns:1fr}.patient-merge-card,.patient-merge-preview-card,.patient-merge-hero-card{padding:20px}}.context-refactor-assignment-guide{--context-card:#0f172aeb;--context-card-soft:#182743fa;--context-card-strong:#121d32fa;--context-border:#789de624;--context-border-strong:#789de62e;--context-text:#e5eefc;--context-heading:#fff;--context-body:#d9e5f6;--context-muted:#c9d8f0;--context-kicker:#67e8f9;--context-accent:#bfdbfe;--context-code-bg:#94a3b829;max-width:1100px;color:var(--context-text);margin:0 auto;padding:32px 20px 64px}.context-refactor-card,.context-refactor-preview-card{background:var(--context-card);border:1px solid var(--context-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.context-refactor-hero-card{background:linear-gradient(180deg, var(--context-card-soft), var(--context-card-strong));border:1px solid var(--context-border-strong);border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.context-refactor-hero-card h1,.context-refactor-preview-card h2{color:var(--context-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;line-height:1.18}.context-refactor-card h2{color:var(--context-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.context-refactor-kicker,.context-refactor-mini-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--context-kicker);margin:0 0 10px;font-size:.78rem;font-weight:800}.context-refactor-mini-kicker{margin-bottom:.4rem;font-size:.72rem}.context-refactor-hero-card p,.context-refactor-card p,.context-refactor-card li,.context-refactor-preview-card p,.context-refactor-preview-card li{color:var(--context-body);line-height:1.75}.context-refactor-hero-card p{max-width:900px;color:var(--context-muted);margin:0}.context-refactor-card ul,.context-refactor-card ol{margin:.75rem 0 0;padding-left:1.35rem}.context-refactor-card li+li{margin-top:.35rem}.context-refactor-card code,.context-refactor-preview-card code,.context-refactor-live-panel code{background:var(--context-code-bg);color:var(--context-accent);border-radius:8px;padding:2px 6px;font-weight:700}.context-refactor-checklist{gap:.55rem;display:grid}.context-refactor-grid-two{display:block}.context-refactor-grid-two>div+div{margin-top:20px}.context-refactor-live-panel{margin-top:0;margin-bottom:20px}.context-refactor-assignment-guide .code-block,.context-refactor-assignment-guide .code-window,.context-refactor-assignment-guide pre{max-width:100%;overflow-x:auto}.context-refactor-preview-card{background:radial-gradient(circle at top left, #22d3ee33, transparent 34%), radial-gradient(circle at top right, #a855f72e, transparent 32%), var(--context-card)}.context-refactor-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin:20px 0;display:grid}.context-refactor-control-label{color:var(--context-accent);margin-bottom:.5rem;font-weight:800;display:block}.context-refactor-button-row{flex-wrap:wrap;gap:.65rem;display:flex}.context-refactor-button-row button{color:#00111f;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#22d3ee);border:1px solid #60a5fa52;border-radius:999px;padding:.78rem 1rem;font-weight:900;transition:transform .16s,filter .16s,border-color .16s,box-shadow .16s}.context-refactor-button-row.mode-row button:nth-child(2){background:linear-gradient(135deg,#f8fafc,#bae6fd)}.context-refactor-button-row.mode-row button:nth-child(3){color:#f8fafc;background:linear-gradient(135deg,#0f172a,#2563eb)}.context-refactor-button-row.mode-row button:nth-child(4){color:#431407;background:linear-gradient(135deg,#fed7aa,#facc15)}.context-refactor-button-row.mode-row button:nth-child(5){color:#050505;background:linear-gradient(135deg,#111827,#fef08a)}.context-refactor-button-row button.tone-emerald{background:linear-gradient(135deg,#22c55e,#bbf7d0)}.context-refactor-button-row button.tone-sky{background:linear-gradient(135deg,#0ea5e9,#bae6fd)}.context-refactor-button-row button.tone-violet{background:linear-gradient(135deg,#8b5cf6,#ddd6fe)}.context-refactor-button-row button:hover,.context-refactor-button-row button.active{filter:saturate(1.2);border-color:#ffffffad;transform:translateY(-1px);box-shadow:0 10px 22px #0ea5e938}.context-refactor-button-row button.active{outline:3px solid #ffffff29}.context-refactor-before-box,.context-refactor-shell,.context-refactor-dashboard,.context-refactor-sidebar,.context-refactor-profile{border:1px solid var(--context-border);border-radius:20px;min-width:0}.context-refactor-before-box{background:#0f172a99;margin-bottom:16px;padding:20px}.context-refactor-path{overflow-wrap:anywhere;font-size:1.05rem;font-weight:900;color:var(--context-heading)!important}.context-refactor-shell{color:var(--preview-text);background:var(--preview-bg);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.context-refactor-shell.mode-clinicalLight{--preview-bg:linear-gradient(135deg, #f8fafc, #e0f2fe 54%, #dcfce7);--preview-panel:#ffffffeb;--preview-text:#082f49;--preview-muted:#334155;--preview-border:#0ea5e952;--preview-profile:linear-gradient(135deg, #22c55e33, #0ea5e929);--preview-badge:#0369a1}.context-refactor-shell.mode-midnightOps{--preview-bg:radial-gradient(circle at top right, #3b82f657, transparent 35%), #020617;--preview-panel:#0f172af0;--preview-text:#f8fafc;--preview-muted:#cbd5e1;--preview-border:#7dd3fc47;--preview-profile:linear-gradient(135deg, #14b8a647, #3b82f633);--preview-badge:#38bdf8}.context-refactor-shell.mode-sunriseReview{--preview-bg:linear-gradient(135deg, #fff7ed, #fef3c7 48%, #fce7f3);--preview-panel:#fffbebf0;--preview-text:#431407;--preview-muted:#7c2d12;--preview-border:#fb923c61;--preview-profile:linear-gradient(135deg, #fb923c40, #ec489929);--preview-badge:#c2410c}.context-refactor-shell.mode-highContrast{--preview-bg:#000;--preview-panel:#0b0b0b;--preview-text:#fff;--preview-muted:#fef08a;--preview-border:#facc15b3;--preview-profile:linear-gradient(135deg, #facc1547, #ffffff1a);--preview-badge:#fef08a}.context-refactor-shell-header{border-bottom:1px solid var(--preview-border);justify-content:space-between;align-items:center;gap:1rem;padding:18px;display:flex}.context-refactor-shell-header h3,.context-refactor-dashboard h4,.context-refactor-sidebar h4,.context-refactor-profile h3{color:var(--preview-text);margin:0}.context-refactor-shell-header span{background:color-mix(in srgb, var(--preview-badge) 22%, transparent);border:1px solid var(--preview-border);color:var(--preview-text);text-transform:uppercase;border-radius:999px;padding:.45rem .8rem;font-weight:900}.context-refactor-dashboard{background:var(--preview-panel);border-color:var(--preview-border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin:18px;padding:18px;display:grid}.context-refactor-sidebar{background:var(--preview-panel);border-color:var(--preview-border);padding:18px}.context-refactor-profile{background:var(--preview-profile);border-color:var(--preview-border);margin-top:16px;padding:18px}.context-refactor-profile.accent-emerald{box-shadow:inset 5px 0 #22c55e}.context-refactor-profile.accent-sky{box-shadow:inset 5px 0 #38bdf8}.context-refactor-profile.accent-violet{box-shadow:inset 5px 0 #a78bfa}.context-refactor-dashboard p,.context-refactor-sidebar p,.context-refactor-profile p,.context-refactor-profile dd,.context-refactor-profile dt{color:var(--preview-muted)}.context-refactor-profile dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.context-refactor-profile dt{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.context-refactor-profile dd{margin:.25rem 0 0;font-weight:800}.context-refactor-note{border-top:1px solid var(--preview-border);margin-top:16px;padding-top:12px}.app-shell.theme-light .context-refactor-assignment-guide{--context-card:#fff;--context-card-soft:#fffffffa;--context-card-strong:#f1f5f9fa;--context-border:#94a3b838;--context-border-strong:#94a3b83d;--context-text:#0f172a;--context-heading:#0f172a;--context-body:#334155;--context-muted:#475569;--context-kicker:#0891b2;--context-accent:#0369a1;--context-code-bg:#0284c71a}.app-shell.theme-light .context-refactor-card,.app-shell.theme-light .context-refactor-hero-card,.app-shell.theme-light .context-refactor-preview-card{box-shadow:0 16px 35px #0f172a14}.app-shell.theme-light .context-refactor-before-box{background:#f8fafcd9}@media (width<=860px){.context-refactor-assignment-guide{padding:24px 14px 48px}.context-refactor-card,.context-refactor-preview-card,.context-refactor-hero-card{padding:20px}.context-refactor-controls,.context-refactor-dashboard,.context-refactor-profile dl{grid-template-columns:1fr}.context-refactor-shell-header{flex-direction:column;align-items:flex-start}}.context-refactor-controls{grid-template-columns:1fr}.context-refactor-control-group{border:1px solid var(--context-border);background:#0f172a52;border-radius:18px;padding:16px}.preference-control-group{background:linear-gradient(135deg,#22c55e1f,#0ea5e91a),#0f172a57}.override-control-group{background:linear-gradient(135deg,#a855f71f,#fb923c14),#0f172a57}.context-refactor-sub-label{color:var(--context-muted);letter-spacing:.08em;text-transform:uppercase;margin:.9rem 0 .45rem;font-size:.76rem;font-weight:900;display:block}.context-refactor-button-row.use-preference-row button{color:#00111f;background:linear-gradient(135deg,#22c55e,#67e8f9)}.context-refactor-shell-header small{border:1px solid var(--preview-border);color:var(--preview-muted);border-radius:999px;padding:.45rem .8rem;font-weight:800}.app-shell.theme-light .context-refactor-control-group{background:#f8fafcdb}.app-shell.theme-light .preference-control-group{background:linear-gradient(135deg,#dcfce7e6,#e0f2fedb)}.app-shell.theme-light .override-control-group{background:linear-gradient(135deg,#f5f3ffeb,#fff7eddb)}.theme-switcher-assignment-guide{--ts-card:#0f172aeb;--ts-card-soft:#121e34f5;--ts-card-strong:#0d182bfa;--ts-border:#7d9dd533;--ts-border-strong:#7d9dd54d;--ts-heading:#fff;--ts-body:#d9e7fb;--ts-muted:#b9c9e6;--ts-kicker:#67e8f9;--ts-code-bg:#94a3b829;--ts-code-text:#bfdbfe;max-width:1100px;color:var(--ts-body);gap:1.5rem;margin:0 auto;padding:32px 20px 64px;display:grid}.app-shell.theme-light .theme-switcher-assignment-guide{--ts-card:#fffffff0;--ts-card-soft:#f8fbfffa;--ts-card-strong:#eff6fffa;--ts-border:#2563eb29;--ts-border-strong:#2563eb3d;--ts-heading:#0f172a;--ts-body:#24364f;--ts-muted:#53657f;--ts-kicker:#2563eb;--ts-code-bg:#2563eb1a;--ts-code-text:#1d4ed8}.theme-switcher-guide-card,.theme-switcher-live-panel{border:1px solid var(--ts-border);background:var(--ts-card);color:var(--ts-body);border-radius:22px;min-width:0;padding:clamp(1.25rem,2vw,2rem);box-shadow:0 16px 36px #0003}.app-shell.theme-light .theme-switcher-guide-card,.app-shell.theme-light .theme-switcher-live-panel{box-shadow:0 16px 36px #1423381a}.theme-switcher-guide-hero{background:radial-gradient(circle at 88% 12%,#67e8f921,#0000 34%),linear-gradient(135deg,#101b30fa 0%,#122038fa 54%,#0e2c46f0 100%);border-color:#60a5fa42;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000038}.theme-switcher-guide-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0a,#0000 42%),radial-gradient(circle at 4% 6%,#60a5fa1a,#0000 28%);position:absolute;inset:0}.theme-switcher-guide-hero>*{z-index:1;position:relative}.app-shell.theme-light .theme-switcher-guide-hero{background:radial-gradient(circle at 88% 12%,#38bdf82e,#0000 34%),linear-gradient(135deg,#fffffffa 0%,#eff6fffa 56%,#dbeafef0 100%);border-color:#2563eb33;box-shadow:0 18px 42px #1423381a}.theme-switcher-guide-kicker,.theme-switcher-eyebrow{color:var(--ts-kicker);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:800}.theme-switcher-guide-card h1,.theme-switcher-guide-card h2,.theme-switcher-guide-card h3,.theme-switcher-live-panel h2,.theme-switcher-live-panel h3{color:var(--ts-heading);margin-top:0}.theme-switcher-guide-card p,.theme-switcher-guide-card li,.theme-switcher-live-panel p,.theme-switcher-live-panel li{color:var(--ts-body);line-height:1.7}.theme-switcher-guide-card code,.theme-switcher-live-panel code{background:var(--ts-code-bg);color:var(--ts-code-text);border-radius:8px;padding:2px 6px;font-weight:700}.theme-switcher-guide-checklist{gap:.65rem;margin-bottom:0;padding-left:1.25rem;display:grid}.theme-switcher-guide-grid-two{display:block}.theme-switcher-guide-grid-two>div+div{margin-top:1.25rem}.theme-switcher-preview{--theme-bg:#f8fafc;--theme-surface:#fff;--theme-surface-alt:#eef6ff;--theme-text:#0f172a;--theme-muted:#475569;--theme-border:#cbd5e1;--theme-accent:#2563eb;--theme-accent-soft:#dbeafe;--theme-button-text:#fff;border:1px solid var(--theme-border);background:radial-gradient(circle at 10% 10%, var(--theme-accent-soft), transparent 30%), linear-gradient(135deg, var(--theme-bg), var(--theme-surface-alt));color:var(--theme-text);border-radius:24px;gap:1rem;padding:clamp(1.25rem,2vw,2rem);transition:background .18s,color .18s,border-color .18s;display:grid;overflow:hidden;box-shadow:0 18px 45px #0f172a1f}.theme-switcher-preview-dark{box-shadow:0 22px 55px #02061752}.theme-switcher-preview .theme-switcher-eyebrow{color:var(--theme-accent)}.theme-switcher-header,.theme-switcher-toolbar,.theme-switcher-card,.theme-switcher-nested-panel{border:1px solid var(--theme-border);background:color-mix(in srgb, var(--theme-surface) 88%, transparent);color:var(--theme-text);border-radius:20px;padding:1rem}.theme-switcher-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.theme-switcher-header h2,.theme-switcher-toolbar h3,.theme-switcher-card h3,.theme-switcher-nested-panel h3{color:var(--theme-text);margin:0 0 .5rem}.theme-switcher-header p,.theme-switcher-toolbar p,.theme-switcher-card p,.theme-switcher-nested-panel p,.theme-switcher-note{color:var(--theme-muted);margin-bottom:0;line-height:1.65}.theme-switcher-pill{border:1px solid var(--theme-border);background:var(--theme-accent-soft);color:var(--theme-text);border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:800}.theme-switcher-dashboard{gap:1rem;display:grid}.theme-switcher-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.theme-switcher-buttons{flex-wrap:wrap;gap:.65rem;display:flex}.theme-switcher-buttons button{border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);cursor:pointer;border-radius:999px;padding:.65rem .9rem;font-weight:800}.theme-switcher-buttons button.active,.theme-switcher-buttons .theme-switcher-primary{border-color:var(--theme-accent);background:var(--theme-accent);color:var(--theme-button-text)}.theme-switcher-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.theme-switcher-card{position:relative}.theme-switcher-card-dot{background:var(--theme-accent);width:.75rem;height:.75rem;box-shadow:0 0 0 6px var(--theme-accent-soft);border-radius:999px;margin-bottom:.9rem;display:inline-block}.theme-switcher-token-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.theme-switcher-token-list span{border:1px solid var(--theme-border);background:var(--theme-surface-alt);color:var(--theme-text);border-radius:999px;padding:.35rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.theme-switcher-note code,.theme-switcher-nested-panel code{color:var(--theme-text)}@media (width<=720px){.theme-switcher-header,.theme-switcher-toolbar{display:grid}}.order-processing-assignment-guide{--order-card:#0f172aeb;--order-card-soft:#182743fa;--order-card-strong:#121d32fa;--order-border:#789de624;--order-border-strong:#789de62e;--order-heading:#fff;--order-body:#d9e5f6;--order-muted:#c9d8f0;--order-kicker:#93c5fd;--order-code-bg:#94a3b829;--order-accent:#bfdbfe;--order-success:#86efac;--order-warning:#fde68a;max-width:1100px;color:var(--order-body);margin:0 auto;padding:32px 20px 64px}.order-processing-card,.order-processing-preview-card{background:var(--order-card);border:1px solid var(--order-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.order-processing-hero-card,.order-processing-preview-card{background:linear-gradient(180deg, var(--order-card-soft), var(--order-card-strong));border:1px solid var(--order-border-strong);border-radius:24px}.order-processing-hero-card{margin-bottom:24px;padding:28px;box-shadow:0 18px 40px #0000003d}.order-processing-hero-card h1{color:var(--order-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;line-height:1.18}.order-processing-card h2,.order-processing-preview-card h2{color:var(--order-heading);margin-top:0;font-size:1.5rem;line-height:1.25}.order-processing-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--order-kicker);margin:0 0 10px;font-size:.78rem;font-weight:700}.order-processing-hero-card p,.order-processing-card p,.order-processing-card li,.order-processing-preview-card p,.order-processing-preview-card label{color:var(--order-body);line-height:1.75}.order-processing-hero-card p{max-width:820px;color:var(--order-muted);margin:0}.order-processing-card ul,.order-processing-card ol{margin:.75rem 0 0;padding-left:1.35rem}.order-processing-card li+li{margin-top:.35rem}.order-processing-card code,.order-processing-preview-card code,.order-processing-live-panel code{background:var(--order-code-bg);color:var(--order-accent);border-radius:8px;padding:2px 6px;font-weight:700}.order-processing-checklist{gap:.55rem;display:grid}.order-processing-grid-two{display:block}.order-processing-grid-two>div+div{margin-top:20px}.order-processing-live-panel{margin-top:0;margin-bottom:20px}.order-processing-assignment-guide .code-block-shell,.order-processing-assignment-guide .code-window,.order-processing-assignment-guide pre{max-width:100%;overflow-x:auto}.order-processing-input-label{color:var(--order-accent);gap:.45rem;margin-top:1rem;font-weight:700;display:grid}.order-processing-preview-card input{color:#f8fafc;width:100%;font:inherit;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;padding:12px 14px}.order-processing-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0 .75rem;display:flex}.order-processing-preview-card button{cursor:pointer;border:0;border-radius:14px;padding:.78rem 1rem;font-weight:800}.order-processing-primary-action{color:#00111f;background:linear-gradient(135deg,#86efac,#22d3ee)}.order-processing-secondary-action{color:var(--order-heading);background:#94a3b82e;border:1px solid #94a3b847!important}.order-processing-action-note{color:var(--order-muted);font-size:.92rem;font-weight:700}.order-processing-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.order-processing-result-grid article{background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px;min-width:0;padding:20px}.order-processing-result-grid span{color:var(--order-kicker);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;font-weight:800;display:block}.order-processing-result-grid strong,.order-processing-result-grid small{color:var(--order-heading);overflow-wrap:anywhere;line-height:1.45;display:block}.order-processing-result-grid small{color:var(--order-muted);margin-top:.45rem}.order-processing-result-grid .order-processing-pass strong{color:var(--order-success)}.order-processing-result-grid .order-processing-warn strong{color:var(--order-warning)}.app-shell.theme-light .order-processing-assignment-guide{--order-card:#fff;--order-card-soft:#fffffffa;--order-card-strong:#f1f5f9fa;--order-border:#94a3b838;--order-border-strong:#94a3b83d;--order-heading:#0f172a;--order-body:#334155;--order-muted:#475569;--order-kicker:#0369a1;--order-code-bg:#0284c71a;--order-accent:#0369a1;--order-success:#047857;--order-warning:#92400e}.app-shell.theme-light .order-processing-card,.app-shell.theme-light .order-processing-preview-card,.app-shell.theme-light .order-processing-hero-card{box-shadow:0 16px 35px #0f172a14}.app-shell.theme-light .order-processing-preview-card input{color:#0f172a;background:#fff;border-color:#94a3b861}.app-shell.theme-light .order-processing-result-grid article{background:#f8fafceb;border-color:#94a3b838}@media (width<=760px){.order-processing-assignment-guide{padding-inline:14px}.order-processing-hero-card h1{font-size:1.65rem}.order-processing-result-grid{grid-template-columns:1fr}}.hook-form-assignment-guide{--hook-card:#0f172aeb;--hook-card-soft:#182743fa;--hook-card-strong:#121d32fa;--hook-border:#7dd3fc29;--hook-border-strong:#7dd3fc3d;--hook-heading:#fff;--hook-body:#dbeafe;--hook-muted:#c9d8f0;--hook-kicker:#93c5fd;--hook-code-bg:#94a3b829;--hook-accent:#bfdbfe;--hook-success:#86efac;--hook-warning:#fde68a;max-width:1100px;color:var(--hook-body);margin:0 auto;padding:32px 20px 64px}.hook-form-card,.hook-form-preview-card{background:var(--hook-card);border:1px solid var(--hook-border);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.hook-form-hero-card,.hook-form-preview-card{background:linear-gradient(180deg, var(--hook-card-soft), var(--hook-card-strong));border-color:var(--hook-border-strong);border-radius:24px}.hook-form-hero-card{padding:28px;box-shadow:0 18px 40px #0000003d}.hook-form-hero-card h1,.hook-form-card h2,.hook-form-preview-card h2{color:var(--hook-heading);margin-top:0;line-height:1.2}.hook-form-hero-card h1{letter-spacing:-.02em;margin-bottom:10px;font-size:2rem}.hook-form-card h2,.hook-form-preview-card h2{font-size:1.5rem}.hook-form-kicker{color:var(--hook-kicker);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.hook-form-hero-card p,.hook-form-card p,.hook-form-card li,.hook-form-preview-card p,.hook-form-preview-card label{color:var(--hook-body);line-height:1.75}.hook-form-card code,.hook-form-preview-card code,.hook-form-live-panel code{background:var(--hook-code-bg);color:var(--hook-accent);border-radius:8px;padding:2px 6px;font-weight:700}.hook-form-checklist{gap:.55rem;margin:.75rem 0 0;padding-left:1.35rem;display:grid}.hook-form-preview-header p{max-width:820px}.hook-form-form{gap:16px;margin-top:18px;display:grid}.hook-form-form label{color:var(--hook-accent);gap:.45rem;font-weight:800;display:grid}.hook-form-form input,.hook-form-form select{color:#f8fafc;width:100%;font:inherit;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;padding:12px 14px}.hook-form-form input:focus,.hook-form-form select:focus{border-color:#7dd3fcd6;outline:3px solid #7dd3fc29}.hook-form-checkbox-row{grid-template-columns:auto 1fr;align-items:start}.hook-form-checkbox-row input{width:18px;height:18px;margin-top:.35rem}.hook-form-checkbox-row .hook-form-error-layer{grid-column:1/-1}.hook-form-error-layer{color:#fecaca;min-height:1.3rem;font-size:.92rem;font-weight:700}.hook-form-loading-banner,.hook-form-test-note{color:#dcfce7;background:#1665342e;border:1px solid #86efac52;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:800}.hook-form-footer-row{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.5rem;display:flex}.hook-form-footer-row button{cursor:pointer;color:#00111f;background:linear-gradient(135deg,#86efac,#22d3ee);border:0;border-radius:14px;padding:.85rem 1.1rem;font-weight:900}.hook-form-footer-row button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.66}.hook-form-footer-row span{color:var(--hook-muted);font-weight:800}.hook-form-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hook-form-field-grid article{background:#0f172ab8;border:1px solid #94a3b829;border-radius:18px;min-width:0;padding:18px}.hook-form-field-grid strong,.hook-form-field-grid span{overflow-wrap:anywhere;display:block}.hook-form-field-grid strong{color:var(--hook-heading);margin-bottom:.4rem}.hook-form-field-grid span{color:var(--hook-muted);line-height:1.55}.hook-form-grid-two{display:block}.hook-form-grid-two>div+div{margin-top:20px}.hook-form-live-panel{margin-bottom:20px}.hook-form-assignment-guide .code-block-shell,.hook-form-assignment-guide .code-window,.hook-form-assignment-guide pre{max-width:100%;overflow-x:auto}.theme-light .hook-form-assignment-guide{--hook-card:#fffffff5;--hook-card-soft:#eff6fffa;--hook-card-strong:#fffffffa;--hook-border:#2563eb2e;--hook-border-strong:#2563eb42;--hook-heading:#0f172a;--hook-body:#1e293b;--hook-muted:#475569;--hook-kicker:#2563eb;--hook-code-bg:#2563eb14;--hook-accent:#1d4ed8}.theme-light .hook-form-form input,.theme-light .hook-form-form select{color:#0f172a;background:#fff;border-color:#2563eb3d}.theme-light .hook-form-field-grid article{background:#eff6ffc7}@media (width<=760px){.hook-form-field-grid{grid-template-columns:1fr}.hook-form-hero-card h1{font-size:1.6rem}}.query-profile-assignment-guide .hook-form-hero-card h1{max-width:960px}.query-profile-preview-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.query-profile-cache-pill{color:#7dd3fc;white-space:nowrap;border:1px solid #38bdf86b;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:900}.query-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.query-profile-wide-field{grid-column:1/-1}.query-profile-form textarea{color:#f8fafc;width:100%;font:inherit;resize:vertical;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;padding:12px 14px}.query-profile-form textarea:focus{border-color:#7dd3fcd6;outline:3px solid #7dd3fc29}.query-profile-server-card{background:#064e3b33;border:1px solid #22c55e57;border-radius:18px;margin-top:20px;padding:18px}.query-profile-server-card h3{color:var(--hook-heading);margin:0 0 16px}.query-profile-server-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;display:grid}.query-profile-server-card dt{color:var(--hook-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:900}.query-profile-server-card dd{color:var(--hook-heading);overflow-wrap:anywhere;margin:4px 0 0}.query-profile-error-banner{color:#fecaca;background:#7f1d1d3d;border:1px solid #f871715c;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:800}.query-profile-live-panel{margin-bottom:20px}.query-profile-test-note{line-height:1.65}.theme-light .query-profile-form textarea{color:#0f172a;background:#fff;border-color:#2563eb3d}.theme-light .query-profile-cache-pill{color:#1d4ed8;border-color:#2563eb47}.theme-light .query-profile-server-card{background:#ecfdf5e0;border-color:#16a34a47}@media (width<=760px){.query-profile-preview-header{display:block}.query-profile-cache-pill{white-space:normal;margin-top:12px;display:inline-block}.query-profile-form,.query-profile-server-card dl{grid-template-columns:1fr}}.selection-sort-assignment-guide{--selection-bg:#0f172a;--selection-card:#0f172ad1;--selection-card-border:#94a3b833;--selection-heading:#f8fafc;--selection-text:#dbeafe;--selection-muted:#a5b4fc;--selection-kicker:#67e8f9;--selection-accent:#93c5fd;--selection-success:#86efac;--selection-warning:#fcd34d;color:var(--selection-text);gap:20px;display:grid}.selection-sort-card,.selection-sort-preview-card{border:1px solid var(--selection-card-border);background:var(--selection-card);border-radius:24px;padding:clamp(20px,3vw,30px);overflow:hidden;box-shadow:0 18px 45px #0f172a2e}.theme-light .selection-sort-card,.theme-light .selection-sort-preview-card{--selection-card:#fff;--selection-card-border:#2563eb2e;--selection-heading:#0f172a;--selection-text:#1e293b;--selection-muted:#475569;--selection-kicker:#0369a1;--selection-accent:#1d4ed8;background:#fff}.selection-sort-hero-card{background:radial-gradient(circle at 0 0,#0ea5e952,#0000 34%),linear-gradient(135deg,#0f172af5,#1e293be6)}.theme-light .selection-sort-hero-card{background:radial-gradient(circle at 0 0,#0ea5e938,#0000 34%),linear-gradient(135deg,#eef6ff,#fff)}.selection-sort-kicker{color:var(--selection-kicker);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.selection-sort-card h1,.selection-sort-card h2,.selection-sort-preview-card h2{color:var(--selection-heading);margin:0 0 .75rem;line-height:1.15}.selection-sort-card p,.selection-sort-card li,.selection-sort-preview-card p{color:var(--selection-text);line-height:1.7}.selection-sort-card code,.selection-sort-preview-card code{color:var(--selection-accent);font-weight:700}.selection-sort-checklist{gap:.65rem;margin:0;padding-left:1.25rem;display:grid}.selection-sort-preview-card{background:radial-gradient(circle at 100% 0,#38bdf833,#0000 34%),linear-gradient(135deg,#0f172af0,#1e293be0)}.theme-light .selection-sort-preview-card{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 34%),linear-gradient(135deg,#eff6ff,#fff)}.selection-sort-input-label{color:var(--selection-accent);gap:.45rem;margin-top:1rem;font-weight:800;display:grid}.selection-sort-preview-card input{color:#f8fafc;width:100%;font:inherit;background:#0b1120;border:1px solid #60a5fa52;border-radius:14px;padding:12px 14px}.theme-light .selection-sort-preview-card input{color:#0f172a;background:#fff}.selection-sort-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0 .75rem;display:flex}.selection-sort-actions button{cursor:pointer;border:0;border-radius:14px;padding:.78rem 1rem;font-weight:800}.selection-sort-primary-action{color:#00111f;background:linear-gradient(135deg,#86efac,#22d3ee)}.selection-sort-secondary-action,.selection-sort-case-actions button{color:var(--selection-heading);background:#94a3b82e;border:1px solid #94a3b847!important}.selection-sort-report-action{color:#1f1300;background:linear-gradient(135deg,#fcd34d,#fb7185)}.selection-sort-action-note{color:var(--selection-muted);font-size:.92rem;font-weight:700}.selection-sort-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:1rem;display:grid}.selection-sort-result-grid article{background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px;min-width:0;padding:20px}.theme-light .selection-sort-result-grid article{background:#f8fafce6}.selection-sort-result-grid span{color:var(--selection-kicker);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;font-weight:800;display:block}.selection-sort-result-grid strong,.selection-sort-result-grid small{color:var(--selection-heading);overflow-wrap:anywhere;line-height:1.45;display:block}.selection-sort-result-grid small{color:var(--selection-muted);margin-top:.45rem}.selection-sort-result-grid .selection-sort-pass strong{color:var(--selection-success)}.selection-sort-result-grid .selection-sort-warn strong{color:var(--selection-warning)}.selection-sort-live-panel{margin-top:0;margin-bottom:20px}.selection-sort-grid-two{grid-template-columns:1fr;gap:20px;display:grid}.selection-sort-summary-card{border-color:#86efac52}.selection-sort-assignment-guide .code-block-shell,.selection-sort-assignment-guide .code-window,.selection-sort-assignment-guide pre{max-width:100%;overflow-x:auto}@media (width<=760px){.selection-sort-result-grid{grid-template-columns:1fr}}.responsive-canvas-assignment-guide{--responsive-card:#0f172aeb;--responsive-card-soft:#182743fa;--responsive-card-strong:#121d32fa;--responsive-border:#7dd3fc29;--responsive-border-strong:#7dd3fc3d;--responsive-heading:#fff;--responsive-body:#dbeafe;--responsive-muted:#c9d8f0;--responsive-kicker:#93c5fd;--responsive-code-bg:#94a3b829;--responsive-accent:#bfdbfe;--responsive-demo-bg:#0f172abd;--responsive-demo-bg-soft:#1e293bb8;max-width:1100px;color:var(--responsive-body);margin:0 auto;padding:32px 20px 64px}.theme-light .responsive-canvas-assignment-guide,.app-shell.theme-light .responsive-canvas-assignment-guide{--responsive-card:#fffffff5;--responsive-card-soft:#eff6fffa;--responsive-card-strong:#fffffffa;--responsive-border:#2563eb2e;--responsive-border-strong:#2563eb42;--responsive-heading:#0f172a;--responsive-body:#1e293b;--responsive-muted:#475569;--responsive-kicker:#2563eb;--responsive-code-bg:#2563eb14;--responsive-accent:#1d4ed8;--responsive-demo-bg:#eff6ffe6;--responsive-demo-bg-soft:#ffffffeb}.responsive-assignment-card,.responsive-preview-card{background:var(--responsive-card);border:1px solid var(--responsive-border);color:var(--responsive-body);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.theme-light .responsive-assignment-card,.theme-light .responsive-preview-card,.app-shell.theme-light .responsive-assignment-card,.app-shell.theme-light .responsive-preview-card{box-shadow:0 14px 28px #0f172a14}.responsive-assignment-hero,.responsive-preview-card{background:linear-gradient(180deg, var(--responsive-card-soft), var(--responsive-card-strong));border-color:var(--responsive-border-strong);border-radius:24px}.responsive-assignment-hero{padding:28px;box-shadow:0 18px 40px #0000003d}.theme-light .responsive-assignment-hero,.app-shell.theme-light .responsive-assignment-hero{box-shadow:0 18px 36px #0f172a1a}.responsive-assignment-hero h1,.responsive-assignment-card h2,.responsive-preview-card h2{color:var(--responsive-heading);margin-top:0;line-height:1.2}.responsive-assignment-hero h1{letter-spacing:-.02em;margin-bottom:10px;font-size:2rem}.responsive-assignment-card h2,.responsive-preview-card h2{font-size:1.5rem}.responsive-assignment-card h3,.responsive-preview-card h3{color:var(--responsive-accent);margin-top:20px}.responsive-assignment-kicker{color:var(--responsive-kicker);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.responsive-assignment-hero p,.responsive-assignment-card p,.responsive-assignment-card li,.responsive-preview-card p,.responsive-preview-card label{color:var(--responsive-body);line-height:1.75}.responsive-assignment-hero p,.responsive-preview-header p{max-width:820px}.responsive-assignment-card code,.responsive-preview-card code,.responsive-canvas-live-panel code{background:var(--responsive-code-bg);color:var(--responsive-accent);border-radius:8px;padding:2px 6px;font-weight:700}.responsive-assignment-card ul,.responsive-assignment-card ol{margin:.75rem 0 0;padding-left:1.35rem}.responsive-checklist{gap:.55rem;margin:.75rem 0 0;padding-left:1.35rem;display:grid}.responsive-preview-header{margin-bottom:1rem}.responsive-canvas-card{background:linear-gradient(180deg, var(--responsive-demo-bg-soft), var(--responsive-demo-bg));border:1px solid var(--responsive-border-strong);color:var(--responsive-body);border-radius:20px;flex-direction:column;gap:1rem;padding:1.15rem;display:flex;box-shadow:inset 0 1px #ffffff0a}.responsive-canvas-card--desktop,.responsive-canvas-card--mobile{background:linear-gradient(180deg, var(--responsive-demo-bg-soft), var(--responsive-demo-bg))}.responsive-canvas-card__header h2{color:var(--responsive-heading);margin:.25rem 0 .5rem}.responsive-canvas-card__header p,.responsive-canvas-card__details p{color:var(--responsive-body);margin:.35rem 0}.responsive-canvas-card__kicker{color:var(--responsive-kicker);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.responsive-canvas-card__status{flex-direction:column;gap:.75rem;display:flex}.responsive-canvas-card__status article,.responsive-canvas-card__details{background:#0f172a61;border:1px solid #7dd3fc29;border-radius:18px;padding:.9rem 1rem}.theme-light .responsive-canvas-card__status article,.theme-light .responsive-canvas-card__details,.app-shell.theme-light .responsive-canvas-card__status article,.app-shell.theme-light .responsive-canvas-card__details{background:#ffffffb8;border-color:#2563eb29}.responsive-canvas-card__status span{color:var(--responsive-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.78rem;font-weight:800;display:block}.responsive-canvas-card__status strong{color:var(--responsive-heading);font-size:1.35rem;display:block}.responsive-canvas-live-panel{margin-top:0}@media (width>=720px){.responsive-canvas-card__status{flex-direction:row}.responsive-canvas-card__status article{flex:1}}@media (width<=760px){.responsive-assignment-hero h1{font-size:1.6rem}}.chart-assignment-guide{--chart-card:#0f172aeb;--chart-card-soft:#182743fa;--chart-card-strong:#121d32fa;--chart-border:#7dd3fc29;--chart-border-strong:#7dd3fc3d;--chart-heading:#fff;--chart-body:#dbeafe;--chart-muted:#c9d8f0;--chart-kicker:#93c5fd;--chart-code-bg:#94a3b829;--chart-accent:#bfdbfe;--chart-demo-bg:#0f172abd;--chart-demo-bg-soft:#1e293bb8;color:var(--chart-body);flex-direction:column;gap:1.35rem;display:flex}.theme-light .chart-assignment-guide,.app-shell.theme-light .chart-assignment-guide{--chart-card:#fffffff5;--chart-card-soft:#eff6fffa;--chart-card-strong:#fffffffa;--chart-border:#2563eb2e;--chart-border-strong:#2563eb42;--chart-heading:#0f172a;--chart-body:#1e293b;--chart-muted:#475569;--chart-kicker:#2563eb;--chart-code-bg:#2563eb14;--chart-accent:#1d4ed8;--chart-demo-bg:#eff6ffe6;--chart-demo-bg-soft:#ffffffeb}.chart-assignment-card,.chart-preview-card{background:var(--chart-card);border:1px solid var(--chart-border);color:var(--chart-body);border-radius:20px;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 14px 30px #0003}.theme-light .chart-assignment-card,.theme-light .chart-preview-card,.app-shell.theme-light .chart-assignment-card,.app-shell.theme-light .chart-preview-card{box-shadow:0 14px 28px #0f172a14}.chart-assignment-hero,.chart-preview-card{background:linear-gradient(180deg, var(--chart-card-soft), var(--chart-card-strong));border-color:var(--chart-border-strong);border-radius:24px}.chart-assignment-hero{padding:28px;box-shadow:0 18px 40px #0000003d}.theme-light .chart-assignment-hero,.app-shell.theme-light .chart-assignment-hero{box-shadow:0 18px 36px #0f172a1a}.chart-assignment-kicker{color:var(--chart-kicker);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.chart-assignment-card h1,.chart-assignment-card h2,.chart-preview-card h2{color:var(--chart-heading);margin-top:0;line-height:1.2}.chart-assignment-card h1{letter-spacing:-.02em;margin-bottom:10px;font-size:2rem}.chart-assignment-card h2,.chart-preview-card h2{font-size:1.5rem}.chart-assignment-card p,.chart-assignment-card li,.chart-preview-card p,.chart-preview-card label{color:var(--chart-body);line-height:1.75}.chart-assignment-hero p,.chart-preview-header p{max-width:820px}.chart-assignment-card code,.chart-preview-card code,.chart-live-panel code{background:var(--chart-code-bg);color:var(--chart-accent);border-radius:8px;padding:2px 6px;font-weight:700}.chart-checklist{gap:.55rem;margin:.75rem 0 0;padding-left:1.35rem;display:grid}.chart-preview-header{margin-bottom:1rem}.poll-dashboard-shell{background:linear-gradient(180deg, var(--chart-demo-bg-soft), var(--chart-demo-bg));border:1px solid var(--chart-border-strong);color:var(--chart-body);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.15rem;display:flex;box-shadow:inset 0 1px #ffffff0a}.poll-dashboard-copy h3{color:var(--chart-heading);margin:0 0 .5rem;font-size:clamp(1.25rem,2vw,1.65rem)}.poll-dashboard-copy p:last-child{margin-bottom:0}.poll-dashboard-layout{flex-direction:column;gap:1rem;display:flex}.poll-vote-panel,.poll-chart-card{background:#0f172a61;border:1px solid #7dd3fc29;border-radius:18px;padding:1rem}.theme-light .poll-vote-panel,.theme-light .poll-chart-card,.app-shell.theme-light .poll-vote-panel,.app-shell.theme-light .poll-chart-card{background:#ffffffb8;border-color:#2563eb29}.poll-summary-card{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.poll-summary-card span,.poll-summary-card small{color:var(--chart-muted);font-weight:800}.poll-summary-card strong{color:var(--chart-heading);font-size:2.2rem;line-height:1}.poll-button-stack{gap:.7rem;display:grid}.poll-button-stack button,.poll-reset-button{color:var(--chart-heading);cursor:pointer;font:inherit;background:#0f172a70;border:1px solid #7dd3fc2e;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.82rem 1rem;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:flex}.theme-light .poll-button-stack button,.theme-light .poll-reset-button,.app-shell.theme-light .poll-button-stack button,.app-shell.theme-light .poll-reset-button{background:#eff6ffdb;border-color:#2563eb2e}.poll-button-stack button:hover,.poll-reset-button:hover{background:#2563eb2e;border-color:#7dd3fc57;transform:translateY(-1px)}.poll-button-stack button span{background:#2563eb42;border-radius:999px;place-items:center;min-width:2rem;min-height:2rem;display:inline-grid}.poll-reset-button{justify-content:center;width:100%;margin-top:.9rem}.poll-chart-card{min-height:320px}.poll-chart-card canvas{min-height:300px;width:100%!important}.chart-live-panel{margin-top:0}@media (width>=860px){.poll-dashboard-layout{grid-template-columns:minmax(240px,.9fr) minmax(360px,1.6fr);display:grid}}@media (width<=760px){.chart-assignment-card h1{font-size:1.6rem}}:root{--bg:#07111f;--bg-soft:#0b1730;--panel:#0a182ee0;--panel-2:#091426eb;--border:#7594c62e;--text:#e6eefc;--muted:#9cb0d0;--blue:#4ea3ff;--cyan:#5ce1e6;--purple:#8b5cf6;--purple-soft:#8b5cf62e;--green:#62f1b2;--shadow:0 18px 50px #00000057;--radius:18px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top,#4ea3ff24,#0000 28%),radial-gradient(circle at 70% 20%,#8b5cf624,#0000 24%),linear-gradient(#06101d 0%,#07111f 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{grid-template-columns:280px 1fr 300px;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#081325fa,#050d1afa);height:100vh;padding:18px;position:sticky;top:0;overflow-y:auto}.sidebar-top{margin-bottom:24px}.brand{border:1px solid var(--border);box-shadow:var(--shadow);background:#0e1f3ab8;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.brand-mark{background:linear-gradient(135deg,#5ce1e629,#8b5cf638);border:1px solid #5ce1e63d;border-radius:14px;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.brand h1{margin:0;font-size:1rem}.brand p{color:var(--muted);margin:4px 0 0;font-size:.84rem}.sidebar-section{margin-bottom:20px}.sidebar-label{color:#7aa4dc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.76rem;font-weight:700}.course-switcher,.week-list{flex-direction:column;gap:10px;display:flex}.nav-button,.week-button{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#0a1629c2;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:all .16s;display:flex}.nav-button:hover,.week-button:hover{background:#0c1d34eb;border-color:#5ce1e647;transform:translateY(-1px)}.nav-button.active,.week-button.active{background:linear-gradient(#152c51fa,#0c1e36fa);border-color:#4ea3ff6b;box-shadow:inset 0 0 0 1px #5ce1e60f}.status-pill,.week-pill{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill.online{color:#d1fae5;background:#10b98129;border:1px solid #10b98147}.status-pill.planned{color:#ddd6fe;background:#8b5cf629;border:1px solid #8b5cf647}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#081325b3;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7dd3fc;margin:0 0 6px;font-size:.75rem}.topbar h2{margin:0;font-size:1.2rem}.topbar-right{align-items:center;gap:10px;display:flex}.week-pill{color:#dbeafe;background:#3b82f624;border:1px solid #3b82f64d}.content-area{padding:24px}.welcome-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0b182cf5,#07111ffa);border-radius:24px;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:grid;overflow:hidden}.welcome-copy h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.06}.welcome-copy p{color:var(--muted);max-width:700px;margin:0}.hero-stats{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.hero-stat{border:1px solid var(--border);background:#081325b8;border-radius:16px;min-width:140px;padding:14px 16px}.hero-stat-label{color:var(--muted);margin-bottom:6px;font-size:.76rem;display:block}.hero-visual{place-items:center;height:220px;display:grid;position:relative}.stack-cube{letter-spacing:.02em;width:170px;height:94px;box-shadow:var(--shadow);background:#08101cf5;border:1px solid #8caae62e;border-radius:22px;place-items:center;font-weight:700;display:grid;position:absolute}.cube-top{color:#67e8f9;transform:translateY(-26px)rotate(-28deg)}.cube-bottom{color:#c4b5fd;transform:translateY(38px)rotate(-28deg);box-shadow:0 0 40px #8b5cf62e}.content-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.section-block{border:1px solid var(--border);box-shadow:var(--shadow);background:#091426db;border-radius:20px;padding:20px}.section-header{margin-bottom:16px}.section-header h2{margin:0;font-size:1.25rem}.topic-card{background:linear-gradient(#0a1629eb,#08111feb);border:1px solid #7594c624;border-radius:16px;padding:16px}.topic-card+.topic-card{margin-top:14px}.topic-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.topic-type{text-transform:capitalize;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.topic-type.lecture{color:#bfdbfe;background:#3b82f629;border:1px solid #3b82f647}.topic-type.assignment{color:#ddd6fe;background:#8b5cf629;border:1px solid #8b5cf647}.ready-dot,.empty-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.ready-dot{background:#34d399;box-shadow:0 0 16px #34d399b3}.empty-dot{background:#64748b}.topic-card h3{margin:0 0 8px;font-size:1.05rem}.topic-card p{color:var(--muted);margin:0;line-height:1.5}.empty-state{color:var(--muted);background:#0812228c;border:1px dashed #7594c638;border-radius:16px;padding:18px}.filetree-panel{border-left:1px solid var(--border);background:linear-gradient(#07101ffa,#050c16fa);height:100vh;padding:18px;position:sticky;top:0;overflow-y:auto}.filetree-panel pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);color:#93c5fd;background:#081222b3;border-radius:16px;margin:0;padding:16px;line-height:1.6}.lesson-example{border:1px solid var(--border);background:#091426bf;border-radius:16px;padding:16px}.stack{flex-direction:column;gap:16px;display:flex}.button-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.lesson-example button{color:var(--text);cursor:pointer;background:#0d1d35e6;border:1px solid #4ea3ff47;border-radius:12px;padding:10px 14px}.lesson-example input{width:100%;color:var(--text);background:#07101fcc;border:1px solid #7594c62e;border-radius:12px;margin-top:8px;padding:12px 14px}@media (width<=1200px){.app-shell{grid-template-columns:280px 1fr}.filetree-panel{display:none}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:relative}.welcome-panel,.content-grid{grid-template-columns:1fr}.topbar{padding:16px 18px}.content-area{padding:18px}}.topic-card-clickable{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;transition:all .16s}.topic-card-clickable:hover{background:linear-gradient(#0c1d34f5,#091426f5);border-color:#5ce1e647;transform:translateY(-2px);box-shadow:0 10px 30px #00000038}.topic-card-clickable:focus-visible{outline-offset:2px;outline:2px solid #7dd3fcd9}.topic-card-action{color:#c4ddff;align-items:center;gap:8px;margin-top:14px;font-size:.88rem;font-weight:700;display:inline-flex}.topic-card-arrow{transition:transform .16s;display:inline-block}.topic-card-clickable:hover .topic-card-arrow{transform:translate(2px)}.tree-shell{border:1px solid var(--border);background:#081222b3;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.tree-line{color:#93c5fd;word-break:break-word;border-radius:10px;align-items:flex-start;gap:4px;min-height:24px;padding:4px 8px;line-height:1.45;transition:all .16s;display:flex}.tree-line.active{color:#f8fbff;background:#3b82f62e;border:1px solid #60a5fa57;box-shadow:inset 0 0 0 1px #7dd3fc0f}.tree-line.subtle{opacity:.7}.tree-bullet{color:#93c5fdbf;flex-shrink:0}.app-shell.theme-dark{--bg:#07111f;--bg-soft:#0b1730;--panel:#0a182ee0;--panel-2:#091426eb;--border:#7594c62e;--text:#e6eefc;--muted:#9cb0d0;--blue:#4ea3ff;--cyan:#5ce1e6;--purple:#8b5cf6;--purple-soft:#8b5cf62e;--green:#62f1b2;--shadow:0 18px 50px #00000057;--radius:18px;color:var(--text);background:radial-gradient(circle at top,#4ea3ff24,#0000 28%),radial-gradient(circle at 70% 20%,#8b5cf624,#0000 24%),linear-gradient(#06101d 0%,#07111f 100%)}.app-shell.theme-light{--bg:#eef4fb;--bg-soft:#e4edf7;--panel:#ffffffe6;--panel-2:#fafcfff2;--border:#869cc447;--text:#142338;--muted:#4e6485;--blue:#2563eb;--cyan:#0891b2;--purple:#7c3aed;--purple-soft:#7c3aed1f;--green:#059669;--shadow:0 18px 40px #1423381f;--radius:18px;color:var(--text);background:radial-gradient(circle at top,#2563eb17,#0000 28%),radial-gradient(circle at 70% 20%,#7c3aed14,#0000 24%),linear-gradient(#f4f8fd 0%,#eaf1f8 100%)}.app-shell.theme-light .brand{background:#ffffffd1}.app-shell.theme-light .topbar{background:#f5f9fdd1}.app-shell.theme-light .welcome-panel{background:linear-gradient(#fffffff5,#f4f9fefa)}.app-shell.theme-light .section-block,.app-shell.theme-light .topic-card,.app-shell.theme-light .empty-state,.app-shell.theme-light .filetree-panel pre,.app-shell.theme-light .tree-shell,.app-shell.theme-light .hero-stat{background:#ffffffe0}.app-shell.theme-light .filetree-panel{background:linear-gradient(#f1f6fcfa,#e9f1f9fa)}.app-shell.theme-light .cube-top,.app-shell.theme-light .cube-bottom{background:#fffffff0}.app-shell.theme-light .tree-line{color:#29548a}.app-shell.theme-light .tree-line.active{color:#0f172a;background:#2563eb1f;border:1px solid #2563eb3d}.theme-toggle-button{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;padding:10px 14px;transition:all .16s}.theme-toggle-button:hover{border-color:#5ce1e652;transform:translateY(-1px)}.app-shell.theme-light .course-button{font-weight:600;color:#0f172a!important}.app-shell.theme-light .course-button.active{color:#020617!important}.app-shell.theme-light .sidebar-label{letter-spacing:.08em;font-weight:700;color:#1d4ed8!important}.app-shell.theme-light .eyebrow{font-weight:700;color:#1d4ed8!important}.app-shell.theme-light .topbar h2{color:#0f172a!important}.app-shell.theme-light .status-pill{font-weight:600;color:#065f46!important}.app-shell.theme-light .muted,.app-shell.theme-light .panel-badge{color:#475569!important}.app-shell.theme-light .nav-button,.app-shell.theme-light .nav-button span:first-child{font-weight:600;color:#0f172a!important}.app-shell.theme-light .nav-button.active,.app-shell.theme-light .nav-button.active span:first-child{font-weight:700;color:#020617!important}.app-shell.theme-light .week-button.active{font-weight:700;color:#020617!important}.app-shell.theme-light .week-pill{font-weight:700;color:#0f172a!important;background:#3b82f61f!important;border:1px solid #3b82f647!important}.app-shell.theme-light .status-pill.online{font-weight:700;color:#065f46!important}.app-shell.theme-light .status-pill.planned{font-weight:700;color:#6d28d9!important}.app-shell.theme-light .nav-button{font-weight:600;color:#0f172a!important}.app-shell.theme-light .nav-button.active{color:#020617!important}.app-shell.theme-light .week-button{font-weight:600;color:#0f172a!important}.app-shell.theme-light .week-button.active{color:#020617!important}.app-shell.theme-light .topic-type.lecture{font-weight:700;color:#1d4ed8!important;background:#3b82f61f!important;border-color:#3b82f63d!important}.app-shell.theme-light .topic-type.assignment{font-weight:700;color:#6d28d9!important;background:#8b5cf61f!important;border-color:#8b5cf63d!important}.app-shell.theme-light .topic-card-action{font-weight:700;color:#1d4ed8!important}.app-shell.theme-light .topic-card-arrow{color:#1d4ed8!important}.app-shell.theme-light .status-pill.online{font-weight:700;color:#065f46!important;background:#10b98129!important;border-color:#10b98147!important}.app-shell.theme-light .status-pill.planned{font-weight:700;color:#6d28d9!important;background:#8b5cf629!important;border-color:#8b5cf647!important}.app-shell.theme-light .nav-button,.app-shell.theme-light .week-button{box-shadow:0 6px 14px #14233814;color:#0f172a!important;background:#ffffffd9!important;border:1px solid #869cc440!important}.app-shell.theme-light .nav-button:hover,.app-shell.theme-light .week-button:hover{transform:translateY(-1px);background:#f0f7fff2!important;border-color:#3b82f659!important}.app-shell.theme-light .nav-button.active,.app-shell.theme-light .week-button.active{font-weight:700;box-shadow:0 10px 20px #2563eb2e;color:#020617!important;background:linear-gradient(#dbeafe,#bfdbfe)!important;border:1px solid #2563eb73!important}.app-shell.theme-light .nav-button span,.app-shell.theme-light .week-button span{color:inherit!important}.app-shell.theme-light .nav-button .status-pill{background:#ffffffb3!important}.app-shell.theme-light .sidebar{background:linear-gradient(#f5f9fffa,#ebf3fcfa)!important}.app-shell{transition:grid-template-columns .22s}.app-shell.filetree-collapsed{grid-template-columns:280px minmax(0,1fr) 54px}.filetree-panel{transition:width .22s,padding .22s,background .22s,border-color .22s}.filetree-panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.filetree-panel-header .sidebar-label{margin-bottom:0}.filetree-collapse-button{color:#dcecff;cursor:pointer;background:#0e2342eb;border:1px solid #4ea3ff57;border-radius:12px;flex:0 0 34px;place-items:center;width:34px;height:34px;transition:transform .16s,border-color .16s,background .16s;display:inline-grid;box-shadow:inset 0 0 0 1px #7dd3fc0f}.filetree-collapse-button span{font-size:1.75rem;font-weight:900;line-height:1;display:block;transform:translateY(-1px)}.filetree-collapse-button:hover{background:#15315bfa;border-color:#5ce1e68a;transform:translateY(-1px)}.filetree-panel.collapsed{padding:18px 10px;overflow:hidden}.filetree-panel.collapsed .filetree-panel-header{justify-content:center}.filetree-panel.collapsed .sidebar-label,.filetree-panel.collapsed .tree-shell{display:none}.filetree-panel.collapsed .filetree-collapse-button{border-radius:14px;width:36px;height:42px}.app-shell.theme-light .filetree-collapse-button{color:#1d4ed8;background:#ffffffeb;border-color:#2563eb47}.app-shell.theme-light .filetree-collapse-button:hover{background:#eff6fffa;border-color:#2563eb70}@media (width<=1200px){.app-shell.filetree-collapsed{grid-template-columns:280px 1fr}}@media (width<=900px){.app-shell.filetree-collapsed{grid-template-columns:1fr}}
