*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fbfaf8;--ink:#1c1c1e;--quote:#26262a;--muted:#86868b;--bar:#cfccc5;--rule:#ece9e3;--panel:#fbfaf8;--panel-edge:#ece9e3;--save:#9a9aa0;--save-hover:#1c1c1e;--heart-on:#1c1c1e;--quote-font:"Hanken Grotesk",sans-serif;--quote-weight:300;--quote-style:normal;--fav-q:#9a9aa0;--fav-q-style:normal}[data-theme=dark]{--bg:#16171b;--ink:#e8e3da;--quote:#ece7de;--muted:#9a8b6c;--bar:transparent;--rule:#26272d;--panel:#1c1d22;--panel-edge:#2a2b31;--save:#74726c;--save-hover:#e8e3da;--heart-on:#c9a86a;--quote-font:"Newsreader",serif;--quote-weight:300;--quote-style:normal;--fav-q:#94928b;--fav-q-style:italic}html,body,#root{height:100%}body{background-color:#fbfaf8;color:var(--ink);font-family:Hanken Grotesk,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.nightbg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:#16171b;opacity:0;z-index:0}[data-theme=dark] .nightbg{opacity:1}.glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:0;background:radial-gradient(120% 90% at 50% 26%,#c9a86a1a,#16171b00 60%)}[data-theme=dark] .glow{opacity:1}.app{position:relative;height:100%;display:flex;flex-direction:column;z-index:1}header{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:26px 38px}.iconbtn{background:none;border:none;cursor:pointer;color:var(--save);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.iconbtn:hover{color:var(--save-hover)}.iconbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6}.savebtn{background:none;border:none;cursor:pointer;color:var(--save);display:inline-flex;align-items:center;gap:8px;font-family:Hanken Grotesk,sans-serif;font-size:13px;letter-spacing:.01em;padding:8px 6px;transition:color .2s}.savebtn:hover{color:var(--save-hover)}.savebtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}main{flex:1;display:flex;align-items:center;padding:0 38px 60px}.stage{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:max-width .55s ease}[data-theme=dark] .stage{max-width:740px;align-items:center;text-align:center}.quote{font-family:var(--quote-font);font-weight:var(--quote-weight);font-style:var(--quote-style);color:var(--quote);font-size:clamp(23px,3.2vw,31px);line-height:1.52;letter-spacing:-.01em;transition:opacity .4s ease}[data-theme=dark] .quote{line-height:1.62}.byline{margin-top:32px;display:flex;align-items:center;gap:16px}[data-theme=dark] .byline{margin-top:30px}.bar{width:34px;height:1px;background-color:#cfccc5;transition:width .4s ease;flex-shrink:0}[data-theme=dark] .bar{width:0;background-color:transparent}.author{font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.controls{margin-top:42px;display:flex;align-items:center;gap:24px;color:var(--ink)}.controls button{background:none;border:none;padding:0;cursor:pointer;line-height:0;color:inherit;transition:opacity .2s,color .25s}.controls button:hover{opacity:.55}.controls svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.4}.controls .heart.on svg{fill:var(--heart-on);stroke:var(--heart-on)}.controls .heart.on{opacity:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141a47;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:5}.scrim.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:360px;max-width:88vw;background-color:#fbfaf8;border-left:1px solid #ece9e3;transform:translate(100%);transition:transform .42s cubic-bezier(.4,0,.2,1);z-index:6;display:flex;flex-direction:column;box-shadow:-24px 0 60px -30px #14141e59}.drawer.show{transform:translate(0)}.dh{padding:30px 30px 22px;display:flex;align-items:center;justify-content:space-between}.dh h3{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dh .iconbtn{width:30px;height:30px}.dh .iconbtn svg{width:17px;height:17px}.favlist{list-style:none;overflow-y:auto;flex:1}.favlist li{padding:22px 30px;border-top:1px solid #ece9e3;position:relative;cursor:pointer}[data-theme=dark] .drawer{background-color:#1c1d22;border-left-color:#2a2b31}[data-theme=dark] .favlist li{border-top-color:#26272d}[data-theme=dark] .favlist li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:22px;background:#c9a86a;opacity:.5;border-radius:2px}.favlist .fa{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.favlist .auth{font-size:14.5px;font-weight:600;color:var(--quote);margin-bottom:6px}.favlist .q{font-family:var(--quote-font);font-size:13.5px;line-height:1.55;font-weight:300;font-style:var(--fav-q-style);color:var(--fav-q)}.favlist .rm{background:none;border:none;cursor:pointer;color:var(--save);line-height:0;padding:2px;flex-shrink:0;opacity:0;transition:opacity .2s,color .2s}.favlist li:hover .rm{opacity:1}.favlist .rm:hover{color:var(--save-hover)}.favlist .rm svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.empty{padding:60px 30px;color:var(--muted);font-size:13.5px;line-height:1.6;text-align:center}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%) translateY(12px);background-color:var(--ink);color:var(--bg);font-size:12.5px;letter-spacing:.02em;padding:9px 16px;border-radius:100px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:20}.toast.show{opacity:.96;transform:translate(-50%) translateY(0)}@media (max-width:560px){header{padding:18px 22px}main{padding:0 24px 50px}.savebtn span{display:none}}