:root{--text:#6b6375;--text-h:#08060d;--bg:#364044;--border:#3f2a6b;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#2611361a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}:root{--bg-dark:#020617;--card-bg:#0f172abf;--card-border:#33415580;--accent-color:#0284c7;--accent-hover:#0369a1;--accent-glow:#0284c740;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--error-color:#f87171;--error-bg:#ef44441a;--radius-lg:16px;--radius-md:10px}*{box-sizing:border-box}.msds-container{background-color:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.msds-glow{pointer-events:none;background:radial-gradient(circle,#0ea5e926 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.msds-card{background-color:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2.25rem 2rem;position:relative;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080}.msds-logo-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.msds-logo{filter:brightness(0)invert();opacity:.9;width:auto;height:40px}.msds-header{text-align:center;margin-bottom:1.5rem}.msds-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.msds-subtitle{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.4}.msds-form{flex-direction:column;gap:1.25rem;display:flex}.msds-field-group{flex-direction:column;display:flex}.msds-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.msds-input-wrapper{position:relative}.msds-input{border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background-color:#02061799;outline:none;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease-in-out}.msds-input::placeholder{color:var(--text-dim)}.msds-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.msds-input-error{border-color:var(--error-color)}.msds-input-error:focus{box-shadow:0 0 0 3px #ef444433}.msds-error-text{color:var(--error-color);margin:.5rem 0 0;font-size:.75rem}.msds-button{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;box-shadow:0 4px 12px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.msds-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.msds-button:active{transform:translateY(0)}.msds-btn-icon{width:16px;height:16px;transition:transform .2s ease-in-out}.msds-button:hover .msds-btn-icon{transform:translate(2px)}.msds-footer-text{color:var(--text-dim);text-align:center;margin:1.5rem 0 0;font-size:.6875rem}.rounded{border-radius:11rem}:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff}.folder{cursor:pointer;transition:all .2s ease-in}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-120%,-70%)rotate(-15deg)}.folder.open .paper:first-child:hover{transform:translate(-120%,-70%)rotate(-15deg)scale(1.1)}.folder.open .paper:nth-child(2){height:80%;transform:translate(10%,-70%)rotate(15deg)}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%)rotate(15deg)scale(1.1)}.folder.open .paper:nth-child(3){height:80%;transform:translate(-50%,-100%)rotate(5deg)}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%)rotate(5deg)scale(1.1)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);border-radius:10px;width:70%;height:80%;transition:all .3s ease-in-out;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #fff}.center{grid-template-columns:3px;display:grid}body{font-family:sans-serif}div{text-align:center}span{color:#fff;background:#48abe0;padding:1.5rem;font-size:1rem;display:inline-block}span.strong-hover-shake:hover{animation:.15s infinite tilt-shaking}span.gentle-hover-shake:hover{animation:.25s infinite tilt-shaking}span.gentle-tilt-move-shake:hover{animation:.25s infinite tilt-n-move-shaking}span.strong-tilt-move-shake:hover{animation:.15s infinite tilt-n-move-shaking}span.vertical-shake{animation:.35s infinite vertical-shaking}span.horizontal-shake{animation:.35s infinite horizontal-shaking}span.rise-shake{animation:.83s infinite jump-shaking}span.skew-shake-x{animation:1.3s infinite skew-x-shake}span.skew-shake-y{animation:1.3s infinite skew-y-shake}span.constant-tilt-shake{animation:.3s infinite tilt-shaking}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tilt-n-move-shaking{0%{transform:translate(0)rotate(0)}25%{transform:translate(5px,5px)rotate(5deg)}50%{transform:translate(0, 0) rotate(0eg)}75%{transform:translate(-5px,5px)rotate(-5deg)}to{transform:translate(0)rotate(0)}}@keyframes vertical-shaking{0%{transform:translateY(0)}25%{transform:translateY(5px)}50%{transform:translateY(-5px)}75%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}@keyframes jump-shaking{0%{transform:translate(0)}25%{transform:translateY(-9px)}35%{transform:translateY(-9px)rotate(17deg)}55%{transform:translateY(-9px)rotate(-17deg)}65%{transform:translateY(-9px)rotate(17deg)}75%{transform:translateY(-9px)rotate(-17deg)}to{transform:translateY(0)rotate(0)}}@keyframes skew-x-shake{0%{transform:skew(-15deg)}5%{transform:skew(15deg)}10%{transform:skew(-15deg)}15%{transform:skew(15deg)}20%{transform:skew(0)}to{transform:skew(0)}}@keyframes skew-y-shake{0%{transform:skewY(-15deg)}5%{transform:skewY(15deg)}10%{transform:skewY(-15deg)}15%{transform:skewY(15deg)}20%{transform:skewY(0)}to{transform:skewY(0)}}