@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes tns-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.tns-pulse{animation:1.6s ease-in-out infinite tns-pulse}@keyframes tns-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tns-fade-up{animation:.5s both tns-fade-up}:root{--app-zoom:1.15}body{zoom:var(--app-zoom)}.tns-reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);transform:translateY(34px)}.tns-reveal.tns-left{transform:translate(48px)}.tns-reveal.tns-in{opacity:1;transform:none}@keyframes tns-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tns-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.tns-marquee-track{gap:18px;width:max-content;animation:34s linear infinite tns-marquee;display:flex}.tns-marquee:hover .tns-marquee-track{animation-play-state:paused}@keyframes tns-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.tns-float{animation:6.5s ease-in-out infinite tns-float}@keyframes tns-float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.tns-float-slow{animation:8s ease-in-out infinite tns-float-slow}@keyframes tns-twinkle{0%,to{opacity:.25}50%{opacity:1}}.tns-twinkle{animation:3.2s ease-in-out infinite tns-twinkle}@media (prefers-reduced-motion:reduce){.tns-reveal{transition:none;opacity:1!important;transform:none!important}.tns-marquee-track,.tns-float,.tns-float-slow,.tns-twinkle{animation:none!important}}#app-dimmer{opacity:var(--app-dim,0);pointer-events:none;z-index:2147483000;background:#000;transition:opacity .14s;position:fixed;inset:0}.tns-chapter-edit{opacity:.45;transition:opacity .12s,background .12s,color .12s}.tns-chapter-row:hover .tns-chapter-edit{opacity:1}.tns-chapter-edit:hover{background:var(--bg-2);color:var(--text)}:root{--sans:"IBM Plex Sans Thai", ui-sans-serif, system-ui, sans-serif;--serif:"Noto Serif Thai", Georgia, serif;--bg:#f8f7fc;--bg-ombre:radial-gradient(110% 70% at 85% -8%, #a084e81a, transparent 55%), radial-gradient(80% 55% at 8% 2%, #6741880d, transparent 58%), linear-gradient(165deg,#fbfaff 0%,#f8f7fc 52%,#f4f2fa 100%);--surface:#fff;--surface-grad:linear-gradient(180deg,#fff,#fbfaff);--bg-2:#f4f2fa;--bg-3:#efebf9;--border:#ece8f5;--border-2:#e8e4f3;--track:#ece8f5;--text:#221b33;--text-2:#6d6585;--text-3:#a39cb8;--accent:#674188;--accent-text:#674188;--accent-bg:#f1ecff;--accent-gradient:linear-gradient(135deg,#674188,#8e73c8);--accent-2:#a084e8;--accent-2-text:#674188;--accent-2-bg:#f1ecff;--writer-chrome:#f4f2fa;--writer-chrome-border:#ece8f5;--sidebar-bg:#674188;--sidebar-text:#fff;--sidebar-muted:#ffffffb8;--sidebar-active:#fff;--sidebar-active-text:#674188;--sidebar-hover:#ffffff1f;--sidebar-card:#ffffff1a;--sidebar-card-border:#ffffff29;--success:#53c68c;--success-bg:#e6f7ee;--warning:#f5c451;--warning-bg:#fdf4de;--danger:#f06b8b;--danger-bg:#fdeaf0;--info:#7a8fff;--info-bg:#ecefff;--btn-gradient:#674188;--btn-text:#fff;--btn-hover:#7b56a8;--btn-active:#5a367b;--r-sm:6px;--r-md:12px;--r-lg:12px;--r-xl:16px;--shadow:0 4px 16px #6741880f;--shadow-lg:0 12px 40px #67418814;--input-bg:#fff;--focus-glow:#67418829;--sb-track:#f4f2fa;--sb-thumb:#ddd6ee;--sb-thumb-hover:#c6bce0;--accent-grad:var(--accent-gradient);--cat-purple:#674188;--cat-pink:#a084e8;--cat-green:#53c68c;--cat-orange:#f5c451;--cat-blue:#7a8fff;--cat-amber:#a084e8}[data-theme=dark]{--bg:#0b0a15;--bg-ombre:radial-gradient(120% 85% at 82% -12%, #9c72ff33, transparent 52%), radial-gradient(90% 60% at 15% 0%, #7cc7ff14, transparent 50%), linear-gradient(165deg,#141024 0%,#0b0a15 55%,#08070f 100%);--surface:#1d1a2d;--surface-grad:linear-gradient(180deg,#27213c,#1d1a2d);--bg-2:#11101c;--bg-3:#27213c;--border:#342e4b;--border-2:#3c3556;--writer-chrome:#1d1a2d;--writer-chrome-border:#342e4b;--track:#2b2540;--text:#fff;--text-2:#d8d0e8;--text-3:#a99fbe;--accent:#9c72ff;--accent-text:#c69bff;--accent-bg:#241d38;--accent-gradient:linear-gradient(135deg,#8b5cf6,#d9a8ff);--accent-2:#d2b4ff;--accent-2-text:#d2b4ff;--accent-2-bg:#241d38;--sidebar-bg:#12101e;--sidebar-text:#b2a7c9;--sidebar-muted:#81789a;--sidebar-active:linear-gradient(135deg,#7c4dff,#a678ff);--sidebar-active-text:#fff;--sidebar-hover:#241d38;--sidebar-card:#11101c;--sidebar-card-border:#342e4b;--success:#6be3c0;--success-bg:#123329;--warning:#f4c06a;--warning-bg:#34280f;--danger:#ff8fa8;--danger-bg:#3a1f27;--btn-gradient:var(--accent-gradient);--btn-text:#fff;--btn-hover:#a678ff;--btn-active:#7c4dff;--info:#7cc7ff;--info-bg:#142234;--r-md:8px;--shadow:0 4px 16px #00000052;--shadow-lg:0 10px 30px #00000059;--input-bg:#27213c;--focus-glow:#9c72ff2e;--sb-track:#11101c;--sb-thumb:#5f4b87;--sb-thumb-hover:#8066b4;--accent-grad:var(--accent-gradient);--cat-purple:#9c72ff;--cat-pink:#d9a8ff;--cat-green:#6be3c0;--cat-orange:#f4c06a;--cat-blue:#7cc7ff;--cat-amber:#d2b4ff}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}.lang-wavy{text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:underline wavy #ef4444;text-decoration:underline wavy #ef4444;text-decoration-thickness:1px}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:19px;line-height:1.5}h1,h2,h3,h4{color:var(--text);margin:0;font-weight:700;line-height:1.3}h1{font-size:29px;font-weight:800}h2{font-size:28px}h3{font-size:23px}a{color:inherit;text-decoration:none}::selection{background:var(--accent-bg)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text)}[data-theme=dark] ::selection{background:#9c72ff2e}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background:var(--sb-thumb);border:3px solid var(--sb-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}::-webkit-scrollbar-corner{background:var(--sb-track)}input,select,textarea{background:var(--input-bg);border:.5px solid var(--border-2);border-radius:var(--r-md);width:100%;font:400 14px var(--sans);color:var(--text);padding:9px 11px;transition:all .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-glow);outline:none}textarea{resize:vertical}body.editor-focus aside{display:none!important}.resp-main>*,.resp-2col>*{min-width:0}@media (width<=860px){.resp-main,.resp-2col{grid-template-columns:1fr!important}.resp-aside{position:static!important}.hero-flex{flex-direction:column!important}.hero-illus{display:none!important}.resp-header{flex-wrap:wrap!important}.resp-header .resp-search{width:100%!important}.resp-4col,.resp-5col{grid-template-columns:1fr!important}.resp-6col{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=861px) and (width<=1180px){.resp-6col{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width>=861px) and (width<=1100px){.resp-2col{grid-template-columns:1fr!important}}@media (width<=1180px){.resp-tpl3{grid-template-columns:1fr!important}.resp-tpl3 .resp-aside{position:static!important}}@media (width>=861px) and (width<=1280px){.resp-4col,.resp-5col{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=1281px) and (width<=1500px){.resp-5col{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.rep{background:var(--warning-bg);border-radius:3px;padding:0 2px}.misspell{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.tiptap-content{font-family:"TH Sarabun New", var(--serif);font-size:15px;line-height:var(--editor-lh,2);color:var(--text);orphans:var(--editor-orphans,1);widows:var(--editor-orphans,1);outline:none;min-height:60vh}.tiptap-content p{margin:var(--para-mt,0) 0 var(--para-mb,.8em);break-inside:var(--para-keep,auto)}.tiptap-content h1,.tiptap-content h2,.tiptap-content h3{font-family:"TH Sarabun New", var(--serif);margin:1.2em 0 .5em;font-weight:600;line-height:1.4}.tiptap-content h2{font-size:1.25em}.tiptap-content h3{font-size:1.1em}.tiptap-content blockquote{border-left:3px solid var(--border-2);color:var(--text-2);margin:.8em 0;padding:.2em 1em;font-style:italic}.tiptap-content hr{border:none;border-top:1px solid var(--border-2);width:40%;margin:1.6em auto}.tiptap-content strong{font-weight:700}.tiptap-content em{font-style:italic}.tiptap-content ul,.tiptap-content ol{margin:.6em 0;padding-left:1.5em}.tiptap-content li{margin-bottom:.2em}.tiptap-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-3);pointer-events:none;height:0}.toolbar-light{color:#1c1c1c;--text:#1c1c1c;--text-2:#3a3a3a;--text-3:#8a8a8a;--bg:#fff;--bg-2:#ececec;--bg-3:#e0e0e0;--surface:#fff;--border:#00000024;--border-2:#00000038;--input-bg:#fff;--focus-glow:#00000014;background:#fff!important}.paper-mode-editor .ProseMirror{min-height:var(--pg-content,0);border-radius:3px;position:relative;box-shadow:0 2px 16px #0000001f;padding:var(--pg-pt) var(--pg-pr) var(--pg-pb) var(--pg-pl)!important;color:#1c1c1c!important;background:#fff!important}.paper-mode-editor .ProseMirror:before{content:"";top:var(--pg-pt);bottom:var(--pg-pb);left:var(--pg-pl);right:var(--pg-pr);pointer-events:none;z-index:0;border:1px dashed #00000029;border-radius:2px;position:absolute}[data-theme=dark] .paper-mode-editor .ProseMirror{box-shadow:0 2px 20px #00000073}.fluid-mode-editor.fluid-paper .ProseMirror{border-radius:4px;min-height:62vh;box-shadow:0 2px 16px #0000001f;color:#1c1c1c!important;background:#fff!important;padding:44px 54px!important}[data-theme=dark] .fluid-mode-editor.fluid-paper .ProseMirror{box-shadow:0 2px 20px #00000073}.fluid-mode-editor.fluid-paper .ProseMirror blockquote{color:#4a4a4a!important;border-left-color:#0000002e!important}.fluid-mode-editor.fluid-paper .ProseMirror hr{border-top-color:#0000002e!important}.fluid-mode-editor.fluid-paper .ProseMirror p.is-editor-empty:first-child:before{color:#0000004d!important}.paper-mode-editor .ProseMirror blockquote{color:#4a4a4a!important;border-left-color:#0000002e!important}.paper-mode-editor .ProseMirror hr{border-top-color:#0000002e!important}.paper-mode-editor .ProseMirror p.is-editor-empty:first-child:before{color:#0000004d!important}.paper-mode-editor .page-break{margin-left:calc(-1 * var(--pg-pl) - 2px);margin-right:calc(-1 * var(--pg-pr) - 2px);background:linear-gradient(to bottom, #fff 0, #fff calc(var(--pg-fill,0px) + var(--pg-pb)), var(--bg-2) calc(var(--pg-fill,0px) + var(--pg-pb)), var(--bg-2) calc(var(--pg-fill,0px) + var(--pg-pb) + var(--pg-gap,40px)), #fff calc(var(--pg-fill,0px) + var(--pg-pb) + var(--pg-gap,40px)), #fff 100%);-webkit-user-select:none;user-select:none;pointer-events:none;content-editable:false;z-index:1;position:relative}.paper-mode-editor .page-break:before,.paper-mode-editor .page-break:after{content:"";left:calc(var(--pg-pl) + 2px);right:calc(var(--pg-pr) + 2px);pointer-events:none;border-top:1px dashed #00000029;position:absolute}.paper-mode-editor .page-break:before{top:var(--pg-fill,0px)}.paper-mode-editor .page-break:after{bottom:0}.paper-mode-editor .page-break .page-number{top:calc(var(--pg-fill,0px) + var(--pg-pb) + 5px);right:calc(var(--pg-pr) + 4px);color:var(--text-3);font-size:12px;font-family:var(--sans);background:0 0;padding:0;position:absolute}.ov-del{opacity:0;transition:opacity .12s}.ov-row:hover .ov-del{opacity:1}.ov-asset{transition:transform .12s,box-shadow .12s,border-color .12s}.ov-asset:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}@media (width<=980px){.ov-grid{grid-template-columns:1fr!important}}.bible-del{opacity:0;transition:opacity .12s}.bible-row:hover .bible-del{opacity:1}.bible-card{transition:transform .12s,border-color .12s,box-shadow .12s}.bible-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}@media (width<=820px){.bible-grid{grid-template-columns:1fr!important}.bible-nav{flex-wrap:wrap;flex-direction:row!important;position:static!important}}@media (width<=640px){.lp-section{padding-top:56px!important;padding-bottom:56px!important}}@media (width<=560px){.lp-logo{height:32px!important}.lp-nav-login{display:none!important}}.lp-show-row{align-items:center;gap:48px;display:flex}.lp-show-row>*{flex:1 1 0;min-width:0}.lp-show-row.rev{flex-direction:row-reverse}@media (width<=860px){.lp-show-row,.lp-show-row.rev{flex-direction:column;gap:28px}}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}.book-lens .ProseMirror{color:#1a1a1a;outline:none;font-size:17px;line-height:1.8;background:0 0!important;min-height:0!important;padding:0!important;font-family:inherit!important}.book-lens .ProseMirror p{text-indent:1.5em;margin:0;line-height:1.8}.book-lens .ProseMirror>p:first-child,.book-lens .ProseMirror p[style*="text-align: center"],.book-lens .ProseMirror p[style*=text-align\:center]{text-indent:0}.book-lens .ProseMirror h1,.book-lens .ProseMirror h2,.book-lens .ProseMirror h3{text-indent:0;text-align:center;color:#1a1a1a;margin:1.2em 0 .8em}.book-lens .ProseMirror hr{text-align:center;border:none;margin:1.2em 0}.book-lens .ProseMirror hr:before{content:"* * *";letter-spacing:6px;color:#999;font-size:16px;display:block}.book-lens .ProseMirror hr.ProseMirror-selectednode:before{color:var(--accent)}.book-lens .fluid-mode-editor,.book-lens .fluid-paper,.book-lens .paper-mode-editor{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.book-lens .ProseMirror{width:100%!important;min-width:0!important;max-width:100%!important}.book-lens .page-break,.book-lens .page-number{display:none!important}.ov-cover__hint{opacity:.5;transition:opacity .18s}.ov-cover:hover .ov-cover__hint{opacity:1}.ov-cover img{transition:filter .18s,transform .18s}.ov-cover:hover img{filter:brightness(.88);transform:scale(1.02)}.pw{--bg:#171427;--surface:#211c38;--card:#2a2444;--hover:#35305a;--primary:#645cbb;--accent:#8e85ff;--line:#ffffff0f;--text:#fff;--text2:#ffffffa6;--ok:#67e8a5;--warn:#ffd66b;--danger:#ff7a9e;--r-card:24px;--r-btn:16px;--sans:"IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Georgia", "Cambria", "Times New Roman", serif;--shadow:0 24px 60px -32px #000000e6;--ease:cubic-bezier(.16, 1, .3, 1);background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);text-align:left;-webkit-font-smoothing:antialiased;padding:40px 44px 56px;font-size:16px;position:relative;overflow:hidden;container:pw/inline-size}.pw *,.pw :before,.pw :after{box-sizing:border-box}.pw button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.pw :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.pw-ambient{pointer-events:none;z-index:0;position:absolute;inset:0}.pw-ambient i{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.pw-ambient i:first-child{background:#645cbb80;width:520px;height:420px;top:-180px;right:-60px}.pw-ambient i:nth-child(2){background:#8e85ff38;width:420px;height:360px;top:40%;left:-180px}.pw-ambient i:nth-child(3){background:#645cbb42;width:460px;height:340px;bottom:-200px;right:12%}.pw-grid{z-index:1;grid-template-columns:minmax(0,58fr) minmax(280px,24fr);grid-template-areas:"head head""main side";align-items:start;gap:32px;max-width:1600px;display:grid;position:relative}.pw-main{flex-direction:column;grid-area:main;gap:32px;min-width:0;display:flex}.pw-side{flex-direction:column;grid-area:side;gap:20px;display:flex;position:sticky;top:32px}@container pw (width<=1080px){.pw-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""main""side"}.pw-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}@container pw (width<=720px){.pw{padding:26px 20px 40px}.pw-side{grid-template-columns:minmax(0,1fr)}}.pw-rise{animation:pw-rise .6s var(--ease) both}.pw-main>.pw-rise:nth-child(2){animation-delay:50ms}.pw-main>.pw-rise:nth-child(3){animation-delay:.1s}.pw-main>.pw-rise:nth-child(4){animation-delay:.15s}@keyframes pw-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pw-rise,.pw-ai__orb{animation:none!important}}.pw-head{aspect-ratio:1983/793;border:1px solid var(--line);border-radius:28px;grid-area:head;min-height:210px;position:relative;overflow:hidden;box-shadow:0 24px 60px -36px #000000e6}@container pw (width<=720px){.pw-head{aspect-ratio:auto;border-radius:22px;min-height:240px}}.pw-head__photo{background-image:var(--hero-night);background-position:50%;background-size:cover;position:absolute;inset:0}:root[data-theme=light] .pw-head__photo{background-image:var(--hero-day)}.pw-head__shade{background:linear-gradient(90deg,#0a0814db 0%,#0e0b1a9e 42%,#0e0b1a2e 72%,#0000 100%);position:absolute;inset:0}@container pw (width<=720px){.pw-head__shade{background:linear-gradient(#0a081473,#0a0814db 68%)}}.pw-head__body{z-index:2;flex-direction:column;justify-content:center;max-width:660px;height:100%;padding:34px 44px;display:flex;position:relative}@container pw (width<=720px){.pw-head__body{justify-content:flex-end;padding:26px 22px}}.pw-greet{font-family:var(--serif);letter-spacing:-.4px;color:#fff;text-shadow:0 2px 6px #0009,0 8px 30px #0000008c;margin:0;font-size:clamp(28px,3cqw,40px);font-weight:700}.pw-greet__sub{color:#ffffffeb;text-shadow:0 2px 6px #000000a6;margin:10px 0 0;font-size:17px;font-weight:500;line-height:1.5}.pw-greet__sub+.pw-greet__sub{margin-top:4px}.pw-hero{border:1px solid var(--line);border-radius:28px;width:100%;height:360px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000000f2}@container pw (width<=720px){.pw-hero{height:420px}}.pw-hero__photo{background-position:50% 32%;background-size:cover;position:absolute;inset:0}.pw-hero__photo--blank{background-image:none}.pw-hero__shade{background:linear-gradient(90deg,#0c0a18d1 0%,#140f2894 45%,#140f2847 100%);position:absolute;inset:0}:root[data-theme=light] .pw-hero__shade{background:linear-gradient(90deg,#0c0a18db 0%,#140f289e 45%,#140f2838 100%)}@container pw (width<=720px){.pw-hero__shade,:root[data-theme=light] .pw-hero__shade{background:linear-gradient(#0c0a1880 0%,#0c0a18db 62%)}}.pw-hero__body{z-index:2;text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:28px;padding:32px 48px;display:flex;position:absolute;inset:0}.pw-hero__text{flex-direction:column;align-items:flex-start;min-width:0;max-width:560px;display:flex}@container pw (width<=860px){.pw-hero__body{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:28px 24px}.pw-hero__text{max-width:100%}.pw-hero__cta{margin-top:24px}}@container pw (width<=720px){.pw-hero__body{justify-content:flex-end}}.pw-hero__badge{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#645cbb8c;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pw-hero__title{letter-spacing:-.5px;color:#fff;text-shadow:0 6px 30px #0000008c;margin:16px 0 0;font-size:clamp(32px,3.4cqw,48px);font-weight:700;line-height:1.14}.pw-hero__genre{color:#ffffffd1;margin:10px 0 0;font-size:18px}.pw-hero__meta{color:#ffffffad;flex-wrap:wrap;gap:20px;margin-top:14px;font-size:15px;display:flex}.pw-hero__meta span{position:relative}.pw-hero__meta span+span:before{content:"";background:#ffffff57;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-11px}.pw-hero__bar{align-items:center;gap:12px;width:100%;max-width:340px;margin-top:18px;display:flex}.pw-hero__bar>i{background:#ffffff29;border-radius:999px;flex:1;height:6px;position:relative}.pw-hero__bar>i:after{content:"";width:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;position:absolute;inset:0;box-shadow:0 0 16px #8e85ff80}.pw-hero__bar>b{color:#ffffffd1;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.pw-hero__cta{flex:none;align-items:center;gap:12px;margin-top:0;display:flex}.pw-primary{border-radius:var(--r-btn);color:#2f2447;height:48px;transition:background .22s var(--ease), transform .22s var(--ease), box-shadow .22s var(--ease);background:linear-gradient(#fff,#f2eefb);align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 12px 30px #0c0a1859,0 0 0 1px #ffffff80}.pw-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px #0c0a186b,0 0 0 1px #fff}.pw-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);padding:24px}.pw-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pw-card__title{margin:0;font-size:16px;font-weight:600}.pw-card__sub{color:var(--text2);margin:6px 0 0;font-size:14px;line-height:1.5}.pw-card__note{color:var(--text2);font-variant-numeric:tabular-nums;font-size:14px}.pw-section{font-family:var(--serif);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:600}.pw-empty{color:var(--text2);margin:4px 2px;font-size:14px}.pw-link{color:var(--text2);border-radius:var(--r-btn);transition:color .2s var(--ease), background .2s var(--ease);align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:inline-flex}.pw-link:hover{color:var(--text);background:var(--hover)}.pw-soft{border-radius:var(--r-btn);color:var(--text);transition:background .2s var(--ease), transform .2s var(--ease);background:#8e85ff24;border:1px solid #8e85ff3d;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.pw-soft:hover{background:#8e85ff42;transform:translateY(-1px)}.pw-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@container pw (width<=900px){.pw-trio{grid-template-columns:minmax(0,1fr)}}.pw-trio .pw-card{flex-direction:column;min-height:232px;display:flex}.pw-trio .pw-card:hover{background:#2f284d;transform:scale(1.02);box-shadow:0 30px 70px -34px #000}.pw-ai{position:relative;overflow:hidden}.pw-ai__orb{color:#fff;background:radial-gradient(circle at 34% 30%, var(--accent), var(--primary));border-radius:50%;place-items:center;width:44px;height:44px;animation:6s ease-in-out infinite pw-breathe;display:grid;position:absolute;top:20px;right:20px;box-shadow:0 0 34px #8e85ff8c}.pw-ai__num{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:16px 0 12px;font-size:40px;line-height:1}.pw-ai__num small{font-family:var(--sans);color:var(--text2);margin-left:8px;font-size:14px;font-weight:500}.pw-ai__meter{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.pw-ai__meter i{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width .7s var(--ease);border-radius:999px;display:block}.pw-ai__sub{color:var(--text2);margin:10px 0 0;font-size:14px}.pw-ai__advice{color:#ffffffd1;margin:12px 0 18px;font-size:14px;line-height:1.6}.pw-mood__row{gap:10px;margin:18px 0 auto;display:flex}.pw-mood__btn{border-radius:var(--r-btn);border:1px solid var(--line);width:52px;height:52px;transition:transform .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);filter:grayscale(.55);opacity:.75;background:#ffffff0d;font-size:24px;line-height:1}.pw-mood__btn:hover{background:var(--hover);filter:none;opacity:1;transform:translateY(-3px)}.pw-mood__btn.is-on{filter:none;opacity:1;background:#8e85ff33;border-color:#8e85ff73;box-shadow:0 0 24px -4px #8e85ffb3}.pw-mood__say{color:var(--text2);margin:18px 0 0;font-size:14px;line-height:1.6}.pw-streak__num{font-family:var(--serif);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:18px 0 16px;font-size:42px;line-height:1;display:flex}.pw-streak__num svg{color:var(--warn);filter:drop-shadow(0 0 14px #ffd66b80)}.pw-streak__num small{font-family:var(--sans);color:var(--text2);font-size:14px;font-weight:500}.pw-streak__dots{gap:7px;margin-bottom:auto;display:flex}.pw-streak__dots i{background:#ffffff1a;border-radius:999px;flex:1;height:7px}.pw-streak__dots i.is-on{background:linear-gradient(90deg, var(--primary), var(--accent));box-shadow:0 0 12px #8e85ff99}.pw-streak__say{color:var(--text2);margin:18px 0 0;font-size:14px;line-height:1.6}.pw-quick{flex-wrap:wrap;gap:10px;display:flex}.pw-quick__btn{border-radius:var(--r-btn);color:var(--text2);background:var(--surface);border:1px solid var(--line);transition:color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);align-items:center;gap:9px;padding:12px 18px;font-size:14px;display:inline-flex}.pw-quick__btn svg{color:var(--accent);opacity:.8;transition:opacity .2s var(--ease)}.pw-quick__btn:hover{color:var(--text);background:var(--hover);transform:translateY(-2px)}.pw-quick__btn:hover svg{opacity:1}.pw-shelfHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pw-shelf{position:relative}.pw-shelf__row{scroll-snap-type:x proximity;scrollbar-width:none;gap:24px;padding:8px 4px 26px;display:flex;overflow-x:auto}.pw-shelf__row::-webkit-scrollbar{display:none}.pw-shelf__plank{background:linear-gradient(90deg,#0000,#8e85ff47 12% 88%,#0000);border-radius:999px;height:10px;box-shadow:0 -18px 40px -20px #8e85ff8c}.pw-book{scroll-snap-align:start;text-align:left;width:168px;transition:transform .28s var(--ease);flex-direction:column;flex:none;gap:12px;display:flex}.pw-book:hover{transform:translateY(-10px)scale(1.02)}.pw-book__cover{width:168px;height:240px;transition:box-shadow .28s var(--ease);border-radius:18px;place-items:center;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 44px -22px #000000f2,inset 0 0 0 1px #ffffff14}.pw-book:hover .pw-book__cover{box-shadow:0 34px 60px -22px #000,0 0 40px -8px #8e85ff8c,inset 0 0 0 1px #ffffff24}.pw-book__cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pw-book__cover em{font-family:var(--serif);text-align:center;color:#fffffff0;text-shadow:0 4px 18px #0009;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:17px;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.pw-book__moon{background:radial-gradient(circle at 38% 34%,#fff6df,#ffd66b);border-radius:50%;width:34px;height:34px;position:absolute;top:26px;left:50%;transform:translate(-50%);box-shadow:0 0 26px 6px #ffd66b59}.pw-book__pct{color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17142799;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:12px}.pw-book__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pw-book__meta{color:var(--text2);font-size:14px}.pw-cover--fantasy{background:linear-gradient(165deg,#3a3168,#211c38 72%)}.pw-cover--romance{background:linear-gradient(165deg,#4a2b53,#241a35 72%)}.pw-cover--mystery{background:linear-gradient(165deg,#2b2a4d,#17141f 72%)}.pw-cover--neon{background:linear-gradient(165deg,#3d3480,#171427 72%)}.pw-cover--horror{background:linear-gradient(165deg,#3b2338,#14101c 72%)}.pw-cover--epic{background:linear-gradient(165deg,#3a3358,#1d1a2e 72%)}.pw-book__cover--new{color:var(--accent);box-shadow:none;transition:background .28s var(--ease), border-color .28s var(--ease);background:0 0;border:1.5px dashed #8e85ff59}.pw-book--new:hover .pw-book__cover--new{box-shadow:none;background:#8e85ff1a;border-color:#8e85ff99}.pw-side .pw-card:hover{background:#2d2749}.pw-cal__head{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.pw-cal__nav{width:30px;height:30px;color:var(--text2);transition:background .2s var(--ease), color .2s var(--ease);border-radius:10px;place-items:center;display:grid}.pw-cal__nav:hover{background:var(--hover);color:var(--text)}.pw-cal__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.pw-cal__dow{text-align:center;color:#fff6;padding-bottom:6px;font-size:12px}.pw-cal__day{aspect-ratio:1;color:var(--text2);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;font-size:14px;display:grid;position:relative}.pw-cal__day.is-wrote:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;bottom:5px}.pw-cal__day.is-today{color:#fff;background:linear-gradient(140deg, var(--primary), var(--accent));font-weight:600;box-shadow:0 0 22px -4px #8e85ffcc}.pw-cal__foot{color:#ffffff73;margin:16px 0 0;font-size:14px}.pw-plan__list{flex-direction:column;gap:2px;margin-top:14px;display:flex}.pw-plan__row{transition:background .18s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.pw-plan__row:hover{background:#ffffff0a}.pw-tick{color:#fff;border:2px solid var(--accent);width:22px;height:22px;transition:background .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);background:0 0;border-radius:7px;flex:none;place-items:center;display:grid}.pw-tick:hover{border-color:var(--text)}.pw-tick.is-on{background:linear-gradient(140deg, var(--primary), var(--accent));border-color:#0000;box-shadow:0 0 16px -4px #8e85ffe6}.pw-plan__text{text-align:left;min-width:0;color:var(--text);flex:1;font-size:15px;line-height:1.45}.pw-plan__row:has(.pw-tick.is-on){text-decoration:line-through;-webkit-text-decoration-color:var(--text2);text-decoration-color:var(--text2);text-decoration-thickness:1.5px}.pw-plan__row:has(.pw-tick.is-on) .pw-plan__text{color:var(--text2);opacity:.72}.pw-plan__text.is-done{color:var(--text2);text-decoration:line-through}.pw-plan__del{color:#ffffff47;opacity:0;width:26px;height:26px;transition:opacity .18s var(--ease), color .18s var(--ease);border-radius:8px;place-items:center;display:grid}.pw-plan__row:hover .pw-plan__del{opacity:1}.pw-plan__del:hover{color:var(--danger)}.pw-plan__add{color:var(--text2);transition:color .18s var(--ease);align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:14px;display:inline-flex}.pw-plan__add:hover{color:var(--accent)}.pw-plan__edit{align-items:center;gap:6px;padding:4px 0;display:flex}.pw-input{min-width:0;color:var(--text);border-radius:var(--r-btn);border:1px solid var(--line);background:#ffffff0d;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:14px}.pw-input:focus{border-color:#8e85ff80}.pw-mini{width:30px;height:30px;color:var(--text2);background:#ffffff0d;border-radius:10px;flex:none;place-items:center;display:grid}.pw-mini--ok{background:linear-gradient(140deg, var(--primary), var(--accent));color:#fff}.pw-note__area{resize:vertical;width:100%;min-height:96px;color:var(--text);background:0 0;border:none;outline:none;margin-top:12px;font-family:inherit;font-size:15px;line-height:1.6}.pw-note__area::placeholder{color:#ffffff59}.pw-today__num{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:14px 0 12px;font-size:38px;line-height:1}.pw-today__num small{font-family:var(--sans);color:var(--text2);margin-left:8px;font-size:14px;font-weight:500}.pw-today__facts{color:var(--text2);flex-direction:column;gap:6px;font-size:14px;display:flex}.pw-today__facts span{align-items:center;gap:7px;display:inline-flex}.pw-today__chart{align-items:flex-end;gap:6px;height:56px;margin-top:18px;display:flex}.pw-today__chart i{transition:height .7s var(--ease);background:#ffffff1f;border-radius:5px;flex:1}.pw-today__chart i.is-today{background:linear-gradient(180deg, var(--accent), var(--primary));box-shadow:0 0 16px -4px #8e85ffe6}:root[data-theme=light] .pw{--bg:#f8f7fc;--surface:#fff;--card:#fff;--hover:#f3f0fa;--primary:#674188;--accent:#a084e8;--line:#ece8f5;--text:#221b33;--text2:#6d6585;--ok:#53c68c;--warn:#f5c451;--danger:#f06b8b;--shadow:0 12px 40px #67418814;background:var(--bg)}:root[data-theme=light] .pw-ambient i:first-child{background:#a084e829}:root[data-theme=light] .pw-ambient i:nth-child(2){background:#67418814}:root[data-theme=light] .pw-ambient i:nth-child(3){background:#a084e81a}:root[data-theme=light] .pw-card{border-color:#ece8f5}:root[data-theme=light] .pw-trio .pw-card:hover,:root[data-theme=light] .pw-side .pw-card:hover{background:#fff;box-shadow:0 18px 46px #67418824}:root[data-theme=light] .pw-primary{color:#674188;box-shadow:0 10px 30px #6741884d,0 0 0 1px #fff9}:root[data-theme=light] .pw-primary:hover{background:#fff;box-shadow:0 14px 34px #67418861,0 0 0 1px #fff}:root[data-theme=light] .pw-soft{color:#674188;background:#f1ecff;border-color:#e2d9fb}:root[data-theme=light] .pw-soft:hover{background:#e9e0fb}:root[data-theme=light] .pw-link:hover{color:#674188;background:#f3f0fa}:root[data-theme=light] .pw-ai__meter{background:#ece8f5}:root[data-theme=light] .pw-ai__advice{color:#4f4766}:root[data-theme=light] .pw-mood__btn{background:#f8f7fc;border-color:#ece8f5}:root[data-theme=light] .pw-mood__btn:hover{background:#f3f0fa}:root[data-theme=light] .pw-mood__btn.is-on{background:#f1ecff;border-color:#cbb9f2;box-shadow:0 6px 20px #6741882e}:root[data-theme=light] .pw-streak__dots i{background:#ece8f5}:root[data-theme=light] .pw-streak__dots i.is-on{box-shadow:0 4px 12px #67418838}:root[data-theme=light] .pw-quick__btn{color:#4f4766;background:#fff;border-color:#ece8f5;box-shadow:0 6px 20px #6741880d}:root[data-theme=light] .pw-quick__btn svg{color:#674188}:root[data-theme=light] .pw-quick__btn:hover{color:#221b33;background:#f3f0fa}:root[data-theme=light] .pw-shelf__plank{background:linear-gradient(90deg,#0000,#6741882e 12% 88%,#0000);box-shadow:0 -18px 40px -22px #67418866}:root[data-theme=light] .pw-book__cover{box-shadow:0 14px 34px #67418824,inset 0 0 0 1px #ffffff1f}:root[data-theme=light] .pw-book:hover .pw-book__cover{box-shadow:0 22px 46px #67418838,0 0 34px -10px #a084e899,inset 0 0 0 1px #ffffff2e}:root[data-theme=light] .pw-book__cover--new{color:#674188;background:#fff;border-color:#d9cef3}:root[data-theme=light] .pw-book--new:hover .pw-book__cover--new{background:#f3f0fa;border-color:#c0aeea}:root[data-theme=light] .pw-cal__dow{color:#a39cb8}:root[data-theme=light] .pw-cal__foot{color:#8a84a3}:root[data-theme=light] .pw-cal__day.is-today{background:#674188;box-shadow:0 8px 20px #67418847}:root[data-theme=light] .pw-cal__day.is-wrote:after{box-shadow:none;background:#a084e8}:root[data-theme=light] .pw-plan__row:hover{background:#f8f7fc}:root[data-theme=light] .pw-tick{border-color:#ddd6ee}:root[data-theme=light] .pw-tick.is-on{background:#674188;box-shadow:0 6px 16px #67418847}:root[data-theme=light] .pw-plan__text.is-done{color:#a39cb8}:root[data-theme=light] .pw-plan__del{color:#c3bdd3}:root[data-theme=light] .pw-plan__add:hover{color:#674188}:root[data-theme=light] .pw-input{background:#fff;border-color:#ece8f5}:root[data-theme=light] .pw-input:focus{border-color:#674188;box-shadow:0 0 0 3px #6741881f}:root[data-theme=light] .pw-mini{color:#6d6585;background:#f4f2fa}:root[data-theme=light] .pw-mini--ok{color:#fff;background:#674188}:root[data-theme=light] .pw-note__area::placeholder{color:#a39cb8}:root[data-theme=light] .pw-today__num,:root[data-theme=light] .pw-ai__num,:root[data-theme=light] .pw-streak__num{color:#674188}:root[data-theme=light] .pw-today__chart i{background:#ece8f5}:root[data-theme=light] .pw-today__chart i.is-today{box-shadow:0 6px 16px #67418838}:root[data-theme=light] .pw-hero{border-color:#ece8f5;box-shadow:0 20px 50px #67418829}.pw-cal__grid .pw-cal__day{color:var(--text2);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);border:none;font-family:inherit}.pw-cal__grid .pw-cal__day:hover{background:var(--hover);color:var(--text)}.pw-cal__day.has-plan:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:2px;position:absolute;top:5px;right:5px}.pw-cal__day.is-open{background:var(--accent);color:#fff;font-weight:600}.pw-cal__day.is-open.has-plan:before,.pw-cal__day.is-today.has-plan:before{box-shadow:none;background:#fff}.pw-dayplan{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.pw-dayplan__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.pw-dayplan__head b{font-size:14px;font-weight:600}.pw-dayplan .pw-dayplan__close{width:24px;height:24px;color:var(--text2);border-radius:8px;place-items:center;display:grid}.pw-dayplan__close:hover{background:var(--hover);color:var(--text)}.pw-dayplan__row{border-radius:10px;align-items:center;gap:10px;padding:6px 4px;display:flex}.pw-dayplan__row:hover{background:var(--hover)}.pw-dayplan__text{flex:1;min-width:0;font-size:14px;line-height:1.45}.pw-dayplan__row.is-done{text-decoration:line-through;-webkit-text-decoration-color:var(--text2);text-decoration-color:var(--text2);text-decoration-thickness:1.5px}.pw-dayplan__row.is-done .pw-dayplan__text{color:var(--text2);opacity:.72}.pw-dayplan__add{align-items:center;gap:6px;margin-top:10px;display:flex}.pw-note .pw-note__add{color:var(--text2);transition:background .2s var(--ease), color .2s var(--ease);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.pw-note__add:hover{background:var(--hover);color:var(--text)}.pw-stickies{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.pw-stickies .pw-empty{grid-column:1/-1}.pw-sticky{color:#2a2140;min-height:116px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:14px;padding:12px 12px 26px;position:relative;transform:rotate(-.6deg);box-shadow:0 8px 20px -10px #00000080}.pw-sticky:nth-child(2n){transform:rotate(.7deg)}.pw-sticky:hover{transform:translateY(-3px)rotate(0);box-shadow:0 14px 28px -10px #0000008c}.pw-sticky__area{resize:none;width:100%;min-height:76px;color:inherit;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;line-height:1.55}.pw-sticky__area::placeholder{color:#2a214073}.pw-sticky__tools{opacity:0;transition:opacity .2s var(--ease);gap:2px;display:flex;position:absolute;bottom:6px;right:8px}.pw-sticky:hover .pw-sticky__tools,.pw-sticky:focus-within .pw-sticky__tools{opacity:1}.pw-sticky .pw-sticky__btn{color:#2a214099;width:24px;height:24px;transition:background .2s var(--ease), color .2s var(--ease);border-radius:8px;place-items:center;display:grid}.pw-sticky__btn:hover{color:#2a2140;background:#ffffff8c}.pw-swatches{z-index:5;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;gap:6px;padding:8px;display:flex;position:absolute;bottom:34px;left:8px;right:8px}.pw-swatch{border:1.5px solid #ffffff59;border-radius:7px;width:20px;height:20px;padding:0}.pw-swatch.is-on{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent)}.pw-swatch--custom{cursor:pointer;background:conic-gradient(#ffd66b,#ff9ec4,#c6a8ff,#8fd3ff,#8ee6b4,#ffd66b);position:relative;overflow:hidden}.pw-swatch--custom input{cursor:pointer;opacity:0;background:0 0;border:none;width:200%;height:200%;padding:0;position:absolute;inset:-6px}.pw-note{background:var(--card);border-color:var(--line)}:root[data-theme=light] .pw-note{background:#fff;border-color:#ece8f5}:root[data-theme=light] .pw-sticky{box-shadow:0 8px 20px -10px #67418859}:root[data-theme=light] .pw-sticky:hover{box-shadow:0 14px 30px -12px #67418873}.pw-cal__grid .pw-cal__day.is-today:hover{background:linear-gradient(140deg, var(--primary), var(--accent));color:#fff}.pw-cal__grid .pw-cal__day.is-open:hover{background:var(--accent);color:#fff}:root[data-theme=light] .pw-cal__grid .pw-cal__day.is-today:hover{background:#674188}.wr{--wr-accent:#9e6cff;--wr-hi:#b88cff;--wr-surface:#231b3d;--wr-card:#2a2145;--wr-text2:#afa6d6;--wr-line:#ffffff14;--wr-sans:system-ui,-apple-system,"Segoe UI","IBM Plex Sans Thai",sans-serif;--wr-serif:"Georgia","Cambria",serif;color:#fff;text-align:left;min-height:100%;font-family:var(--wr-sans);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 620px at 82% -6%,#9e6cff29,#0000 60%),radial-gradient(760px 500px at 6% 6%,#5a3c962e,#0000 55%),linear-gradient(160deg,#21173a,#181329 45%,#120f21);padding:26px 30px 40px;position:relative;overflow:hidden;container:wr/inline-size}.wr *{box-sizing:border-box}.wr button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.wr .i{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.wr-dust{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.wr-dust span{opacity:0;background:radial-gradient(circle,#fff,#b88cff80 40%,#0000 70%);border-radius:50%;animation:linear infinite wr-dust;position:absolute}@keyframes wr-dust{0%{opacity:0;transform:translateY(16px)scale(.6)}20%{opacity:.9}80%{opacity:.5}to{opacity:0;transform:translateY(-120px)scale(1)}}@media (prefers-reduced-motion:reduce){.wr-dust span,.wr-rise{opacity:1;animation:none!important}}.wr-wrap{z-index:1;position:relative}.wr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.wr-title{font-family:var(--wr-serif);margin:0;font-size:34px;font-weight:600}.wr-sub{color:var(--wr-text2);margin:6px 0 0;font-size:15px}.wr-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wr-search{background:var(--wr-surface);border:1px solid var(--wr-line);width:min(320px,42vw);color:var(--wr-text2);border-radius:14px;align-items:center;gap:9px;padding:11px 15px;display:flex}.wr-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14.5px}.wr-search input::placeholder{color:var(--wr-text2)}.wr-view{background:var(--wr-surface);border:1px solid var(--wr-line);border-radius:12px;padding:4px;display:flex}.wr-view button{width:38px;height:34px;color:var(--wr-text2);border-radius:9px;place-items:center;display:grid}.wr-view button.on{background:linear-gradient(100deg,var(--wr-accent),#7c4edc);color:#fff}.wr-create{background:linear-gradient(100deg,var(--wr-accent),#7c4edc);color:#fff;border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:600;transition:transform .18s;display:inline-flex;box-shadow:0 12px 26px -10px #9e6cff99}.wr-create:hover{transform:translateY(-2px)}.wr-fsec{margin-top:24px}.wr-flabel{color:var(--wr-text2);margin-bottom:11px;font-size:14px}.wr-chips{flex-wrap:wrap;gap:9px;display:flex}.wr-chip{background:var(--wr-surface);border:1.5px solid var(--wr-line);color:var(--wr-text2);border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;transition:background .18s,color .18s,box-shadow .18s,border-color .18s;display:inline-flex}.wr-chip:hover{color:#fff;border-color:#b88cff8c}.wr-chips .wr-chip--on{color:#2a2140;background:linear-gradient(#fff,#ece8f5);border-color:#0000;border-radius:999px;font-weight:600;box-shadow:0 0 0 1px #fff,0 4px 16px #9c72ff66,0 0 22px #9c72ff44}.wr-chips .wr-chip--on:hover{color:#2a2140}:root[data-theme=light] .wr-chip--on{background:linear-gradient(100deg,var(--wr-accent),#7c4edc);color:#fff;border-color:#0000;box-shadow:0 8px 20px -8px #9e6cff80}.wr-sortbar{z-index:40;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:28px 0 6px;display:flex;position:relative}.wr-sortbar h2{font-family:var(--wr-serif);margin:0;font-size:22px;font-weight:600;display:inline}.wr-cnt{color:var(--wr-text2);margin-left:10px;font-size:14px}.wr-sortR{color:var(--wr-text2);align-items:center;gap:10px;font-size:14px;display:flex}.wr-sortWrap{position:relative}.wr-sortSel{background:var(--wr-surface);border:1px solid var(--wr-line);color:#fff;cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:8px 13px;font-size:14px;display:inline-flex}.wr-menu{z-index:50;background:var(--wr-card);border:1px solid var(--wr-line);border-radius:12px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px -12px #0009}.wr-menu button{width:100%;color:var(--wr-text2);text-align:left;border-radius:9px;align-items:center;padding:9px 11px;font-size:14px;display:flex}.wr-menu button:hover{color:#fff;background:#9e6cff24}.wr-menu button.on{color:#fff}.wr-dir{background:var(--wr-surface);border:1px solid var(--wr-line);width:38px;height:38px;color:var(--wr-text2);cursor:pointer;border-radius:11px;place-items:center;display:grid}.wr-dir.desc svg{transform:scaleY(-1)}.wr-lib{flex-direction:column;gap:16px;margin-top:14px;display:flex}.wr-lib--grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px;margin-top:14px;display:grid}.wr-shelf{padding:0 10px;position:relative}.wr-shelf__back{background:radial-gradient(120% 100% at 50% 0,#2e215099,#0c0918b3);border-radius:18px;position:absolute;inset:6px 0 24px;box-shadow:inset 0 30px 60px -24px #000000bf,inset 0 0 0 1px #ffffff08}.wr-row{z-index:2;justify-content:center;align-items:flex-end;gap:14px;min-height:278px;padding:28px 52px 0;display:flex;position:relative}.wr-plank{z-index:3;background:linear-gradient(#7a5233,#5a3b23 38%,#3c2616);border-radius:4px;height:24px;margin:0 4px;position:relative;box-shadow:0 18px 32px -10px #000000b3,0 3px #241408,inset 0 2px #ffd2a038}.wr-plank:before{content:"";opacity:.5;background:repeating-linear-gradient(90deg,#00000024 0 2px,#0000 2px 30px),repeating-linear-gradient(90deg,#ffdcb40f 0 1px,#0000 1px 46px);border-radius:4px;position:absolute;inset:0}.wr-plank:after{content:"";background:linear-gradient(#2a1a0e,#170d06);border-radius:0 0 5px 5px;height:12px;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 22px -8px #0009}.wr-book{width:clamp(148px,20cqw,190px);height:var(--h,250px);cursor:pointer;background:linear-gradient(150deg,var(--c1),var(--c2));transform-origin:bottom;border-radius:5px 8px 8px 5px;flex:none;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s,filter .24s;position:relative;overflow:hidden;box-shadow:0 18px 28px -12px #000000bf,inset 8px 0 14px -6px #00000080,inset -2px 0 3px #ffffff1f}.wr-lib--grid .wr-book{width:100%;height:250px}.wr-book:before{content:"";z-index:3;background:linear-gradient(90deg,#00000080,#0000000d);border-radius:5px 0 0 5px;width:9px;position:absolute;top:0;bottom:0;left:0}.wr-book:after{content:"";z-index:3;background:#ffffff24;width:2px;position:absolute;top:0;bottom:0;left:9px}.wr-book:hover{z-index:6;filter:brightness(1.07);transform:translateY(-16px)scale(1.035);box-shadow:0 34px 44px -16px #000c,0 0 40px #9e6cff8c,inset 8px 0 14px -6px #00000080}.wr-art{background:radial-gradient(90px 60px at 68% 26%,#fff0c842,#0000 70%),radial-gradient(140px 120px at 30% 8%,#ffffff1a,#0000 70%);position:absolute;inset:0}.wr-motif{text-align:center;filter:drop-shadow(0 3px 6px #00000080);opacity:.92;font-size:44px;position:absolute;top:30px;left:0;right:0}.wr-scrim{background:linear-gradient(#0000,#090612e6 62%);position:absolute;inset:46% 0 0}.wr-cimg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wr-info{z-index:2;padding:12px 13px 13px 17px;position:absolute;bottom:0;left:0;right:0}.wr-bt{font-family:var(--wr-serif);text-shadow:0 1px 4px #0009;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16.5px;font-weight:600;line-height:1.2;overflow:hidden}.wr-bg{color:#e9e0ffb8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;overflow:hidden}.wr-bmeta{color:#e0d6f899;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin-top:7px;font-size:10.5px;display:flex;overflow:hidden}.wr-bbar{background:#0006;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.wr-bbar i{background:linear-gradient(90deg,var(--wr-hi),var(--wr-accent));border-radius:999px;height:100%;display:block}.wr-bpct{color:#fff;font-variant-numeric:tabular-nums;z-index:3;font-size:11px;font-weight:700;position:absolute;bottom:13px;right:13px}.wr-badge{z-index:3;letter-spacing:.4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:13px}.wr-badge--w{color:#efe6ff;background:#9e6cff52;border:1px solid #b88cff80}.wr-badge--d{color:#e6e6ef;background:#78788c4d;border:1px solid #ffffff2e}.wr-badge--c{color:#ffe6ad;background:#ffc85a3d;border:1px solid #ffc85a73}.wr-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.wr-crown{z-index:4;filter:drop-shadow(0 2px 4px #0000008c);font-size:19px;position:absolute;top:8px;right:10px}.wr-slot{width:clamp(140px,18cqw,168px);height:212px;color:var(--wr-hi);cursor:pointer;background:#ffffff05;border:1.6px dashed #b88cff73;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;transition:all .18s;display:flex}.wr-lib--grid .wr-slot{width:100%;height:250px}.wr-slot:hover{background:#9e6cff1a;transform:translateY(-8px);box-shadow:0 24px 38px -16px #9e6cff80}.wr-slot .ring{background:#9e6cff2e;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.wr-slot span{font-size:13px;font-weight:600}.wr-deco{z-index:4;pointer-events:none;filter:drop-shadow(0 10px 16px #0000008c);position:absolute;bottom:22px}.wr-flame{transform-origin:bottom;animation:2.6s ease-in-out infinite wr-flick}@keyframes wr-flick{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.09)translate(.5px)}}.wr-quote{border:1px solid var(--wr-line);background:linear-gradient(100deg,#2a2145b3,#231b3d80);border-radius:22px;align-items:center;gap:16px;margin-top:28px;padding:22px 28px;display:flex}.wr-qm{font-family:var(--wr-serif);color:var(--wr-hi);flex:none;font-size:50px;line-height:.5}.wr-quote p{font-family:var(--wr-serif);margin:0;font-size:19px;font-style:italic;line-height:1.5}.wr-empty{z-index:2;text-align:center;padding:56px 20px 66px;position:relative}.wr-empty .fe{font-size:52px;animation:4s ease-in-out infinite wr-float;display:inline-block}@keyframes wr-float{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-14px)rotate(4deg)}}.wr-empty h3{font-family:var(--wr-serif);margin:16px 0 8px;font-size:23px}.wr-empty p{color:var(--wr-text2);margin:0 0 22px;font-size:15px}.wr-rise{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) forwards wr-rise;transform:translateY(14px)}@keyframes wr-rise{to{opacity:1;transform:none}}@container wr (width<=560px){.wr-row{padding:24px 20px 0}.wr-search{width:100%}}:root[data-theme=light] .wr{--wr-accent:#674188;--wr-hi:#a084e8;--wr-surface:#fff;--wr-card:#fff;--wr-text2:#6d6585;--wr-line:#ece8f5;color:#221b33;background:radial-gradient(1100px 620px at 82% -6%,#a084e824,#0000 60%),radial-gradient(760px 500px at 6% 6%,#67418812,#0000 55%),linear-gradient(160deg,#fbfaff,#f8f7fc 45%,#f4f2fa)}:root[data-theme=light] .wr-dust span{background:radial-gradient(circle,#a084e8,#a084e859 40%,#0000 70%)}:root[data-theme=light] .wr-search{box-shadow:0 6px 20px #6741880d}:root[data-theme=light] .wr-search input{color:#221b33}:root[data-theme=light] .wr-view button.on{background:#674188}:root[data-theme=light] .wr-create{background:#674188;box-shadow:0 10px 30px #67418840}:root[data-theme=light] .wr-create:hover{background:#7b56a8}:root[data-theme=light] .wr-chip{background:#fff;box-shadow:0 4px 14px #6741880a}:root[data-theme=light] .wr-chip:hover{color:#674188;background:#f3f0fa;border-color:#cbb9f2}:root[data-theme=light] .wr-chips .wr-chip--on{color:#fff;background:#674188;border-color:#0000;box-shadow:0 10px 26px -10px #6741888c}:root[data-theme=light] .wr-chips .wr-chip--on:hover{color:#fff;background:#7b56a8}:root[data-theme=light] .wr-sortSel{color:#221b33;box-shadow:0 4px 14px #6741880a}:root[data-theme=light] .wr-menu{box-shadow:0 12px 40px #67418824}:root[data-theme=light] .wr-menu button:hover{color:#674188;background:#f3f0fa}:root[data-theme=light] .wr-menu button.on{color:#674188}:root[data-theme=light] .wr-shelf__back{background:radial-gradient(120% 100% at 50% 0,#6741881a,#a084e80f);box-shadow:inset 0 20px 50px -30px #67418859,inset 0 0 0 1px #ece8f5}:root[data-theme=light] .wr-plank{box-shadow:0 16px 30px -12px #67418859,0 3px #241408,inset 0 2px #ffd2a038}:root[data-theme=light] .wr-book{box-shadow:0 14px 30px -14px #67418866,inset 8px 0 14px -6px #0006,inset -2px 0 3px #ffffff1f}:root[data-theme=light] .wr-book:hover{box-shadow:0 26px 44px -18px #67418880,0 0 34px #a084e880,inset 8px 0 14px -6px #0006}:root[data-theme=light] .wr-slot{color:#674188;background:#fff;border-color:#d9cef3}:root[data-theme=light] .wr-slot:hover{background:#f3f0fa;box-shadow:0 20px 38px -20px #67418873}:root[data-theme=light] .wr-slot .ring{background:#f1ecff}:root[data-theme=light] .wr-quote{background:linear-gradient(100deg,#fff,#faf8ff);box-shadow:0 12px 40px #67418814}