@import "https://fonts.googleapis.com/css2?family=Caudex&display=swap";
:root{--bg-color:#f5f5e8;--text-primary:#111;--sidebar-bg:#1a1a1a;--sidebar-text:#f5f5e8;--sidebar-separator:#f5f5e840;--sidebar-logo-filter:invert(1);--logo-filter:none}:root.dark{--bg-color:#1a1a1a;--text-primary:#f5f5e8;--sidebar-bg:#f5f5e8;--sidebar-text:#111;--sidebar-separator:#11111140;--sidebar-logo-filter:none;--logo-filter:invert(1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:row;width:100%;min-height:100dvh;font-family:Caudex,serif;transition:background-color .6s,color .6s;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);width:320px;min-width:320px;height:100dvh;color:var(--sidebar-text);z-index:10;flex-direction:column;align-items:center;padding:4vmin 24px 3vmin;transition:background-color .6s,color .6s;display:flex;position:relative;overflow-y:auto}.sidebar-header{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sidebar-header a{align-items:center;display:flex}.sidebar-logo{width:clamp(44px,6vmin,62px);height:clamp(44px,6vmin,62px);filter:var(--sidebar-logo-filter);transition:filter .6s}.sidebar-subtitle{opacity:.6;text-align:center;font-size:clamp(.75rem,1.6vmin,1rem)}.sidebar-separator{background-color:var(--sidebar-separator);flex-shrink:0;width:50%;height:1.5px;margin:2.5vmin 0;transition:background-color .6s}.sidebar-nav{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:clamp(.4rem,1.2vmin,.8rem);width:100%;padding-top:2vmin;display:flex}.sidebar-nav-item{text-align:center;color:inherit;cursor:pointer;border-radius:14px;width:90%;padding:1rem 1.5rem;text-decoration:none;transition:background-color .3s,color .3s;display:block}.sidebar-nav-item .nav-title{letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:clamp(.95rem,2.2vmin,1.25rem);font-weight:400;transition:opacity .3s,color .3s}.sidebar-nav-item:hover .nav-title{opacity:1}.sidebar-nav-mini-separator{background-color:var(--sidebar-separator);flex-shrink:0;width:25%;height:1px;margin:.5vmin 0;transition:background-color .6s}.sidebar-nav-item.active{background-color:var(--bg-color);color:var(--text-primary)}.sidebar-nav-item.active .nav-title{opacity:1;color:inherit}.sidebar-update{opacity:.45;letter-spacing:.05em;text-align:center;flex-shrink:0;margin-bottom:.5vmin;font-size:clamp(.65rem,1.3vmin,.85rem)}.sidebar-footer{flex-direction:column;flex-shrink:0;align-items:center;gap:2vmin;display:flex}.sidebar-social{justify-content:center;align-items:center;gap:clamp(20px,3vmin,32px);display:flex}.sidebar-social a{color:inherit;opacity:.5;align-items:center;transition:opacity .3s;display:flex}.sidebar-social a:hover{opacity:1}.sidebar-social svg{width:clamp(18px,3vmin,28px);height:clamp(18px,3vmin,28px)}.sidebar-signature{opacity:.4;letter-spacing:.05em;font-size:clamp(.85rem,1.7vmin,1.1rem)}.roulette-btn{opacity:.5;transition:opacity .3s}.roulette-btn:hover{opacity:1}.roulette-icon{pointer-events:none;width:clamp(28px,3.8vmin,36px);height:clamp(28px,3.8vmin,36px);transition:transform .5s;transform:scaleX(-1)rotate(180deg)}.roulette-icon.spinning{animation:.6s ease-in-out spin}@keyframes spin{0%{transform:scaleX(-1)rotate(180deg)}to{transform:scaleX(-1)rotate(540deg)}}.main-content{flex-direction:column;flex:1;height:100dvh;transition:background-color .6s,color .6s;display:flex;overflow-y:auto}@media (max-width:768px){body{flex-direction:column;overflow:auto}.sidebar{width:100%;min-width:unset;height:auto;min-height:auto;padding:5vmin 20px 4vmin}.sidebar-nav{gap:clamp(1.4rem,3.5vmin,2.5rem);padding-top:1vmin}.main-content{height:auto;min-height:100dvh;overflow-y:visible}}