@import"https://googleapis.com";aside{min-width:160px;max-width:225px;position:sticky;top:16px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;padding:12px;background:var(--surface);h3{font-size:16px}a,input{font-size:14px}a{padding:2px;font-size:13.5px;text-transform:none}button{font-size:14px}input{padding:6px;border:var(--border)}ul{gap:6px;font-size:15px;>ul{margin-left:8px}}scrollbar-width:none;-ms-overflow-style:none;&:-webkit-scrollbar{display:none}}#sidebar{min-width:214px;grid-area:side;left:12px;border:var(--border);h3,input{margin-bottom:8px}}#nav{grid-area:nav;right:12px;align-items:center;height:fit-content;max-height:100vh-32px;border:var(--dashed);h3{margin-bottom:8px}}#sidebar,#mobileSidebar{button+ul{display:none;&.show{display:flex}}ul button{padding:4px;&:before{content:"◈ "}}}#mobileSidebar,#overlay{display:none}#overlay.show{z-index:1;display:block;position:fixed;inset:0;background:#00000080}#mobileSidebar{z-index:2;padding:0;position:fixed;top:0;right:0;bottom:0;border-left:var(--border);transform:translate(100%);transition:transform .3s ease;display:flex;align-items:start;&.show{transform:translate(0)}header{flex-direction:column;nav{gap:16px;padding:12px 16px;border-bottom:var(--border)}div{padding:12px 16px;border-bottom:var(--border);justify-content:space-between;input{width:50%}}}footer{gap:16px;width:100%;padding:4px 16px;justify-content:end}>ul{height:100%;padding:12px}}:root{--bg: #e8edf5;--surface: #fafbfd;--txt: #2c3448;--subtle: #9aa5c0;--muted: #c5cedc;--cyan: #3d9ec9;--ao: #4c7ec9;--oro: #d4b650;--orange: #d48e50;--red: #d4626a;--rosa: #cc80a0;--iris: #9e85cc;--green: #6caf85;--border: 1px solid var(--muted);--dashed: 1px dashed var(--muted);--scrollbar-bg: var(--surface);--scrollbar-thumb: var(--iris);--scrollbar-thumb-hover: var(--oro)}[data-theme=dark]{--bg: #0a0c14;--surface: #121620;--txt: #d9e0f0;--subtle: #a9b3d0;--muted: #3a4058;--cyan: #6bc3df;--ao: #5c9ce0;--oro: #e5c76b;--orange: #e5a06b;--red: #e06c75;--rosa: #e394b8;--green: #8fc9a3;--iris: #b392e0}@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#0a0c14;--surface:#121620;--muted:#3a4058;--subtle:#a9b3d0;--txt:#d9e0f0;--cyan:#6bc3df;--ao:#5c9ce0;--green:#8fc9a3;--oro:#e5c76b;--orange:#e5a06b;--red:#e06c75;--rosa:#e394b8;--iris:#b392e0}}@media(prefers-color-scheme:light){html[data-theme=system]{--bg:var(--bg);--surface:var(--surface);--muted:var(--muted);--subtle:var(--subtle);--txt:var(--txt);--red:var(--red);--oro:var(--oro);--rosa:var(--rosa);--cyan:var(--cyan);--ao:var(--ao);--iris:var(--iris);--orange:var(--orange)}}*{margin:0;padding:0;box-sizing:border-box}a,button,input{all:unset;text-transform:capitalize}a,b,button,svg{cursor:pointer}div,header,footer,nav,li,a{display:flex}section,article,ul{display:flex;flex-direction:column}a,button{font-weight:600}hr{border:0;margin:16px 0;border-top:var(--dashed)}body{margin:0;display:grid;min-height:100vh;gap:16px;grid-template-rows:auto 1fr auto;grid-template-areas:"head" "main" "foot";font-family:Roboto,sans-serif;color:var(--txt);background:var(--bg);transition:background-color .3s ease,color .3s ease;a{gap:4px;color:var(--iris);&:hover{color:var(--cyan)}}button:hover{color:var(--rosa)}>header{grid-area:head;font-size:12px;padding:10px 16px;background:var(--surface);border-bottom:var(--border);align-items:center;a{color:var(--txt);margin-right:auto;font-size:20px;font-weight:9200;&:hover{colnor:var(--ao)}}#menuBtn{display:none}}}main{grid-area:main;display:grid;height:fit-content}footer{padding:8px;grid-area:foot;border-top:var(--border);background:var(--surface);a{text-transform:lowercase}}html{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}:-webkit-scrollbar{width:10px}:-webkit-scrollbar-track{background:var(--scrollbar-bg)}:-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}:-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#term:hover{cursor:pointer;color:var(--oro)}#modal{z-index:1;width:100%;height:100%;display:none;position:fixed;top:0;left:0;background-color:#0006;cursor:pointer;>section{width:40%;margin:auto;border:var(--border);background:var(--surface);h3{padding:8px;text-transform:capitalize;border-bottom:var(--dashed)}>p{font-size:14px;line-height:1.7;padding:8px 16px}div{padding:6px;align-items:center;border-top:var(--dashed);overflow-x:auto;font-size:14px;p{font-weight:700}a{margin-left:8px}}}}