:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;margin:0;padding:0}body{font-family:sans-serif;background:#f5f5f5;margin:0;padding:0;overflow-x:hidden}.app-container{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;position:relative;margin:0;padding:0}.notebook-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.notebook-wrapper>*{pointer-events:auto}.options-button{position:fixed;top:20px;right:20px;background:#4b4bff;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.4rem;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;justify-content:center;align-items:center;transition:background .2s ease,transform .2s ease;z-index:9999}.options-button:hover{background:#3a3adf;transform:scale(1.05)}.options-menu{position:fixed;top:60px;right:10px;width:260px;max-height:calc(100vh - 80px);background:var(--menu-bg, #fff);border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000026;z-index:9999;overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.options-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.scrollable-menu{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#aaa transparent}.scrollable-menu::-webkit-scrollbar{width:6px}.scrollable-menu::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px}.options-menu h3{margin-top:0;font-size:1.2rem;color:#333}.options-menu label{color:#333;font-size:1rem;display:block;margin-bottom:.5rem}.options-menu input[type=radio]{accent-color:#4b4bff}.options-menu .menu-section{margin-bottom:1rem}.options-menu select,.options-menu button{width:100%;margin-top:.5rem}select{width:260px;padding:.6rem .8rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;background:#fff;color:#333;appearance:auto;cursor:pointer}select option{color:#000;background:#fff}button{padding:.7rem 1.2rem;font-size:1rem;border-radius:6px;border:none;background:#4b4bff;color:#fff;cursor:pointer;transition:background .2s ease}button:hover{background:#3a3adf}button:disabled{background:#999;cursor:not-allowed}.history-output{width:100%;margin-top:2rem;background:#f0f0f0;padding:1rem;border-radius:8px}.history-output h3{margin-top:0;color:#333}.history-output ul{padding-left:1.25rem}.history-output li{margin-bottom:.5rem}.output{width:100%;margin-top:2rem;background:#e6e0f8;color:#2a2a2a;padding:1.25rem;border-radius:8px;box-shadow:0 0 8px #00000014}.output h3,.output h4{margin-top:0;color:#1f1f1f}.output ul{margin-top:.5rem;padding-left:1.25rem}.output li{margin-bottom:.5rem}.premium-upgrade-button{width:100%;padding:12px;margin:12px 0;background:#6a4df5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.premium-upgrade-button:hover{background:#5a3de0}.delete-account-button{background:#c0392b!important;color:#fff!important;border:none;margin-top:1rem;width:100%;padding:.7rem 1.2rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s ease}.delete-account-button:hover{background:#a93226!important}.legal-modal{position:fixed;inset:0;background:#00000073;z-index:10001;display:flex;justify-content:center;align-items:center;animation:legalFadeIn .25s ease-out forwards}@keyframes legalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.legal-content{background:#fff;color:#222;padding:2rem 2.5rem;border-radius:14px;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 18px 40px #00000040;position:relative}.legal-content h2{margin-top:0;font-size:1.6rem;color:#4b4bff}.legal-content h3{margin-top:2rem;font-size:1.15rem;color:#333}.legal-content ul{margin-left:1.5rem}.legal-content p{margin:.7rem 0;line-height:1.6}.legal-close{position:absolute;top:1rem;right:1rem;background:#4b4bff;color:#fff;border:none;border-radius:50%;width:38px;height:38px;font-size:1.3rem;cursor:pointer;box-shadow:0 2px 8px #00000026;z-index:10002;transition:background .2s}.legal-close:hover{background:#3a3adf}.dark .legal-content{background:#262626;color:#eaeaea;box-shadow:0 18px 40px #0009}.dark .legal-content h2{color:#6a6aff}.dark .legal-content h3{color:#eaeaea}.dark .legal-close{background:#6a6aff;color:#fff}.dark body{background:#1e1e1e}.dark .options-menu{background:#2a2a2a;color:#eaeaea}.dark .options-menu h3,.dark .options-menu label{color:#eaeaea}.dark select{background:#333;color:#eaeaea;border-color:#555}.dark button{background:#6a6aff}.dark .history-output{background:#2a2a2a;color:#eaeaea}.dark .output{background:#3a3a55;color:#eaeaea}.notebook-cover-wrapper{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;perspective:2000px;overflow:visible}.notebook-cover{width:600px;height:700px;position:relative;cursor:pointer;margin:0 auto;background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png),linear-gradient(135deg,#2b2b2b,#1f1f1f);border-radius:10px;box-shadow:0 10px 25px #00000040,inset 0 0 20px #0006;transform-origin:left center;transition:transform .3s ease,box-shadow .3s ease}.notebook-cover:hover{transform:scale(1.03);box-shadow:0 14px 30px #00000059,inset 0 0 25px #00000073}.notebook-cover-spine{position:absolute;left:0;top:0;width:60px;height:100%;border-radius:10px 0 0 10px;background:linear-gradient(to right,#00000073,#0000001a);box-shadow:inset -8px 0 12px #0006}.notebook-cover-sheen{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(120deg,#ffffff0d,#ffffff26 40%,#ffffff08 70%);opacity:.4;mix-blend-mode:screen;transition:opacity .4s ease}.notebook-cover:hover .notebook-cover-sheen{opacity:.55}.notebook-label{position:absolute;top:35%;left:50%;transform:translate(-50%);background:#ffffffd9;padding:1rem 2.2rem;border-radius:8px;font-family:Pacifico,cursive;font-size:2.2rem;color:#2a2a2a;box-shadow:0 4px 10px #00000026}.notebook-corner-curl{position:absolute;bottom:0;right:0;width:70px;height:70px;background:linear-gradient(135deg,#ffffff40,#ffffff0d);clip-path:polygon(100% 0,0 100%,100% 100%);opacity:.4;transition:opacity .3s ease}.notebook-cover:hover .notebook-corner-curl{opacity:.7}.notebook-cover.opening{animation:coverOpenSequence 2s cubic-bezier(.4,0,.2,1) forwards}@keyframes coverOpenSequence{0%{transform:rotateY(0);opacity:1}6%{transform:rotateY(-4deg);opacity:1}80%{transform:rotateY(-165deg);opacity:.6}to{transform:rotateY(-180deg);opacity:0}}.dark .notebook-cover{background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png),linear-gradient(135deg,#1a1a1a,#0f0f0f);box-shadow:0 10px 25px #00000080,inset 0 0 20px #0009}.dark .notebook-label{background:#eaeaea;color:#1a1a1a}.dark .notebook-cover-spine{background:linear-gradient(to right,#0009,#0003)}@media(max-width:768px){.notebook-cover-wrapper{height:100vh;height:100dvh;align-items:center;justify-content:center;perspective:1000px}.notebook-cover{width:90vw;height:70vh;height:70dvh;max-width:400px;max-height:500px}.notebook-label{font-size:1.4rem;padding:.65rem 1.4rem;white-space:nowrap}}.dark .notebook-cover-sheen{opacity:.25}.cover-white{background-image:url(https://www.transparenttextures.com/patterns/cream-paper.png),linear-gradient(135deg,#f0ede6,#e8e4dc);box-shadow:0 10px 25px #00000026,inset 0 0 20px #00000014}.cover-white .notebook-label{background:#503c281f;color:#4a3a28;box-shadow:0 4px 10px #00000014}.cover-white .notebook-cover-spine{background:linear-gradient(to right,#0000001f,#00000008)}.cover-dragon{background-image:url(/covers/smaug.svg),url(https://www.transparenttextures.com/patterns/scales.png),linear-gradient(180deg,#1a0000,#4a0a08 40%,#2a0005);background-size:cover,auto,auto;background-position:center,center,center;box-shadow:0 10px 25px #50000066,inset 0 0 25px #00000080}.cover-dragon .notebook-label{background:#140000bf;color:#e8c090;border:1px solid rgba(200,100,50,.4)}.cover-dragon .notebook-cover-sheen{background:linear-gradient(120deg,#ff502814,#ffb43c2e 40%,#c828140d 70%)}.cover-nature{background-image:url(/covers/willow.svg),url(https://www.transparenttextures.com/patterns/leaf.png),linear-gradient(180deg,#1a3a10,#2d4a1e 40%,#1a2e0a);background-size:cover,auto,auto;background-position:center bottom,center,center;box-shadow:0 10px 25px #00280059,inset 0 0 20px #0006}.cover-nature .notebook-label{background:#0a1e0ab8;color:#b8d8a0;border:1px solid rgba(100,180,60,.3)}.cover-nature .notebook-cover-sheen{background:linear-gradient(120deg,#50c83c0f,#b4ff641f 40%,#2878140a 70%)}.cover-fairy{background-image:url(https://www.transparenttextures.com/patterns/stardust.png),linear-gradient(135deg,#c084d8,#8b4fa8);box-shadow:0 10px 25px #7828a059,inset 0 0 25px #3c00504d}.cover-fairy .notebook-label{background:#ffffff40;color:#fff0ff;border:1px solid rgba(255,200,255,.5);text-shadow:0 0 12px rgba(200,100,255,.6)}.cover-fairy .notebook-cover-sheen{background:linear-gradient(120deg,#ffc8ff26,#dcb4ff4d 40%,#b464ff14 70%);opacity:.6}.cover-vodou{background-image:url(https://www.transparenttextures.com/patterns/cracked-earth.png),linear-gradient(135deg,#1a1440,#0d0820);box-shadow:0 10px 30px #00003280,inset 0 0 30px #5028004d}.cover-vodou .notebook-label{background:#000014cc;color:#e8a840;border:1px solid rgba(180,120,20,.5);text-shadow:0 0 14px rgba(220,140,20,.5)}.cover-vodou .notebook-cover-sheen{background:linear-gradient(120deg,#b4640014,#dca00026 40%,#643cb40f 70%)}.cover-midnight{background-image:url(https://www.transparenttextures.com/patterns/felt.png),linear-gradient(135deg,#0d1b3e,#060e24);box-shadow:0 10px 28px #000a3273,inset 0 0 22px #00000080}.cover-midnight .notebook-label{background:#000a28c7;color:#d4af6a;border:1px solid rgba(200,160,80,.4);text-shadow:0 0 10px rgba(200,160,60,.4)}.cover-midnight .notebook-cover-sheen{background:linear-gradient(120deg,#c8b46414,#dcc8782e 40%,#6478c80d 70%)}.shop-cover-preview.cover-leather{background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png),linear-gradient(135deg,#2b2b2b,#1f1f1f)}.shop-cover-preview.cover-white{background-image:url(https://www.transparenttextures.com/patterns/cream-paper.png),linear-gradient(135deg,#f0ede6,#e8e4dc)}.shop-cover-preview.cover-dragon{background-image:url(https://www.transparenttextures.com/patterns/scales.png),linear-gradient(135deg,#6b0f1a,#3d0008)}.shop-cover-preview.cover-nature{background-image:url(https://www.transparenttextures.com/patterns/leaf.png),linear-gradient(135deg,#2d4a1e,#1a3010)}.shop-cover-preview.cover-fairy{background-image:url(https://www.transparenttextures.com/patterns/stardust.png),linear-gradient(135deg,#c084d8,#8b4fa8)}.shop-cover-preview.cover-vodou{background-image:url(https://www.transparenttextures.com/patterns/cracked-earth.png),linear-gradient(135deg,#1a1440,#0d0820)}.shop-cover-preview.cover-midnight{background-image:url(https://www.transparenttextures.com/patterns/felt.png),linear-gradient(135deg,#0d1b3e,#060e24)}.cover-matrix{background-image:url(/covers/matrix.svg),linear-gradient(180deg,#050505,#0a0a0a);background-size:cover,auto;box-shadow:0 10px 28px #001e0080,0 0 60px #00ff4114,inset 0 0 30px #000000b3}.cover-matrix .notebook-label{background:#000800d9;color:#00ff41;border:1px solid rgba(0,255,65,.35);text-shadow:0 0 12px rgba(0,255,65,.6);font-family:Courier New,Courier,monospace}.cover-matrix .notebook-cover-sheen{background:linear-gradient(120deg,#00ff410a,#00c8321a 40%,#00641408 70%)}.cover-matrix .notebook-corner-curl{background:linear-gradient(135deg,#00ff4126,#00ff4108)}.cover-cicada{background-image:url(/covers/cicada.svg),linear-gradient(135deg,#f8f6f2,#eee9e0);background-size:cover,auto;box-shadow:0 10px 22px #0000002e,inset 0 0 15px #0000000f}.cover-cicada .notebook-label{background:#f0f0ebd9;color:#2a2a2a;border:1px solid rgba(80,80,80,.2);font-family:Courier New,Courier,monospace;letter-spacing:.08em}.cover-cicada .notebook-cover-spine{background:linear-gradient(to right,#0000001a,#00000005)}.cover-cicada .notebook-cover-sheen{background:linear-gradient(120deg,#fff3,#ffffff14 40%,#c8c8c805 70%)}.cover-egypt{background-image:url(/covers/egypt.svg),linear-gradient(180deg,#7a5c0e,#b87c0c,#6a4c08);background-size:cover,auto;box-shadow:0 10px 28px #50320073,0 0 50px #c896141f,inset 0 0 25px #3c1e0066}.cover-egypt .notebook-label{background:#1e0f00c7;color:#ffe080;border:1px solid rgba(220,180,40,.45);text-shadow:0 0 12px rgba(220,160,20,.5)}.cover-egypt .notebook-cover-sheen{background:linear-gradient(120deg,#ffdc3c1a,#ffc83233 40%,#b478140d 70%)}.cover-kraken{background-image:url(/covers/kraken.svg),linear-gradient(180deg,#080e1e,#0a1e3e 45%,#050e22);background-size:cover,auto;box-shadow:0 10px 30px #000a288c,0 0 60px #143c8c1f,inset 0 0 28px #00001e80}.cover-kraken .notebook-label{background:#040a19d1;color:#80b8e8;border:1px solid rgba(80,140,200,.3);text-shadow:0 0 14px rgba(60,120,220,.5)}.cover-kraken .notebook-cover-sheen{background:linear-gradient(120deg,#508cff0f,#64a0ff1f 40%,#2850b40a 70%)}.shop-cover-preview.cover-matrix{background-image:url(/covers/matrix.svg),linear-gradient(#050505,#0a0a0a);background-size:cover,auto}.shop-cover-preview.cover-cicada{background-image:url(/covers/cicada.svg),linear-gradient(#f8f6f2,#eee9e0);background-size:cover,auto}.shop-cover-preview.cover-egypt{background-image:url(/covers/egypt.svg),linear-gradient(#b87c0c,#7a5c0e);background-size:cover,auto}.shop-cover-preview.cover-kraken{background-image:url(/covers/kraken.svg),linear-gradient(#080e1e,#0a1e3e);background-size:cover,auto}.notebook-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible}.notebook{width:1100px;max-width:95vw;height:650px;max-height:90vh;margin:0 auto;position:relative;opacity:0;transform:scale(.94) translateY(-22px) rotate(-.4deg);animation:notebookReveal 1.1s ease-out forwards;animation-delay:1.1s;perspective:1400px}@keyframes notebookReveal{0%{opacity:0;transform:scale(.94) translateY(-22px) rotate(-.4deg)}55%{opacity:1;transform:scale(1.012) translateY(5px) rotate(.15deg)}75%{transform:scale(.998) translateY(-2px) rotate(0)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.notebook:before{content:"";position:absolute;left:50%;top:0;width:4px;height:100%;transform:translate(-50%);background:linear-gradient(to bottom,#0000002e,#0000000f,#0000002e);z-index:5;pointer-events:none}.spine{position:absolute;left:50%;top:0;height:100%;width:0;transform:translate(-50%);z-index:10;pointer-events:none}.bookmark{position:absolute;top:-10px;left:-5px;width:10px;height:calc(100% + 16px);background:linear-gradient(to right,#7a0000,#c01818 15%,#d42020 40%,#b81a1a 60%,#8a0f0f 85%,#6b0000);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),50% 100%,0 calc(100% - 10px));box-shadow:2px 0 5px #00000059,inset 2px 0 3px #ffffff1f;opacity:0;animation:bookmarkSwing .9s ease-out forwards;animation-delay:1.9s}@keyframes bookmarkSwing{0%{opacity:0;transform:rotate(0)}20%{opacity:1;transform:rotate(6deg)}60%{transform:rotate(-3deg)}to{opacity:1;transform:rotate(0)}}.desktop-pages{display:flex;width:100%;height:100%;position:relative}.desktop-pages .page{width:50%;height:100%;position:relative;top:auto;left:auto;backface-visibility:visible;transform:none}.desktop-pages .left-page{border-right:2px solid #d0c8b8;display:flex;flex-direction:column}.desktop-pages .right-page{overflow-y:auto}.mobile-slider-wrapper{width:100%;height:100%;overflow:hidden;position:relative}.mobile-slider{display:flex;width:200%;height:100%;transition:transform .5s cubic-bezier(.77,0,.175,1);will-change:transform}.mobile-slider.show-right{transform:translate(-50%)}.mobile-slider .page{width:50%;height:100%;flex-shrink:0;position:relative;top:auto;left:auto;backface-visibility:visible;transform:none;overflow:hidden}.mobile-slider .right-page{display:flex;flex-direction:column;overflow:hidden}.right-page-scroll{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y}:root{--paper-texture: url(/paper-texture.png)}.page{padding:2rem 2.5rem;background-color:#faf8f2;background-image:var(--paper-texture, none);background-size:cover;background-blend-mode:multiply;box-shadow:inset 0 0 10px #0000000d;border-right:1px solid #e0dcd2;scrollbar-width:thin;scrollbar-color:#c8c8c8 transparent;box-sizing:border-box}.page::-webkit-scrollbar{width:8px}.page::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:4px}.page-flip .page{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;overflow:visible}.page-flip .front{transform:rotateY(0);z-index:2}.page-flip .back{transform:rotateY(180deg);z-index:1;overflow-y:auto}.page:after{content:"";position:absolute;right:0;top:0;width:40px;height:100%;background:linear-gradient(to left,#00000012,#0000);pointer-events:none;opacity:.35}.left-page{position:relative;display:flex;flex-direction:column}.notebook-textarea{flex:1;min-height:0;width:100%;border:none;touch-action:pan-y;background:repeating-linear-gradient(#faf8f2,#faf8f2 28px,#ddd8cc,#faf8f2 30px);background-attachment:local;font-size:1.2rem;line-height:30px;color:#2a2a2a;resize:none;padding:0;box-sizing:border-box;outline:none}.page-footer{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding-top:.75rem;flex-shrink:0}.submit-button{background:#4b4bff;color:#fff;padding:.55rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;border:none;box-shadow:0 3px 8px #00000026;transition:background .2s ease;flex-shrink:0}.submit-button:hover{background:#3a3adf}.flip-handle{background:#a08c6e24;border:1px solid rgba(160,140,110,.25);border-radius:5px;color:#503c288c;font-size:1.5rem;line-height:1;padding:.2rem .45rem;cursor:pointer;transition:background .18s ease,color .18s ease;flex-shrink:0}.flip-handle:hover,.flip-handle:active{background:#a08c6e4d;color:#503c28d9}.flip-handle-left{display:block;margin-bottom:.75rem;align-self:flex-start}.reflection{color:#222}.reflection h3{margin-top:0;margin-bottom:.5rem;color:#1f1f1f;font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase;opacity:.6}.reflection h4{margin-top:1.5rem;margin-bottom:.4rem;color:#1f1f1f;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;opacity:.55}.reflection p{font-size:1.05rem;line-height:1.75;color:#2a2a2a;margin:0}.reflection ul{padding-left:1.25rem;margin:0}.reflection li{font-size:1rem;line-height:1.65;margin-bottom:.4rem;color:#333}.empty-reflection{margin-top:2rem;color:#888;font-style:italic;font-size:.95rem}.flutter-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.flutter-page{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--paper-texture, #faf8f2);opacity:0;transform-origin:left center;pointer-events:none;filter:blur(.4px) brightness(.95)}.flutter-page:after{content:attr(data-kanji);position:absolute;top:22%;left:14%;font-size:4.2rem;opacity:.07;color:#000;transform:rotate(-4deg);font-family:KaiTi,STKaiti,serif}.flutter-page.page1{animation:flutter1 .45s ease-out forwards;animation-delay:1.25s}.flutter-page.page2{animation:flutter2 .5s ease-out forwards;animation-delay:1.35s}.flutter-page.page3{animation:flutter3 .55s ease-out forwards;animation-delay:1.45s}.final-flip{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--paper-texture, #faf8f2);opacity:0;transform-origin:left center;pointer-events:none;z-index:45;animation:finalFlip .7s ease-out forwards;animation-delay:1.65s}.final-flip:after{content:"和";position:absolute;top:25%;left:20%;font-size:3.8rem;opacity:.06;color:#000;transform:rotate(2deg);font-family:KaiTi,STKaiti,serif}@keyframes flutter1{0%{opacity:0;transform:rotateY(-5deg)}50%{opacity:1;transform:rotateY(-25deg) translate(-8px)}to{opacity:0;transform:rotateY(-40deg) translate(-12px)}}@keyframes flutter2{0%{opacity:0;transform:rotateY(-10deg)}50%{opacity:1;transform:rotateY(-30deg) translate(-10px)}to{opacity:0;transform:rotateY(-45deg) translate(-16px)}}@keyframes flutter3{0%{opacity:0;transform:rotateY(-15deg)}50%{opacity:1;transform:rotateY(-35deg) translate(-12px)}to{opacity:0;transform:rotateY(-50deg) translate(-20px)}}@keyframes finalFlip{0%{opacity:0;transform:rotateY(-5deg)}40%{opacity:1;transform:rotateY(-90deg) translate(-20px)}to{opacity:0;transform:rotateY(-160deg) translate(-30px)}}.dark .notebook{filter:brightness(.85)}.dark .page{background-color:#2b2b2b;background-image:repeating-linear-gradient(#2b2b2b,#2b2b2b 28px,#222,#2b2b2b 30px),url(/paper-texture-dark.png);background-size:auto,cover;background-blend-mode:multiply;color:#eaeaea}.dark .notebook-textarea{color:#eaeaea;background:repeating-linear-gradient(#2b2b2b,#2b2b2b 28px,#222,#2b2b2b 30px);background-attachment:local}.dark .reflection h3,.dark .reflection h4{color:#eaeaea}.dark .reflection p,.dark .reflection li{color:#d0d0d0}@media(max-width:768px){.notebook-container{height:100vh;height:100dvh;align-items:stretch}.notebook{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100%;margin:0}.notebook:before{display:none}.page{padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border-right:none!important}.notebook-textarea{font-size:1rem;line-height:26px;background:repeating-linear-gradient(#faf8f2,#faf8f2 24px,#ddd8cc,#faf8f2 26px);background-attachment:local}.spine{left:100%;transition:left .5s cubic-bezier(.77,0,.175,1)}.notebook.on-right-page .spine{left:0%}}.notebook.paper-bright .page{background-color:#fff;background-image:repeating-linear-gradient(#fff,#fff 28px,#d0d0d0,#fff 30px);color:#111}.notebook.paper-bright .notebook-textarea{background:repeating-linear-gradient(#fff,#fff 24px,#ccc,#fff 26px);background-attachment:local;color:#111}.notebook.paper-warm .page{background-color:#f5e6c8;background-image:repeating-linear-gradient(#f5e6c8,#f5e6c8 28px,#c8a870,#f5e6c8 30px);color:#3a2a10}.notebook.paper-warm .notebook-textarea{background:repeating-linear-gradient(#f5e6c8,#f5e6c8 24px,#c8a870,#f5e6c8 26px);background-attachment:local;color:#3a2a10}.notebook.paper-grey .page{background-color:#d4d8dc;background-image:repeating-linear-gradient(#d4d8dc,#d4d8dc 28px,#8a9098,#d4d8dc 30px);color:#1a1e22}.notebook.paper-grey .notebook-textarea{background:repeating-linear-gradient(#d4d8dc,#d4d8dc 24px,#8a9098,#d4d8dc 26px);background-attachment:local;color:#1a1e22}.notebook.paper-dark .page{background-color:#1a1c20;background-image:repeating-linear-gradient(#1a1c20,#1a1c20 28px,#384050,#1a1c20 30px);color:#d8dde4}.notebook.paper-dark .notebook-textarea{background:repeating-linear-gradient(#1a1c20,#1a1c20 24px,#384050,#1a1c20 26px);background-attachment:local;color:#d8dde4}.notebook.paper-dark .notebook-textarea::placeholder{color:#5a6070}@media(max-width:768px){.notebook.paper-bright .notebook-textarea{background:repeating-linear-gradient(#fff,#fff 24px,#ccc,#fff 26px);background-attachment:local}.notebook.paper-warm .notebook-textarea{background:repeating-linear-gradient(#f5e6c8,#f5e6c8 24px,#c8a870,#f5e6c8 26px);background-attachment:local}.notebook.paper-grey .notebook-textarea{background:repeating-linear-gradient(#d4d8dc,#d4d8dc 24px,#8a9098,#d4d8dc 26px);background-attachment:local}.notebook.paper-dark .notebook-textarea{background:repeating-linear-gradient(#1a1c20,#1a1c20 24px,#384050,#1a1c20 26px);background-attachment:local}}.history-backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:historyFadeIn .25s ease-out forwards}@keyframes historyFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.history-modal{width:90%;max-width:900px;max-height:80vh;background:#fdfaf4;border-radius:16px;box-shadow:0 18px 40px #00000040;padding:1.5rem 1.75rem;display:flex;flex-direction:column;overflow:hidden;position:relative}.history-layout{display:flex;gap:1.5rem;height:100%;min-height:0}.history-nav{width:35%;border-right:1px solid #e0dcd2;padding-right:1rem;overflow-y:auto;max-height:70vh}.history-content{flex:1;overflow-y:auto;max-height:70vh;min-height:0}.history-entry-list{list-style:none;padding:0;margin:.75rem 0 0;max-height:60vh;overflow-y:auto}.history-entry-item+.history-entry-item{margin-top:.5rem}.history-entry-button{width:100%;text-align:left;border-radius:10px;border:1px solid #e0dcd2;background:#fffdf8;padding:.6rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:background .15s ease,box-shadow .15s ease}.history-entry-button:hover{background:#f4efe4;box-shadow:0 4px 10px #00000014}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-header h2{margin:0;font-size:1.4rem;color:#333}.history-close{background:transparent;border:none;font-size:1.3rem;cursor:pointer;color:#555}.history-section{margin-bottom:1rem}.history-section h3{margin:0 0 .5rem;font-size:1rem;color:#444}.history-pill-row{display:flex;flex-wrap:wrap;gap:.4rem}.history-pill{padding:.3rem .6rem;border-radius:999px;border:1px solid #d0c8b8;background:#f7f2e8;font-size:.85rem;cursor:pointer;color:#444}.history-pill.active{background:#4b4bff;color:#fff;border-color:#4b4bff}.history-content h3{margin-top:0;font-size:1rem;color:#444}.history-empty{margin-top:1rem;color:#777}.history-entry-time{font-size:.85rem;color:#666}.history-entry-snippet{font-size:.95rem;color:#333}.dark .history-modal{background:#262626;color:#eaeaea;box-shadow:0 18px 40px #0009}.dark .history-header h2{color:#f5f5f5}.dark .history-close{color:#eaeaea}.dark .history-nav{border-right-color:#3a3a3a}.dark .history-section h3{color:#e0e0e0}.dark .history-pill{border-color:#444;background:#333;color:#eaeaea}.dark .history-pill.active{background:#6a6aff;border-color:#6a6aff;color:#fff}.dark .history-content h3{color:#e0e0e0}.dark .history-empty{color:#b0b0b0}.dark .history-entry-button{background:#2b2b2b;border-color:#3a3a3a}.dark .history-entry-button:hover{background:#333;box-shadow:0 4px 12px #0009}.dark .history-entry-time{color:silver}.dark .history-entry-snippet{color:#f0f0f0}@media(max-width:768px){.history-modal{width:95%;max-height:85vh;padding:1.25rem}.history-layout{flex-direction:column}.history-nav{width:100%;border-right:none;border-bottom:1px solid #e0dcd2;padding-right:0;padding-bottom:.75rem;margin-bottom:.75rem;max-height:20vh}.history-content{max-height:50vh}.dark .history-nav{border-bottom-color:#3a3a3a}}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background:#fffdf8;padding:1rem;box-sizing:border-box}.auth-box{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:420px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;align-items:center}.auth-container h2{font-size:2.2rem;margin-bottom:1.5rem;color:#333;font-weight:600}.auth-container form{display:flex;flex-direction:column;gap:1rem;width:100%}.auth-container input{padding:1rem;font-size:1.1rem;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s ease}.auth-container input:focus{border-color:#4b4bff}.auth-container button{padding:1rem;font-size:1.1rem;border:none;border-radius:8px;background:#4b4bff;color:#fff;cursor:pointer;transition:background .2s ease}.auth-container button:hover{background:#3a3adf}.auth-container button:disabled{background:#999;cursor:not-allowed}.auth-container p{margin-top:1rem;font-size:1rem;color:#333}.auth-container p[style*="color: red"]{font-weight:700}.dark .auth-container{background:#1e1e1e}.dark .auth-container h2,.dark .auth-container p{color:#eaeaea}.dark .auth-box{background:#2a2a2a;box-shadow:0 8px 20px #0009}.dark .auth-container input{background:#333;color:#eaeaea;border-color:#555}.dark .auth-container input:focus{border-color:#6a6aff}.dark .auth-container button{background:#6a6aff}@media(max-width:768px){.auth-container h2{font-size:1.8rem}.auth-box{padding:1.5rem}.auth-container input,.auth-container button{font-size:1rem;padding:.9rem}}.wv-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0000008c!important;z-index:2147483000;display:flex;align-items:center;justify-content:center}.wv-modal-content{position:relative;width:min(720px,92vw);max-height:80vh;overflow-y:auto;border-radius:12px;padding:1rem 1.25rem 1.25rem;box-shadow:0 10px 30px #00000040;background:#fff!important;color:#111!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}.wv-modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:.95rem;cursor:pointer;color:inherit}.wv-intro{margin-bottom:.75rem;color:#111!important;font-size:.95rem;line-height:1.4}.wv-category{margin:1rem 0}.wv-category-title{margin:.5rem 0;font-size:1.15rem;font-weight:700;color:#111!important}.wv-item{margin-bottom:8px;border:1px solid #ddd;border-radius:8px;background:#fff}.wv-item.is-premium{border-color:#3719bc}.wv-item-toggle{width:100%;text-align:left;padding:.6rem .8rem;background:#f2f2f2;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;color:#111!important}.wv-item-name{display:inline-flex;align-items:center;gap:6px}.wv-lock{font-size:.95em}.wv-item-body{padding:.6rem .8rem;background:#fff;border-top:1px solid #ddd;color:#222!important}.wv-item-body.collapsed{color:#444!important}.wv-cta-row{margin-top:.5rem}.wv-upgrade-cta{background:#3a62f2;color:#fff!important;border:none;border-radius:6px;padding:.45rem .8rem;cursor:pointer}.wv-upgrade-cta:hover{background:#2f54d6}:root.dark .wv-modal-content{background:#1e1e1e!important;color:#eaeaea!important}:root.dark .wv-intro,:root.dark .wv-category-title,:root.dark .wv-item-toggle,:root.dark .wv-item-body{color:#eaeaea!important}:root.dark .wv-item{border-color:#333}:root.dark .wv-item-toggle{background:#2a2a2a!important}:root.dark .wv-item-body{background:#1e1e1e!important;border-top-color:#333!important}.shop-overlay{position:fixed;inset:0;background:#0000008c;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.shop-modal{background:#fff;color:#111;border-radius:14px;width:min(780px,96vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;overflow:hidden}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem .9rem;border-bottom:1px solid #eee;flex-shrink:0}.shop-header h2{margin:0;font-size:1.3rem;color:#1a1a1a;font-weight:700}.shop-close{background:transparent;border:none;font-size:1.9rem;line-height:1;color:#888;cursor:pointer;padding:0 .25rem;width:auto;margin:0;transition:color .15s ease}.shop-close:hover{color:#111;background:transparent}.shop-tabs{display:flex;border-bottom:1px solid #eee;padding:0 1.5rem;flex-shrink:0;gap:0}.shop-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:.9rem;font-weight:600;padding:.65rem 1rem;cursor:pointer;margin-bottom:-1px;border-radius:0;transition:color .15s ease,border-color .15s ease;width:auto}.shop-tab:hover{color:#333;background:transparent}.shop-tab--active{color:#4b4bff;border-bottom-color:#4b4bff;background:transparent}.shop-body{overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;flex:1;scrollbar-width:thin;scrollbar-color:#ccc transparent}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem}.shop-card{border:2px solid #e4e4e4;border-radius:10px;padding:.75rem .75rem .65rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease}.shop-card--active{border-color:#4b4bff;box-shadow:0 0 0 3px #4b4bff21}.shop-card--locked{opacity:.82}.shop-card-preview{display:flex;justify-content:center}.shop-card-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;width:100%}.shop-card-name{font-size:.8rem;font-weight:700;color:#1a1a1a}.shop-card-desc{font-size:.68rem;color:#888;line-height:1.35}.shop-card-footer{width:100%;display:flex;justify-content:center}.shop-btn{width:100%;padding:.36rem .5rem;border-radius:5px;font-size:.76rem;font-weight:700;border:none;cursor:pointer;background:#4b4bff;color:#fff;transition:background .15s ease;margin:0;letter-spacing:.01em}.shop-btn:hover{background:#3a3adf}.shop-btn--active,.shop-btn--active:hover{background:#dde0ff;color:#4b4bff;cursor:default}.shop-btn--buy{background:#16a34a}.shop-btn--buy:hover{background:#15803d}.shop-cover-preview{width:68px;height:86px;border-radius:5px;box-shadow:0 2px 8px #00000047;flex-shrink:0}.shop-font-preview{width:68px;height:64px;border-radius:5px;background:#f8f6ef;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#2a2a2a;flex-shrink:0}.shop-paper-preview{width:68px;height:64px;border-radius:5px;border:1px solid #ddd;display:flex;flex-direction:column;justify-content:space-evenly;padding:10px;box-sizing:border-box;flex-shrink:0}.shop-paper-preview span{display:block;height:1px;background:currentColor;opacity:.45;border-radius:1px}.paper-classic{background-color:#faf8f2;color:#b8b4a8}.paper-bright{background-color:#fff;color:#aaa}.paper-warm{background-color:#f5e6c8;color:#c8a870}.paper-grey{background-color:#d4d8dc;color:#8a9098}.paper-dark{background-color:#1a1c20;color:#505868}.dark .shop-modal{background:#1e1e1e;color:#eaeaea}.dark .shop-header{border-bottom-color:#333}.dark .shop-header h2{color:#eaeaea}.dark .shop-close{color:#aaa}.dark .shop-close:hover{color:#eee}.dark .shop-tabs{border-bottom-color:#333}.dark .shop-tab{color:#777}.dark .shop-tab:hover{color:#ccc}.dark .shop-tab--active{color:#8080ff;border-bottom-color:#8080ff}.dark .shop-card{background:#252525;border-color:#333}.dark .shop-card--active{border-color:#8080ff;box-shadow:0 0 0 3px #8080ff2e}.dark .shop-card-name{color:#eaeaea}.dark .shop-card-desc{color:#888}.dark .shop-font-preview{background:#2a2a2a;border-color:#3a3a3a;color:#ddd}.dark .shop-paper-preview{border-color:#3a3a3a}.dark .shop-btn--active,.dark .shop-btn--active:hover{background:#2a2a6a;color:#aaf}@media(max-width:600px){.shop-modal{max-height:93vh;border-radius:12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem}.shop-header{padding:.85rem 1rem .75rem}.shop-tabs{padding:0 1rem}.shop-body{padding:1rem}}