.quote-demo{--quote-center-shift:36px;isolation:isolate;color:#f4f0e8;background:#050608;min-height:100svh}.quote-demo__stage{background:linear-gradient(#050608d1 0%,#050608 74%),#050608;grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:clamp(24px,4vw,72px);width:100%;height:100svh;padding:92px 44px 42px;display:grid;position:relative;overflow:hidden}.quote-demo__aurora{z-index:10;filter:blur(54px);opacity:.8;pointer-events:none;background:radial-gradient(circle at 39% 48%,#539dfd29,#0000 24rem),radial-gradient(circle at 18% 20%,#d7a35b1a,#0000 26rem),radial-gradient(circle at 80% 74%,#9fe8d014,#0000 24rem);position:absolute;inset:-22%}.quote-demo__grid{z-index:10;opacity:.22;pointer-events:none;background-image:radial-gradient(circle,#ffffff29 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 43%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 43%,#000 0%,#0000 70%)}.quote-demo__orb{z-index:1;filter:none;opacity:.58;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 76px,#ffffff08 77px,#0000 78px),radial-gradient(circle,#539dfd13,#539dfd05 42%,#0000 70%);border:1px solid #ffffff12;border-radius:999px;width:min(66vh,620px);height:min(66vh,620px);position:absolute;top:50%;left:calc(50% - 150px);transform:translate(-50%,-50%);box-shadow:inset 0 0 110px #539dfd09,0 0 90px #539dfd06}.quote-demo__orb:before,.quote-demo__orb:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0b;position:absolute}.quote-demo__orb:before{inset:13%}.quote-demo__orb:after{border-style:dashed;inset:30%}.quote-demo__brand{z-index:30;color:#f4f0e875;letter-spacing:.18em;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex;position:absolute;top:28px;left:44px}.quote-demo__brand>span{color:#f4f0e8b8}.quote-demo__brand i{background:#ffffff29;width:34px;height:1px;display:block}.quote-demo__brand small{color:#9fe8d0;letter-spacing:.12em;font-size:10px}.quote-demo__canvas{z-index:10;min-width:0;position:relative}.quote-demo__orbit{z-index:5;will-change:transform;position:absolute;inset:0}.quote-demo__node{color:#f4f0e86b;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff06;border:1px solid #ffffff1a;border-radius:999px;place-items:center;gap:1px;width:54px;height:54px;padding:0;transition:border-color .28s,background .28s,color .28s,transform .28s,box-shadow .28s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 16px 40px #0000003d}.quote-demo__node span{color:#f4f0e84d;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.quote-demo__node strong{letter-spacing:.08em;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:10px;font-weight:400}.quote-demo__node:hover,.quote-demo__node.is-active{color:#f4f0e8;background:#9fe8d01a;border-color:#9fe8d09e;box-shadow:0 0 0 6px #9fe8d00a,0 18px 48px #00000057}.quote-demo__node.is-active span{color:#9fe8d0}.quote-demo__center{top:calc(50% - var(--quote-center-shift));z-index:12;text-align:center;width:min(860px,86%);position:absolute;left:50%;transform:translate(-50%,-50%)}.quote-demo__eyebrow{color:#f4f0e86b;letter-spacing:.22em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:flex}.quote-demo__eyebrow i,.quote-demo__meta i{background:#ffffff2e;width:22px;height:1px;display:block}.quote-demo__quote{color:#f4f0e8;filter:blur();will-change:transform, opacity, filter}.quote-demo__quote p{letter-spacing:-.055em;margin:0;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:clamp(28px,4.2vw,56px);font-weight:300;line-height:1.22}.quote-demo__quote p span{display:block}.quote-demo__quote-title{color:#f4f0e86b;letter-spacing:.28em;margin-bottom:14px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:11px;font-weight:400;display:block}.quote-demo__quote.is-poem p{letter-spacing:-.035em;font-size:clamp(18px,2.25vw,30px);line-height:1.72}.quote-demo__quote p span:empty:after,.quote-demo__modal-content span:empty:after{content:" "}.quote-demo__meta{color:#f4f0e86b;letter-spacing:.18em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin-top:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:flex}.quote-demo__expand{color:#f4f0e8;letter-spacing:.14em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;font-size:10px;transition:background .25s,border-color .25s,color .25s,transform .25s;display:inline-flex}.quote-demo__expand:after{content:"↗";font-size:12px;line-height:1}.quote-demo__expand:hover{color:#050608;background:#9fe8d0;border-color:#9fe8d0;transform:translateY(-2px)}.quote-demo__expand:focus-visible,.quote-demo__node:focus-visible,.quote-demo__categories button:focus-visible,.quote-demo__list-item:focus-visible,.quote-demo__modal-close:focus-visible{outline-offset:3px;outline:2px solid #539dfd}.quote-demo__rail{z-index:30;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(.8);backdrop-filter:blur(18px)saturate(.8);background:linear-gradient(#ffffff0e,#ffffff05);border:1px solid #ffffff17;flex-direction:column;height:calc(100svh - 134px);min-height:0;padding:22px;display:flex;position:relative;box-shadow:0 30px 80px #00000047}.quote-demo__rail-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:17px;display:flex}.quote-demo__rail-head span{color:#539dfd;letter-spacing:.24em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:650}.quote-demo__rail-head strong{color:#f4f0e8;letter-spacing:-.04em;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:19px;font-weight:400}.quote-demo__categories{flex-wrap:wrap;gap:7px;padding:16px 0;display:flex}.quote-demo__categories button{color:#f4f0e88a;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;transition:border-color .22s,background .22s,color .22s;display:inline-flex}.quote-demo__categories button small{color:#f4f0e847;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.quote-demo__categories button:hover,.quote-demo__categories button.is-active{color:#f4f0e8;background:#9fe8d014;border-color:#9fe8d06b}.quote-demo__categories button.is-active small{color:#9fe8d0}.quote-demo__list{scrollbar-color:#9fe8d061 transparent;scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.quote-demo__list::-webkit-scrollbar{width:5px}.quote-demo__list::-webkit-scrollbar-track{background:0 0}.quote-demo__list::-webkit-scrollbar-thumb{background:#9fe8d04d;border-radius:999px}.quote-demo__list-item{color:#f4f0e894;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff12;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:14px 4px;transition:color .22s,padding .22s,background .22s;display:grid}.quote-demo__list-item:hover,.quote-demo__list-item.is-active{color:#f4f0e8}.quote-demo__list-item.is-active{background:linear-gradient(90deg,#539dfd1a,#0000 72%);padding-left:10px}.quote-demo__list-index{color:#f4f0e83d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.quote-demo__list-item.is-active .quote-demo__list-index{color:#539dfd}.quote-demo__list-copy{gap:5px;min-width:0;display:grid}.quote-demo__list-copy strong{color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:13px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.quote-demo__list-copy small{color:#f4f0e84d;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.quote-demo__list-arrow{color:#f4f0e833;font-size:12px;transition:color .22s,transform .22s}.quote-demo__list-item:hover .quote-demo__list-arrow,.quote-demo__list-item.is-active .quote-demo__list-arrow{color:#9fe8d0;transform:translate(2px,-2px)}.quote-demo__pager{z-index:30;align-items:center;gap:12px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.quote-demo__pager button{color:#f4f0e8b8;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:42px;height:42px;font-size:17px;transition:border-color .22s,background .22s,color .22s,transform .22s;display:grid}.quote-demo__pager button:hover{color:#9fe8d0;background:#9fe8d01a;border-color:#9fe8d07a;transform:translateY(-1px)}.quote-demo__pager small{color:#f4f0e86b;letter-spacing:.08em;text-align:center;min-width:58px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.quote-demo__modal{z-index:1200;-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);background:#030405d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.quote-demo__modal-card{border-radius:var(--radius-lg);color:#f4f0e8;text-align:center;overscroll-behavior:contain;scrollbar-color:#9fe8d061 transparent;scrollbar-width:thin;background:#0a0c0e;border:1px solid #ffffff1c;width:min(720px,100%);max-height:min(82vh,760px);padding:clamp(30px,5vw,54px);position:relative;overflow-y:auto;box-shadow:0 34px 100px #00000094}.quote-demo__modal-close{color:#f4f0e89e;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:38px;height:38px;font-size:22px;line-height:1;transition:background .22s,color .22s,transform .22s;display:grid;position:absolute;top:16px;right:16px}.quote-demo__modal-close:hover{color:#050608;background:#9fe8d0;transform:rotate(90deg)}.quote-demo__modal-tag{color:#539dfd;letter-spacing:.22em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:650;display:inline-block}.quote-demo__modal-card h2{color:#f4f0e8;letter-spacing:-.045em;margin:18px 0 24px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:clamp(24px,4vw,40px);font-weight:400}.quote-demo__modal-content{color:#f4f0e8;letter-spacing:-.025em;flex-direction:column;gap:.22em;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:clamp(18px,2.4vw,28px);font-weight:300;line-height:1.85;display:flex}.quote-demo__modal-card>p{color:#f4f0e86b;letter-spacing:.16em;margin:28px 0 0;font-size:10px}@media (max-width:1100px){.quote-demo__stage{grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-left:28px;padding-right:28px}.quote-demo__brand{left:28px}.quote-demo__pager{bottom:22px}.quote-demo__node{width:50px;height:50px}.quote-demo__quote p{font-size:clamp(27px,4.1vw,50px)}.quote-demo__quote.is-poem p{font-size:clamp(17px,2.15vw,27px)}}@media (max-width:900px){.quote-demo{min-height:100svh}.quote-demo__stage{grid-template-rows:minmax(0,1fr) 300px;grid-template-columns:1fr;gap:16px;padding:76px 18px 18px}.quote-demo__brand{top:20px;left:18px}.quote-demo__brand i{width:22px}.quote-demo__orb{width:380px;height:380px;top:40%;left:50%}.quote-demo__canvas{min-height:0}.quote-demo__node{width:44px;height:44px}.quote-demo__node span{font-size:7px}.quote-demo__node strong{font-size:9px}.quote-demo__center{width:74%}.quote-demo__quote p{font-size:clamp(25px,7vw,39px)}.quote-demo__quote.is-poem p{font-size:clamp(17px,5.6vw,25px);line-height:1.66}.quote-demo__eyebrow{margin-bottom:14px}.quote-demo__meta{margin-top:16px}.quote-demo__rail{border-radius:var(--radius-lg);height:auto;min-height:0;padding:16px}.quote-demo__rail-head{padding-bottom:12px}.quote-demo__categories{scrollbar-width:none;flex-wrap:nowrap;padding:12px 0;overflow-x:auto}.quote-demo__categories::-webkit-scrollbar{display:none}.quote-demo__categories button{flex:none}.quote-demo__list-item{padding:11px 4px}.quote-demo__list-copy strong{-webkit-line-clamp:1;font-size:12px}.quote-demo__pager{bottom:18px}}@media (max-width:520px){.quote-demo__stage{grid-template-rows:minmax(0,1fr) 286px;padding-left:12px;padding-right:12px}.quote-demo__brand{font-size:8px;left:12px}.quote-demo__brand i{display:none}.quote-demo__node{border-color:#ffffff21;width:38px;height:38px}.quote-demo__node strong{font-size:8px}.quote-demo__center{width:78%}.quote-demo__eyebrow{gap:8px;font-size:8px}.quote-demo__eyebrow i{width:14px}.quote-demo__quote-title{margin-bottom:9px;font-size:9px}.quote-demo__quote p{font-size:clamp(23px,7.6vw,32px)}.quote-demo__quote.is-poem p{font-size:clamp(16px,5.4vw,22px)}.quote-demo__expand{margin-top:12px;padding:8px 14px;font-size:9px}.quote-demo__rail-head strong{font-size:17px}.quote-demo__modal{padding:12px}.quote-demo__modal-card{border-radius:var(--radius-lg);max-height:88vh;padding:34px 22px 28px}.quote-demo__modal-close{width:34px;height:34px;top:12px;right:12px}.quote-demo__modal-card h2{margin:15px 0 20px}.quote-demo__modal-content{font-size:19px;line-height:1.82}}@media (prefers-reduced-motion:reduce){.quote-demo__node,.quote-demo__expand,.quote-demo__categories button,.quote-demo__list-item,.quote-demo__list-arrow,.quote-demo__modal-close{transition:none}}.quote-demo__stage{display:block}.quote-demo__canvas{height:100%}.quote-demo__orb{left:50%}.quote-demo__rail{z-index:40;opacity:0;pointer-events:none;width:min(360px,100vw - 88px);height:auto;transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:92px;bottom:42px;right:44px;transform:translate(calc(100% + 64px))}.quote-demo__rail.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.quote-demo__rail-toggle{z-index:80;color:#f4f0e8b8;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c0eb8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;height:36px;padding:0 14px;font-size:10px;transition:border-color .24s,background .24s,color .24s,transform .24s;display:inline-flex;position:absolute;top:28px;right:44px;box-shadow:0 14px 34px #00000038}.quote-demo__rail-toggle small{color:#9fe8d0;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.quote-demo__rail-toggle i{width:14px;height:14px;display:block;position:relative}.quote-demo__rail-toggle i:before{content:"←";place-items:center;font-size:12px;font-style:normal;line-height:1;transition:transform .32s;display:grid;position:absolute;inset:0}.quote-demo__rail-toggle:hover,.quote-demo__rail-toggle.is-open{color:#050608;background:#9fe8d0;border-color:#9fe8d073}.quote-demo__rail-toggle:hover small,.quote-demo__rail-toggle.is-open small{color:#050608}.quote-demo__rail-toggle.is-open i:before{content:"→"}@media (max-width:1100px){.quote-demo__rail{width:min(320px,100vw - 56px);right:28px}.quote-demo__rail-toggle{right:28px}}@media (max-width:900px){.quote-demo__stage{padding:76px 18px 18px;display:block}.quote-demo__canvas{height:100%}.quote-demo__rail{border-radius:var(--radius-lg);width:min(360px,100vw - 36px);height:auto;padding:16px;top:76px;bottom:18px;right:18px}.quote-demo__rail-toggle{top:20px;right:18px}}@media (max-width:520px){.quote-demo__stage{padding-left:12px;padding-right:12px;display:block}.quote-demo__rail{width:calc(100vw - 24px);top:70px;bottom:12px;right:12px}.quote-demo__rail-toggle{padding:0 12px;top:16px;right:12px}}@media (prefers-reduced-motion:reduce){.quote-demo__rail,.quote-demo__rail-toggle,.quote-demo__rail-toggle i:before{transition:none}}.quote-demo__orb:after{border-style:dashed;border-color:#9fe8d013;inset:23%}.quote-demo__rail-toggle{z-index:90;border-radius:var(--radius-md) 0 0 var(--radius-md);color:#f4f0e8bd;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0cc2;border:1px solid #ffffff1f;border-right:0;flex-direction:column;gap:10px;width:44px;height:auto;min-height:124px;padding:16px 10px;font-size:10px;transition:border-color .24s,background .24s,color .24s,transform .32s,opacity .24s;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-12px 18px 40px #00000042}.quote-demo__rail-toggle span{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.18em}.quote-demo__rail-toggle small{color:#9fe8d0}.quote-demo__rail-toggle i:before{content:"‹";font-size:14px}.quote-demo__rail-toggle:hover small{color:#050608}.quote-demo__rail-toggle.is-open{opacity:0;pointer-events:none;transform:translate(20px,-50%)}.quote-demo__rail-close{z-index:5;color:#f4f0e88a;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;font-size:18px;line-height:1;transition:background .22s,color .22s,transform .22s;display:grid;position:absolute;top:16px;right:16px}.quote-demo__rail-close:hover{color:#050608;background:#9fe8d0;transform:rotate(90deg)}.quote-demo__rail-head{padding-right:36px}@media (max-width:900px){.quote-demo__orb{width:min(90vw,470px);height:min(90vw,470px);top:50%;left:50%}.quote-demo__rail-toggle{min-height:112px;top:50%;right:0}}@media (max-width:520px){.quote-demo__orb{width:min(94vw,410px);height:min(94vw,410px)}.quote-demo__rail-toggle{min-height:100px;padding:14px 8px;right:0}}@media (prefers-reduced-motion:reduce){.quote-demo__rail-toggle,.quote-demo__rail-close{transition:none}}.quote-demo__orb{opacity:.68;background:repeating-radial-gradient(circle,#0000 0 112px,#ffffff0b 113px,#0000 114px),radial-gradient(circle,#539dfd17,#539dfd05 48%,#0000 73%);border-color:#ffffff1b;width:min(92vh,900px);height:min(92vh,900px);box-shadow:inset 0 0 180px #539dfd0b,0 0 170px #539dfd0a}.quote-demo__orb:before{border-color:#ffffff0f;inset:6%}.quote-demo__orb:after{border-color:#9fe8d014;inset:20%}.quote-demo__quote p{letter-spacing:.012em;text-wrap:balance;color:#f4f0e8;font-family:STKaiti,KaiTi,Kaiti SC,Songti SC,Noto Serif SC,serif;font-weight:400;line-height:1.42}.quote-demo__quote.is-poem p{letter-spacing:.02em;font-weight:400;line-height:1.78}.quote-demo__quote-title{color:#9fe8d0b8;letter-spacing:.34em;font-family:STKaiti,KaiTi,Kaiti SC,Songti SC,Noto Serif SC,serif;font-weight:400}@media (max-width:900px){.quote-demo__orb{width:min(96vw,520px);height:min(96vw,520px)}.quote-demo__quote.is-poem p{line-height:1.7}}@media (max-width:520px){.quote-demo__orb{width:min(98vw,450px);height:min(98vw,450px)}.quote-demo__quote p{line-height:1.46}.quote-demo__quote.is-poem p{line-height:1.68}}.quote-demo__stage{isolation:isolate;background:radial-gradient(at 50% 44%,#151d2275,#0000 52%),linear-gradient(#080b0e 0%,#050608 48%,#030405 100%)}.quote-demo__stage:before{content:"";z-index:10;opacity:.9;pointer-events:none;background:linear-gradient(#0000 0%,#ffffff05 48%,#0000 52%),radial-gradient(#0000 0 34%,#539dfd09 34.2%,#0000 64%);position:absolute;inset:0}.quote-demo__stage:after{content:"";z-index:10;pointer-events:none;background:radial-gradient(#0000 35%,#00000085 100%),linear-gradient(90deg,#00000047,#0000 18% 82%,#00000047);position:absolute;inset:0}.quote-demo__aurora{filter:blur(86px)saturate(1.04);opacity:.72;background:radial-gradient(at 23% 20%,#539dfd21,#0000 31%),radial-gradient(at 80% 76%,#9fe8d016,#0000 29%),radial-gradient(at 52% 112%,#d7a35b16,#0000 43%);animation:18s ease-in-out infinite alternate quote-aurora-breathe;inset:-34%}.quote-demo__grid{opacity:.28;background-image:radial-gradient(circle,#ffffffc7 0 .75px,#0000 1.1px),radial-gradient(circle,#9fe8d094 0 .85px,#0000 1.2px),radial-gradient(circle,#539dfd8a 0 .75px,#0000 1.1px),radial-gradient(circle,#fff6 0 1.25px,#0000 1.7px);background-position:18px 34px,96px 126px,42px 210px,164px 72px;background-size:173px 173px,239px 239px,317px 317px,487px 487px;animation:72s linear infinite alternate quote-star-drift;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#000000a8 56%,#0000 94%);mask-image:radial-gradient(#000 0%,#000000a8 56%,#0000 94%)}@media (prefers-reduced-motion:reduce){.quote-demo__aurora,.quote-demo__grid{animation:none}}.quote-demo__orb{display:none}.quote-demo__aurora{filter:blur(82px)saturate(1.02);background:linear-gradient(110deg,#0000 10%,#539dfd1a 34%,#0000 58%),linear-gradient(70deg,#0000 39%,#9fe8d012 60%,#0000 81%),radial-gradient(at 18% 92%,#d7a35b12,#0000 32%)}.quote-demo__beam{z-index:1;opacity:.34;pointer-events:none;mix-blend-mode:screen;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#539dfd3d 28%,#9fe8d040 54%,#0000 88%);width:136%;height:1px;position:absolute;left:-18%;box-shadow:0 0 18px #539dfd14}.quote-demo__beam:after{content:"";filter:blur(28px);background:radial-gradient(#539dfd16,#0000 72%);height:68px;position:absolute;top:-34px;left:8%;right:8%}.quote-demo__beam--one{top:32%;rotate:-7deg}.quote-demo__beam--two{opacity:.26;top:51%;rotate:5deg}.quote-demo__beam--three{opacity:.22;top:70%;rotate:-3deg}@media (max-width:900px){.quote-demo__beam{width:184%;left:-42%}.quote-demo__beam--one{top:29%}.quote-demo__beam--two{top:50%}.quote-demo__beam--three{top:71%}}@media (prefers-reduced-motion:reduce){.quote-demo__beam{will-change:auto}}.quote-demo__rail-toggle{color:#263235;background:#f4f0e8f0;border-color:#9fe8d094;box-shadow:-14px 18px 42px #0000004d,0 0 0 1px #9fe8d02e,0 0 30px #9fe8d024}.quote-demo__rail-toggle span{color:#263235;font-weight:650}.quote-demo__rail-toggle small{color:#167d68;font-weight:700}.quote-demo__rail-toggle i:before{color:#167d68}.quote-demo__rail-toggle:hover{color:#050608;background:#9fe8d0;border-color:#9fe8d0}.quote-demo__rail-toggle:hover span,.quote-demo__rail-toggle:hover small,.quote-demo__rail-toggle:hover i:before{color:#050608}.quote-demo__category-nav{z-index:35;-webkit-backdrop-filter:blur(18px)saturate(.85);backdrop-filter:blur(18px)saturate(.85);background:#080a0c94;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000052}.quote-demo__category-nav button:focus-visible{outline-offset:3px;outline:2px solid #539dfd}@media (max-width:520px){.quote-demo__category-nav{gap:2px;padding:4px;bottom:18px}.quote-demo__category-nav button{min-width:68px;padding:8px 12px;font-size:10px}}@media (prefers-reduced-motion:reduce){.quote-demo__category-nav button{transition:none}}.quote-demo__category-drawer{z-index:45;pointer-events:none;width:min(560px,100vw - 32px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.quote-demo__category-handle{border-radius:var(--radius-md) var(--radius-md) 0 0;color:#263235;letter-spacing:.08em;cursor:pointer;pointer-events:auto;background:#f4f0e8f0;border:1px solid #9fe8d06b;border-bottom:0;align-items:center;gap:8px;margin:0 auto;padding:10px 16px 11px;font-size:10px;transition:background .24s,color .24s,transform .24s;display:inline-flex;box-shadow:0 -12px 34px #00000047,0 0 24px #9fe8d01a}.quote-demo__category-handle span{font-weight:650}.quote-demo__category-handle small{color:#167d68;letter-spacing:.04em;font-size:9px;font-weight:700}.quote-demo__category-handle i{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-left:2px;transition:transform .28s;display:block;transform:rotate(225deg)}.quote-demo__category-nav{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(.85);backdrop-filter:blur(18px)saturate(.85);background:#080a0ca8;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;gap:4px;padding:6px;transition:opacity .24s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:calc(100% + 10px);left:0;right:0;transform:translateY(14px)scale(.98);box-shadow:0 18px 50px #00000057}.quote-demo__category-drawer.is-open .quote-demo__category-nav{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.quote-demo__category-nav button{color:#f4f0e87a;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:74px;padding:9px 14px;font-size:10px;transition:background .22s,color .22s,transform .22s}.quote-demo__category-nav button:hover{color:#f4f0e8;transform:translateY(-1px)}.quote-demo__category-nav button.is-active{color:#050608;background:#f4f0e8f0;font-weight:650}@media (max-width:520px){.quote-demo__category-drawer{width:calc(100vw - 24px)}.quote-demo__category-handle{padding:9px 14px 10px}.quote-demo__category-nav{gap:2px;padding:4px}.quote-demo__category-nav button{min-width:64px;padding:8px 10px;font-size:9px}}@media (prefers-reduced-motion:reduce){.quote-demo__category-handle,.quote-demo__category-handle i,.quote-demo__category-nav,.quote-demo__category-nav button{transition:none}}.quote-demo__category-drawer{justify-content:center;align-items:flex-end;display:flex}.quote-demo__category-handle{color:#f4f0e8ad;background:#050608f0;border-color:#ffffff21;margin:0;box-shadow:0 -10px 30px #0000003d,0 0 18px #9fe8d00d}.quote-demo__category-handle span{color:#f4f0e8b8}.quote-demo__category-handle:hover{color:#f4f0e8;background:#ffffff12;border-color:#9fe8d06b}.quote-demo__category-handle:hover span,.quote-demo__category-handle:hover small{color:#f4f0e8}.quote-demo__stage:before{opacity:1;background:linear-gradient(112deg,#0000 8%,#539dfd0b 36%,#0000 66%),linear-gradient(#0000 0%,#ffffff05 48%,#0000 74%)}.quote-demo__aurora:before{content:"";filter:blur(60px);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff09,#0000);position:absolute;inset:24% 9%}.quote-demo__beam{opacity:.4;background:linear-gradient(90deg,#0000 0%,#539dfd2e 26%,#ffffff38 48%,#9fe8d038 64%,#0000 90%);height:1px;box-shadow:0 0 26px #539dfd1a,0 0 46px #9fe8d00b}.quote-demo__beam:before{content:"";filter:blur(9px);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0e,#0000);position:absolute;inset:-1px 7%}.quote-demo__beam:after{filter:blur(34px);height:80px;top:-40px}.quote-demo__beam--one{top:31%}.quote-demo__beam--two{opacity:.3;top:51%}.quote-demo__beam--three{opacity:.24;top:71%}@media (prefers-reduced-motion:reduce){.quote-demo__aurora,.quote-demo__grid{animation:none}}.quote-demo__stage:before{background:linear-gradient(112deg,#0000 10%,#539dfd05 38%,#0000 66%),linear-gradient(#0000 0%,#ffffff02 50%,#0000 76%)}.quote-demo__grid{opacity:.18;filter:none;animation:108s linear infinite alternate quote-star-drift,9s ease-in-out infinite quote-star-twinkle}.quote-demo__beam:after{opacity:.55}.quote-demo__quote p{filter:drop-shadow(0 5px 28px #00000085)}@media (prefers-reduced-motion:reduce){.quote-demo__aurora,.quote-demo__grid{animation:none}}.quote-demo__meta{flex-wrap:wrap;row-gap:8px}.quote-demo__quote{filter:none;will-change:auto}.quote-demo__quote p{color:#f4f0e8;-webkit-text-fill-color:#f4f0e8;filter:none;text-shadow:0 4px 26px #0000007a;white-space:pre-line;background:0 0}.quote-demo__stage{z-index:1;position:sticky;top:0}.quote-demo__body{contain:layout paint;flex-direction:column;justify-content:center;height:clamp(340px,52vh,560px);display:flex}.quote-demo__body>p{background:linear-gradient(#fff 0%,#f1f0ea 48%,#b9c1bd 100%);color:#0000;-webkit-text-fill-color:transparent;filter:none;width:100%;min-height:0;text-shadow:none;white-space:pre-line;-webkit-background-clip:text;background-clip:text;flex:1;place-content:center;display:grid}.quote-demo__meta{align-content:center;height:42px;overflow:hidden}@media (max-width:900px){.quote-demo__body{height:clamp(310px,48vh,450px)}.quote-demo__meta{height:46px}}.quote-demo__body>p{place-content:start center;padding-top:clamp(34px,6.5vh,62px)}.quote-demo__meta{grid-template-columns:72px 1px 86px 1px 86px 1px 210px;justify-content:center;align-items:center;column-gap:8px;height:42px;display:grid;overflow:hidden}.quote-demo__meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.quote-demo__meta>span:first-child{text-align:right}.quote-demo__meta-condition{text-align:center}.quote-demo__meta>span:last-child{text-align:left}.quote-demo__meta i{width:100%}@media (max-width:520px){.quote-demo__meta{letter-spacing:.08em;grid-template-columns:44px 1px 56px 1px 56px 1px 132px;column-gap:4px;font-size:8px}}.quote-demo__body>p{height:100%;color:inherit;-webkit-text-fill-color:inherit;background:0 0;place-content:normal;padding:0;display:block;position:relative}.quote-demo__text{color:#0000;-webkit-text-fill-color:transparent;overflow-wrap:anywhere;white-space:pre-line;background:linear-gradient(#fff 0%,#f1f0ea 48%,#b9c1bd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background:linear-gradient(#fff 0%,#f1f0ea 48%,#b9c1bd 100%);will-change:transform, opacity, filter;-webkit-background-clip:text;background-clip:text;width:100%;animation:.34s cubic-bezier(.22,1,.36,1) both quote-text-enter;display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.quote-demo__text{animation:none}}.quote-demo__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;width:100%;max-width:820px;height:auto;min-height:42px;margin:0 auto;display:flex;overflow:visible}.quote-demo__meta>span{white-space:nowrap;text-overflow:clip;min-width:0;overflow:visible}.quote-demo__meta-author,.quote-demo__meta-date{color:#f4f0e87a}.quote-demo__meta-condition{color:#9fe8d0ad}@media (max-width:520px){.quote-demo__meta{letter-spacing:.08em;gap:6px 12px;font-size:9px}}.quote-demo__stage--empty{place-items:center;height:100vh;display:grid}.quote-demo__empty-state{z-index:20;color:#f4f0e8b8;text-align:center;gap:8px;display:grid;position:relative}.quote-demo__empty-state strong{font-family:STKaiti,KaiTi,Kaiti SC,Songti SC,serif;font-size:clamp(22px,4vw,36px);font-weight:400}.quote-demo__empty-state span{color:#f4f0e861;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}html:not(.dark) .quote-demo__empty-state,html:not(.dark) .quote-demo__empty-state strong{color:#34383b}html:not(.dark) .quote-demo__empty-state span{color:#70777b}.dark .quote-demo__empty-state,.dark .quote-demo__empty-state strong{color:#f4f0e8}.dark .quote-demo__empty-state span{color:#f4f0e8a3}.quote-demo__stage{contain:layout paint}.quote-demo__grid{opacity:.13;will-change:auto;animation:none}.quote-demo__beam{opacity:.3;will-change:auto}.quote-demo__beam:before,.quote-demo__beam:after{filter:blur(20px)}@media (prefers-reduced-motion:reduce){.quote-demo__aurora,.quote-demo__grid,.quote-demo__text{animation:none}}.quote-demo__boundary-hint{z-index:80;color:#263235;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#f4f0e8f0;border:1px solid #9fe8d05c;border-radius:999px;padding:10px 18px;font-size:12px;animation:.28s cubic-bezier(.22,1,.36,1) both quote-boundary-hint-in;position:absolute;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #00000047,0 0 24px #9fe8d01f}@media (max-width:520px){.quote-demo__boundary-hint{padding:9px 14px;font-size:11px;bottom:62px}}@media (prefers-reduced-motion:reduce){.quote-demo__boundary-hint{animation:none}}.quote-demo__text{will-change:transform, opacity;animation:none}.quote-demo__text-position{pointer-events:none;width:100%;display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.quote-demo__text{width:100%;animation:none;display:block;position:static;transform:none}.quote-demo__aurora{filter:blur(28px);opacity:.38;will-change:transform, opacity;animation:15s ease-in-out infinite alternate quote-aurora-drift}@media (prefers-reduced-motion:reduce){.quote-demo__aurora{animation:none}}.quote-demo__aurora{filter:blur(34px);opacity:.66;background:linear-gradient(112deg,#0000 8%,#539dfd3d 31%,#539dfd17 48%,#0000 67%),linear-gradient(72deg,#0000 32%,#9fe8d02e 57%,#0000 80%),linear-gradient(20deg,#0000 26%,#d7a35b1d 61%,#0000 86%);animation:13s ease-in-out infinite alternate quote-aurora-drift}.quote-demo__aurora:before,.quote-demo__aurora:after{content:"";pointer-events:none;position:absolute}.quote-demo__aurora:before{filter:blur(44px);background:linear-gradient(100deg,#0000 8%,#539dfd29 37%,#0000 64%);animation:11s ease-in-out infinite alternate quote-aurora-layer;inset:18% -12%;transform:rotate(-5deg)}.quote-demo__aurora:after{filter:blur(48px);background:linear-gradient(80deg,#0000 12%,#9fe8d021 49%,#0000 78%);animation:14s ease-in-out infinite alternate quote-aurora-layer-reverse;inset:34% -14%;transform:rotate(4deg)}@media (prefers-reduced-motion:reduce){.quote-demo__aurora,.quote-demo__aurora:before,.quote-demo__aurora:after{animation:none}}.quote-demo__aurora{background:linear-gradient(112deg,#0000 8%,#539dfd40 31%,#539dfd17 48%,#0000 67%),linear-gradient(72deg,#0000 32%,#89aeff30 57%,#0000 80%),linear-gradient(20deg,#0000 26%,#d7a35b1d 61%,#0000 86%)}.quote-demo__stage{background:radial-gradient(70% 38% at 50% -8%,#1f48880e,#0000 72%),radial-gradient(58% 42% at 88% 106%,#46529608,#0000 74%),linear-gradient(#020406 0%,#010203 52%,#000 100%)}.quote-demo__stage:after{background:radial-gradient(#0000 22%,#000000c7 100%),linear-gradient(90deg,#00000094,#0000 22% 78%,#00000094)}.quote-demo__aurora{background-blend-mode:screen;filter:blur(42px)saturate(1.18)brightness(.82);opacity:.6;background:linear-gradient(110deg,#0000 6%,#12449e57 28%,#1d387e1c 46%,#0000 65%),linear-gradient(72deg,#0000 31%,#4239ae40 56%,#0000 79%),linear-gradient(20deg,#0000 27%,#844d2413 61%,#0000 85%);animation:15s ease-in-out infinite alternate quote-aurora-drift}.quote-demo__aurora:before{filter:blur(48px);mix-blend-mode:screen;background:linear-gradient(100deg,#0000 7%,#2a6ce033 35%,#3048a112 52%,#0000 66%),radial-gradient(at 42% 48%,#00000029,#0000 62%);animation:12s ease-in-out infinite alternate quote-aurora-layer}.quote-demo__aurora:after{filter:blur(52px);mix-blend-mode:screen;background:linear-gradient(80deg,#0000 11%,#5343bf30 47%,#293a8412 65%,#0000 78%),radial-gradient(at 62% 42%,#00000021,#0000 64%);animation:15s ease-in-out infinite alternate quote-aurora-layer-reverse}@media (prefers-reduced-motion:reduce){.quote-demo__aurora,.quote-demo__aurora:before,.quote-demo__aurora:after{animation:none}}.quote-demo__beam{opacity:.46;background:linear-gradient(90deg,#0000 0%,#539dfd4d 26%,#ffffff70 48%,#8b9dff4d 66%,#0000 92%);box-shadow:0 0 28px #539dfd2e,0 0 56px #8b9dff1a}.quote-demo__beam:before{background:linear-gradient(90deg,#0000,#ffffff1c,#0000)}.quote-demo__beam--one{opacity:.48}.quote-demo__beam--two{opacity:.42}.quote-demo__beam--three{opacity:.35}.quote-demo__aurora{filter:blur(42px)saturate(1.14)brightness(.86);opacity:.6;background:linear-gradient(110deg,#0000 6%,#144ea657 28%,#194a841b 46%,#0000 65%),linear-gradient(72deg,#0000 31%,#237eac38 56%,#0000 79%),linear-gradient(20deg,#0000 27%,#925b2714 61%,#0000 85%)}.quote-demo__aurora:before{background:linear-gradient(100deg,#0000 7%,#3086dc36 35%,#29689f12 52%,#0000 66%),radial-gradient(at 42% 48%,#00000029,#0000 62%)}.quote-demo__aurora:after{background:linear-gradient(80deg,#0000 11%,#269dc42e 47%,#225c9312 65%,#0000 78%),radial-gradient(at 62% 42%,#00000021,#0000 64%)}.quote-demo__beam{background:linear-gradient(90deg,#0000 0%,#539dfd4f 26%,#ffffff75 48%,#ffbe6247 66%,#0000 92%);box-shadow:0 0 28px #539dfd30,0 0 56px #ffbe6213}.quote-demo__beam--two:after{background:radial-gradient(#4bb9e016,#0000 72%)}.quote-demo__beam--three:after{background:radial-gradient(#ffbe6213,#0000 72%)}.quote-demo__grid{opacity:.24;background-image:radial-gradient(circle,#ffffffe0 0 .75px,#0000 1.1px),radial-gradient(circle,#58b4ffc7 0 .9px,#0000 1.25px),radial-gradient(circle,#ffc26aa6 0 .8px,#0000 1.15px),radial-gradient(circle,#ffffff73 0 1.25px,#0000 1.7px);background-position:22px 38px,118px 88px,52px 232px,188px 126px;background-size:181px 181px,257px 257px,337px 337px,521px 521px}html:not(.dark) .quote-demo{color:#30383b;background:#eef2f2}html:not(.dark) .quote-demo__stage{background:radial-gradient(at 48% 42%,#fffffffa 0%,#f3f7f8e6 42%,#d8e0e4fa 100%),linear-gradient(#f9fbfb 0%,#e8edef 100%)}html:not(.dark) .quote-demo__stage:before{opacity:.94;background:linear-gradient(#fff3 0%,#0000 46%,#ffffff2e 100%),linear-gradient(112deg,#0000 8%,#4f809a1f 38%,#0000 66%)}html:not(.dark) .quote-demo__stage:after{background:radial-gradient(#0000 40%,#46545924 100%),linear-gradient(90deg,#ffffff94,#0000 20% 80%,#ffffff8a)}html:not(.dark) .quote-demo__aurora{filter:blur(52px)saturate(1.04);opacity:.82;background:linear-gradient(110deg,#0000 7%,#5a90ae45 30%,#789aae17 47%,#0000 65%),linear-gradient(72deg,#0000 29%,#70777b2e 56%,#0000 79%),linear-gradient(20deg,#0000 26%,#c29d672b 61%,#0000 85%);animation-name:quote-aurora-breathe-light}html:not(.dark) .quote-demo__aurora:before{filter:blur(48px);mix-blend-mode:multiply;background:linear-gradient(100deg,#0000 7%,#5791b23d 35%,#537f9717 52%,#0000 66%),radial-gradient(at 42% 48%,#ffffff6b,#0000 62%)}html:not(.dark) .quote-demo__aurora:after{filter:blur(52px);mix-blend-mode:multiply;background:linear-gradient(80deg,#0000 11%,#848a8e2e 47%,#69879417 65%,#0000 78%),radial-gradient(at 62% 42%,#bfa16f24,#0000 64%)}html:not(.dark) .quote-demo__grid{opacity:.28;background-image:radial-gradient(circle,#45606c94 0 .72px,#0000 1.08px),radial-gradient(circle,#70777b70 0 .84px,#0000 1.2px),radial-gradient(circle,#ab895470 0 .76px,#0000 1.12px),radial-gradient(circle,#596f7661 0 1.18px,#0000 1.64px)}html:not(.dark) .quote-demo__beam{opacity:.42;mix-blend-mode:multiply;background:linear-gradient(90deg,#0000 0%,#538ead61 26%,#ffffffd1 48%,#b6966357 66%,#0000 92%);box-shadow:0 0 26px #538ead29,0 0 48px #b696631a}html:not(.dark) .quote-demo__beam:before,html:not(.dark) .quote-demo__beam:after{filter:blur(22px)}html:not(.dark) .quote-demo__eyebrow{color:#46535894}html:not(.dark) .quote-demo__eyebrow i,html:not(.dark) .quote-demo__meta i{background:#566a7033}html:not(.dark) .quote-demo__quote{color:#344044;text-shadow:none}html:not(.dark) .quote-demo__quote-title{color:#41505585}html:not(.dark) .quote-demo__text{color:#4b5a60;-webkit-text-fill-color:#4b5a60;filter:none;text-shadow:none;background:0 0}html:not(.dark) .quote-demo__meta-author,html:not(.dark) .quote-demo__meta-date{color:#47555a8a}html:not(.dark) .quote-demo__meta-condition{color:#758085}html:not(.dark) .quote-demo__expand{color:#465358;background:#fff9;border-color:#54707833;box-shadow:0 8px 24px #49585d12}html:not(.dark) .quote-demo__expand:hover{color:#fff;background:#70777b;border-color:#70777b}html:not(.dark) .quote-demo__pager button{color:#050505;background:#fff;border-color:#1118277a;font-weight:700;box-shadow:0 8px 24px #1f2a2e33}html:not(.dark) .quote-demo__pager small{color:#050505;letter-spacing:.06em;font-size:11px;font-weight:800}html:not(.dark) .quote-demo__boundary-hint{color:#354247;background:#fffffff0;border-color:#70777b3d;box-shadow:0 12px 30px #49585d24}html:not(.dark) .quote-demo__modal{background:#e8ededd1}html:not(.dark) .quote-demo__modal-card{color:#343e42;scrollbar-color:#70777b47 transparent;background:#fff;border-color:#54707829;box-shadow:0 30px 90px #4150552e}html:not(.dark) .quote-demo__modal-close{color:#687579;border-color:#54707829}html:not(.dark) .quote-demo__modal-close:hover{color:#fff;background:#70777b}html:not(.dark) .quote-demo__modal-tag{color:#70777b}html:not(.dark) .quote-demo__modal-card h2,html:not(.dark) .quote-demo__modal-content{color:#344044}html:not(.dark) .quote-demo__modal-card>p{color:#47555a8a}.quote-demo__pager{z-index:34;pointer-events:none;width:auto;height:auto;display:block;position:absolute;inset:0;transform:none}.quote-demo__pager button{top:calc(50% - var(--quote-center-shift));width:72px;height:104px;box-shadow:none;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;place-items:center;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:clamp(52px,6.5vw,82px);font-weight:300;line-height:1;transition:color .22s,opacity .22s,transform .22s;display:grid;position:absolute;transform:translateY(-50%)}.quote-demo__pager button:first-child{left:0}.quote-demo__pager button:last-child{right:0}.quote-demo__pager button:hover{opacity:.72;background:0 0;border:0;transform:translateY(-50%)scale(1.06)}.quote-demo__pager small{min-width:58px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.quote-demo__category-drawer{justify-content:flex-end;align-items:center;width:252px;display:flex;inset:50% 0 auto auto;transform:translateY(-50%)}.quote-demo__category-handle{writing-mode:vertical-rl;text-orientation:mixed;border-radius:var(--radius-md) 0 0 var(--radius-md);border-bottom:1px solid #78b49e52;border-right:0;gap:10px;margin:0 0 0 auto;padding:16px 11px}.quote-demo__category-handle i{margin:2px 0 0;transform:rotate(135deg)}.quote-demo__category-drawer.is-open .quote-demo__category-handle i{transform:rotate(-45deg)}.quote-demo__category-nav{border-radius:var(--radius-md);transform-origin:100%;justify-content:stretch;gap:4px;width:max-content;min-width:132px;padding:8px;display:grid;inset:50% calc(100% + 10px) auto auto;transform:translate(18px,-50%)scale(.98)}.quote-demo__category-nav button{text-align:center;width:100%;min-width:116px;padding:10px 14px}html:not(.dark) .quote-demo__pager button:hover{color:#050505;background:0 0;border:0}@media (max-width:900px){.quote-demo__center{width:calc(100% - 138px)}.quote-demo__pager button{width:58px;font-size:clamp(42px,10vw,62px)}.quote-demo__category-drawer{width:228px}}@media (max-width:520px){.quote-demo__center{width:calc(100% - 92px)}.quote-demo__pager button{width:42px;height:82px;font-size:40px}.quote-demo__category-drawer{width:196px}.quote-demo__category-handle{padding:13px 9px}.quote-demo__category-nav{min-width:112px;padding:6px}.quote-demo__category-nav button{min-width:98px;padding:8px 10px;font-size:9px}}.quote-demo__center{width:min(800px,100% - 132px)}.quote-demo__pager button{color:#f4f0e8ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff1f;border-radius:999px;width:72px;height:72px;font-size:0}.quote-demo__pager button svg{width:38px;height:38px;display:block}.quote-demo__pager button:hover{color:#9fe8d0;opacity:1;background:#9fe8d014;border-color:#9fe8d061;transform:translateY(-50%)}html:not(.dark) .quote-demo__pager button{color:#1f292d;background:#ffffffe0;border-color:#2d3d4342;box-shadow:0 6px 18px #3241461a}html:not(.dark) .quote-demo__pager button:hover{color:#34383b;background:#eceeef;border-color:#70777b75}@media (max-width:900px){.quote-demo__center{width:calc(100% - 112px)}}@media (max-width:520px){.quote-demo__center{width:calc(100% - 82px)}.quote-demo__pager button{width:54px;height:54px}.quote-demo__pager button svg{width:30px;height:30px}}.quote-demo__category-handle{color:#f4f0e8c7;background:#121416d6;border-color:#ffffff24;box-shadow:-10px 0 28px #00000038}.quote-demo__category-handle:hover{color:#fff;background:#ffffff17}.quote-demo__category-handle small{color:#f4f0e875}.quote-demo__category-nav{background:#121416e0;border-color:#ffffff1a;box-shadow:0 18px 46px #0000004d}.quote-demo__category-nav button{color:#f4f0e88f}.quote-demo__category-nav button:hover{color:#fff;background:#ffffff0f}.quote-demo__category-nav button.is-active{color:#111315;background:#f4f0e8f0}html:not(.dark) .quote-demo__category-handle{color:#465358;background:#ffffffeb;border-color:#54707838;box-shadow:-10px 0 26px #3241461a}html:not(.dark) .quote-demo__category-handle:hover{color:#1f292d;background:#eef1f1}html:not(.dark) .quote-demo__category-handle small{color:#6b767a}html:not(.dark) .quote-demo__category-nav{background:#fffffff0;border-color:#54707824;box-shadow:0 16px 40px #32414621}html:not(.dark) .quote-demo__category-nav button:hover{color:#1f292d;background:#eef1f1}html:not(.dark) .quote-demo__category-nav button.is-active{color:#fff;background:#111827}.quote-demo__category-handle span,.quote-demo__category-handle small{color:inherit!important}.quote-demo__category-handle small{opacity:.62}.quote-demo__category-nav{width:142px;min-width:142px;right:42px;transform:translate(12px,-50%)scale(.98)}.quote-demo__category-drawer.is-open .quote-demo__category-nav{transform:translateY(-50%)scale(1)}html:not(.dark) .quote-demo__category-handle{color:#465358}html:not(.dark) .quote-demo__category-nav button{color:#59666a}html:not(.dark) .quote-demo__category-nav button:hover{color:#1f292d}.quote-demo__pager button,html:not(.dark) .quote-demo__pager button{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.quote-demo__pager button:hover,html:not(.dark) .quote-demo__pager button:hover{box-shadow:none;opacity:.68;background:0 0;border:0}.quote-demo__pager button:focus-visible{outline-offset:4px;outline:1px solid}@media (min-width:1280px){.quote-demo__pager{width:min(100%,1200px);left:50%;right:auto;transform:translate(-50%)}}.quote-demo__author{color:#f4f0e8cc;letter-spacing:.14em;text-align:center;justify-content:center;align-items:center;gap:7px;margin:8px auto 0;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:12px;font-weight:400;line-height:1.5;display:flex}.quote-demo__author span{opacity:.58;letter-spacing:0;flex:none}html:not(.dark) .quote-demo__author{color:#344247}.quote-demo__meta-author{color:#f4f0e8cc;align-items:center;gap:6px;display:inline-flex}.quote-demo__author-dash{opacity:.56;letter-spacing:0;flex:none}html:not(.dark) .quote-demo__meta-author{color:#758085}html:not(.dark) .quote-demo__author-dash{color:#758085;opacity:.72}.quote-demo__meta-separator{color:#f4f0e83d;-webkit-user-select:none;user-select:none;font-weight:400}html:not(.dark) .quote-demo__meta-separator{color:#47555a47}.quote-demo__like{color:#9fe8d0b8;letter-spacing:.08em;cursor:pointer;background:#9fe8d00a;border:1px solid #9fe8d02e;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 11px;font-size:10px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.quote-demo__like svg{width:14px;height:14px}.quote-demo__like:hover:not(:disabled){color:#b8f3df;background:#9fe8d01a;border-color:#9fe8d06b;transform:translateY(-1px)}.quote-demo__like.is-liked{color:#9fe8d0;background:#9fe8d017;border-color:#9fe8d057}.quote-demo__like:disabled{cursor:default;opacity:1}.quote-demo__like:focus-visible{outline-offset:3px;outline:1px solid}.quote-demo__like--modal{margin-top:18px}html:not(.dark) .quote-demo__like{color:#61736e;background:#ffffff94;border-color:#4769602e}html:not(.dark) .quote-demo__like:hover:not(:disabled),html:not(.dark) .quote-demo__like.is-liked{color:#2f7c68;background:#2f7c6814;border-color:#2f7c6857}