@font-face{font-family:Momona Script;src:url(/assets/qwitcher-grypen.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:700}:root{color-scheme:light;--ink:#172133;--ink-soft:#303b4f;--muted:#758096;--muted-strong:#5d6980;--glass:#ffffff9e;--glass-strong:#ffffffdb;--glass-soft:#ffffff6b;--glass-border:#ffffffd6;--glass-shadow:0 18px 44px #362d6a24;--content-surface:#fbfcff;--content-border:#ffffffd6;--content-shadow:0 10px 25px #48388714;--purple:#7564de;--purple-deep:#5541b5;--blue:#119dd9;--pink:#f16ea8;--green:#35a57b;--orange:#ee9661;--page-padding:24px;--rail-width:76px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-width:none;scrollbar-gutter:stable;background:#d5dbf3;min-width:320px;min-height:100%}html::-webkit-scrollbar{display:none}body{min-width:320px;min-height:100vh;color:var(--ink);scrollbar-width:none;scrollbar-gutter:stable;background:#d5dbf3;margin:0;overflow-x:hidden}body::-webkit-scrollbar{display:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:#fff;background:var(--purple)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-frame{isolation:isolate;min-height:100vh;position:relative;overflow-x:hidden}.app-background{z-index:-2;--background-scale:1.04;--parallax-x:0px;--parallax-y:0px;--background-blur-base:3px;--background-focus:0;filter:saturate(.82) brightness(1.04) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))));transform:translate3d(var(--parallax-x), var(--parallax-y), 0) scale(var(--background-scale));will-change:transform;background-image:url(/assets/cyrene-wallpaper.webp);background-position:50%;background-size:cover;transition:transform .32s cubic-bezier(.22,1,.36,1),filter .82s cubic-bezier(.22,1,.36,1);position:fixed;inset:-28px}.app-background-overlay{z-index:-1;pointer-events:none;position:fixed;inset:0}.app-background-overlay:after{content:"";background:linear-gradient(#fff0 30%,#fff6 65%,#fff 100%);position:absolute;inset:0}.app-frame[data-page=library] .app-background,.app-frame[data-page=settings] .app-background{filter:saturate(.82) brightness(1.04) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))));--background-scale:1.04;background-color:#d5dbf3;background-image:url(/assets/cyrene-wallpaper.webp)}.app-frame[data-page=brew] .app-background{--background-scale:1.015;--background-blur-base:1px;filter:saturate(.96) brightness(1.02) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))));transition:transform .32s cubic-bezier(.22,1,.36,1),filter .42s}.app-frame[data-page=brew][data-brew-section=articles] .app-background{--background-scale:1.03;--background-blur-base:7px;filter:saturate(.48) brightness(1.13) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))))}.app-shell{z-index:1;min-height:100vh;padding:0;position:relative}.app-topbar{z-index:5;justify-content:space-between;align-items:center;gap:18px;width:min(1240px,100%);min-height:52px;margin:0 auto 9px;display:flex;position:relative}.topbar-context{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-context strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:760;overflow:hidden}.topbar-context span{color:var(--muted);font-size:.67rem}.topbar-note{color:#293149ad;align-items:center;gap:8px;margin-left:auto;font-size:.68rem;display:inline-flex}.topbar-note:before{background:var(--pink);content:"";border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f16ea81f}.page-view{width:100%;min-height:100vh;margin:0}html.is-settings-view,body.is-settings-view{height:100%;min-height:0;overflow:hidden}.app-frame[data-page=settings],.app-frame[data-page=settings] .app-shell,.app-frame[data-page=settings] .page-view{height:100dvh;min-height:0;overflow:hidden}.page-transition-enter-active,.page-transition-leave-active{transition:opacity .22s,transform .22s}.page-transition-enter-from,.page-transition-leave-to{opacity:0;transform:translateY(8px)}.glass-panel{border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px)saturate(132%);border-radius:15px}.compact-button{width:36px;height:36px;color:var(--ink-soft);background:#ffffff8a;border:1px solid #ffffffb8;border-radius:11px;place-items:center;padding:0;transition:transform .18s,background .18s,color .18s;display:inline-grid}.compact-button:hover{color:var(--purple-deep);background:#ffffffdb;transform:translateY(-2px)}.mobile-only{display:none}@media (width<=820px){:root{--page-padding:14px;--rail-width:0px}.app-shell{padding:0}.app-topbar{min-height:42px;margin-bottom:6px}.topbar-note{display:none}.mobile-only{display:inline-grid}.glass-panel{border-radius:13px}.app-background{--background-blur-base:13px;filter:saturate(.52) brightness(1.1) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))));transition-duration:.45s}.app-frame[data-page=library] .app-background,.app-frame[data-page=settings] .app-background{--background-blur-base:8px;filter:saturate(.72) brightness(1.04) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))));--background-scale:1.04;background-color:#d5dbf3;background-image:url(/assets/cyrene-wallpaper.webp)}.app-frame[data-page=brew] .app-background{--background-scale:1.015;--background-blur-base:7px;filter:saturate(.72) brightness(1.05) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))))}.app-frame[data-page=brew][data-brew-section=articles] .app-background{--background-scale:1.02;--background-blur-base:10px;filter:saturate(.42) brightness(1.12) blur(calc(var(--background-blur-base) * (1 - var(--background-focus))))}.app-frame[data-page=library] .weather-pill-wrap{top:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand{color:var(--pink-deep);gap:9px;font-size:1.28rem}.button-light{color:var(--blue-deep);background:#fff;box-shadow:4px 4px #ff6f9f66}.button-light:hover{background:var(--pink-pale);color:var(--pink-deep)}@media (width<=780px){.brand{font-size:1.08rem}}:root{--site-header-height:70px}html,body{overflow-x:clip}html.home-page,body.is-home{overscroll-behavior:none;height:100%;overflow:hidden}body.is-home #page-content.home-scroll-page{isolation:isolate;width:100%;height:100svh;position:fixed;inset:0;overflow:hidden}@media (width<=780px){:root{--site-header-height:54px}}