#con{display:flex;min-height:100vh}aside{width:64px;height:100%;flex-shrink:0;z-index:-1000}main{width:100%}#resizer{width:1px;background:#444;cursor:col-resize;flex-shrink:0}nav{height:48px;border-bottom:1px solid #444;display:flex}button:hover{background:#0099ff55}section{flex-grow:1;padding:20px}#dwl{display:grid;grid-template-columns:repeat(auto-fill,minmax(83px,1fr));gap:0px;width:100%}#dwl div{width:100%;height:100%;padding:1.0rem;aspect-ratio:3/4;border:1px solid #333;transition:all 0.15s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between}#dwl div:hover{background:#343434;transform:scale(1.1);z-index:100;box-shadow:0 0 32px #202020;border:solid 1px #ffffff2a}#dwl div::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}#dwl div:hover::before{opacity:1}#dwl div:hover #di{opacity:0.7}#dt{text-align:center;font-size:1.4rem;opacity:.7;margin:0 0 0.5rem 0}#dd{opacity:0.4;font-size:0.9rem;margin:0}#di{text-align:center;transition:0.3s;opacity:0.0;font-size:0.8rem;margin:0}#desc{padding:1rem 2rem}#desc p{opacity:0.6}.stick{position:sticky;top:0;background:#232323aa;backdrop-filter:blur(10px);z-index:60}.textmode li{padding-left:2rem;padding-right:2rem}.textmode p{padding-left:2rem;padding-right:2rem}article{margin-bottom:4rem}a{outline:none;text-decoration:none;color:#fff}@media (hover:hover) and (pointer:fine){#dwl div:hover{background:#343434;transform:scale(1.1);z-index:100;box-shadow:0 0 32px #202020;border:solid 1px #ffffff2a}#dwl div:hover::before{opacity:1}#dwl div:hover #di{opacity:0.7}}@media (hover:none) or (pointer:coarse){#dwl div:active{background:#343434;transform:scale(1.05);z-index:100;box-shadow:0 0 16px #202020;border:solid 1px #ffffff2a}#di{opacity:0.5}}#dwl div{transition:all 0.15s ease-out}*,::before,::after{box-sizing:border-box}html{background:#232323;color:#ddd;font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-size:14px;overflow-x:hidden;text-rendering:optimizeLegibility !important}body{margin:auto;max-width:1900px}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{min-width:48px;height:48px;font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0 10px;background:none;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:background 0.3s;text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-scrollbar{width:10px;background-color:#555}::-webkit-scrollbar-track{background:#222}::-webkit-scrollbar-thumb{background:#444}::selection{background:#ffd500;color:#000000}