*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--ink:#23222a;--bg:#faf7f1;--blue:#2f6bed;--pink:#ff4f8b;--yellow:#ffb703;--purple:#7c3aed;--red:#ef3b4f;--green:#0eaa6e;--accent:var(--blue);--accent2:var(--pink);--line:#23222a1a;--shadow:0 8px 26px #23222a17;--radius:18px;--font-ui:"Poppins", sans-serif;--font-hand:"Caveat", cursive}html,body{height:100%}body{font-family:var(--font-ui);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(#23222a0e 1px,#0000 1.2px);background-size:26px 26px;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--ink);font-family:inherit;font-size:1rem}img,video{max-width:100%;display:block}::selection{background:#ff4f8b4d}.btn{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s;display:inline-flex;box-shadow:0 5px 16px #2f6bed4d}.btn:hover{background:#1f57d6;transform:translateY(-2px);box-shadow:0 9px 22px #2f6bed61}.btn:active{transform:translateY(0)scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff;box-shadow:0 3px 10px #23222a0f}.btn.ghost:hover{background:#fff;border-color:#23222a40}.btn.small{padding:.45rem 1rem;font-size:.85rem}.btn.danger{background:var(--red);box-shadow:0 5px 16px #ef3b4f4d}.btn.danger:hover{background:#d92c40;box-shadow:0 9px 22px #ef3b4f61}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:.78rem;font-weight:600}.input{border:1.5px solid var(--line);background:#fff;border-radius:14px;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2f6bed24}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:2rem}.error-note{color:#b04a5a;background:#fdeaea;border:1px solid #f2c4cc;border-radius:12px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem;animation:.4s shakeX}.ok-note{color:#3c7d55;background:#e9f7ee;border:1px solid #bfe5cd;border-radius:12px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.auth-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden auto}.auth-card{z-index:2;width:100%;max-width:410px;animation:.7s cubic-bezier(.22,1,.36,1) floatIn;position:relative}.auth-card h1{font-family:var(--font-hand);text-align:center;margin-bottom:.2rem;font-size:2.7rem;font-weight:700}.auth-card .sub{text-align:center;opacity:.7;margin-bottom:1.6rem;font-size:.95rem}@media (max-width:560px){.auth-wrap{align-items:flex-start;padding:1.5rem 1rem 2rem}.auth-card{margin:auto 0;padding:1.5rem 1.3rem}.auth-card h1{font-size:2.3rem}.auth-card .sub{margin-bottom:1.2rem;font-size:.9rem}.field{margin-bottom:.8rem}}.auth-alt{text-align:center;margin-top:1.2rem;font-size:.9rem}.auth-alt a{color:var(--blue);font-weight:700}.oauth-block{margin-top:1.1rem}.oauth-divider{align-items:center;gap:.7rem;margin:.2rem 0 .9rem;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--line);flex:1;height:1px}.oauth-divider span{opacity:.55;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:600}.oauth-buttons{gap:.6rem;display:flex}.oauth-btn{flex:1;gap:.5rem;font-weight:600}.confetti{opacity:.9;pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite floatAround;position:absolute}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#faf7f1e0;flex-wrap:wrap;align-items:center;gap:.8rem;padding:.7rem 1.2rem;display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--font-hand);color:var(--pink);font-size:1.55rem;font-weight:700}.topbar .spacer{flex:1}.dash{max-width:1080px;margin:0 auto;padding:2rem 1.2rem 5rem}.dash h2{margin-bottom:1.4rem;font-size:1.55rem;font-weight:700}.book-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem;display:grid}.book-tile{perspective:900px;animation:.6s cubic-bezier(.22,1,.36,1) both floatIn}.book-cover-mini{aspect-ratio:3/4;text-align:center;box-shadow:var(--shadow), inset 6px 0 12px #0000001f;cursor:pointer;border-radius:10px 16px 16px 10px;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem 1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.book-tile:hover .book-cover-mini{transform:rotateY(-9deg)translateY(-6px);box-shadow:0 18px 40px #50324647,inset 6px 0 12px #0000001f}.book-cover-mini:before{content:"";background:#fff6;width:2px;position:absolute;top:0;bottom:0;left:8px}.book-meta{justify-content:space-between;align-items:center;margin-top:.55rem;padding:0 .2rem;display:flex}.book-meta .t{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.book-meta .d{opacity:.6;font-size:.74rem}.new-book-tile{aspect-ratio:3/4;color:#23222a99;cursor:pointer;background:#fff9;border:2px dashed #23222a38;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .3s;display:flex}.new-book-tile:hover{border-color:var(--blue);color:var(--blue);background:#fff;transform:translateY(-4px)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#23222a6b;place-items:center;padding:1rem;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:480px;max-height:86dvh;padding:1.6rem;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn;overflow-y:auto;box-shadow:0 24px 60px #23222a4d}.modal h3{margin-bottom:1rem;font-size:1.15rem;font-weight:700}.theme-pick-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem;display:grid}.theme-chip{text-align:center;cursor:pointer;color:#fff;text-shadow:0 1px 6px #0000004d;border:2.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:.7rem .6rem;font-size:.8rem;font-weight:700;transition:all .25s;display:flex}.theme-chip:hover{transform:scale(1.05)}.theme-chip.sel{box-shadow:0 0 0 3px var(--blue);border-color:#fff;transform:scale(1.05)}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{background:#23222a0f;border:1.5px solid #0000;border-radius:999px;padding:.42rem .8rem;font-size:.82rem;font-weight:600;transition:all .2s}.chip:hover{background:#23222a1c;transform:translateY(-1px)}.chip.sel{border-color:var(--blue);color:var(--blue);background:#2f6bed1a}.swatch{cursor:pointer;border:2.5px solid #00000014;border-radius:50%;width:30px;height:30px;transition:transform .2s}.swatch:hover{transform:scale(1.15)}.swatch.sel{border-color:var(--blue);transform:scale(1.15)}.font-dd{position:relative}.font-dd-btn{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.6rem .9rem;font-size:1.05rem;transition:border-color .2s;display:flex}.font-dd-btn:hover{border-color:var(--blue)}.font-dd-btn svg{opacity:.55;flex-shrink:0;width:16px;height:16px}.font-dd-list{z-index:70;background:#fffdfb;border-radius:14px;max-height:260px;padding:.35rem;animation:.2s cubic-bezier(.34,1.56,.64,1) popIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 44px #32192d47}.font-dd-item{text-align:left;border-radius:9px;width:100%;padding:.48rem .75rem;font-size:1.08rem;transition:background .12s;display:block}.font-dd-item:hover{background:#23222a12}.font-dd-item.sel{background:#2f6bed1f;font-weight:700}.font-dd-item .cat-tag{float:right;font-family:var(--font-ui);opacity:.45;margin-top:.35rem;font-size:.62rem}.font-dd-backdrop{z-index:65;position:fixed;inset:0}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.3rem;display:grid}.sticker-btn{border-radius:10px;padding:.3rem;font-size:1.7rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s}.sticker-btn:hover{background:#2f6bed1a;transform:scale(1.35)rotate(-8deg)}.editor-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.editor-main{flex:1;justify-content:center;align-items:flex-start;gap:1.2rem;min-height:0;padding:1rem 1.2rem;display:flex}.page-area{flex-direction:column;align-items:center;gap:.7rem;display:flex}.page-canvas{aspect-ratio:3/4;touch-action:none;border-radius:6px;width:min(92vw,540px,75dvh - 174px);animation:.5s cubic-bezier(.22,1,.36,1) pageIn;position:relative;overflow:hidden;box-shadow:0 16px 44px #3c233738,0 2px 8px #3c23371f}.page-canvas.cover{border-radius:12px 20px 20px 12px}.page-nav{align-items:center;gap:.7rem;font-size:.9rem;font-weight:700;display:flex}.page-nav button{color:#4a3b44;background:#ffffffeb;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:grid;box-shadow:0 4px 12px #50324640}.page-nav button:hover:not(:disabled){transform:scale(1.12)}.page-nav button:disabled{opacity:.35;cursor:not-allowed}.page-nav button svg{width:20px;height:20px}.editor-toolbar{border:1px solid var(--line);background:#fff;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.6rem .9rem;display:flex;box-shadow:0 8px 24px #23222a1f}.tool-btn{color:#3c3b45;border-radius:14px;flex-direction:column;align-items:center;gap:.22rem;padding:.45rem .75rem;font-size:.68rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.tool-btn svg{width:20px;height:20px}.tool-btn:hover{color:var(--blue);background:#2f6bed17;transform:translateY(-3px)}.tool-btn:disabled{opacity:.45}.icon-btn{align-items:center;gap:.35rem;display:inline-flex}.icon-btn svg{width:16px;height:16px}.props-panel{border:1px solid var(--line);width:300px;max-height:calc(100dvh - 140px);box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;animation:.35s cubic-bezier(.22,1,.36,1) slideInRight;display:flex;overflow:hidden}.props-scroll{scrollbar-gutter:stable;flex:1;min-height:0;padding:1.1rem;overflow-y:auto}.props-scroll::-webkit-scrollbar{width:8px}.props-scroll::-webkit-scrollbar-thumb{background:#23222a38 padding-box padding-box;border:2px solid #0000;border-radius:99px}.props-panel h4{justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:1.02rem;font-weight:700;display:flex}.props-panel .sec{margin-bottom:1rem}.props-panel .sec>.lbl{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:.4rem;font-size:.72rem;font-weight:800}.panel-handle{justify-content:center;align-items:center;width:100%;padding:.25rem 0 .45rem;display:none}.panel-handle svg{opacity:.8;stroke-width:2.4px;width:30px;height:30px;color:var(--ink);background:#23222a12;border-radius:999px;padding:4px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s}.panel-handle:hover svg{background:#23222a21}.panel-handle:active svg{transform:scale(.9)}@media (max-width:900px){.editor-shell>.topbar{flex-wrap:nowrap;gap:.5rem;padding:.55rem .8rem}.editor-shell>.topbar input{flex:1;width:auto;min-width:0}.editor-shell>.topbar>span:last-child{white-space:nowrap;font-size:.7rem}.editor-main{flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;padding:.55rem .5rem .7rem}.page-area{gap:.45rem;width:100%}.page-canvas{width:min(92vw,75dvh - 162px)}.page-nav{gap:.5rem;font-size:.85rem}.page-nav button{width:36px;height:36px}.page-nav button svg{width:18px;height:18px}.editor-toolbar{flex-wrap:nowrap;gap:.25rem;width:100%;padding:.45rem .5rem}.tool-btn{flex:1;gap:.18rem;padding:.4rem .3rem;font-size:.64rem}.tool-btn svg{width:19px;height:19px}.props-panel{z-index:90;border-radius:22px 22px 0 0;width:100%;max-height:46dvh;padding-top:.4rem;transition:max-height .3s cubic-bezier(.22,1,.36,1);animation:.3s cubic-bezier(.22,1,.36,1) slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #23222a40}.panel-handle{display:flex}.props-panel.collapsed{max-height:52px;overflow:hidden}}.scrap-item{cursor:grab;-webkit-user-select:none;user-select:none;position:absolute}.scrap-item:active{cursor:grabbing}.scrap-item .inner{background:#fff;padding:4.5%;transition:box-shadow .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) stickOn;position:relative;box-shadow:0 6px 16px #28192338}.scrap-item.selected .inner{box-shadow:0 0 0 2.5px var(--accent), 0 10px 26px #2819234d}.scrap-item:hover .inner{box-shadow:0 12px 28px #2819234d}.scrap-item .caption{text-align:center;word-break:break-word;padding-top:.35em;line-height:1.25}.scrap-item .date-tag{text-align:center;opacity:.65;letter-spacing:.05em;font-size:.62em}.scrap-item .note-body{word-break:break-word;white-space:pre-wrap;line-height:1.45}.sticker-el{cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 5px #2819234d);line-height:1;animation:.45s cubic-bezier(.34,1.56,.64,1) stickOn;position:absolute}.sticker-el:active{cursor:grabbing}.sticker-el.selected{outline:2.5px dashed var(--accent);outline-offset:4px;border-radius:8px}.att-tape{z-index:3;opacity:.92;background:var(--tape-color,#f0dc828c);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);clip-path:polygon(2% 0,98% 4%,100% 96%,0 100%,3% 48%);height:9%;min-height:22px;position:absolute;box-shadow:0 2px 5px #0000001f}.att-washi{z-index:3;background:repeating-linear-gradient(45deg, #ffffffbf 0 7px, transparent 7px 14px), var(--tape-color,#e8a2b8e6);clip-path:polygon(0 12%,3% 0,97% 0,100% 14%,98% 50%,100% 88%,97% 100%,3% 100%,0 86%,2% 50%);height:9%;min-height:28px;position:absolute;box-shadow:0 3px 7px #00000038}.att-foil{z-index:3;clip-path:polygon(0 12%,3% 0,97% 0,100% 14%,98% 50%,100% 88%,97% 100%,3% 100%,0 86%,2% 50%);background:linear-gradient(105deg,#b8860b 0%,#f5d67b 22%,#fff3c4 38%,#e0b84e 55%,#f9e9a8 74%,#c9992e 100%);height:9%;min-height:26px;position:absolute;box-shadow:0 3px 7px #785a1459}.att-dot{z-index:3;background:radial-gradient(circle at 32% 30%,#fffffff2,#c4b6aad9 70%);border:1px solid #78695a59;border-radius:50%;width:20px;height:20px;position:absolute;box-shadow:0 2px 5px #00000047,inset 0 -2px 4px #0000002e}.att-staple{z-index:3;background:linear-gradient(#d7dbe4 0%,#9aa2b5 55%,#6f7891 100%);border-radius:2px;width:26px;height:9px;position:absolute;box-shadow:0 2px 3px #00000059,inset 0 1px 1px #fff9}.att-staple:before,.att-staple:after{content:"";background:#5c6478;width:4px;height:4px;position:absolute;top:100%}.att-staple:before{left:1px}.att-staple:after{right:1px}.att-seal{z-index:3;background:radial-gradient(circle at 34% 30%, #ffffff8c, transparent 40%), var(--acc,#e8a2b8);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #00000047,inset 0 -3px 6px #00000038}.att-seal:after{content:"♥";color:#ffffffeb;text-shadow:0 1px 2px #00000040;font-size:17px;line-height:1}.att-magnet{z-index:3;background:radial-gradient(circle at 32% 28%, #ffffffd9, #fff0 42%), var(--acc,#e8a2b8);border:2.5px solid #ffffffbf;border-radius:50%;width:30px;height:30px;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 9px #0000004d}.att-ribbon{z-index:3;opacity:.95;background:linear-gradient(180deg, #ffffff59 0%, transparent 30%), var(--acc,#e8a2b8);width:62%;height:22px;position:absolute;top:7%;left:-18%;transform:rotate(-45deg);box-shadow:0 3px 7px #00000040}.att-ribbon:before,.att-ribbon:after{content:"";background:inherit;filter:brightness(.85);width:12px;position:absolute;top:0;bottom:0}.att-ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,55% 50%);left:-1px}.att-ribbon:after{clip-path:polygon(0 0,100% 0,45% 50%,100% 100%,0 100%);right:-1px}.att-pin{z-index:3;background:radial-gradient(circle at 32% 30%,#ff9aa8,#d9536b 62%,#a83550);border-radius:50%;width:22px;height:22px;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 7px #0000004d,inset 0 -2px 4px #00000040}.att-pin:after{content:"";background:#8a8a92;width:3px;height:7px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.att-clip{z-index:3;border:3px solid #9aa2b5;border-bottom-color:#0000;border-radius:11px;width:22px;height:46px;position:absolute;top:-16px;left:12%;transform:rotate(6deg);box-shadow:0 2px 4px #00000026}.att-clip:before{content:"";border:3px solid #b6bccb;border-top-color:#0000;border-radius:8px;position:absolute;inset:5px 4px 12px}.corner-el{z-index:2;pointer-events:none;position:absolute}.corner-photo{border-style:solid;width:0;height:0}.corner-photo.c0{border-width:22px 22px 0 0;border-color:#463c50cc #0000 #0000;top:-1px;left:-1px}.corner-photo.c1{border-width:0 22px 22px 0;border-color:#0000 #463c50cc #0000 #0000;top:-1px;right:-1px}.corner-photo.c2{border-width:22px 0 0 22px;border-color:#0000 #0000 #0000 #463c50cc;bottom:-1px;left:-1px}.corner-photo.c3{border-width:0 0 22px 22px;border-color:#0000 #0000 #463c50cc;bottom:-1px;right:-1px}.corner-gold{filter:drop-shadow(0 1px 2px #a0781480);border:3.5px solid #d4af37;width:26px;height:26px}.corner-gold.c0{border-bottom:none;border-right:none;border-radius:6px 0 0;top:-4px;left:-4px}.corner-gold.c1{border-bottom:none;border-left:none;border-radius:0 6px 0 0;top:-4px;right:-4px}.corner-gold.c2{border-top:none;border-right:none;border-radius:0 0 0 6px;bottom:-4px;left:-4px}.corner-gold.c3{border-top:none;border-left:none;border-radius:0 0 6px;bottom:-4px;right:-4px}.corner-emoji{filter:drop-shadow(0 2px 3px #2819234d);font-size:19px}.corner-emoji.c0{top:-10px;left:-10px}.corner-emoji.c1{top:-10px;right:-10px}.corner-emoji.c2{bottom:-10px;left:-10px}.corner-emoji.c3{bottom:-10px;right:-10px}.corner-lace{background:radial-gradient(circle,#fffffff2 42%,#0000 46%),radial-gradient(circle at 0 0,#0000 58%,#fffffff2 62% 78%,#0000 82%);border-radius:50%;width:30px;height:30px;box-shadow:0 1px 3px #28192333}.corner-lace.c0{top:-12px;left:-12px}.corner-lace.c1{top:-12px;right:-12px}.corner-lace.c2{bottom:-12px;left:-12px}.corner-lace.c3{bottom:-12px;right:-12px}.corner-heart{color:var(--acc,#e8a2b8);text-shadow:0 1px #fff,0 -1px #fff,1px 0 #fff,-1px 0 #fff,0 2px 4px #2819234d;font-size:21px;line-height:1}.corner-heart.c0{top:-11px;left:-9px}.corner-heart.c1{top:-11px;right:-9px}.corner-heart.c2{bottom:-11px;left:-9px}.corner-heart.c3{bottom:-11px;right:-9px}.corner-washi{opacity:.93;background:repeating-linear-gradient(45deg, #ffffffb3 0 5px, transparent 5px 10px), var(--tape-color,#e8a2b8e6);width:38px;height:13px;box-shadow:0 2px 4px #0003}.corner-washi.c0{top:1px;left:-12px;transform:rotate(-45deg)}.corner-washi.c1{top:1px;right:-12px;transform:rotate(45deg)}.corner-washi.c2{bottom:1px;left:-12px;transform:rotate(45deg)}.corner-washi.c3{bottom:1px;right:-12px;transform:rotate(-45deg)}.corner-stitch{opacity:.85;width:26px;height:26px}.corner-stitch.c0{border-top:2.5px dashed var(--acc,#b98);border-left:2.5px dashed var(--acc,#b98);border-radius:6px 0 0;top:3px;left:3px}.corner-stitch.c1{border-top:2.5px dashed var(--acc,#b98);border-right:2.5px dashed var(--acc,#b98);border-radius:0 6px 0 0;top:3px;right:3px}.corner-stitch.c2{border-bottom:2.5px dashed var(--acc,#b98);border-left:2.5px dashed var(--acc,#b98);border-radius:0 0 0 6px;bottom:3px;left:3px}.corner-stitch.c3{border-bottom:2.5px dashed var(--acc,#b98);border-right:2.5px dashed var(--acc,#b98);border-radius:0 0 6px;bottom:3px;right:3px}.cover-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:9%;display:flex;position:absolute;inset:0}.cover-face:before{content:"";pointer-events:none;background:#ffffff59;width:2px;position:absolute;top:0;bottom:0;left:14px}.cover-frame-stitched:after{content:"";pointer-events:none;border:2.5px dashed #ffffff8c;border-radius:10px;position:absolute;inset:5.5%}.cover-frame-label .cover-label{background:#fffdf8f0;border-radius:6px;max-width:88%;padding:1.4rem 1.7rem;transform:rotate(-1.5deg);box-shadow:0 8px 20px #00000038}.cover-frame-ribbon .cover-ribbon{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff38;border-top:2px solid #ffffff80;border-bottom:2px solid #ffffff80;padding:1.1rem 0;position:absolute;top:40%;left:-4%;right:-4%}.landing{flex-direction:column;min-height:100dvh;display:flex}.hero{text-align:center;flex:1;place-items:center;padding:4rem 1.4rem 3rem;display:grid;position:relative;overflow:hidden}.hero h1{font-family:var(--font-hand);font-size:clamp(3.2rem,9vw,5.6rem);font-weight:700;line-height:1.02;animation:1s cubic-bezier(.22,1,.36,1) floatIn}.hero p.tag{opacity:.75;max-width:520px;margin:1rem auto 2rem;font-size:clamp(1rem,2.6vw,1.25rem);animation:1s cubic-bezier(.22,1,.36,1) .15s both floatIn}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:.9rem;animation:1s cubic-bezier(.22,1,.36,1) .3s both floatIn;display:flex}.polaroid-strip{flex-wrap:wrap;justify-content:center;gap:1.3rem;padding:0 1rem 4rem;display:flex}.mini-polaroid{background:#fff;border-radius:12px;width:150px;padding:.8rem .8rem 2.2rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:.8s cubic-bezier(.22,1,.36,1) both floatIn;position:relative;box-shadow:0 10px 26px #3c233733}.mini-polaroid:hover{z-index:2;transform:scale(1.08)rotate(0)!important}.mini-polaroid .ph{aspect-ratio:1;color:#fff;border-radius:8px;place-items:center;display:grid}.mini-polaroid .ph svg{filter:drop-shadow(0 2px 4px #0003);width:40px;height:40px}.mini-polaroid .cap{text-align:center;font-family:Caveat,cursive;font-size:1.05rem;position:absolute;bottom:.4rem;left:0;right:0}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;max-width:1000px;margin:0 auto;padding:0 1.4rem 5rem;display:grid}.feature-card{text-align:center;border-radius:var(--radius);padding:1.6rem 1.2rem}.feature-card .ico{color:#fff;background:var(--blue);border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto .7rem;animation:3.5s ease-in-out infinite bobble;display:grid;box-shadow:0 6px 16px #23222a2e}.feature-card .ico svg{width:26px;height:26px}.feature-card h3{margin-bottom:.4rem;font-size:1rem;font-weight:700}.feature-card p{opacity:.72;font-size:.88rem;line-height:1.5}@media (max-width:560px){.topbar{gap:.5rem;padding:.6rem .8rem}.topbar .brand{font-size:1.1rem}.hero{padding:2.6rem 1.1rem 2rem}.hero p.tag{margin:.8rem auto 1.5rem}.hero .cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto}.hero .cta-row .btn{width:100%}.polaroid-strip{gap:.8rem;padding-bottom:2.6rem}.mini-polaroid{width:118px;padding:.6rem .6rem 1.8rem}.mini-polaroid .cap{font-size:.9rem}.features{grid-template-columns:1fr 1fr;gap:.8rem;padding:0 1rem 3rem}.feature-card{padding:1.2rem .8rem}.dash{padding:1.4rem .9rem 4rem}.book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;opacity:.6;padding:.6rem .7rem;font-size:.74rem}.admin-table td{border-top:1px solid #966e8c24;padding:.7rem;font-size:.92rem}.status-pill{border-radius:999px;padding:.22rem .7rem;font-size:.74rem;font-weight:800}.status-pill.pending{color:#9a7020;background:#fff3d6}.status-pill.approved{color:#2e7d4f;background:#dff5e6}.status-pill.rejected{color:#b04a5a;background:#fde3e6}@keyframes floatIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0;transform:rotateY(-14deg)translate(24px)}to{opacity:1;transform:rotateY(0)translate(0)}}@keyframes stickOn{0%{opacity:0;transform:scale(1.25)rotate(3deg)}60%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes bobble{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(3deg)}}@keyframes floatAround{0%,to{transform:translate(0)rotate(-4deg)}33%{transform:translate(12px,-18px)rotate(5deg)}66%{transform:translate(-10px,-8px)rotate(-7deg)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#23222a38;border-radius:99px}::-webkit-scrollbar-track{background:0 0}:root{--blue:#1f6feb;--pink:#ff2d78;--yellow:#ffab00;--purple:#7b2ff7;--red:#f5334f;--green:#04a56d;--accent:var(--blue)}body{background-color:#fbf5ee;background-image:radial-gradient(#ff2d780d 1px,#0000 1.3px),radial-gradient(#1f6feb0a 1px,#0000 1.3px);background-position:0 0,13px 17px;background-size:26px 26px,34px 34px}.features{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.2rem;max-width:1020px;margin:0 auto;padding:0 1.4rem 5rem;display:flex}.features .feature-card{flex:0 280px;max-width:300px}.reveal{animation:.7s cubic-bezier(.22,1,.36,1) both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:none}}.feature-card{transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s}.feature-card:hover{transform:translateY(-7px)rotate(-.7deg);box-shadow:0 20px 44px #5a2d5f33}@media (max-width:560px){.features{gap:.8rem;padding:0 1rem 3rem}.features .feature-card{flex:42%;max-width:none}}.mini-polaroid{transform:rotate(var(--rot,0deg));animation:5s ease-in-out infinite floatBob}@keyframes floatBob{0%,to{transform:rotate(var(--rot,0deg)) translateY(0)}50%{transform:rotate(var(--rot,0deg)) translateY(-11px)}}.mini-polaroid .ph{position:relative;overflow:hidden}.mini-polaroid .ph:after{content:"";background:linear-gradient(140deg,#ffffff73,#0000 55%),radial-gradient(circle at 72% 82%,#ffffff47,#0000 52%);position:absolute;inset:0}.mini-polaroid .ph svg{z-index:1;position:relative}.pola-tape{z-index:4;background:repeating-linear-gradient(45deg,#fff9 0 6px,#0000 6px 12px),#ff78a0cc;border-radius:2px;width:52%;height:19px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 2px 5px #0000001f}.hero-logo{animation:.9s cubic-bezier(.22,1,.36,1) floatIn,5.5s ease-in-out 1s infinite floatBob}.auth-topbar{z-index:5;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}.auth-icon{color:#fff;background:linear-gradient(150deg, var(--pink), #ff6f9c);border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto .7rem;animation:3.2s ease-in-out infinite bobble;display:grid;box-shadow:0 10px 24px #ff2d7866}.auth-card{margin-top:1.5rem}@media (max-width:560px){.auth-topbar{padding:.7rem .8rem}.auth-topbar .brand-word{font-size:1.05rem}}.pw-strength{margin-top:.5rem}.pw-bar{gap:4px;display:flex}.pw-bar .seg{background:#23222a1f;border-radius:99px;flex:1;height:5px;transition:background .25s}.pw-bar .seg.s1{background:#f5334f}.pw-bar .seg.s2{background:#ffab00}.pw-bar .seg.s3{background:#3fa7d6}.pw-bar .seg.s4{background:#04a56d}.pw-label{opacity:.8;margin-top:.25rem;font-size:.72rem;font-weight:700}.pw-label.s1{color:#d0263f}.pw-label.s2{color:#b9791b}.pw-label.s3{color:#2f7fa8}.pw-label.s4{color:#04a56d}.pw-reqs{flex-wrap:wrap;gap:.3rem .7rem;margin-top:.4rem;display:flex}.pw-req{opacity:.55;align-items:center;gap:.2rem;font-size:.72rem;display:inline-flex}.pw-req.ok{opacity:1;color:#04a56d}.pw-req svg{flex-shrink:0}.lbl-hint{opacity:.7;text-transform:none;letter-spacing:0;color:var(--purple);font-size:.68rem;font-weight:600}.chip.locked,.theme-chip.locked{opacity:.55;position:relative}.chip.locked{padding-right:1.5rem}.dd-divider{text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--purple);opacity:.8;border-top:1px dashed #7b2ff74d;align-items:center;gap:.35rem;margin-top:.25rem;padding:.5rem .5rem .3rem;font-size:.66rem;font-weight:800;display:flex}.grid-divider{text-transform:uppercase;letter-spacing:.08em;color:var(--purple);opacity:.85;border-top:1px dashed #7b2ff74d;grid-column:1/-1;align-items:center;gap:.35rem;margin:.35rem 0 .1rem;padding-top:.4rem;font-size:.66rem;font-weight:800;display:flex}.chip-divider{text-transform:uppercase;letter-spacing:.06em;color:var(--purple);opacity:.8;border-left:1px dashed #7b2ff759;align-self:center;align-items:center;gap:.25rem;margin-left:.15rem;padding:0 .3rem;font-size:.6rem;font-weight:800;display:inline-flex}.chip-lock{opacity:.8;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.theme-chip.locked .chip-lock{top:.3rem;right:.3rem;transform:none}.font-dd-item.locked{opacity:.6}.font-dd-item.locked .chip-lock{vertical-align:-1px;margin-left:.3rem;position:static}.upsell-toast{z-index:250;color:#fff;will-change:transform, opacity;background:#2b2740;border-radius:14px;align-items:center;gap:.7rem;max-width:92vw;padding:.7rem 1rem;font-size:.86rem;font-weight:600;animation:.3s cubic-bezier(.22,1,.36,1) toastUp;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #140f2866}.upsell-toast .btn{box-shadow:none}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,22px)}to{opacity:1;transform:translate(-50%)}}.install-banner{z-index:220;border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:.8rem;width:min(94vw,460px);padding:.8rem 1rem;animation:.4s cubic-bezier(.22,1,.36,1) installUp;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #23222a42}@keyframes installUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.install-logo{flex-shrink:0;width:42px;height:42px}.install-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;line-height:1.35;display:flex}.install-text strong{font-size:.92rem}.install-text span{opacity:.75;font-size:.78rem}.install-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.install-hint{color:var(--blue);white-space:nowrap;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;display:inline-flex}.install-close{opacity:.55;border-radius:8px;padding:.3rem;display:inline-flex}.install-close:hover{opacity:1;background:#23222a0f}@media (max-width:460px){.install-banner{flex-wrap:wrap;gap:.55rem .8rem;bottom:10px}.install-actions{justify-content:flex-end;width:100%}}.share-topbar .brand-word{color:inherit}.view-badge{color:var(--blue);background:#1f6feb1f;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.share-link-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.share-link-row .input{flex:1;min-width:160px;font-size:.82rem}.share-cta{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;width:100%;margin-top:.5rem;font-size:.9rem;display:flex}.free-plan-card{flex-wrap:wrap;align-items:center;gap:1.4rem;max-width:900px;margin:0 auto 1.6rem;padding:1.2rem 1.6rem;display:flex}.free-plan-card h3{font-weight:800}.free-plan-card ul{flex:1;min-width:240px;margin:0;padding:0;list-style:none}.free-plan-card li{align-items:center;gap:.4rem;padding:.15rem 0;font-size:.85rem;display:flex}.free-plan-card li svg{color:var(--green)}.free-plan-card li.dim{opacity:.6;padding-left:1.2rem}.tier-card.picked{border:2px solid var(--blue);box-shadow:0 14px 38px #1f6feb47}.cart-summary{max-width:900px;margin:1.6rem auto 0;padding:1.4rem 1.6rem}.cart-summary h3{align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:1.05rem;display:flex}.cart-empty{opacity:.6;font-size:.9rem}.cart-lines{margin:0 0 .8rem;padding:0;list-style:none}.cart-lines li{border-bottom:1px dashed #23222a1a;justify-content:space-between;padding:.4rem 0;font-size:.92rem;display:flex}.cart-total{margin:.6rem 0 1rem}.cart-total>div{justify-content:space-between;padding:.2rem 0;font-size:1.02rem;display:flex}.cart-total strong{color:var(--blue)}.cart-checkout{background:#0070ba;width:100%;margin-bottom:.2rem;padding:.85rem;font-size:1.02rem;box-shadow:0 6px 18px #0070ba59}.cart-checkout:hover{background:#005c99}.cart-note{opacity:.7;margin-top:1rem;font-size:.78rem;line-height:1.5}.cart-note+.cart-note{margin-top:.5rem}.brand-logo{align-items:center;gap:.5rem;display:inline-flex}.brand-logo img{object-fit:contain;width:38px;height:38px}.brand-word{font-family:var(--font-hand);letter-spacing:.01em;white-space:nowrap;font-size:1.5rem;font-weight:700}.brand-suffix{font-family:var(--font-ui);opacity:.55;margin-left:.3rem;font-size:.8rem;font-weight:700}.hero-logo{width:min(190px,42vw);margin:0 auto .4rem;animation:.9s cubic-bezier(.22,1,.36,1) floatIn}.hero h1 .hl{color:#5aa9d6}.tos-check{cursor:pointer;align-items:flex-start;gap:.55rem;margin:.2rem 0 1.1rem;font-size:.85rem;display:flex}.tos-check input{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0;margin-top:.2rem}.tos-check a{color:var(--blue);font-weight:700}.code-input{text-align:center;letter-spacing:.5em;font-weight:700;font-size:1.6rem!important}.site-footer{border-top:1px solid var(--line);text-align:center;margin-top:auto;padding:1.6rem 1.2rem 2rem}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:.7rem;display:flex}.site-footer nav a{opacity:.75;font-size:.85rem;font-weight:600;transition:opacity .2s,color .2s}.site-footer nav a:hover{opacity:1;color:var(--blue)}.site-footer p{opacity:.55;font-size:.78rem}.site-footer p a{font-weight:700}.cookie-banner{z-index:200;border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:1rem;width:min(94vw,620px);padding:1rem 1.2rem;animation:.45s cubic-bezier(.22,1,.36,1) slideUp;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #23222a47}.cookie-banner p{flex:300px;font-size:.85rem;line-height:1.45}.cookie-banner a{color:var(--blue);font-weight:700}.cookie-actions{gap:.5rem;display:flex}.ad-banner{text-align:center;background:#ffffffbf;border:1px dashed #23222a2e;border-radius:14px;width:calc(100% - 2rem);max-width:780px;margin:.9rem auto;padding:.5rem .7rem .7rem;position:relative}.ad-banner .ad-tag{text-transform:uppercase;letter-spacing:.12em;opacity:.45;margin-bottom:.3rem;font-size:.6rem;font-weight:700;display:block}.ad-banner img{max-width:100%;margin:0 auto}.plan-pill{text-transform:capitalize;border-radius:999px;padding:.22rem .7rem;font-size:.72rem;font-weight:800}.plan-pill.free{color:#55535e;background:#23222a14}.plan-pill.premium{color:#d05577;background:#fdeef1}.plan-pill.lifetime{color:#7c5cc4;background:#f3edfd}.plan-pill.adfree{color:#3c7d55;background:#e9f7ee}.expiry-note{color:#7d6224;background:#fff7e3;border:1px solid #f2dfae;border-radius:14px;align-items:flex-start;gap:.55rem;margin-bottom:1.4rem;padding:.7rem 1rem;font-size:.86rem;display:flex}.expiry-note svg{flex-shrink:0;margin-top:.1rem}.expiry-note a{color:#b06a12;font-weight:700;text-decoration:underline}.expiry-badge{color:#3b7bb3;background:#eef5fb;border-radius:999px;align-items:center;gap:.3rem;margin-top:.35rem;padding:.18rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.expiry-badge.urgent{color:#b04a5a;background:#fdeaea}.book-cover-mini.locked{filter:saturate(.45)brightness(.9)}.lock-overlay{text-align:center;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#23222a8c;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;inset:0}.pricing-page{flex:1;max-width:1020px;margin:0 auto;padding:2.4rem 1.2rem 3rem}.pricing-page h1{text-align:center;font-family:var(--font-hand);margin-bottom:.6rem;font-size:2.9rem}.pricing-page .muted,.legal-page .muted{opacity:.7;font-size:.95rem}.current-plan-note{text-align:center;margin-bottom:1.6rem;font-size:.95rem}.pricing-teaser{text-align:center;padding:0 1.4rem 4.5rem}.pricing-teaser h2{font-family:var(--font-hand);margin-bottom:1.4rem;font-size:2.2rem}.tier-row{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;max-width:900px;margin:0 auto 1.8rem;display:grid}.tier-card{text-align:left;flex-direction:column;padding:1.6rem 1.5rem;display:flex;position:relative}.tier-card.hot{border:2px solid #f2a7ae;box-shadow:0 14px 38px #f2a7ae59}.tier-flag{white-space:nowrap;color:#fff;letter-spacing:.04em;background:#f2a7ae;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .8rem;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tier-flag.alt{background:#b9a8d8}.tier-card h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:800}.tier-price{margin-bottom:.9rem;font-size:1.9rem;font-weight:800}.tier-price span{opacity:.6;font-size:.9rem;font-weight:600}.tier-card ul{flex:1;margin:0 0 1.2rem;padding:0;list-style:none}.tier-card li{align-items:flex-start;gap:.45rem;padding:.28rem 0;font-size:.87rem;line-height:1.4;display:flex}.tier-card li svg{color:var(--green);flex-shrink:0;margin-top:.2rem}.tier-card li.dim{opacity:.6;padding-left:1.35rem}.tier-card .btn{width:100%}.addon-card{flex-wrap:wrap;align-items:center;gap:1.4rem;max-width:900px;margin:0 auto 2rem;padding:1.4rem 1.6rem;display:flex}.addon-card .addon-info{flex:320px}.addon-card h3{align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:1rem;display:flex}.addon-card p{opacity:.8;font-size:.88rem;line-height:1.5}.addon-actions{flex-direction:column;gap:.5rem;display:flex}.pricing-faq{max-width:720px;margin:2.4rem auto 0}.pricing-faq h2{margin-bottom:.7rem;font-size:1.15rem}.pricing-faq ul{padding-left:1.2rem}.pricing-faq li{opacity:.85;padding:.25rem 0;font-size:.89rem;line-height:1.55}.pricing-faq a{color:var(--blue);font-weight:700}.legal-page{flex:1;max-width:760px;margin:0 auto;padding:2.4rem 1.2rem 3.5rem}.legal-page h1{font-family:var(--font-hand);margin-bottom:.3rem;font-size:2.7rem}.legal-page h2{margin:1.7rem 0 .5rem;font-size:1.12rem;font-weight:800}.legal-page p,.legal-page li{opacity:.88;font-size:.93rem;line-height:1.65}.legal-page p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:640px){.legal-page p{text-align:left;-webkit-hyphens:none;hyphens:none}.legal-page{padding:2rem 1.1rem 3rem}.legal-page h1{font-size:2.2rem}}.legal-page ul{margin:.4rem 0;padding-left:1.3rem}.legal-page li{padding:.16rem 0}.legal-page a{color:var(--blue);font-weight:700}.legal-page code{background:#23222a12;border-radius:6px;padding:.1rem .4rem;font-size:.84rem}.legal-page table{margin-top:.6rem}.account-page{flex:1;width:100%;max-width:640px;margin:0 auto;padding:2.2rem 1.2rem 3rem}.account-page h1{font-family:var(--font-hand);margin-bottom:1.2rem;font-size:2.6rem}.account-card{margin-bottom:1.1rem;padding:1.3rem 1.5rem}.account-card h3{align-items:center;gap:.45rem;margin-bottom:.8rem;font-size:.95rem;font-weight:800;display:flex}.account-card dl{margin:0}.account-card dl>div{border-bottom:1px dashed #23222a14;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.9rem;display:flex}.account-card dl>div:last-child{border-bottom:none}.account-card dt{opacity:.6;align-items:center;gap:.35rem;font-weight:600;display:flex}.account-card dd{text-align:right;margin:0;font-weight:600}.admin-tabs{gap:.4rem;width:100%;max-width:1180px;margin:0 auto;padding:.8rem 1.2rem 0;display:flex;overflow-x:auto}.admin-tab{white-space:nowrap;opacity:.6;border-bottom:2.5px solid #0000;border-radius:12px 12px 0 0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.admin-tab:hover{opacity:.9;background:#fff9}.admin-tab.sel{opacity:1;color:var(--blue);border-bottom-color:var(--blue);background:#fff}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.stat-card{padding:1.1rem 1.2rem}.stat-card .ico{color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:.6rem;display:grid}.stat-card .ico svg{width:20px;height:20px}.stat-card .n{font-size:1.55rem;font-weight:800;line-height:1.1}.stat-card .l{opacity:.6;margin-top:.25rem;font-size:.74rem;line-height:1.4}.admin-cols{grid-template-columns:1.4fr 1fr;align-items:start;gap:1.2rem;display:grid}@media (max-width:820px){.admin-cols{grid-template-columns:1fr}}.admin-h3{align-items:center;gap:.4rem;margin-bottom:.9rem;font-size:.95rem;font-weight:800;display:flex}.rev-bars{align-items:flex-end;gap:.45rem;height:175px;padding-top:1rem;display:flex}.rev-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;display:flex}.rev-bar-col .bar{background:linear-gradient(#8ec9e6,#5aa9d6);border-radius:6px 6px 2px 2px;width:100%;max-width:34px}.rev-bar-col .v{opacity:.7;font-size:.62rem;font-weight:700}.rev-bar-col .m{opacity:.5;font-size:.62rem}.row-actions{flex-wrap:wrap;gap:.3rem;max-width:300px;display:flex}.row-actions .chip{align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.72rem;display:inline-flex}.chip.danger{color:#b04a5a;background:#fdeaea}.chip.danger:hover{background:#f9d7d7}.manual-payment{flex-direction:column;gap:.5rem;margin-bottom:1.2rem;padding:1rem 1.2rem;display:flex}.manual-payment .mp-row{flex-wrap:wrap;gap:.5rem;display:flex}.manual-payment .mp-row .input{flex:150px}.manual-payment .mp-row select.input{flex:0 200px}@media (max-width:560px){.brand-logo img{width:30px;height:30px}.brand-word{font-size:1.15rem}.tier-row{grid-template-columns:1fr}.cookie-banner{padding:.9rem 1rem}.account-card dl>div{flex-direction:column;gap:.1rem}.account-card dd{text-align:left}}.book-cover-mini.cover-frame-label .cover-label{max-width:92%;padding:.55rem .8rem;transform:rotate(-1.5deg);box-shadow:0 4px 12px #0000002e}.book-cover-mini.cover-frame-label .cover-label>div{font-size:1.15rem!important}.book-cover-mini.cover-frame-ribbon .cover-ribbon{padding:.5rem 0}.book-cover-mini.cover-frame-stitched:after{border-width:2px;border-radius:6px;inset:7%}.danger-zone{border:1px solid #f2c4cc}.danger-zone h3{color:#c0344b;margin-bottom:.7rem}.danger-zone>.btn{margin-top:1rem}.danger-zone code{color:#c0344b;background:#f5334f1a;border-radius:6px;padding:.1rem .4rem;font-weight:700}.delete-confirm{margin-top:.9rem}.redeemer-list{flex-wrap:wrap;gap:.25rem;max-height:60px;display:flex;overflow-y:auto}.redeemer{color:var(--blue);white-space:nowrap;background:#1f6feb1a;border-radius:999px;padding:.12rem .5rem;font-size:.7rem;font-weight:700}.footer-credit{opacity:.6;margin-top:.4rem;font-size:.78rem}.footer-credit a{color:var(--pink);font-weight:700}.footer-credit a:hover{text-decoration:underline}.share-missing{justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.share-missing-card{text-align:center;z-index:2;width:100%;max-width:440px;animation:.7s cubic-bezier(.22,1,.36,1) floatIn;position:relative}.share-missing-logo{width:132px;margin:0 auto .6rem}.share-missing-icon{color:#fff;background:linear-gradient(150deg,#9b7fe0,#b9a8e6);border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 1rem;display:grid;box-shadow:0 10px 24px #9b7fe066}.share-missing-card h1{font-family:var(--font-hand);margin-bottom:.5rem;font-size:2.2rem}.share-missing-card p{opacity:.78;margin-bottom:1.4rem;font-size:.93rem;line-height:1.6}.share-missing-cta{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}@media (max-width:640px){.landing>.topbar,.dash-topbar,.admin-topbar{flex-wrap:nowrap;justify-content:flex-end;gap:.35rem;padding:.55rem .6rem}.landing>.topbar .brand-logo,.dash-topbar .brand-logo,.admin-topbar .brand-logo{flex-shrink:1;min-width:0;margin-right:auto}.landing>.topbar .spacer,.dash-topbar .spacer,.admin-topbar .spacer{display:none}.landing>.topbar .btn.small,.landing>.topbar .btn.small.ghost,.dash-topbar .btn.small,.admin-topbar .btn.small{white-space:nowrap;flex-shrink:0;padding:.38rem .65rem;font-size:.76rem}.dash-topbar .plan-pill{flex-shrink:0;align-self:center}}@media (max-width:400px){.landing>.topbar .brand-logo img,.dash-topbar .brand-logo img,.admin-topbar .brand-logo img{width:26px;height:26px}.landing>.topbar .brand-word,.dash-topbar .brand-word,.admin-topbar .brand-word{font-size:1rem}.landing>.topbar .btn.small,.dash-topbar .btn.small,.admin-topbar .btn.small{padding:.34rem .55rem;font-size:.7rem}.landing>.topbar,.dash-topbar,.admin-topbar{gap:.25rem;padding:.5rem}}@media (max-width:560px){.share-link-row{gap:.4rem}.share-link-row .input{flex:100%}.share-link-row .btn{flex:1}.account-page{padding:1.5rem 1rem 3rem}.account-page h1{font-size:2.1rem}.account-card{padding:1.1rem 1.2rem}.account-card h3{flex-wrap:wrap}}