.binder-stage{position:fixed;inset:0;z-index:1000;display:none;perspective:1800px;background:radial-gradient(900px 600px at 50% 40%,#14100873,#06070cf0 70%)}.binder-stage.open{display:block;animation:bfade .35s ease-out}@keyframes bfade{0%{opacity:0}to{opacity:1}}.binder-bg{position:absolute;inset:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.binder{position:absolute;left:50%;top:50%;width:min(440px,96vw);height:min(760px,92vh);transform:translate(-50%,120%) rotateX(28deg) scale(.92);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1);will-change:transform}.binder-stage.open .binder{transform:translate(-50%,-50%) rotateX(0) scale(1);animation:binderSettle 1.05s cubic-bezier(.2,.8,.2,1) .25s both}.binder-stage.closing .binder{transform:translate(-50%,120%) rotateX(28deg) scale(.92);transition:transform .55s cubic-bezier(.4,0,.4,1);animation:none}@keyframes binderSettle{0%{filter:drop-shadow(0 0 0 rgba(var(--cv-acc,245,181,61),0))}40%{filter:drop-shadow(0 0 26px rgba(var(--cv-acc,245,181,61),.45))}to{filter:drop-shadow(0 0 0 rgba(var(--cv-acc,245,181,61),0))}}.binder-cover:focus-visible{outline:2px solid rgba(var(--cv-acc,245,181,61),.85);outline-offset:4px}.binder-cover-sheen{position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(115deg,transparent 30%,var(--is-wash-3,rgba(255,255,255,.1)) 48%,rgba(255,255,255,.22) 50%,var(--is-wash-3,rgba(255,255,255,.1)) 52%,transparent 70%);background-size:220% 100%;background-position:-60% 0;mix-blend-mode:overlay;opacity:0}.binder-stage.open:not(.opened) .binder-cover-sheen{opacity:1;animation:coverSheen 2.6s ease-in-out 1s infinite}@keyframes coverSheen{0%{background-position:-60% 0}55%{background-position:160% 0}to{background-position:160% 0}}.binder-cover-hint{margin-top:18px;opacity:0;animation:hintIn .5s ease-out .6s forwards}.binder-stage.open:not(.opened) .binder-cover-hint{animation:hintIn .5s ease-out .6s forwards,hintPulse 2.2s ease-in-out 1.2s infinite}@keyframes hintIn{0%{opacity:0;transform:translateY(6px)}to{opacity:.85;transform:none}}@keyframes hintPulse{0%,to{opacity:.55}50%{opacity:1}}.binder-cover,.binder-page{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden}.binder-cover{--cv-bg-a:var(--is-bg,var(--is-bg,var(--is-bg,#06070C)));--cv-bg-b:var(--is-bg,var(--is-bg,var(--is-bg,#0A0B12)));--cv-bg-c:var(--is-surface,var(--is-surface,var(--is-surface,#161925)));--cv-acc:245,181,61;--cv-title-a:var(--is-gold-hi,#FFE9A8);--cv-title-b:var(--is-blue,#5EA0FF);--cv-title-c:#A87528;--cv-title-d:var(--is-blue-hi,#8FBFFF);background:radial-gradient(800px 600px at 30% 20%,rgba(var(--cv-acc),.1),transparent 60%),linear-gradient(135deg,var(--cv-bg-a),var(--cv-bg-b) 55%,var(--cv-bg-c));border:1px solid rgba(var(--cv-acc),.18);box-shadow:0 40px 80px -20px #000000e6,0 0 160px -10px rgba(var(--cv-acc),.34),0 0 60px -10px rgba(var(--cv-acc),.18),inset 0 0 80px rgba(var(--cv-acc),.06),inset 0 1px 0 var(--is-wash-2,rgba(255,255,255,.05));transform-origin:left center;transform:rotateY(0);transition:transform .9s cubic-bezier(.2,.8,.2,1);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer}.binder-cover:before{content:"";position:absolute;inset:14px;border-radius:10px;border:1px solid rgba(var(--cv-acc),.14);box-shadow:inset 0 0 60px rgba(var(--cv-acc),.05),inset 0 1px 0 var(--is-wash-2,rgba(255,255,255,.05)),inset 0 -1px #00000080;pointer-events:none}.binder-stage.opened .binder-cover{transform:rotateY(-168deg)}.binder-cover-title{position:relative;font-family:Sora,sans-serif;font-weight:700;font-size:clamp(26px,5vw,52px);letter-spacing:.05em;text-align:center;background:linear-gradient(135deg,var(--cv-title-a) 0%,var(--cv-title-b) 45%,var(--cv-title-c) 70%,var(--cv-title-d) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.1)) drop-shadow(0 -1px 0 rgba(0,0,0,.65)) drop-shadow(0 2px 1px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(var(--cv-acc),.4));text-shadow:0 1px 0 rgba(255,255,255,.08),0 -1px 0 rgba(0,0,0,.5)}.binder-cover-title b{font-size:1.3em;display:inline-block;margin-top:6px;letter-spacing:.08em}.binder-cover-sub{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--cv-acc),.55)}.binder-stage[data-cover-skin=vault] .binder-cover-title,.binder-stage[data-cover-skin=matte] .binder-cover-title,.binder-stage[data-cover-skin=frost] .binder-cover-title,.binder-stage[data-cover-skin=skies] .binder-cover-title,.binder-stage[data-cover-skin=sunburst] .binder-cover-title,.binder-stage[data-cover-skin=aurora] .binder-cover-title,.binder-stage[data-cover-skin=gilded] .binder-cover-title,.binder-stage[data-cover-skin=grimoire] .binder-cover-title,.binder-stage[data-cover-skin=inkwell] .binder-cover-title,.binder-stage[data-cover-skin=classic] .binder-cover-title{filter:drop-shadow(0 1px 0 rgba(0,0,0,.75)) drop-shadow(0 -1px 0 rgba(0,0,0,.45)) drop-shadow(0 0 14px rgba(0,0,0,.6)) drop-shadow(0 0 36px rgba(var(--cv-acc,245,181,61),.55))}.binder-stage[data-cover-skin=classic] .binder-cover{--cv-acc:255,200,90;--cv-title-a:#FFF3CC;--cv-title-b:#FFC850;--cv-title-c:#7a4a08;--cv-title-d:#FFE08A;background:radial-gradient(900px 700px at 50% 28%,rgba(255,210,110,.55),rgba(255,180,60,.18) 40%,transparent 70%),radial-gradient(420px 320px at 30% 22%,rgba(255,230,160,.35),transparent 70%),linear-gradient(135deg,#1c1610,#221a10 55%,#2a2014);box-shadow:0 40px 80px -20px #000000e6,0 0 200px -10px #ffc85a8c,0 0 80px -10px #ffc85a47,inset 0 0 80px #ffc85a1a,inset 0 1px #ffffff12}.binder-stage[data-cover-skin=inkwell] .binder-cover{--cv-acc:255,210,110;--cv-title-a:#FFF1B8;--cv-title-b:#FFC850;--cv-title-c:#8a5410;--cv-title-d:#FFE08A;background:radial-gradient(circle at 50% 50%,rgba(255,220,130,.9) 0,rgba(255,200,90,.45) 7%,transparent 10%),radial-gradient(circle at 50% 50%,transparent 13%,rgba(255,210,110,.55) 15%,transparent 18%),radial-gradient(circle at 50% 50%,transparent 23%,rgba(255,200,100,.4) 25%,transparent 28%),radial-gradient(circle at 50% 50%,transparent 34%,rgba(255,200,100,.25) 37%,transparent 40%),radial-gradient(700px 500px at 50% 50%,rgba(255,200,110,.18),transparent 70%),linear-gradient(180deg,#241a10,#15100a 60%,#1a130b);box-shadow:0 40px 80px -20px #000000e6,0 0 160px -10px #ffd26e8c,inset 0 0 80px #ffd26e1a,inset 0 1px 0 var(--is-wash-2,rgba(255,255,255,.06))}.binder-stage[data-cover-skin=inkwell] .binder-cover:after{content:"";position:absolute;left:0;right:0;top:0;height:38%;border-radius:14px 14px 60% 60%/14px 14px 30% 30%;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none}.binder-stage[data-cover-skin=holo] .binder-cover{--cv-acc:255,200,240;--cv-title-a:#fff;--cv-title-b:#fff;--cv-title-c:#1a1a2e;--cv-title-d:#fff;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.55) 52%,transparent 75%) 0 0/220% 100%,conic-gradient(from 45deg at 50% 50%,#ff7ad0,#8a87ff,#5cf09a,#ffdf3a,#ff8a9c,#3fdfff,#ff7ad0);background-blend-mode:overlay,normal;filter:saturate(1.35) brightness(1.15);animation:skinHoloShift 14s linear infinite,skinHoloSheen 5s ease-in-out infinite;box-shadow:0 40px 80px -20px #000000e6,0 0 180px -10px #ff8cdc73,inset 0 1px #ffffff26}.binder-stage[data-cover-skin=holo] .binder-cover-title{background:linear-gradient(135deg,#fff,#fff 50%,#1a1a2e 51%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,255,255,.95)) drop-shadow(0 2px 1px rgba(0,0,0,.6))}@keyframes skinHoloShift{0%,to{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}@keyframes skinHoloSheen{0%{background-position:-60% 0,0% 50%}55%{background-position:160% 0,50% 50%}to{background-position:160% 0,100% 50%}}.binder-stage[data-cover-skin=six-inks] .binder-cover{--cv-acc:240,220,255;--cv-title-a:#fff;--cv-title-b:#F2E4FF;--cv-title-c:#2a1a45;--cv-title-d:#fff;background:radial-gradient(130px 130px at 28% 24%,#ffd278,#ffc85000 65%),radial-gradient(130px 130px at 72% 24%,#c896f0,#c896f000 65%),radial-gradient(130px 130px at 20% 56%,#6ef0aafa,#6ef0aa00 65%),radial-gradient(130px 130px at 80% 56%,#ff786e,#ff786e00 65%),radial-gradient(130px 130px at 32% 86%,#6ebeff,#6ebeff00 65%),radial-gradient(130px 130px at 70% 86%,#d2dcebf2,#d2dceb00 65%),linear-gradient(160deg,#1a1830,#0f0d22 60%,#15122a);filter:saturate(1.15) brightness(1.08);box-shadow:0 40px 80px -20px #000000e6,0 0 160px -10px #c896f066,inset 0 1px 0 var(--is-wash-2,rgba(255,255,255,.06))}.binder-stage[data-cover-skin=six-inks] .binder-cover-title{filter:drop-shadow(0 0 18px rgba(0,0,0,.9)) drop-shadow(0 0 8px rgba(255,255,255,.4)) drop-shadow(0 2px 1px rgba(0,0,0,.7))}.binder-stage[data-cover-skin=gilded] .binder-cover{--cv-acc:255,210,90;--cv-title-a:#FFF5CC;--cv-title-b:#FFD24A;--cv-title-c:#6b4d10;--cv-title-d:#FFE890;background:repeating-linear-gradient(45deg,rgba(255,235,160,.06) 0 2px,transparent 2px 5px),radial-gradient(800px 540px at 50% 30%,rgba(255,220,120,.4),transparent 70%),radial-gradient(420px 320px at 30% 80%,rgba(255,210,100,.22),transparent 70%),linear-gradient(160deg,#2b1f08,#3a290c 55%,#1f1606);box-shadow:0 40px 80px -20px #000000e6,0 0 200px -10px #ffd2648c,inset 0 0 90px #ffd2642e,inset 0 1px 0 var(--is-wash-3,rgba(255,255,255,.1))}.binder-stage[data-cover-skin=gilded] .binder-cover:before{border:1px solid rgba(255,215,110,.75);box-shadow:inset 0 0 0 1px #ffd76e4d,inset 0 0 60px #ffd76e2e,inset 0 1px 0 var(--is-wash-3,rgba(255,255,255,.1))}.binder-stage[data-cover-skin=gilded] .binder-cover:after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(115deg,transparent 35%,rgba(255,240,170,.3) 48%,rgba(255,240,170,.55) 50%,rgba(255,240,170,.3) 52%,transparent 65%);background-size:300% 100%;background-position:-50% 0;mix-blend-mode:overlay;pointer-events:none;animation:skinGildSweep 7s ease-in-out infinite}@keyframes skinGildSweep{0%{background-position:-50% 0}60%{background-position:160% 0}to{background-position:160% 0}}.binder-stage[data-cover-skin=grimoire] .binder-cover{--cv-acc:255,200,90;--cv-title-a:#FFEDB8;--cv-title-b:#FFC850;--cv-title-c:#5a3e0a;--cv-title-d:#FFE08A;background:radial-gradient(220px 220px at 50% 58%,rgba(110,240,170,.35),transparent 70%),radial-gradient(260px 260px at 50% 58%,rgba(255,210,100,.3),transparent 70%),repeating-radial-gradient(circle at 30% 40%,rgba(255,220,140,.04) 0 2px,transparent 2px 6px),linear-gradient(150deg,#3a1f0b,#241208 60%,#3a1f0b);box-shadow:0 40px 80px -20px #000000e6,0 0 160px -10px #ffc86466,inset 0 0 90px #ffc8641a,inset 0 1px 0 var(--is-wash-2,rgba(255,255,255,.06))}.binder-stage[data-cover-skin=grimoire] .binder-cover:before{border:1px solid rgba(255,215,110,.55);box-shadow:inset 0 0 0 4px #00000059,inset 0 0 40px #ffd76e2e,0 0 0 1px #0009}.binder-stage[data-cover-skin=grimoire] .binder-cover:after{content:"\2726";position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);font-size:42px;color:#fff3cc;text-shadow:0 0 22px rgba(120,255,180,.85),0 0 40px rgba(255,215,110,.85),0 0 60px rgba(255,215,110,.45);pointer-events:none;animation:skinRunePulse 3.4s ease-in-out infinite}@keyframes skinRunePulse{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 30px rgba(160,255,200,1),0 0 50px rgba(255,230,140,1),0 0 80px rgba(255,215,110,.6)}}.binder-stage[data-cover-skin=skies] .binder-cover{--cv-acc:170,210,255;--cv-title-a:#FFFFFF;--cv-title-b:#D6E6FF;--cv-title-c:#1a2c52;--cv-title-d:#FFFFFF;background:radial-gradient(1.6px 1.6px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 28% 70%,#fff 50%,transparent 51%),radial-gradient(1.8px 1.8px at 46% 32%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 64% 22%,#dceaff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 76% 60%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 88% 38%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 20% 88%,#dceaff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 58% 80%,#fff 50%,transparent 51%),radial-gradient(360px 220px at 28% 30%,rgba(120,220,210,.55),transparent 70%),radial-gradient(360px 220px at 72% 60%,rgba(170,120,255,.55),transparent 70%),radial-gradient(420px 260px at 50% 45%,rgba(80,150,255,.45),transparent 70%),linear-gradient(180deg,#102046,#0a1838 70%,#080e22);animation:skinTwinkle 4.5s ease-in-out infinite;box-shadow:0 40px 80px -20px #000000e6,0 0 180px -10px #78b4ff80,inset 0 1px 0 var(--is-wash-3,rgba(255,255,255,.1))}@keyframes skinTwinkle{0%,to{filter:brightness(1.05)}50%{filter:brightness(1.35)}}.binder-stage[data-cover-skin=vault] .binder-cover{--cv-acc:210,225,245;--cv-title-a:#FFFFFF;--cv-title-b:var(--is-fg,var(--is-fg,var(--is-fg,#E2E8F2)));--cv-title-c:#2b3344;--cv-title-d:#FFFFFF;background:repeating-linear-gradient(90deg,var(--is-wash-3,rgba(255,255,255,.1)) 0 1px,transparent 1px 3px),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%),radial-gradient(600px 420px at 50% 30%,rgba(230,240,255,.3),transparent 70%),linear-gradient(135deg,var(--is-fg-dim,var(--is-fg-dim,var(--is-fg-dim,#8993a9))),var(--is-fg-dim,var(--is-fg-dim,var(--is-fg-dim,#8993a9))) 55%,#363e4e);box-shadow:0 40px 80px -20px #000000e6,0 0 160px -10px #d2e1f573,inset 0 1px #ffffff40}.binder-stage[data-cover-skin=vault] .binder-cover:before{border:1px solid rgba(230,240,255,.45);box-shadow:inset 0 0 0 2px #00000040,inset 0 0 60px #0003,inset 0 1px #ffffff4d}.binder-stage[data-cover-skin=vault] .binder-cover:after{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(8px 8px at 28px 28px,#cfd8e6 60%,#404858 62%),radial-gradient(8px 8px at calc(100% - 28px) 28px,#cfd8e6 60%,#404858 62%),radial-gradient(8px 8px at 28px calc(100% - 28px),#cfd8e6 60%,#404858 62%),radial-gradient(8px 8px at calc(100% - 28px) calc(100% - 28px),#cfd8e6 60%,#404858 62%),radial-gradient(circle at 50% 58%,rgba(255,255,255,.3) 0 56px,transparent 58px),radial-gradient(circle at 50% 58%,transparent 48px,rgba(0,0,0,.35) 50px,transparent 60px);pointer-events:none}.binder-stage[data-cover-skin=matte] .binder-cover{--cv-acc:255,220,180;--cv-title-a:#FFFFFF;--cv-title-b:#FFE6C8;--cv-title-c:#5a4030;--cv-title-d:#FFF5E5;background:linear-gradient(160deg,#e8ddc9,#d9cbb0 55%,#c9b998);box-shadow:0 40px 80px -20px #0000008c,0 0 160px -10px #ffdcb473,inset 0 1px #ffffff80}.binder-stage[data-cover-skin=matte] .binder-cover:before{border:1px solid rgba(120,90,60,.18);box-shadow:none}.binder-stage[data-cover-skin=matte] .binder-cover:after{content:"IS";position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);font-family:Sora,sans-serif;font-weight:800;font-size:24px;letter-spacing:.18em;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(90,60,30,.45);pointer-events:none}.binder-stage[data-cover-skin=frost] .binder-cover{--cv-acc:170,220,255;--cv-title-a:#FFFFFF;--cv-title-b:#D6ECFF;--cv-title-c:#163659;--cv-title-d:#FFFFFF;background:radial-gradient(700px 500px at 50% 30%,rgba(170,220,255,.65),transparent 70%),radial-gradient(420px 320px at 30% 75%,rgba(220,240,255,.45),transparent 70%),linear-gradient(160deg,#ffffff59,#b4d7f533 55%,#6ea0d247),linear-gradient(180deg,#1e3a5e,#15294a 60%,#0f2240);backdrop-filter:blur(2px);box-shadow:0 40px 80px -20px #000000d9,0 0 180px -10px #aadcff99,inset 0 1px #ffffff59}.binder-stage[data-cover-skin=frost] .binder-cover:before{border:1px solid rgba(220,240,255,.55);box-shadow:inset 0 0 80px #aadcff40,inset 0 1px #ffffff59}.binder-stage[data-cover-skin=frost] .binder-cover:after{content:"";position:absolute;inset:0;border-radius:14px;background:conic-gradient(from 0deg at 22px 22px,transparent 0 30deg,rgba(230,245,255,.8) 30deg 33deg,transparent 33deg 60deg,rgba(230,245,255,.7) 60deg 63deg,transparent 63deg 90deg,rgba(230,245,255,.8) 90deg 93deg,transparent 93deg 120deg,rgba(230,245,255,.7) 120deg 123deg,transparent 123deg 150deg,rgba(230,245,255,.8) 150deg 153deg,transparent 153deg 180deg) no-repeat 0 0/40px 40px,conic-gradient(from 180deg at calc(100% - 22px) calc(100% - 22px),transparent 0 30deg,rgba(230,245,255,.8) 30deg 33deg,transparent 33deg 60deg,rgba(230,245,255,.7) 60deg 63deg,transparent 63deg 90deg,rgba(230,245,255,.8) 90deg 93deg,transparent 93deg 120deg,rgba(230,245,255,.7) 120deg 123deg,transparent 123deg 150deg,rgba(230,245,255,.8) 150deg 153deg,transparent 153deg 180deg) no-repeat 100% 100%/40px 40px;opacity:.85;pointer-events:none;animation:skinFrostShimmer 5s ease-in-out infinite}@keyframes skinFrostShimmer{0%,to{opacity:.7}50%{opacity:1}}.binder-stage[data-cover-skin=neon] .binder-cover{--cv-acc:255,100,220;--cv-title-a:#FFE6FB;--cv-title-b:#FF6ED4;--cv-title-c:#4A0E5C;--cv-title-d:#9BEFFF;background:radial-gradient(220px 220px at 50% 38%,#ff6edc,#ff6edc00 65%),radial-gradient(200px 80px at 50% 38%,#8cf0ffbf,#8cf0ff00 70%),linear-gradient(180deg,transparent 0,transparent 55%,rgba(140,240,255,.3) 56%,transparent 100%),repeating-linear-gradient(180deg,transparent 0 10%,rgba(140,240,255,.28) 10% 10.4%,transparent 10.4% 20%),repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,110,220,.26) 9% 9.4%,transparent 9.4% 18%),linear-gradient(180deg,#1a0533,#2a0860 45%,#10031f);box-shadow:0 40px 80px -20px #000000e6,0 0 220px -10px #ff6edca6,0 0 160px -10px #8cf0ff66,inset 0 1px 0 var(--is-wash-3,rgba(255,255,255,.1))}.binder-stage[data-cover-skin=neon] .binder-cover-title{filter:drop-shadow(0 0 10px rgba(255,110,220,1)) drop-shadow(0 0 22px rgba(140,240,255,.7)) drop-shadow(0 2px 1px rgba(0,0,0,.7))}.binder-stage[data-cover-skin=sunburst] .binder-cover{--cv-acc:255,180,60;--cv-title-a:#FFF7DC;--cv-title-b:#FFB430;--cv-title-c:#5a2e08;--cv-title-d:#FFE08A;background:repeating-conic-gradient(from 0deg at 50% 100%,#ffebaa8c 0deg 6deg,#ffb43c1a 6deg 12deg),radial-gradient(420px 420px at 50% 100%,rgba(255,240,180,1),rgba(255,180,60,.45) 30%,rgba(255,120,40,.18) 60%,transparent 80%),linear-gradient(180deg,#ff9a2e,#ff7320 45%,#c24a0c);box-shadow:0 40px 80px -20px #000000d9,0 0 240px -10px #ffb43cb3,inset 0 1px #fff3}.binder-stage[data-cover-skin=sunburst] .binder-cover:before{border:1px solid rgba(255,220,140,.55);box-shadow:inset 0 0 80px #ffc8642e,inset 0 1px #fff3}.binder-stage[data-cover-skin=aurora] .binder-cover{--cv-acc:140,250,200;--cv-title-a:#F0FFFA;--cv-title-b:#9FF2D0;--cv-title-c:#102a40;--cv-title-d:#E2F2FF;background:radial-gradient(1.6px 1.6px at 14% 18%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 30% 70%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 64% 22%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 82% 60%,#cfe0ff 50%,transparent 51%),radial-gradient(500px 220px at 30% 35%,rgba(80,240,180,.75),transparent 70%),radial-gradient(520px 200px at 70% 55%,rgba(120,220,255,.65),transparent 70%),radial-gradient(420px 200px at 50% 75%,rgba(180,130,255,.65),transparent 70%),linear-gradient(180deg,#06182a,#04121f 70%,#020912);filter:saturate(1.15);animation:skinAuroraDrift 9s ease-in-out infinite;box-shadow:0 40px 80px -20px #000000e6,0 0 200px -10px #78f0c899,inset 0 1px 0 var(--is-wash-4,rgba(255,255,255,.12))}@keyframes skinAuroraDrift{0%,to{filter:saturate(1.15) brightness(1.05) hue-rotate(0deg)}50%{filter:saturate(1.3) brightness(1.25) hue-rotate(18deg)}}#binderBackCover{min-height:44px;padding:8px 14px}.binder-head-ctrls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cover-picker-btn{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));background:var(--is-surface-2,#0c0e16);border:1px solid var(--line-strong);padding:6px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:32px}.cover-picker-btn:hover,.cover-picker-btn[aria-expanded=true]{border-color:var(--amber);color:var(--amber)}.cover-edit-btn{position:absolute;top:12px;right:12px;z-index:6;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));background:#0a0c14c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(var(--cv-acc,245,181,61),.55);padding:0 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;line-height:1;box-shadow:0 6px 20px -8px #000000b3}.cover-edit-btn:hover,.cover-edit-btn:focus-visible{border-color:rgba(var(--cv-acc,245,181,61),.95);color:var(--is-gold-hi,#FFE9A8)}.cover-edit-btn:focus-visible{outline:2px solid var(--ui-accent,var(--is-gold,var(--is-gold,var(--is-gold,#F5B53D))));outline-offset:3px}.cover-edit-btn[aria-expanded=true]{background:#5ea0ff2e;color:var(--is-gold-hi,#FFE9A8)}.cover-picker{position:absolute;z-index:30;left:10px;right:10px;bottom:10px;background:#0a0c14f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-strong);border-radius:14px;padding:10px 10px 12px;box-shadow:0 24px 60px -20px #000000d9,0 0 0 1px var(--is-wash-1,rgba(255,255,255,.02));display:flex;flex-direction:column;gap:8px;max-height:46%}.cover-picker[hidden]{display:none}.cover-picker .cp-head{display:flex;justify-content:space-between;align-items:center;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:0 4px}.cover-picker .cp-head button{background:transparent;border:0;color:var(--faint);font-size:20px;cursor:pointer;line-height:1;padding:6px 10px;min-height:44px;min-width:44px}.cover-picker .cp-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 6px}.cover-picker .cp-strip::-webkit-scrollbar{height:6px}.cover-picker .cp-strip::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.cover-swatch{flex:0 0 84px;scroll-snap-align:start;position:relative;background:transparent;border:1px solid transparent;border-radius:10px;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:4px;color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.08em;text-transform:uppercase;min-height:80px}.cover-swatch:hover{border-color:#ffffff2e}.cover-swatch[aria-checked=true]{border-color:var(--amber);box-shadow:0 0 0 1px #5ea0ff80,0 0 18px -4px #5ea0ff99}.cover-swatch .cs-prev{display:block;height:42px;border-radius:6px;position:relative;overflow:hidden;border:1px solid var(--is-wash-3,rgba(255,255,255,.08))}.cover-swatch .cs-label{text-align:center;color:#cfd3df;font-size:9.5px;line-height:1.15}.cover-swatch[aria-checked=true] .cs-label{color:var(--amber)}.cs-prev.cs-classic{background:radial-gradient(70% 70% at 30% 25%,rgba(255,210,110,.85),rgba(255,180,60,.25) 50%,transparent 75%),linear-gradient(135deg,#1c1610,#221a10 55%,#2a2014)}.cs-prev.cs-inkwell{background:radial-gradient(circle at 50% 50%,rgba(255,220,130,.95) 0,rgba(255,200,90,.45) 14%,transparent 18%),radial-gradient(circle at 50% 50%,transparent 28%,rgba(255,210,110,.55) 30%,transparent 34%),radial-gradient(circle at 50% 50%,transparent 48%,rgba(255,200,100,.35) 50%,transparent 54%),linear-gradient(180deg,#241a10,#15100a)}.cs-prev.cs-holo{background:conic-gradient(from 45deg at 50% 50%,#ff7ad0,#8a87ff,#5cf09a,#ffdf3a,#ff8a9c,#3fdfff,#ff7ad0);background-size:180% 180%;filter:saturate(1.35) brightness(1.15);animation:skinSwatchHolo 8s linear infinite}.cs-prev.cs-six-inks{background:radial-gradient(20px 20px at 28% 30%,rgba(255,210,120,1),transparent 65%),radial-gradient(20px 20px at 72% 30%,rgba(200,150,240,1),transparent 65%),radial-gradient(20px 20px at 22% 60%,rgba(110,240,170,.98),transparent 65%),radial-gradient(20px 20px at 78% 60%,rgba(255,120,110,1),transparent 65%),radial-gradient(20px 20px at 34% 86%,rgba(110,190,255,1),transparent 65%),radial-gradient(20px 20px at 68% 86%,rgba(210,220,235,.95),transparent 65%),linear-gradient(160deg,#1a1830,#0f0d22)}.cs-prev.cs-gilded{background:radial-gradient(60% 60% at 50% 35%,rgba(255,220,120,.55),transparent 75%),linear-gradient(160deg,#2b1f08,#3a290c 55%,#1f1606);box-shadow:inset 0 0 0 1px #ffd76ed9,inset 0 0 14px #ffd76e4d}.cs-prev.cs-grimoire{background:radial-gradient(circle at 50% 60%,rgba(120,255,180,.45),transparent 50%),radial-gradient(circle at 50% 60%,rgba(255,210,100,.6),transparent 60%),linear-gradient(150deg,#3a1f0b,#241208 60%,#3a1f0b);box-shadow:inset 0 0 0 1px #ffd76e8c}.cs-prev.cs-skies{background:radial-gradient(1.4px 1.4px at 18% 25%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 42% 60%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 70% 30%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 82% 70%,#cfe0ff 50%,transparent 51%),radial-gradient(40px 25px at 30% 35%,rgba(120,220,210,.7),transparent 70%),radial-gradient(40px 25px at 70% 60%,rgba(170,120,255,.7),transparent 70%),linear-gradient(180deg,#102046,#0a1838)}.cs-prev.cs-vault{background:repeating-linear-gradient(90deg,var(--is-wash-3,rgba(255,255,255,.1)) 0 1px,transparent 1px 3px),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%),linear-gradient(135deg,var(--is-fg-dim,var(--is-fg-dim,var(--is-fg-dim,#8993a9))),var(--is-fg-dim,var(--is-fg-dim,var(--is-fg-dim,#8993a9))) 55%,#363e4e);box-shadow:inset 0 0 0 1px #e6f0ff73}.cs-prev.cs-matte{background:linear-gradient(160deg,#e8ddc9,#d9cbb0 55%,#c9b998);box-shadow:inset 0 0 0 1px #785a3c2e}.cs-prev.cs-frost{background:radial-gradient(50px 35px at 50% 30%,rgba(170,220,255,.85),transparent 70%),linear-gradient(160deg,#ffffff59,#b4d7f538 55%,#6ea0d24d),linear-gradient(180deg,#1e3a5e,#15294a);box-shadow:inset 0 0 0 1px #dcf0ff8c}.cs-prev.cs-neon{background:radial-gradient(28px 28px at 50% 40%,#ff6edc,#ff6edc00 70%),repeating-linear-gradient(90deg,transparent 0 9%,rgba(140,240,255,.45) 9% 9.4%,transparent 9.4% 18%),linear-gradient(180deg,#1a0533,#2a0860 60%,#10031f)}.cs-prev.cs-sunburst{background:repeating-conic-gradient(from 0deg at 50% 100%,#ffebaa99 0deg 6deg,#ffb43c26 6deg 12deg),radial-gradient(60px 60px at 50% 100%,rgba(255,240,180,1),rgba(255,180,60,.45) 40%,transparent 75%),linear-gradient(180deg,#ff9a2e,#ff7320 50%,#c24a0c)}.cs-prev.cs-aurora{background:radial-gradient(50px 22px at 30% 35%,rgba(80,240,180,.85),transparent 70%),radial-gradient(50px 22px at 70% 55%,rgba(120,220,255,.75),transparent 70%),radial-gradient(40px 18px at 50% 78%,rgba(180,130,255,.75),transparent 70%),radial-gradient(1.4px 1.4px at 20% 20%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 80% 25%,#fff 50%,transparent 51%),linear-gradient(180deg,#06182a,#04121f)}@keyframes skinSwatchHolo{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:560px){.cover-swatch{flex-basis:78px;min-height:80px}.cover-edit-btn{font-size:10.5px;padding:0 10px}}.binder-spine{position:absolute;left:0;top:0;bottom:0;width:16px;background:linear-gradient(90deg,#000,#1a1a22);border-right:1px solid rgba(94,160,255,.18);box-shadow:inset -1px 0 #ffffff0a}.binder-page{background:linear-gradient(180deg,var(--is-surface,var(--is-surface,var(--is-surface,#161925))),var(--is-panel-2,var(--is-panel-2,var(--is-panel-2,#0e1018))));border:1px solid var(--line-strong);box-shadow:0 30px 60px -20px #000000d9,inset 0 0 60px #00000073;padding:18px 20px;display:flex;flex-direction:column;gap:12px;z-index:1}.binder-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.binder-section-label{font-family:Sora,sans-serif;font-weight:700;font-size:18px;color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.binder-section-label small{display:block;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:400;font-size:10.5px;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}.binder-toggle{display:flex;background:var(--is-surface-2,#0c0e16);border:1px solid var(--line-strong);border-radius:10px;padding:3px}.binder-toggle button{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:transparent;border:0;padding:6px 12px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.binder-toggle button.on{background:var(--amber);color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))))}.binder-grid{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:8px;perspective:1400px;position:relative;min-height:0;align-content:center}.bpocket{min-width:0;min-height:0}.binder-grid.flip-left{animation:bflipL .55s cubic-bezier(.4,0,.2,1)}.binder-grid.flip-right{animation:bflipR .55s cubic-bezier(.4,0,.2,1)}.binder-grid.repaginate{animation:brepag .28s ease-out}@keyframes bflipL{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(-28deg);opacity:.15;filter:brightness(.45)}55%{transform:rotateY(28deg);opacity:.15;filter:brightness(.45)}to{transform:rotateY(0);opacity:1;filter:none}}@keyframes bflipR{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(28deg);opacity:.15;filter:brightness(.45)}55%{transform:rotateY(-28deg);opacity:.15;filter:brightness(.45)}to{transform:rotateY(0);opacity:1;filter:none}}@keyframes brepag{0%{opacity:.05;transform:scale(.96) translateY(6px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:none}}.bpocket{position:relative;background:linear-gradient(160deg,var(--is-wash-2,rgba(255,255,255,.05)),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 0 var(--is-wash-2,rgba(255,255,255,.06)),inset 0 -10px 30px #0006;cursor:pointer;transition:transform .2s;aspect-ratio:5/7}.bpocket:hover{transform:translateY(-2px)}.bpocket.empty{margin:0;padding:0;cursor:default;background:repeating-linear-gradient(135deg,#ffffff06 0 6px,#ffffff03 6px 12px)}.bpocket.empty:hover{transform:none}.bpocket img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;border-radius:7px;display:block;background:var(--is-surface-2,#0c0e16)}.bpocket .qbadge{position:absolute;top:6px;right:6px;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))));background:var(--amber);padding:2px 6px;border-radius:6px;z-index:5;box-shadow:0 2px 6px #0006}.bpocket .sheen{position:absolute;inset:0;border-radius:10px;background:linear-gradient(115deg,transparent 38%,var(--is-wash-4,rgba(255,255,255,.16)) 50%,transparent 62%);mix-blend-mode:overlay;pointer-events:none;z-index:2}.bpocket.holo:before,.bpocket.holo:after{content:"";position:absolute;inset:4px;border-radius:7px;pointer-events:none;z-index:4;transition:opacity .3s ease,mix-blend-mode .3s ease}.bpocket.holo:before{background:conic-gradient(from 0deg at var(--mx,50%) var(--my,50%),#ff3df2,#3df2ff,#3dffaa,#fff43d,#ff7a3d,#ff3df2);opacity:.22;mix-blend-mode:soft-light;animation:bholo 7s linear infinite}.bpocket.holo:after{background:repeating-linear-gradient(115deg,var(--is-wash-2,rgba(255,255,255,.05)) 0 2px,transparent 2px 5px),radial-gradient(circle at var(--mx,30%) var(--my,30%),rgba(255,255,255,.22),transparent 55%);opacity:.24;mix-blend-mode:overlay;animation:bsparkle 6s ease-in-out infinite}.bpocket.holo:hover:before,.bpocket.holo:active:before,.bpocket.holo:focus-visible:before{opacity:.62;mix-blend-mode:color-dodge}.bpocket.holo:hover:after,.bpocket.holo:active:after,.bpocket.holo:focus-visible:after{opacity:.62}@keyframes bholo{0%{--mx:20%;--my:25%}25%{--mx:80%;--my:30%}50%{--mx:75%;--my:80%}75%{--mx:25%;--my:75%}to{--mx:20%;--my:25%}}@keyframes bsparkle{0%,to{transform:translate3d(-2%,-1%,0)}50%{transform:translate3d(2%,1%,0)}}.binder-foot{display:flex;justify-content:center;align-items:center;gap:14px;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:12px;color:var(--faint);letter-spacing:.1em}.binder-foot button{background:var(--is-wash-2,rgba(255,255,255,.05));border:1px solid var(--line-strong);color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0}.binder-foot button:hover:not(:disabled){background:var(--amber);color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))));border-color:var(--amber)}.binder-foot button:disabled{opacity:.3;cursor:not-allowed}.binder-close{position:absolute;top:-44px;right:0;background:var(--is-wash-3,rgba(255,255,255,.08));border:1px solid var(--line-strong);color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;z-index:10}.binder-close:hover{background:var(--down);border-color:var(--down)}.binder-empty{grid-column:1/-1;grid-row:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--faint);font-family:Sora,sans-serif;gap:10px;padding:24px 18px}.binder-empty .be-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#5ea0ff47,#5ea0ff0f 70%);border:1px solid rgba(94,160,255,.35);font-size:24px;line-height:1;color:#ffe08a;box-shadow:0 0 28px -6px #5ea0ff73;margin-bottom:2px}.binder-empty h3{margin:0;font-size:22px;color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));font-weight:700;letter-spacing:-.01em}.binder-empty p{margin:0;font-size:14px;max-width:320px;line-height:1.5}.binder-empty .be-cta{margin-top:10px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font-family:Sora,sans-serif;font-weight:700;font-size:14px;letter-spacing:.01em;text-decoration:none;color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))));background:linear-gradient(135deg,#8fbfff,#5ea0ff);border:1px solid rgba(94,160,255,.85);box-shadow:0 0 28px -8px #5ea0ffb3;transition:filter .15s,transform .15s}.binder-empty .be-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.binder-empty .be-cta:focus-visible{outline:2px solid #FFE08A;outline-offset:3px}.binder-empty .be-hint{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11px;color:var(--dim);letter-spacing:.04em;margin-top:4px}@media(prefers-reduced-motion:reduce){.binder-empty .be-cta:hover{transform:none}}.binder-lightbox{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#000000d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:24px}.binder-lightbox.open{display:flex;animation:bfade .25s ease-out}.bl-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;animation:blpop .35s cubic-bezier(.2,.8,.2,1)}@keyframes blpop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bl-img{position:relative;width:min(360px,72vw);aspect-ratio:.72/1;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -10px #000000e6,0 0 60px #5ea0ff38}.bl-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.bl-img.holo:before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,#ff3df2,#3df2ff,#3dffaa,#fff43d,#ff7a3d,#ff3df2);opacity:.2;mix-blend-mode:soft-light;animation:bholo2 9s linear infinite;pointer-events:none}.bl-img.holo:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,var(--is-wash-2,rgba(255,255,255,.06)) 0 2px,transparent 2px 6px);opacity:.28;mix-blend-mode:overlay;pointer-events:none}@keyframes bholo2{to{transform:rotate(360deg)}}.bl-meta{text-align:center;color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));font-family:Sora,sans-serif;max-width:min(360px,80vw)}.bl-meta .bn{font-size:18px;font-weight:700;line-height:1.25}.bl-meta .bm{font-family:Inter;font-size:11.5px;color:var(--faint);margin-top:6px;letter-spacing:.05em}.bl-meta .bv{font-family:Inter;font-size:20px;color:var(--amber);font-weight:700;margin-top:8px}.bl-link{display:inline-block;margin-top:12px;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:12px;color:var(--amber);text-decoration:none;border:1px solid var(--amber);padding:8px 14px;border-radius:8px;letter-spacing:.08em;text-transform:uppercase}.bl-link:hover{background:var(--amber);color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))))}.bl-remove{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11.5px;color:#ff9aa2;background:#e6505a14;border:1px solid rgba(230,80,90,.45);padding:8px 14px;border-radius:8px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-height:38px}.bl-remove:hover,.bl-remove:focus-visible{background:#e6505a2e;border-color:#ff9aa2;color:#fff}.bl-remove:focus-visible{outline:2px solid var(--ui-accent,var(--is-gold,var(--is-gold,var(--is-gold,#F5B53D))));outline-offset:3px}.bl-close{position:absolute;top:-46px;right:-6px;background:#ffffff1a;border:1px solid var(--line-strong);color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:14px;z-index:2}.bl-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0000008c;border:1px solid var(--line-strong);color:var(--is-fg,var(--is-fg,var(--is-fg,#EAEDF6)));width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:22px;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,border-color .15s}.bl-nav:hover{background:var(--amber);color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))));border-color:var(--amber)}.bl-prev{left:-58px}.bl-next{right:-58px}.bl-counter{margin-top:10px;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:11px;color:var(--faint);letter-spacing:.14em}@media(max-width:560px){.bl-prev{left:-4px}.bl-next{right:-4px}}@media(max-width:560px){.binder{width:min(420px,96vw);height:min(720px,88vh)}.binder-page{padding:14px 12px;gap:10px}.binder-grid{gap:6px}.binder-section-label{font-size:15px}.binder-toggle button{padding:10px 12px;font-size:10px;letter-spacing:.08em;min-height:44px}.binder-close{top:-50px;width:44px;height:44px;font-size:16px}.binder-cover-title{font-size:32px}.binder-foot button{width:44px;height:44px;font-size:22px}.bl-close{top:-52px;width:44px;height:44px;font-size:16px}.bl-link{padding:12px 16px;font-size:13px}.binder-lightbox{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.bpocket.holo:before,.bpocket.holo:after,.bl-img.holo:before,.bl-img.holo:after,.cw-card.holo:before,.cw-card.holo:after{animation:none!important;opacity:.22!important}.binder-stage.open,.chasewall.open{animation:none!important}.binder-stage[data-cover-skin] .binder-cover,.binder-stage[data-cover-skin] .binder-cover:after,.cs-prev.cs-holo,.cs-prev.cs-classic,.cs-prev.cs-inkwell,.cs-prev.cs-six-inks,.cs-prev.cs-gilded,.cs-prev.cs-grimoire,.cs-prev.cs-skies,.cs-prev.cs-vault,.cs-prev.cs-matte,.cs-prev.cs-frost,.cs-prev.cs-neon,.cs-prev.cs-sunburst,.cs-prev.cs-aurora{animation:none!important}}.binder-stage[data-pk-game]{--pk-acc:var(--is-gold,#F5B53D);--amber:var(--pk-acc);--amber-soft:color-mix(in srgb, var(--pk-acc) 14%, transparent);--faint:var(--is-fg-3,var(--is-fg-3,var(--is-fg-3,#AAB2C6)));--dim:var(--is-fg-dim,var(--is-fg-dim,var(--is-fg-dim,#9AA2B8)));--line-strong:var(--is-line-3,var(--is-line-3,var(--is-line-3,#444C63)))}.binder-stage[data-pk-game=op]{--pk-acc:var(--is-red,#EE5340) }.binder-stage[data-pk-game=riftbound]{--pk-acc:var(--is-violet,#A78BFA) }.binder-stage[data-pk-game] .binder-empty .be-icon{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--pk-acc) 28%,transparent),transparent 70%);border-color:color-mix(in srgb,var(--pk-acc) 35%,transparent);color:var(--pk-acc);box-shadow:0 0 28px -6px color-mix(in srgb,var(--pk-acc) 45%,transparent)}.binder-stage[data-pk-game] .binder-empty .be-cta{background:linear-gradient(135deg,color-mix(in srgb,var(--pk-acc) 78%,#fff),var(--pk-acc));border-color:var(--pk-acc);color:var(--is-on-fill,var(--is-bg,var(--is-bg,var(--is-bg,#06070C))));box-shadow:0 0 28px -8px color-mix(in srgb,var(--pk-acc) 70%,transparent)}.binder-stage[data-pk-game] .bl-img{box-shadow:0 30px 80px -10px #000000e6,0 0 60px color-mix(in srgb,var(--pk-acc) 22%,transparent)}.pocketpane{border:1px solid var(--line,var(--is-line,var(--is-line,var(--is-line,#23283A))));border-radius:14px;padding:18px;background:var(--panel,var(--is-panel,var(--is-panel,var(--is-panel,#14161F))));display:flex;flex-direction:column;gap:12px;align-items:flex-start}.pocketpane p{margin:0;color:var(--dim,var(--is-fg-dim,var(--is-fg-dim,var(--is-fg-dim,#9AA2B8))));font-size:13.5px;line-height:1.5;max-width:56ch}.pocketpane .pk-open{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--pk-pane-acc,var(--is-gold,var(--is-gold,var(--is-gold,#F5B53D))));background:color-mix(in srgb,var(--pk-pane-acc,#F5B53D) 16%,transparent);color:var(--pk-pane-acc,var(--is-gold,var(--is-gold,var(--is-gold,#F5B53D))));font-family:Sora,sans-serif;font-weight:700;font-size:13.5px;cursor:pointer}.pocketpane .pk-open:hover{filter:brightness(1.12)}