:root{--bg:#dae1e8;--surface:#fff;--card-bg:#fff;--text:#282828;--on-surface:#fff;--muted:#949494;--primary:#5c5abb;--secondary:#ffb326;--accent:#3dde0c;--separator:#e6e6e6;--border:#000;--overlay:#000000b3;--button-text:#fff;--surface-alt:#27313d;--shadow:0 10px 30px #00000026;--transition-fast:.15s ease;--margins:16vw;--explore-icon:url(/icons/explore.svg)}:root .speplus-theme{background-color:#ffb400}:root.dark{--bg:#576068;--surface:#242424;--card-bg:#2d2d2d;--text:#dae1e8;--separator:#333;--border:#fff;--shadow:0 10px 30px #00000080;--explore-icon:url(/icons/explore-dark.svg)}:root.dark .speplus-theme{background-color:#576068}#root,body{background:var(--bg);color:var(--text);transition:background var(--transition-fast),color var(--transition-fast);background-image:url(/SPEMOTES.svg);background-position:right 7rem top 3rem;background-repeat:no-repeat;background-size:auto;background-attachment:scroll;margin:0;padding:0;font-family:segoe,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}@font-face{font-family:segoe;src:url(/SegoeUI.woff)format("opentype");font-style:normal}@font-face{font-family:segoe-bold;src:url(/SegoeUI-Bold.woff)format("opentype");font-style:normal}@font-face{font-family:segoe-bold-italic;src:url(/SegoeUI-BoldItalic.woff)format("opentype");font-style:normal}@font-face{font-family:segoe-black-italic;src:url(/segoe-ui-black-italic.woff);font-style:normal}@font-face{font-family:segoe-black;src:url(/SegoeBlack.ttf);font-style:normal}@font-face{font-family:days-sans-black;src:url("/Days Sans Black.otf");font-style:normal}@font-face{font-family:mc;src:url(/minecraft.ttf)format("opentype");font-style:normal}@font-face{font-family:mc-bold;src:url(/minecraft_title_cyrillic.ttf)format("opentype");font-style:normal}.surface{background:var(--surface);color:var(--text);transition:background var(--transition-fast),color var(--transition-fast)}.card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--separator);transition:background var(--transition-fast),box-shadow var(--transition-fast);border-radius:12px}
.header{z-index:1000;box-sizing:border-box;background-color:#282828;justify-content:center;align-items:center;width:100%;height:64px;padding:0 clamp(1rem,22vw,22rem);display:flex;position:sticky;top:0}.header .header-container{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid;position:relative}.header .burger-wrapper{z-index:1100;grid-column:1;justify-self:start;align-items:center;min-width:0;display:flex}.header .burger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none}.header .logo-spemotes{z-index:150;pointer-events:none;white-space:nowrap;grid-column:1;justify-content:flex-end;justify-self:end;width:0;line-height:0;display:flex;position:relative;transform:translateY(25px)}.header .logo-spemotes p{color:#00b2ff;-webkit-text-stroke:calc(clamp(8px,.5vw,13px)*2)#282828;paint-order:stroke fill;margin:0 15px 0 0;padding:clamp(8px,.5vw,13px);font-family:segoe-black-italic;font-size:clamp(30px,2.8vw,60px);line-height:1;display:inline-block}.header .header-buttons{grid-column:2;justify-self:center;align-items:center;gap:clamp(4px,1.2vw,16px);display:flex}.header .header-buttons button{color:#dae1e8;cursor:pointer;white-space:nowrap;background:0 0;border:3px solid #0000;border-radius:50px;padding:.3rem clamp(8px,1.8vw,15px);font-family:segoe-bold;font-size:clamp(10px,.85vw,16px);transition:all .25s}.header .header-buttons button:not(.active):hover{background:#ffffff1a}.header .header-buttons button.active{border-color:#00b2ff}.header .language-container{grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:clamp(4px,.6vw,10px);width:0;display:flex}.header .language-container .lang-btn,.header .language-container .theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.header .language-container .lang-btn img,.header .language-container .theme-toggle img{border-radius:100%;width:clamp(14px,1vw,20px);height:clamp(14px,1vw,20px);display:block}@media (max-width:768px){.header{padding:57px 12px 43px}.header .burger-btn{margin-bottom:-45px;display:flex}.header .logo-spemotes{justify-self:start;width:auto;display:block;transform:translateY(35px)}.header .logo-spemotes p{-webkit-text-stroke:calc(8px*2)#282828;paint-order:stroke fill;margin-right:0;padding:8px;font-size:32px;display:inline-block}.header .header-buttons{opacity:0;z-index:999;background:#282828;border-radius:0 0 12px 12px;gap:20px;width:calc(50% - 2rem);height:auto;padding:1rem;transition:opacity .15s ease-in-out;display:grid;position:fixed;top:80px;left:0;overflow:hidden}.header .header-buttons button{border:3px solid #00b2ff;width:100%;padding:3px;font-size:11px}.header .header-buttons button.spepusbtn{color:#282828;background-color:#ffa300;border-color:#fff}.header .language-container{grid-column:3;width:auto}.header .language-container .lang-btn,.header .language-container .theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.header .language-container .lang-btn img,.header .language-container .theme-toggle img{border-radius:100%;width:20px;height:20px;display:block}.header.menu-open .header-buttons{opacity:1;padding-top:1rem}}
.footer-spemotes{color:#fff;padding:clamp(.5rem,.83vw,1rem)var(--margins);background:#282828;margin:0;font-family:segoe;position:relative}.media-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,3rem);margin-bottom:clamp(1.25rem,2.08vw,2.5rem);font-size:clamp(9px,1.04vw,20px);display:flex}.new-era{color:#fff;text-align:center;width:clamp(150px,21.35vw,410px);font-size:clamp(8px,.78vw,15px);text-decoration:none}.new-era img{width:100%;height:auto;margin-bottom:clamp(.25rem,.42vw,.5rem);display:block}.new-era strong{font-family:days-sans-black;font-size:clamp(8px,.73vw,14px)}.new-era span{display:block}.media-button{color:inherit;font-family:segoe-bold;text-decoration:none}.media-button div{align-items:center;gap:clamp(.5rem,.83vw,1rem);display:flex}.media-button div img{width:clamp(24px,2.5vw,48px);height:auto}.disclaimer,.warning{text-align:left;font-size:clamp(8px,.88vw,17px)}.disclaimer{font-family:segoe-bold}