:root{color-scheme:light dark;--color-bg:#1c1c1a;--color-bg-light:#252523;--color-bg-dark:#141412;--color-text:#e8e6dc;--color-text-muted:hsla(50,21%,89%,.5);--color-text-subtle:hsla(50,21%,89%,.22);--color-text-inverse:#141412;--color-brand:#d9bf57;--color-brand-hover:#e8d06a;--color-brand-active:#f0da7a;--color-border:hsla(50,21%,89%,.1);--color-border-hover:hsla(50,21%,89%,.2);--color-surface:hsla(0,0%,100%,.03);--color-surface-hover:hsla(0,0%,100%,.06);--color-surface-active:hsla(0,0%,100%,.09);--color-overlay:rgba(10,10,8,.7);--color-pill-bg:hsla(0,0%,100%,.04);--color-pill-active:rgba(217,191,87,.15);--color-interactive:hsla(0,0%,100%,.03);--color-interactive-border:hsla(0,0%,100%,.06);--color-interactive-border-focus:hsla(0,0%,100%,.12);--color-interactive-text:#e8e6dc;--color-interactive-placeholder:hsla(50,21%,89%,.3);--color-interactive-btn:hsla(50,21%,89%,.22);--color-interactive-btn-hover:hsla(50,21%,89%,.45);--color-state-text:hsla(50,21%,89%,.4);--color-state-dim:hsla(50,21%,89%,.3);--color-state-bright:hsla(50,21%,89%,.6);--color-danger:#d45050;--color-danger-bg:rgba(30,30,28,.9);--color-scrollbar:hsla(50,21%,89%,.15);--color-scrollbar-hover:hsla(50,21%,89%,.3);--shadow-card:0 2px 12px rgba(0,0,0,.3);--shadow-card-hover:0 4px 16px rgba(0,0,0,.4);--shadow-modal:0 8px 32px rgba(0,0,0,.5);--font-logo:"Encode Sans SC",sans-serif;--font-body:Arial,Helvetica,sans-serif;--container-max:1200px;--header-height:72px;--sidebar-width-open:260px;--sidebar-width-closed:64px;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg:#fafaf8;--color-bg-light:#f0efed;--color-bg-dark:#e5e4e1;--color-text:#2a2a28;--color-text-muted:rgba(42,42,40,.55);--color-text-subtle:rgba(42,42,40,.25);--color-text-inverse:#fafaf8;--color-brand:#d9bf57;--color-brand-hover:#c5ab3a;--color-brand-active:#b89a28;--color-border:rgba(42,42,40,.1);--color-border-hover:rgba(42,42,40,.18);--color-surface:rgba(0,0,0,.03);--color-surface-hover:rgba(0,0,0,.06);--color-surface-active:rgba(0,0,0,.09);--color-overlay:rgba(0,0,0,.35);--color-pill-bg:rgba(0,0,0,.04);--color-pill-active:rgba(217,191,87,.12);--color-interactive:#3a3a38;--color-interactive-border:hsla(0,0%,100%,.08);--color-interactive-border-focus:hsla(0,0%,100%,.16);--color-interactive-text:#f0efed;--color-interactive-placeholder:hsla(40,9%,94%,.45);--color-interactive-btn:hsla(40,9%,94%,.35);--color-interactive-btn-hover:hsla(40,9%,94%,.6);--color-state-text:rgba(42,42,40,.4);--color-state-dim:rgba(42,42,40,.3);--color-state-bright:rgba(42,42,40,.6);--color-danger:#c43838;--color-danger-bg:hsla(60,17%,98%,.95);--color-scrollbar:rgba(42,42,40,.12);--color-scrollbar-hover:rgba(42,42,40,.25);--shadow-card:0 1px 8px rgba(0,0,0,.06);--shadow-card-hover:0 4px 16px rgba(0,0,0,.1);--shadow-modal:0 8px 32px rgba(0,0,0,.12)}}:root[data-theme=light]{--color-bg:#fafaf8;--color-bg-light:#f0efed;--color-bg-dark:#e5e4e1;--color-text:#2a2a28;--color-text-muted:rgba(42,42,40,.55);--color-text-subtle:rgba(42,42,40,.25);--color-text-inverse:#fafaf8;--color-brand:#d9bf57;--color-brand-hover:#c5ab3a;--color-brand-active:#b89a28;--color-border:rgba(42,42,40,.1);--color-border-hover:rgba(42,42,40,.18);--color-surface:rgba(0,0,0,.03);--color-surface-hover:rgba(0,0,0,.06);--color-surface-active:rgba(0,0,0,.09);--color-overlay:rgba(0,0,0,.35);--color-pill-bg:rgba(0,0,0,.04);--color-pill-active:rgba(217,191,87,.12);--color-interactive:#3a3a38;--color-interactive-border:hsla(0,0%,100%,.08);--color-interactive-border-focus:hsla(0,0%,100%,.16);--color-interactive-text:#f0efed;--color-interactive-placeholder:hsla(40,9%,94%,.45);--color-interactive-btn:hsla(40,9%,94%,.35);--color-interactive-btn-hover:hsla(40,9%,94%,.6);--color-state-text:rgba(42,42,40,.4);--color-state-dim:rgba(42,42,40,.3);--color-state-bright:rgba(42,42,40,.6);--color-danger:#c43838;--color-danger-bg:hsla(60,17%,98%,.95);--color-scrollbar:rgba(42,42,40,.12);--color-scrollbar-hover:rgba(42,42,40,.25);--shadow-card:0 1px 8px rgba(0,0,0,.06);--shadow-card-hover:0 4px 16px rgba(0,0,0,.1);--shadow-modal:0 8px 32px rgba(0,0,0,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img,video{max-width:100%;display:block}ol,ul{list-style:none}input,textarea{font-family:inherit;border:none;outline:none;background:none}.subs,input,textarea{color:var(--color-text)}.subs{font-size:16px;line-height:1.6}.title__h2{font-size:28px;letter-spacing:-.3px;text-align:center}.title__h2,.title__h3{font-family:var(--font-body);font-weight:600;color:var(--color-text)}.title__h3{font-size:18px}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}@media (max-width:1024px){.title__h2{font-size:32px}.container{padding:0 20px}}@media (max-width:768px){.title__h2{font-size:28px}.container{padding:0 16px}}@media (max-width:480px){.title__h2{font-size:24px}}