@import "https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Kodchasan:ital,wght@0,200..700;1,200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Prompt:ital,wght@0,100..900;1,100..900&family=Sarabun:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-wood-dark:#1b120c;--color-wood-mid:#3a2517;--color-wood-light:#573c28;--color-paper-warm:#fcf9f2;--color-paper-shadow:#00000026;--font-sans:"Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;--font-thai:"Sarabun", sans-serif}body{color:#ebd9c8;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#17110d;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1b120c80}::-webkit-scrollbar-thumb{background:#ebd07d4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ebd07d99}#app{box-sizing:border-box;width:100%;min-height:100vh}button,input,select,textarea{font-family:inherit}a{color:#ebd07d;text-decoration:none;transition:color .2s}a:hover{color:#f1e0ac}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;background:linear-gradient(#1b120c 0%,#17110d 100%);border-bottom:1px solid #ffffff0d;padding:24px 20px}.app-title-wrapper{max-width:600px;margin:0 auto}.app-header h1{font-family:var(--font-serif);color:#ebd07d;letter-spacing:2px;text-shadow:0 4px 6px #0006;margin:0;font-size:2.2rem;font-weight:700}.app-header p{font-family:var(--font-sans);color:#a89f91;margin:8px 0 0;font-size:.95rem;font-weight:300}.app-main{flex-direction:column;flex-grow:1;display:flex}.header-actions{z-index:100;gap:12px;display:flex;position:absolute;top:24px;right:24px}.sound-toggle-btn,.settings-toggle-btn{color:#c9bdae;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.sound-toggle-btn:hover,.settings-toggle-btn:hover{color:#fff;background-color:#ffffff1f;transform:scale(1.05)}@media (width<=768px){.header-actions{gap:8px;top:15px;right:15px}.sound-toggle-btn,.settings-toggle-btn{width:32px;height:32px;font-size:.85rem}}.theme-wood-dark{--color-shelf-bg:radial-gradient(circle at center, #2e241c 0%, #17110d 100%);--color-shelf-plank:linear-gradient(180deg, #5b3e2b 0%, #3e2617 30%, #20120a 100%);--color-shelf-shadow:#00000080}.theme-wood-light{--color-shelf-bg:radial-gradient(circle at center, #5c4a3b 0%, #2d2015 100%);--color-shelf-plank:linear-gradient(180deg, #cda782 0%, #a47d56 30%, #6e4e30 100%);--color-shelf-shadow:#0000004d}.theme-wood-modern{--color-shelf-bg:radial-gradient(circle at center, #2c2d30 0%, #111215 100%);--color-shelf-plank:linear-gradient(180deg, #4b4c50 0%, #2b2c30 30%, #15161a 100%);--color-shelf-shadow:#000000b3}.theme-paper-cream{--color-paper-bg:#fcf9f2;--color-paper-text:#2b2520;--color-paper-line:#e1dcd3cc;--color-paper-line-grid:#e1dcd399;--color-paper-line-dotted:#8c827566}.theme-paper-white{--color-paper-bg:#fff;--color-paper-text:#1a1a1a;--color-paper-line:#d2d2d2cc;--color-paper-line-grid:#d2d2d299;--color-paper-line-dotted:#a0a0a080}.theme-paper-dark{--color-paper-bg:#222;--color-paper-text:#e5e5e5;--color-paper-line:#ffffff14;--color-paper-line-grid:#ffffff0f;--color-paper-line-dotted:#ffffff26}.book-spine.svelte-p8yc93{background-color:var(--cover-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px 2px 2px 4px;flex-direction:column;justify-content:space-between;align-items:center;width:48px;height:280px;padding:18px 0;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 0 6px #0006,inset -2px 0 4px #ffffff1a,4px 6px 12px #00000073}.book-spine.svelte-p8yc93:hover{z-index:10;transform:translateY(-16px)rotate(-3.5deg);box-shadow:inset 4px 0 6px #00000040,inset -2px 0 4px #ffffff26,10px 18px 24px #0000008c}.spine-shading.svelte-p8yc93{pointer-events:none;z-index:3;border-radius:inherit;background:linear-gradient(90deg,#0006 0%,#ffffff26 10%,#fff0 28%,#0000 75%,#00000026 88%,#00000073 100%);width:100%;height:100%;position:absolute;top:0;left:0}.spine-accent.svelte-p8yc93{border-top:2px solid var(--text-color);border-bottom:2px solid var(--text-color);opacity:.8;z-index:2;width:80%;height:8px}.spine-title-container.svelte-p8yc93{z-index:2;flex-grow:1;justify-content:center;align-items:center;padding:10px 0;display:flex;overflow:hidden}.spine-title.svelte-p8yc93{writing-mode:vertical-rl;color:var(--text-color);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;text-align:center;text-shadow:1px 1px #00000040;max-height:170px;font-family:Prompt,Sarabun,sans-serif;font-size:.95rem;font-weight:500;overflow:hidden;transform:rotate(180deg)}.spine-category.svelte-p8yc93{color:var(--text-color);opacity:.75;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;z-index:2;max-width:40px;margin-bottom:8px;font-family:Prompt,sans-serif;font-size:.65rem;overflow:hidden}.pattern-leather.svelte-p8yc93{background-image:radial-gradient(#ffffff0d 1px,#0000 0),radial-gradient(#0003 1.5px,#0000 0);background-position:0 0,2px 2px;background-size:4px 4px}.leather-ribs.svelte-p8yc93{pointer-events:none;z-index:2;box-sizing:border-box;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;padding:24px 0;display:flex;position:absolute;top:0;left:0}.rib.svelte-p8yc93{background:#0000004d;border-top:1px solid #ffffff14;border-bottom:1px solid #00000080;width:100%;height:3px;box-shadow:0 1px 2px #0000004d}.pattern-linen.svelte-p8yc93{background-image:linear-gradient(90deg,#ffffff12 50%,#0000 50%),linear-gradient(#ffffff12 50%,#0000 50%);background-size:2px 2px}.pattern-embossed.svelte-p8yc93{background-image:radial-gradient(circle,#0000 30%,#0003 100%)}.spine-gold-emboss-lines.svelte-p8yc93{pointer-events:none;z-index:2;border-left:1px solid #ebd07d59;border-right:1px solid #ebd07d59;height:100%;position:absolute;top:0;left:4px;right:4px}.pattern-striped.svelte-p8yc93{background-image:linear-gradient(90deg,#0000 0% 40%,#ffffff0f 40% 60%,#0000 60% 100%),linear-gradient(90deg,#0000001a 0%,#0000 15% 85%,#0000001a 100%)}.pattern-cosmic.svelte-p8yc93{background-color:var(--cover-color);background-image:radial-gradient(1px 1px at 15px 35px,#ffffffe6,#0000),radial-gradient(1.2px 1.2px at 32px 120px,#ebd07dd9,#0000),radial-gradient(1px 1px at 8px 180px,#ffffffa6,#0000),radial-gradient(1.5px 1.5px at 38px 240px,#ffffffe6,#0000)}.spine-cosmic-accents.svelte-p8yc93{color:var(--text-color);opacity:.75;z-index:2;letter-spacing:2px;margin-top:10px;font-size:.65rem}.pattern-botanical.svelte-p8yc93{background-image:radial-gradient(circle,#ffffff05 0%,#0000001a 100%)}.spine-botanical-accents.svelte-p8yc93{opacity:.8;z-index:2;margin-top:10px;font-size:.75rem}.pattern-geometric.svelte-p8yc93{background-image:linear-gradient(45deg,#ebd07d0f 25%,#0000 25%),linear-gradient(-45deg,#ebd07d0f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ebd07d0f 75%),linear-gradient(-45deg,#0000 75%,#ebd07d0f 75%);background-size:16px 16px}.spine-geometric-accents.svelte-p8yc93{z-index:2;border-left:1px dashed #ebd07d40;border-right:1px dashed #ebd07d40;width:4px;position:absolute;top:25px;bottom:25px;left:22px}.pattern-modern-minimal.svelte-p8yc93{background-image:linear-gradient(135deg,#ffffff0d 0%,#0000 100%)}.spine-minimal-block.svelte-p8yc93{background-color:var(--text-color);opacity:.35;z-index:2;border-radius:3px;width:6px;height:35px;margin-top:10px}.book-cover.svelte-p8yc93{background-color:var(--cover-color);box-sizing:border-box;cursor:pointer;border-radius:4px 12px 12px 4px;width:200px;height:280px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:6px 10px 28px #0006,inset 1px 1px 2px #fff3}.book-cover.svelte-p8yc93:hover{transform:translateY(-8px)rotate(1.2deg);box-shadow:12px 20px 38px #00000080,inset 1px 1px 3px #ffffff40}.cover-shading.svelte-p8yc93{pointer-events:none;z-index:4;background:linear-gradient(90deg,#00000052 0%,#ffffff14 5%,#00000005 10% 90%,#0000001a 97%,#00000059 100%);position:absolute;inset:0}.cover-border.svelte-p8yc93{border:1px solid var(--text-color);box-sizing:border-box;z-index:2;opacity:.9;border-radius:3px 8px 8px 3px;flex-grow:1;margin:12px;padding:15px;display:flex;position:relative}.pattern-leather.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:1.5px solid #00000059;box-shadow:inset 0 0 6px #00000073,1px 1px 1px #ffffff14}.pattern-linen.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:1px dashed #ffffff4d}.pattern-embossed.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:2px solid var(--text-color);box-shadow:inset 0 0 0 2px #ebd07d66,0 0 8px #00000026}.pattern-embossed.svelte-p8yc93 .cover-border:where(.svelte-p8yc93):after{content:"";pointer-events:none;border:1px solid #ebd07d4d;border-radius:4px;position:absolute;inset:5px}.gold-corner.svelte-p8yc93{border:1.5px solid var(--text-color);pointer-events:none;width:14px;height:14px;position:absolute}.gold-corner.top-left.svelte-p8yc93{border-bottom:none;border-right:none;top:8px;left:8px}.gold-corner.top-right.svelte-p8yc93{border-bottom:none;border-left:none;top:8px;right:8px}.gold-corner.bottom-left.svelte-p8yc93{border-top:none;border-right:none;bottom:8px;left:8px}.gold-corner.bottom-right.svelte-p8yc93{border-top:none;border-left:none;bottom:8px;right:8px}.pattern-cosmic.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:1px solid #ebd07d4d}.cosmic-constellations.svelte-p8yc93{pointer-events:none;z-index:1;opacity:.65;width:100%;height:100%;position:absolute;top:0;left:0}.constellation-svg.svelte-p8yc93{width:100%;height:100%}.pattern-botanical.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:1px solid #ffffff26}.botanical-foliage.svelte-p8yc93{pointer-events:none;opacity:.45;justify-content:space-between;display:flex;position:absolute;inset:10px 4px}.botanical-branch-left.svelte-p8yc93,.botanical-branch-right.svelte-p8yc93{width:15px;height:100%}.pattern-geometric.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:1px solid var(--text-color);background-image:radial-gradient(circle,#0000 40%,#00000026 100%)}.minimal-arch.svelte-p8yc93{pointer-events:none;z-index:1;background:#ffffff14;border-radius:90px 90px 0 0;width:76%;height:55%;position:absolute;bottom:0;left:12%}.minimal-circle.svelte-p8yc93{pointer-events:none;z-index:1;background:#00000026;border:1px dashed #ffffff1f;border-radius:50%;width:50px;height:50px;position:absolute;top:15%;right:15%}.pattern-modern-minimal.svelte-p8yc93 .cover-border:where(.svelte-p8yc93){border:1px solid #fff3}.cover-content.svelte-p8yc93{width:100%;height:100%;color:var(--text-color);text-align:center;z-index:3;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.cover-category.svelte-p8yc93{letter-spacing:1.5px;opacity:.8;text-transform:uppercase;border-bottom:1.5px solid var(--text-color);padding-bottom:2px;font-family:Prompt,sans-serif;font-size:.72rem}.cover-title.svelte-p8yc93{word-break:break-word;-webkit-line-clamp:4;text-shadow:1px 1.5px 2px #0000004d;-webkit-box-orient:vertical;margin:15px 0;font-family:Prompt,Sarabun,sans-serif;font-size:1.35rem;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.cover-ornament.svelte-p8yc93{opacity:.85;justify-content:center;align-items:center;margin:5px 0;display:flex}.cover-footer.svelte-p8yc93{letter-spacing:3px;opacity:.65;margin-top:auto;font-family:Playfair Display,serif;font-size:.65rem}.cover-spine-edge.svelte-p8yc93{z-index:3;background:#00000047;width:10px;height:100%;position:absolute;top:0;left:0;box-shadow:inset -1px 0 2px #ffffff14}.shelf-wrapper.svelte-7h39jy{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:20px}.shelf-controls.svelte-7h39jy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.categories-bar.svelte-7h39jy{flex-wrap:wrap;gap:8px;display:flex}.category-tab.svelte-7h39jy{color:#c9bdae;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-family:Prompt,sans-serif;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.category-tab.svelte-7h39jy:hover{color:#fff;background-color:#ffffff1a;transform:translateY(-1px)}.category-tab.active.svelte-7h39jy{color:#1f1a17;background-color:#ebd07d;border-color:#ebd07d;box-shadow:0 4px 12px #ebd07d4d}.controls-right.svelte-7h39jy{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.view-toggle.svelte-7h39jy{background-color:#0003;border-radius:20px;padding:3px;display:flex}.toggle-btn.svelte-7h39jy{color:#a89f91;cursor:pointer;background:0 0;border:none;border-radius:17px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.toggle-btn.svelte-7h39jy:hover{color:#fff}.toggle-btn.active.svelte-7h39jy{color:#ebd07d;background-color:#ffffff26}.search-bar.svelte-7h39jy{width:250px;position:relative}@media (width<=600px){.shelf-controls.svelte-7h39jy{flex-direction:column;align-items:stretch}.search-bar.svelte-7h39jy{width:100%}}.search-input.svelte-7h39jy{box-sizing:border-box;color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;outline:none;width:100%;padding:8px 15px 8px 38px;font-family:Prompt,sans-serif;font-size:.85rem;transition:all .25s}.search-input.svelte-7h39jy:focus{background-color:#ffffff14;border-color:#ebd07d;box-shadow:0 0 0 3px #ebd07d26}.search-icon.svelte-7h39jy{color:#a89f91;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.shelf-display.svelte-7h39jy{background:var(--color-shelf-bg,radial-gradient(circle at center, #2e241c 0%, #17110d 100%));box-shadow:0 20px 40px var(--color-shelf-shadow,#00000080), inset 0 0 100px #000c, 0 0 0 1px #ffffff0d;border-radius:16px;padding:30px;overflow:hidden}.wood-panel.svelte-7h39jy{flex-direction:column;gap:40px;display:flex}.shelf-row.svelte-7h39jy{flex-direction:column;padding-bottom:24px;display:flex;position:relative}.books-container.svelte-7h39jy{z-index:2;align-items:flex-end;gap:16px;min-height:280px;padding:0 30px;display:flex}.books-container.cover.svelte-7h39jy{gap:40px}.wooden-plank.svelte-7h39jy{background:var(--color-shelf-plank,linear-gradient(180deg, #5b3e2b 0%, #3e2617 30%, #20120a 100%));z-index:1;border-radius:4px;height:24px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 10px 15px #00000080,inset 0 2px 2px #ffffff1a,inset 0 -2px 5px #00000080}.wooden-plank.svelte-7h39jy:after{content:"";pointer-events:none;background:#ffffff14;height:4px;position:absolute;top:0;left:0;right:0}.book-wrapper.svelte-7h39jy{outline:none;transition:transform .2s,filter .2s;position:relative}.book-wrapper.drag-over.svelte-7h39jy{filter:brightness(1.2);z-index:10;transform:scale(1.05)translateY(-5px)}.book-wrapper.dragging.svelte-7h39jy{opacity:.5}.hover-badges.svelte-7h39jy{opacity:0;z-index:10;gap:6px;transition:all .2s;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%)scale(.8)}.book-wrapper.svelte-7h39jy:hover .hover-badges:where(.svelte-7h39jy){opacity:1;top:-15px;transform:translate(-50%)scale(1)}.badge-btn.svelte-7h39jy{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .1s,background-color .2s;display:flex;box-shadow:0 2px 5px #0006}.badge-btn.svelte-7h39jy:active{transform:scale(.9)}.badge-btn.edit.svelte-7h39jy{color:#ebd07d;background-color:#3b3530;border:1px solid #ebd07d}.badge-btn.edit.svelte-7h39jy:hover{color:#1f1a17;background-color:#ebd07d}.badge-btn.delete.svelte-7h39jy{background-color:#8c2d19;font-size:15px;font-weight:700;line-height:1}.badge-btn.delete.svelte-7h39jy:hover{background-color:#b33920}.create-new-wrapper.svelte-7h39jy{cursor:pointer}.create-placeholder.svelte-7h39jy{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#ebd07d0a;border:2px dashed #ebd07d66;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:15px 0;transition:all .3s;display:flex}.create-placeholder.spine.svelte-7h39jy{width:48px;height:260px}.create-placeholder.cover.svelte-7h39jy{border-radius:4px 12px 12px 4px;width:180px;height:260px}.create-new-wrapper.svelte-7h39jy:hover .create-placeholder:where(.svelte-7h39jy){background-color:#ebd07d14;border-color:#ebd07d;transform:translateY(-8px);box-shadow:0 10px 15px #0000004d}.plus-icon.svelte-7h39jy{color:#ebd07d;margin-bottom:10px;font-size:2rem;font-weight:300;line-height:1}.create-placeholder.spine.svelte-7h39jy .create-text:where(.svelte-7h39jy){writing-mode:vertical-rl;transform:rotate(180deg)}.create-text.svelte-7h39jy{color:#c9bdae;letter-spacing:2px;font-family:Prompt,sans-serif;font-size:.8rem}.no-books-message.svelte-7h39jy{text-align:center;color:#a89f91;z-index:2;padding:60px 0;font-family:Prompt,sans-serif;font-size:1rem}.desk-container.svelte-12rjumn{box-sizing:border-box;background:radial-gradient(circle,#3d342c 0%,#1e1814 100%);flex-direction:column;height:100vh;min-height:380px;display:flex;overflow:hidden}.desk-toolbar.svelte-12rjumn{z-index:10;background-color:#14100dd9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.btn-toolbar.svelte-12rjumn{color:#ebd9c8;cursor:pointer;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-family:Prompt,sans-serif;font-size:.85rem;transition:all .2s;display:flex}.btn-toolbar.svelte-12rjumn:hover{color:#fff;background-color:#ffffff1f}.btn-close-book.svelte-12rjumn{border-color:#ebd07d33}.btn-close-book.svelte-12rjumn:hover{color:#ebd07d;background-color:#ebd07d14;border-color:#ebd07d}.toolbar-left-group.svelte-12rjumn{align-items:center;gap:8px;display:flex}.btn-toc.svelte-12rjumn{border-color:#ebd07d33}.btn-toc.svelte-12rjumn:hover{color:#ebd07d;background-color:#ebd07d14;border-color:#ebd07d}.btn-settings.svelte-12rjumn{border-color:#ebd07d33}.btn-settings.svelte-12rjumn:hover{color:#ebd07d;background-color:#ebd07d14;border-color:#ebd07d}.notebook-title-tag.svelte-12rjumn{color:#fff;align-items:center;gap:10px;padding-left:12px;font-family:Prompt,sans-serif;font-size:1.05rem;font-weight:500;display:flex}.btn-edit-title-inline.svelte-12rjumn{color:#a89f91;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:6px;padding:4px;transition:all .2s;display:flex}.btn-edit-title-inline.svelte-12rjumn:hover{color:#ebd07d;background-color:#ffffff14}.category-pill.svelte-12rjumn{color:#c9bdae;text-transform:uppercase;letter-spacing:.5px;background-color:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:.7rem}.page-controls-top.svelte-12rjumn{gap:8px;display:flex}.btn-action.svelte-12rjumn{color:#1f1a17;background-color:#ebd07d;border:none;font-weight:500}.btn-action.svelte-12rjumn:hover{color:#1f1a17;background-color:#f1e0ac}.btn-action.danger.svelte-12rjumn{color:#ffa494;background-color:#8c2d1933;border:1px solid #8c2d1966}.btn-action.danger.svelte-12rjumn:hover{color:#fff;background-color:#8c2d1966}.book-workspace.svelte-12rjumn{flex-grow:1;justify-content:center;align-items:center;padding:30px 40px 20px;display:flex;position:relative}@media (width<=600px){.book-workspace.svelte-12rjumn{padding:10px}}.nav-arrow.svelte-12rjumn{color:#ebd07d66;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;background:0 0;border:none;padding:0 20px;font-size:5rem;font-weight:100;transition:color .2s,transform .2s}.nav-arrow.svelte-12rjumn:hover:not(:disabled){color:#ebd07d;transform:scale(1.1)}.nav-arrow.svelte-12rjumn:disabled{color:#ffffff0d;cursor:not-allowed}.physical-notebook.svelte-12rjumn{background:0 0;width:100%;max-width:1650px;height:100%;min-height:280px;max-height:820px;transition:transform .3s;display:flex;position:relative}.page-shadow-underneath.svelte-12rjumn{z-index:1;background-color:#d1c8be;border-radius:4px;width:49%;position:absolute;top:5px;bottom:5px;box-shadow:0 10px 25px #0006}.left-under.svelte-12rjumn{left:4px;box-shadow:-4px 4px 6px #00000026,-8px 8px 12px #0000001a}.right-under.svelte-12rjumn{right:4px;box-shadow:4px 4px 6px #00000026,8px 8px 12px #0000001a}.single-under.svelte-12rjumn{width:100%;max-width:500px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #00000026,0 8px 15px #0000001a}@media (width>=768px){.single-under.svelte-12rjumn{max-width:800px;box-shadow:0 10px 25px #00000059,0 20px 40px #00000040}}.page-sheet.svelte-12rjumn{--sheet-top-padding:35px;--header-height:18px;--header-margin:20px;background-color:var(--color-paper-bg,#fcf9f2);height:100%;color:var(--color-paper-text,#2b2520);box-sizing:border-box;z-index:3;font-family:var(--font-notebook,"Prompt"), "Sarabun", sans-serif;flex-direction:column;flex:1;display:flex;position:relative;box-shadow:0 4px 15px #0003}.left-sheet.svelte-12rjumn{--padding-x:19px;padding:var(--sheet-top-padding) max(2px, calc(var(--padding-x) - 18px)) var(--sheet-top-padding) calc(var(--padding-x) + 2px);border-radius:12px 2px 2px 12px}.right-sheet.svelte-12rjumn{--padding-x:19px;padding:var(--sheet-top-padding) var(--padding-x) var(--sheet-top-padding) calc(var(--padding-x) + 2px);border-radius:2px 12px 12px 2px}.single-sheet.svelte-12rjumn{--sheet-top-padding:30px;--padding-x:25px;padding:var(--sheet-top-padding) max(2px, calc(var(--padding-x) - 18px)) var(--sheet-top-padding) calc(var(--padding-x) + 2px);border-radius:12px;width:100%;max-width:500px;margin:0 auto}@media (width>=768px){.single-sheet.svelte-12rjumn{--padding-x:60px;max-width:800px;padding:var(--sheet-top-padding) max(2px, calc(var(--padding-x) - 18px)) var(--sheet-top-padding) calc(var(--padding-x) + 2px)}}.btn-view-mode.svelte-12rjumn{border-color:#ebd07d33}.btn-view-mode.svelte-12rjumn:hover{color:#ebd07d;background-color:#ebd07d14;border-color:#ebd07d}.paper-ruled.svelte-12rjumn{background-image:linear-gradient(var(--color-paper-line,#e1dcd3cc) 1px, transparent 1px);background-size:100% var(--line-height-notebook,36px);background-position:0 calc(var(--sheet-top-padding) + var(--line-height-notebook,36px))}.paper-grid.svelte-12rjumn{background-image:linear-gradient(var(--color-paper-line-grid,#e1dcd399) 1px, transparent 1px), linear-gradient(90deg, var(--color-paper-line-grid,#e1dcd399) 1px, transparent 1px);background-size:var(--line-height-notebook,36px) var(--line-height-notebook,36px);background-position:var(--padding-x,55px) calc(var(--sheet-top-padding) + var(--line-height-notebook,36px))}.paper-dotted.svelte-12rjumn{background-image:radial-gradient(circle, var(--color-paper-line-dotted,#8c827566) 1.5px, transparent 1.5px);background-size:var(--line-height-notebook,36px) var(--line-height-notebook,36px);background-position:calc(var(--padding-x,55px) - (var(--line-height-notebook,36px) / 2) + .5px) calc(var(--sheet-top-padding) + (var(--line-height-notebook,36px) / 2) + .5px)}.book-binding-spine.svelte-12rjumn{background-color:var(--color-paper-bg,#fcf9f2);z-index:4;flex-direction:column;justify-content:space-around;width:4px;height:100%;display:flex;position:relative}.binding-shadow-l.svelte-12rjumn{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00000003 50%,#0000000a 100%);width:25px;height:100%;position:absolute;top:0;right:100%}.binding-shadow-r.svelte-12rjumn{pointer-events:none;background:linear-gradient(270deg,#0000 0%,#00000003 50%,#0000000a 100%);width:25px;height:100%;position:absolute;top:0;left:100%}.writing-page-content.svelte-12rjumn{z-index:10;flex-direction:column;height:100%;display:flex}.page-header.svelte-12rjumn{color:var(--color-paper-text,#8c8275);opacity:.6;margin-bottom:0;margin-top:calc(-1 * var(--line-height-notebook,36px));height:var(--line-height-notebook,36px);box-sizing:border-box;cursor:default;align-items:center;gap:8px;padding-bottom:0;font-size:.75rem;line-height:1;transition:opacity .2s ease-in-out;display:flex}.page-header.svelte-12rjumn:hover{opacity:.9}.btn-delete-page-inline.svelte-12rjumn{cursor:pointer;color:#dc3545;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out,background-color .2s ease-in-out;display:inline-flex;transform:scale(.9)}.btn-delete-page-inline.svelte-12rjumn:hover{background-color:#dc35451a;transform:scale(1.05)}.page-header.svelte-12rjumn:hover .btn-delete-page-inline:where(.svelte-12rjumn){opacity:.7}.page-header.svelte-12rjumn:hover .btn-delete-page-inline:where(.svelte-12rjumn):hover{opacity:1}.page-header.left-align.svelte-12rjumn{justify-content:flex-start}.page-header.right-align.svelte-12rjumn{justify-content:flex-end}.page-num.svelte-12rjumn{font-weight:500}.notebook-title-wrapper.svelte-12rjumn{height:var(--line-height-notebook,36px);box-sizing:border-box}.page-title-input.svelte-12rjumn{text-align:center;width:100%;height:100%;font-weight:700;font-size:var(--font-size-notebook,1.25rem);color:var(--color-paper-text,#2b2520);font-family:var(--font-notebook,"Prompt"), "Sarabun", sans-serif;line-height:var(--line-height-notebook,36px);background:0 0;border:none;outline:none;margin:0;padding:0}.page-title-input.svelte-12rjumn::placeholder{opacity:.5;font-size:.85rem;font-weight:400}.notebook-textarea.svelte-12rjumn{resize:none;width:100%;height:100%;font-size:var(--font-size-notebook,1.25rem);line-height:var(--line-height-notebook,36px);color:var(--color-paper-text,#2b2520);box-sizing:border-box;padding:var(--padding-top-notebook,3px) 20px 20px calc(var(--line-height-notebook,36px) + 2px);font-family:var(--font-notebook,"Prompt"), "Sarabun", sans-serif;background:0 0;border:none;outline:none;position:absolute;top:0;left:0;overflow-y:auto}.html-editor.svelte-12rjumn h1,.html-editor.svelte-12rjumn h2,.html-editor.svelte-12rjumn h3{color:var(--color-paper-text,#2b2520);font-weight:700;line-height:var(--line-height-notebook,36px);margin:0;padding:0}.html-editor.svelte-12rjumn h1{font-size:1.5em}.html-editor.svelte-12rjumn h2{font-size:1.35em}.html-editor.svelte-12rjumn h3{font-size:1.2em}.toc-page-num.svelte-12rjumn{white-space:nowrap;font-weight:600}.toc-snippet.svelte-12rjumn{color:var(--color-paper-text,#6e6459);opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-style:italic;overflow:hidden}.empty-page-content.svelte-12rjumn{height:100%;color:var(--color-paper-text,#8c8275);opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-family:Prompt,sans-serif;display:flex}.empty-page-content.svelte-12rjumn p:where(.svelte-12rjumn){margin:0;font-size:.9rem}.btn-add-page-inline.svelte-12rjumn{color:var(--color-paper-text,#55483f);cursor:pointer;background-color:#8c827514;border:2px dashed #8c82754d;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:20px 30px;font-family:inherit;transition:all .2s;display:flex}.btn-add-page-inline.svelte-12rjumn:hover{border-color:var(--color-paper-text,#55483f);background-color:#8c827526;transform:translateY(-2px)}.plus-circle.svelte-12rjumn{color:var(--color-paper-text,#8c8275);opacity:.8;font-size:1.8rem;line-height:1}.btn.svelte-12rjumn{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary.svelte-12rjumn{color:#1f1a17;background-color:#ebd07d}.btn-primary.svelte-12rjumn:hover{background-color:#f1e0ac}@media (height<=768px){.desk-toolbar.svelte-12rjumn{padding:8px 16px}.book-workspace.svelte-12rjumn{padding:10px 20px}.left-sheet.svelte-12rjumn,.right-sheet.svelte-12rjumn{--sheet-top-padding:20px;--header-margin:10px;--padding-x:9px;padding:var(--sheet-top-padding) max(2px, calc(var(--padding-x) - 18px)) var(--sheet-top-padding) calc(var(--padding-x) + 2px)}.single-sheet.svelte-12rjumn{--sheet-top-padding:15px;--header-margin:10px;--padding-x:20px;padding:var(--sheet-top-padding) max(2px, calc(var(--padding-x) - 18px)) var(--sheet-top-padding) calc(var(--padding-x) + 2px)}}.sidebar-backdrop.svelte-12rjumn{-webkit-backdrop-filter:blur(4px);z-index:99;background-color:#0f0c0a66;width:100%;height:100%;position:fixed;top:0;left:0}.toc-sidebar.svelte-12rjumn{background-color:var(--color-paper-bg,#fcf9f2);width:320px;height:100%;color:var(--color-paper-text,#2b2520);z-index:100;font-family:var(--font-notebook,"Prompt"), "Sarabun", sans-serif;border-right:1px solid var(--color-paper-line,#e1dcd399);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:5px 0 25px #0000004d}@media (width<=480px){.toc-sidebar.svelte-12rjumn{width:100%;max-width:100%}}.sidebar-header.svelte-12rjumn{border-bottom:1px dashed var(--color-paper-line,#e1dcd399);justify-content:space-between;align-items:center;gap:8px;padding:20px 24px;display:flex}.sidebar-title-wrapper.svelte-12rjumn{flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.sidebar-title.svelte-12rjumn{color:var(--color-paper-text,#2b2520);margin:0;font-size:1.35rem;font-weight:600}.sidebar-subtitle.svelte-12rjumn{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.8rem;overflow:hidden}.btn-close-sidebar.svelte-12rjumn{color:var(--color-paper-text,#2b2520);cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2.2rem;line-height:1;transition:opacity .2s,transform .2s;display:flex}.btn-close-sidebar.svelte-12rjumn:hover{opacity:.9;transform:scale(1.1)}.sidebar-body.svelte-12rjumn{flex-grow:1;padding:20px 24px;overflow-y:auto}.sidebar-toc-list.svelte-12rjumn{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sidebar-toc-link.svelte-12rjumn{text-align:left;cursor:pointer;width:100%;color:var(--color-paper-text,#2b2520);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;padding:12px 16px;font-family:inherit;transition:all .2s;display:flex}.sidebar-toc-link.svelte-12rjumn:hover{border-color:var(--color-paper-line,#e1dcd34d);background-color:#8c82751f;transform:translate(4px)}.sidebar-toc-link.active-page-link.svelte-12rjumn{border-color:var(--color-paper-line,#e1dcd3b3);box-shadow:inset 3px 0 0 var(--color-paper-text,#2b2520);background-color:#8c827514;padding-left:19px;font-weight:600}.sidebar-toc-link.svelte-12rjumn .toc-page-num:where(.svelte-12rjumn){opacity:.55;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:600}.sidebar-toc-link.svelte-12rjumn .toc-snippet:where(.svelte-12rjumn){white-space:nowrap;text-overflow:ellipsis;opacity:.95;width:100%;font-size:.95rem;font-style:normal;overflow:hidden}.undo-toast.svelte-12rjumn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#1e1814f5;border:1px solid #ebd07d40;border-radius:10px;flex-direction:column;gap:8px;width:max-content;min-width:320px;max-width:90%;margin:0 auto;padding:12px 18px;display:flex;position:fixed;bottom:30px;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.undo-toast-content.svelte-12rjumn{color:#ebd9c8;justify-content:space-between;align-items:center;gap:16px;font-family:Prompt,sans-serif;font-size:.85rem;display:flex}.toast-icon.svelte-12rjumn{color:#ebd07d;flex-shrink:0}.btn-undo.svelte-12rjumn{color:#ebd07d;cursor:pointer;background:#ebd07d26;border:1px solid #ebd07d59;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-undo.svelte-12rjumn:hover{color:#1f1a17;background-color:#ebd07d;transform:translateY(-1px);box-shadow:0 3px 8px #ebd07d33}.btn-undo.svelte-12rjumn:active{transform:translateY(0)}.toast-progress-bar.svelte-12rjumn{background:#ebd07d;align-self:flex-start;width:100%;height:3px;animation:8s linear forwards svelte-12rjumn-shrinkWidth}@keyframes svelte-12rjumn-shrinkWidth{0%{width:100%}to{width:0%}}.notebook-textarea-wrapper.svelte-12rjumn{flex:auto;width:100%;min-height:0;position:relative}.CodeMirror{width:100%!important;height:100%!important;font-family:var(--font-notebook,"Prompt"), "Sarabun", sans-serif!important;font-size:var(--font-size-notebook,1.25rem)!important;line-height:var(--line-height-notebook,36px)!important;color:var(--color-paper-text,#2b2520)!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{line-height:var(--line-height-notebook,36px)!important}.CodeMirror-scroll{min-height:100%;margin-right:-20px!important;padding-right:20px!important}.CodeMirror-lines{padding:var(--padding-top-notebook,3px) 0 0 0!important}.CodeMirror-line{position:relative;padding:0 0 0 calc(var(--line-height-notebook,36px) + 2px)!important;line-height:var(--line-height-notebook,36px)!important}:is(.CodeMirror-line:has(.cm-formatting-list),.CodeMirror-line:has(.cm-variable-2),.CodeMirror-line:has(.cm-custom-list)){padding-left:calc(var(--line-height-notebook,36px) * 1.5 + 2px)!important}.CodeMirror-line:has(.cm-variable-3){padding-left:calc(var(--line-height-notebook,36px) * 2.5 + 2px)!important}.editor-toolbar,.editor-statusbar{display:none!important}.CodeMirror-line:has(.cm-header){font-size:1em!important;font-weight:700!important}.cm-header{color:var(--color-paper-text,#2b2520)!important;font-size:1em!important;line-height:inherit!important}.cm-formatting-header{width:calc(var(--line-height-notebook,36px) + 2px);text-align:right;box-sizing:border-box;padding-right:8px;position:absolute;top:50%;left:0;transform:translateY(-50%);opacity:.35!important;font-size:.6em!important}.cm-strong{font-weight:700!important}.cm-em{font-style:italic!important}.CodeMirror span{background:0 0!important}.CodeMirror span.cm-tag,.CodeMirror span.cm-attribute,.CodeMirror span.cm-string{opacity:.45;font-size:.85em;font-family:monospace!important}.editor-formatting-toolbar.svelte-12rjumn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#1e1814d9;border:1px solid #ebd07d33;border-radius:30px;align-items:center;gap:8px;padding:6px 16px;transition:top .2s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000004d}.editor-formatting-toolbar.svelte-12rjumn:hover{background:#1e1814f2;border-color:#ebd07d59}.editor-formatting-toolbar.header-integrated.svelte-12rjumn{box-shadow:none;z-index:5;background:#ffffff08;border:1px solid #ffffff14;gap:6px;padding:4px 10px;position:relative;top:auto;left:auto;transform:none}.editor-formatting-toolbar.header-integrated.svelte-12rjumn:hover{background:#ffffff0f;border-color:#ffffff26}.toolbar-group.svelte-12rjumn{align-items:center;gap:4px;display:flex}.toolbar-divider.svelte-12rjumn{background-color:#ffffff26;width:1px;height:18px;margin:0 4px}.toolbar-btn.svelte-12rjumn{color:#ebd9c8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;font-family:Prompt,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.toolbar-btn.svelte-12rjumn:hover{color:#ebd07d;background-color:#ffffff1a}.bold-btn.svelte-12rjumn{font-weight:700}.italic-btn.svelte-12rjumn{font-style:italic}.underline-btn.svelte-12rjumn{text-decoration:underline}.dropdown-wrapper.svelte-12rjumn{display:inline-block;position:relative}.dropdown-menu.svelte-12rjumn{z-index:110;background:#2b2622;border:1px solid #ebd07d4d;border-radius:8px;padding:8px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 5px 15px #00000080}.dropdown-menu.open.svelte-12rjumn{display:flex}.color-dots.svelte-12rjumn{grid-template-columns:repeat(5,18px);justify-content:center;gap:6px}.dropdown-menu.color-dots.open.svelte-12rjumn{display:grid}.color-dot.svelte-12rjumn{cursor:pointer;border:1px solid #fff3;border-radius:50%;width:18px;height:18px;transition:transform .1s}.toolbar-btn.active.svelte-12rjumn{font-weight:700;color:#1f1a17!important;background-color:#ebd07d!important;border:1px solid #ebd07d!important;box-shadow:0 0 8px #ebd07d80!important}.color-dot.svelte-12rjumn:hover{transform:scale(1.2)}.color-dot.highlight.svelte-12rjumn{border-radius:3px}.color-indicator.svelte-12rjumn{border-bottom:3px solid #ebd07d;padding-bottom:2px}.mode-badge.svelte-12rjumn{color:#ebd07d;white-space:nowrap;background-color:#ebd07d1a;border:1px solid #ebd07d33;border-radius:20px;padding:4px 10px;font-size:.75rem}.mode-badge.svelte-12rjumn:hover{color:#fff;background-color:#ebd07d33}.toolbar-dropdown.svelte-12rjumn{background-color:#2b2622;border:1px solid #ebd07d40;border-radius:8px;flex-direction:column;min-width:210px;padding:6px 0;top:100%;left:auto;right:0;transform:translateY(5px);box-shadow:0 10px 25px #0009}.dropdown-item.svelte-12rjumn{color:#ebd9c8;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:Prompt,sans-serif;font-size:.85rem;transition:all .2s;display:flex}.dropdown-item.svelte-12rjumn:hover{color:#ebd07d;background-color:#ebd07d1a}.btn-select-mode.svelte-12rjumn{border:1px solid var(--color-paper-line,#e1dcd399);color:var(--color-paper-text,#2b2520);cursor:pointer;background-color:#8c82751a;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s}.btn-select-mode.svelte-12rjumn:hover,.btn-select-mode.active.svelte-12rjumn{background-color:var(--color-paper-text,#2b2520);color:var(--color-paper-bg,#fcf9f2)}.select-all-bar.svelte-12rjumn{border-bottom:1px dashed var(--color-paper-line,#e1dcd399);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.btn-select-all.svelte-12rjumn{color:var(--color-paper-text,#2b2520);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;font-weight:500}.selected-counter.svelte-12rjumn{color:var(--color-paper-text,#2b2520);opacity:.7;font-size:.8rem}.sidebar-toc-item-wrapper.svelte-12rjumn{cursor:pointer;align-items:center;gap:10px;width:100%;display:flex}.toc-checkbox.svelte-12rjumn{accent-color:var(--color-paper-text,#2b2520);cursor:pointer;width:16px;height:16px;margin-left:4px}.sidebar-actions-footer.svelte-12rjumn{border-top:1px solid var(--color-paper-line,#e1dcd399);background-color:var(--color-paper-bg,#fcf9f2);grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 20px;display:grid}.footer-action-btn.svelte-12rjumn{cursor:pointer;text-align:center;border:none;border-radius:6px;padding:10px 4px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s}.footer-action-btn.copy-btn.svelte-12rjumn{color:var(--color-paper-text,#2b2520);background-color:#8c82751f}.footer-action-btn.copy-btn.svelte-12rjumn:hover{background-color:#8c827538}.footer-action-btn.duplicate-btn.svelte-12rjumn{color:#1f1a17;background-color:#ebd07d}.footer-action-btn.duplicate-btn.svelte-12rjumn:hover{background-color:#f1e0ac}.footer-action-btn.delete-btn.svelte-12rjumn{color:#b33920;background-color:#8c2d191a;border:1px solid #8c2d1933}.footer-action-btn.delete-btn.svelte-12rjumn:hover{color:#8c2d19;background-color:#8c2d1933}@media (width<=768px){.editor-formatting-toolbar.svelte-12rjumn{box-sizing:border-box;border-left:none;border-right:none;border-radius:0;width:100%;margin-bottom:10px;padding:8px 12px;position:static;overflow-x:auto;transform:none}}@media print{body,html,#app,.desk-container.svelte-12rjumn{color:#000!important;background:#fff!important;height:auto!important;overflow:visible!important}.desk-toolbar.svelte-12rjumn,.nav-arrow.svelte-12rjumn,.sidebar-backdrop.svelte-12rjumn,.toc-sidebar.svelte-12rjumn,.undo-toast.svelte-12rjumn,.editor-formatting-toolbar.svelte-12rjumn,.hover-badges.svelte-12rjumn,.btn-add-page-inline.svelte-12rjumn,.empty-page-content.svelte-12rjumn{display:none!important}.book-workspace.svelte-12rjumn{margin:0!important;padding:0!important;display:block!important}.physical-notebook.svelte-12rjumn{max-height:none!important;box-shadow:none!important;background:0 0!important;width:100%!important;display:block!important}.page-sheet.svelte-12rjumn{page-break-after:always;box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;height:auto!important;padding:2cm!important;display:block!important}.CodeMirror{height:auto!important;position:static!important;overflow:visible!important}.CodeMirror-scroll{height:auto!important;overflow:visible!important}}.modal-backdrop.svelte-5awcn0{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;cursor:default;background-color:#0f0c0ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container.svelte-5awcn0{color:#ebd9c8;background-color:#2b2622;border-radius:12px;flex-direction:column;width:90%;max-width:650px;animation:.3s cubic-bezier(.16,1,.3,1) svelte-5awcn0-zoomIn;display:flex;overflow:hidden;box-shadow:0 15px 35px #0009,0 0 0 1px #ffffff0d}@keyframes svelte-5awcn0-zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-header.svelte-5awcn0{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header.svelte-5awcn0 h3:where(.svelte-5awcn0){color:#ebd07d;margin:0;font-family:Prompt,sans-serif;font-size:1.25rem;font-weight:500}.btn-close.svelte-5awcn0{color:#a89f91;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1}.btn-close.svelte-5awcn0:hover{color:#fff}.modal-body.svelte-5awcn0{grid-template-columns:220px 1fr;gap:30px;max-height:75vh;padding:24px;display:grid;overflow-y:auto}@media (width<=600px){.modal-body.svelte-5awcn0{grid-template-columns:1fr;gap:20px;max-height:75vh}.preview-panel.svelte-5awcn0{flex-direction:column;align-items:center;display:flex}}.preview-panel.svelte-5awcn0{flex-direction:column;align-items:center;display:flex}.preview-label.svelte-5awcn0{color:#a89f91;margin-bottom:12px;font-family:Prompt,sans-serif;font-size:.8rem}.preview-wrapper.svelte-5awcn0{perspective:800px}.form-panel.svelte-5awcn0{flex-direction:column;gap:16px;display:flex}.form-group.svelte-5awcn0{flex-direction:column;gap:6px;display:flex}.form-group.svelte-5awcn0 label:where(.svelte-5awcn0),.form-group.svelte-5awcn0 .form-label:where(.svelte-5awcn0){color:#c9bdae;font-family:Prompt,sans-serif;font-size:.85rem;font-weight:500;display:inline-block}.form-group.svelte-5awcn0 input[type=text]:where(.svelte-5awcn0),.form-group.svelte-5awcn0 select:where(.svelte-5awcn0){color:#fff;background-color:#3b3530;border:1px solid #4d443d;border-radius:6px;outline:none;padding:8px 12px;font-family:Prompt,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group.svelte-5awcn0 input[type=text]:where(.svelte-5awcn0):focus,.form-group.svelte-5awcn0 select:where(.svelte-5awcn0):focus{border-color:#ebd07d;box-shadow:0 0 0 3px #ebd07d26}.custom-cat-input.svelte-5awcn0{margin-top:8px;animation:.2s svelte-5awcn0-slideDown}@keyframes svelte-5awcn0-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.color-grid.svelte-5awcn0{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:4px;display:grid}.color-dot.svelte-5awcn0{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .2s,border-color .2s;box-shadow:0 2px 4px #0000004d}.color-dot.svelte-5awcn0:hover{transform:scale(1.15)}.color-dot.active.svelte-5awcn0{box-shadow:0 0 0 2px var(--cover-color), 0 0 8px #fff9;border-color:#fff;transform:scale(1.1)}.radio-group.svelte-5awcn0{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.radio-label.svelte-5awcn0{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.radio-label.svelte-5awcn0 input:where(.svelte-5awcn0){display:none}.radio-custom.svelte-5awcn0{color:#c9bdae;white-space:nowrap;background-color:#3b3530;border:1px solid #4d443d;border-radius:20px;padding:6px 12px;font-family:Prompt,sans-serif;font-size:.8rem;transition:all .2s}.radio-label.svelte-5awcn0 input:where(.svelte-5awcn0):checked+.radio-custom:where(.svelte-5awcn0){color:#1f1a17;background-color:#ebd07d;border-color:#ebd07d;font-weight:500}.modal-footer.svelte-5awcn0{border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn.svelte-5awcn0{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-family:Prompt,sans-serif;font-size:.9rem;font-weight:500;transition:background-color .2s,transform .1s}.btn.svelte-5awcn0:active{transform:scale(.98)}.btn-primary.svelte-5awcn0{color:#1f1a17;background-color:#ebd07d}.btn-primary.svelte-5awcn0:hover{background-color:#f1e0ac}.btn-secondary.svelte-5awcn0{color:#c9bdae;background-color:#3b3530;border:1px solid #4d443d}.btn-secondary.svelte-5awcn0:hover{color:#fff;background-color:#48413b}.pattern-grid.svelte-5awcn0{grid-template-columns:repeat(3,1fr);gap:10px;max-height:220px;margin-top:4px;padding-right:4px;display:grid;overflow-y:auto}.pattern-grid.svelte-5awcn0::-webkit-scrollbar{width:6px}.pattern-grid.svelte-5awcn0::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.pattern-grid.svelte-5awcn0::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.pattern-grid.svelte-5awcn0::-webkit-scrollbar-thumb:hover{background:#fff3}.pattern-card.svelte-5awcn0{cursor:pointer;box-sizing:border-box;background-color:#3b3530;border:1px solid #4d443d;border-radius:8px;outline:none;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.pattern-card.svelte-5awcn0:hover{background-color:#453e38;border-color:#ebd07d;transform:translateY(-2px)}.pattern-card.active.svelte-5awcn0{background-color:#ebd07d14;border-color:#ebd07d;box-shadow:0 0 0 2px #ebd07d33}.pattern-preview.svelte-5awcn0{background-color:var(--cover-color);border-radius:4px;width:100%;height:40px;position:relative;overflow:hidden;box-shadow:inset 1px 1px 2px #ffffff1a,0 2px 4px #0000004d}.pattern-card-label.svelte-5awcn0{color:#c9bdae;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-family:Prompt,sans-serif;font-size:.75rem;overflow:hidden}.pattern-card.active.svelte-5awcn0 .pattern-card-label:where(.svelte-5awcn0){color:#ebd07d;font-weight:500}.pattern-preview.pattern-leather.svelte-5awcn0{background-image:radial-gradient(#ffffff0f 1px,#0000 0),radial-gradient(#0003 1px,#0000 0);background-position:0 0,1px 1px;background-size:2px 2px}.mini-ribs.svelte-5awcn0{box-sizing:border-box;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;padding:4px 0;display:flex;position:absolute;top:0;left:0}.mini-ribs.svelte-5awcn0 span:where(.svelte-5awcn0){background:#00000059;width:100%;height:1px}.pattern-preview.pattern-linen.svelte-5awcn0{background-image:linear-gradient(90deg,#ffffff14 50%,#0000 50%),linear-gradient(#ffffff14 50%,#0000 50%);background-size:2px 2px}.pattern-preview.pattern-embossed.svelte-5awcn0{border:1.5px solid #ebd07d99}.mini-accent.svelte-5awcn0{border:1px solid #ebd07d;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-preview.pattern-striped.svelte-5awcn0{background-image:linear-gradient(90deg,#0000 40%,#ffffff1f 40% 60%,#0000 60%)}.pattern-preview.pattern-cosmic.svelte-5awcn0{background-image:radial-gradient(1px 1px at 8px 8px,#fff,#0000),radial-gradient(1px 1px at 24px 20px,#ebd07d,#0000)}.mini-stars.svelte-5awcn0{color:#ebd07d;font-size:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-preview.pattern-botanical.svelte-5awcn0{background-image:radial-gradient(circle,#ffffff08 0%,#00000026 100%)}.mini-leaves.svelte-5awcn0{font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-preview.pattern-geometric.svelte-5awcn0{background-image:linear-gradient(45deg,#ebd07d14 25%,#0000 25%),linear-gradient(-45deg,#ebd07d14 25%,#0000 25%);background-size:6px 6px}.mini-grid.svelte-5awcn0{border:1px solid #ebd07d66;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-preview.pattern-modern-minimal.svelte-5awcn0{background-image:linear-gradient(135deg,#ffffff1a 0%,#0000 100%)}.mini-shapes.svelte-5awcn0{background:#ffffff1a;border-radius:6px 6px 0 0;width:50%;height:50%;position:absolute;bottom:0;left:25%}.modal-backdrop.svelte-w0yg29{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;cursor:default;background-color:#0f0c0ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container.svelte-w0yg29{color:#ebd9c8;background-color:#2b2622;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) svelte-w0yg29-zoomIn;display:flex;overflow:hidden;box-shadow:0 15px 35px #0009,0 0 0 1px #ffffff0d}@keyframes svelte-w0yg29-zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-header.svelte-w0yg29{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header.svelte-w0yg29 h3:where(.svelte-w0yg29){color:#ebd07d;margin:0;font-family:Prompt,sans-serif;font-size:1.25rem;font-weight:500}.btn-close.svelte-w0yg29{color:#a89f91;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1}.btn-close.svelte-w0yg29:hover{color:#fff}.modal-body.svelte-w0yg29{flex-direction:column;flex-grow:1;gap:26px;padding:24px;display:flex;overflow-y:auto}.settings-section.svelte-w0yg29{flex-direction:column;gap:12px;display:flex}.settings-section.svelte-w0yg29 h4:where(.svelte-w0yg29){color:#ebd07d;border-bottom:1px dashed #ffffff14;margin:0;padding-bottom:6px;font-family:Prompt,sans-serif;font-size:.95rem;font-weight:600}.theme-options.svelte-w0yg29{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card.svelte-w0yg29{cursor:pointer;color:#ebd9c8;background-color:#3b3530;border:2px solid #4d443d;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.theme-card.svelte-w0yg29:hover{border-color:#a89f91;transform:translateY(-2px)}.theme-card.active.svelte-w0yg29{background-color:#ebd07d0d;border-color:#ebd07d;box-shadow:0 4px 12px #ebd07d26}.theme-card.svelte-w0yg29 span:where(.svelte-w0yg29){font-family:Prompt,sans-serif;font-size:.75rem;font-weight:500}.shelf-preview.svelte-w0yg29{border-radius:4px;width:100%;height:36px;box-shadow:inset 0 2px 5px #00000080}.dark-preview.svelte-w0yg29{background:linear-gradient(#5b3e2b 0%,#3e2617 30%,#20120a 100%)}.light-preview.svelte-w0yg29{background:linear-gradient(#cda782 0%,#a47d56 30%,#6e4e30 100%)}.modern-preview.svelte-w0yg29{background:linear-gradient(#4b4c50 0%,#2b2c30 30%,#15161a 100%)}.font-options.svelte-w0yg29{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=500px){.theme-options.svelte-w0yg29,.font-options.svelte-w0yg29,.paper-theme-options.svelte-w0yg29{grid-template-columns:1fr}}.font-card.svelte-w0yg29{cursor:pointer;color:#ebd9c8;background-color:#3b3530;border:2px solid #4d443d;border-radius:8px;flex-direction:column;align-items:center;padding:10px;transition:all .2s;display:flex}.font-card.svelte-w0yg29:hover{border-color:#a89f91;transform:translateY(-2px)}.font-card.active.svelte-w0yg29{background-color:#ebd07d0d;border-color:#ebd07d;box-shadow:0 4px 12px #ebd07d26}.font-preview.svelte-w0yg29{height:24px;margin-bottom:6px;font-size:1.1rem;line-height:24px}.font-name.svelte-w0yg29{color:#a89f91;font-size:.75rem}.font-card.active.svelte-w0yg29 .font-name:where(.svelte-w0yg29){color:#ebd07d}.paper-theme-options.svelte-w0yg29{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.paper-theme-card.svelte-w0yg29{cursor:pointer;color:#ebd9c8;background-color:#3b3530;border:2px solid #4d443d;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.paper-theme-card.svelte-w0yg29:hover{border-color:#a89f91;transform:translateY(-2px)}.paper-theme-card.active.svelte-w0yg29{background-color:#ebd07d0d;border-color:#ebd07d;box-shadow:0 4px 12px #ebd07d26}.paper-theme-card.svelte-w0yg29 span:where(.svelte-w0yg29){font-family:Prompt,sans-serif;font-size:.75rem;font-weight:500}.color-swatch.svelte-w0yg29{border:1px solid #ffffff0d;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 5px #0000004d}.cream-swatch.svelte-w0yg29{background-color:#fcf9f2}.white-swatch.svelte-w0yg29{background-color:#fff}.dark-swatch.svelte-w0yg29{background-color:#222}.paper-style-options.svelte-w0yg29{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=500px){.paper-style-options.svelte-w0yg29{grid-template-columns:repeat(2,1fr)}}.paper-style-card.svelte-w0yg29{cursor:pointer;color:#ebd9c8;background-color:#3b3530;border:2px solid #4d443d;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.paper-style-card.svelte-w0yg29:hover{border-color:#a89f91;transform:translateY(-2px)}.paper-style-card.active.svelte-w0yg29{background-color:#ebd07d0d;border-color:#ebd07d;box-shadow:0 4px 12px #ebd07d26}.paper-style-card.svelte-w0yg29 span:where(.svelte-w0yg29){font-family:Prompt,sans-serif;font-size:.75rem;font-weight:500}.style-preview.svelte-w0yg29{background-color:#fcf9f2;border-radius:4px;flex-direction:column;justify-content:space-evenly;width:36px;height:36px;padding:4px 0;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.preview-line.svelte-w0yg29{background-color:#00000026;width:100%;height:1px}.grid-preview.svelte-w0yg29{background-image:linear-gradient(#0000001a 1px,#0000 1px),linear-gradient(90deg,#0000001a 1px,#0000 1px);background-size:8px 8px}.dot-preview.svelte-w0yg29{background-image:radial-gradient(#0003 1px,#0000 1px);background-position:0 0;background-size:8px 8px}.blank-preview.svelte-w0yg29{background-image:none}.category-manager.svelte-w0yg29{flex-direction:column;gap:12px;display:flex}.category-add-form.svelte-w0yg29{gap:10px;display:flex}.category-add-form.svelte-w0yg29 input:where(.svelte-w0yg29){color:#fff;background-color:#3b3530;border:1px solid #4d443d;border-radius:6px;outline:none;flex-grow:1;padding:8px 12px;font-family:Prompt,sans-serif;font-size:.85rem}.category-add-form.svelte-w0yg29 input:where(.svelte-w0yg29):focus{border-color:#ebd07d}.categories-list.svelte-w0yg29{background-color:#00000026;border:1px solid #ffffff08;border-radius:6px;flex-wrap:wrap;gap:8px;min-height:50px;max-height:120px;padding:4px;display:flex;overflow-y:auto}.category-item.svelte-w0yg29{background-color:#3b3530;border:1px solid #4d443d;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-family:Prompt,sans-serif;font-size:.75rem;display:flex}.category-item.locked.svelte-w0yg29{color:#8c8275;background-color:#ffffff05;border-color:#ffffff0d}.lock-icon.svelte-w0yg29{cursor:help;font-size:.7rem}.btn-delete-cat.svelte-w0yg29{color:#a89f91;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:700;line-height:1}.btn-delete-cat.svelte-w0yg29:hover{color:#ffa494}.modal-footer.svelte-w0yg29{border-top:1px solid #ffffff14;justify-content:flex-end;padding:16px 24px;display:flex}.btn.svelte-w0yg29{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-family:Prompt,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s}.btn-primary.svelte-w0yg29{color:#1f1a17;background-color:#ebd07d}.btn-primary.svelte-w0yg29:hover{background-color:#f1e0ac}.data-actions-grid.svelte-w0yg29{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:5px;display:grid}@media (width<=500px){.data-actions-grid.svelte-w0yg29{grid-template-columns:1fr}}.data-btn.svelte-w0yg29{color:#ebd9c8;cursor:pointer;background-color:#3b3530;border:1px solid #4d443d;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-family:Prompt,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.data-btn.svelte-w0yg29:hover{background-color:#ebd07d14;border-color:#ebd07d;transform:translateY(-1px)}.data-btn.svelte-w0yg29:active{transform:translateY(0)}.data-tip.svelte-w0yg29{color:#a89f91;margin:5px 0 0;font-size:.75rem;font-style:italic;line-height:1.3}