:root{color-scheme:light;--night:#170b4f;--paper:#f8e9c9}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--night);overscroll-behavior:none}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Serif CJK SC",serif;-webkit-text-size-adjust:100%;touch-action:manipulation}
#host{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden}
#studentLibrary{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;overflow:hidden;color:var(--paper);touch-action:manipulation}
#studentLibrary[hidden],#studentLibrary [hidden]{display:none!important}
#studentLibrary button,#studentLibrary input{font:inherit;-webkit-tap-highlight-color:transparent}
#studentLibrary button{cursor:pointer;touch-action:manipulation}
#studentLibrary button:disabled{opacity:.42;cursor:default}
#studentLibrary button:focus-visible{outline:2px solid #f4d59a;outline-offset:2px}
#studentLibrary input:focus,#studentLibrary input:focus-visible{outline:0!important;box-shadow:none!important}
#studentLibrary h1,#studentLibrary h2,#studentLibrary h3,#studentLibrary p{margin:0}
#studentLibrary .sl-brand.mw-scene-brand{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 34px 2px;border:0;background:transparent;text-align:center;overflow:visible;z-index:2}
#studentLibrary .sl-brand.mw-scene-brand::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;background:url("./brand_vine_v14_cropped.webp") center top/100% auto no-repeat}
#studentLibrary .sl-brand.mw-scene-brand>b{color:#f8e7b9;font:700 23px/1.12 "Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:3px;text-shadow:0 2px 7px #090822,0 0 10px #f6cb8a55;white-space:nowrap}
#studentLibrary .sl-brand.mw-scene-brand>small{color:#ead0a7;font:500 9px/1.35 Georgia,serif;letter-spacing:1.5px;text-shadow:0 1px 5px #100923;white-space:nowrap}
#studentLibrary .sl-main{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;padding:0}
#studentLibrary .sl-nav{position:relative;isolation:isolate;z-index:3;display:flex;width:100%;margin:0;align-items:center;justify-content:space-around;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#studentLibrary .sl-nav::before{content:"";position:absolute;z-index:-1;pointer-events:none;border:20px solid transparent;border-image-source:url("./nav_original_r19.webp");border-image-slice:110 145 110 145 fill;border-image-repeat:stretch}
#studentLibrary .sl-nav button{position:relative;flex:1 1 25%;min-width:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8deb4;font:600 12px/1.18 "Songti SC","STSong",serif}
#studentLibrary .sl-nav button img{flex:none;object-fit:contain;filter:drop-shadow(0 2px 2px #08041a55)}
#studentLibrary .sl-nav button[aria-current=page]{color:#fff4d4}
#studentLibrary .sl-nav button[aria-current=page]::before{content:"";position:absolute;z-index:-1;left:20%;right:20%;pointer-events:none;background:radial-gradient(ellipse at center,#f4c77b66 0%,#b88ad344 42%,transparent 74%);filter:drop-shadow(0 0 7px #f3bf8470);opacity:.85}