: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;position:relative;overflow:hidden;margin:0;padding:0}.notebook-wrapper{width:100%;height:100%;position:relative}.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}.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{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}.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;display:flex;justify-content:center;align-items:center;perspective:2000px}.notebook-cover{width:600px;height:700px;background:#2d2d2d;border-radius:10px;position:relative;cursor:pointer;margin:0 auto;background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png),linear-gradient(135deg,#2b2b2b,#1f1f1f);box-shadow:0 10px 25px #00000040,inset 0 0 20px #0006;transition:transform .6s ease,box-shadow .4s 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:openNotebook .9s ease forwards}@keyframes openNotebook{0%{transform:scale(1) rotateY(0);opacity:1}40%{transform:scale(1.08) rotateY(35deg);opacity:.8}70%{transform:scale(1.15) rotateY(70deg);opacity:.4}to{transform:scale(1.2) rotateY(90deg);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)}.dark .notebook-cover-sheen{opacity:.25}.notebook-container{width:100%;height:100%;touch-action:pan-y}.notebook{width:1100px;max-width:95vw;height:650px;max-height:90vh;margin:0 auto;display:flex;position:relative;opacity:0;transform:scale(.98);animation:notebookAppear .4s ease forwards;animation-delay:.2s}@keyframes notebookAppear{to{opacity:1;transform:scale(1)}}.notebook:before{content:"";position:absolute;left:50%;top:0;width:4px;height:100%;transform:translate(-50%);background:linear-gradient(to bottom,#00000026,#0000000d,#00000026);z-index:5;pointer-events:none}.page{flex:0 0 50%;padding:2rem 2.5rem;background:repeating-linear-gradient(#fffdf8,#fffdf8 28px,#e0dcd2,#fffdf8 30px),url(/paper-texture.png);background-size:auto,cover;background-blend-mode:multiply;box-shadow:inset 0 0 10px #0000000d;border-right:1px solid #e0dcd2;position:relative;overflow-y:auto;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}.left-page{border-right:2px solid #d0c8b8}.notebook-textarea{color:#2a2a2a;width:100%;height:100%;border:none;background:transparent;font-size:1.2rem;line-height:28px;resize:none;padding:0;box-sizing:border-box;outline:none}.page:after{content:"";position:absolute;right:0;top:0;width:40px;height:100%;background:linear-gradient(to left,#00000014,#0000);pointer-events:none;opacity:.4}.submit-button{position:absolute;bottom:1.5rem;right:1.5rem;background:#4b4bff;color:#fff;padding:.6rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;border:none;box-shadow:0 3px 8px #00000026;transition:background .2s ease;z-index:20}.submit-button:hover{background:#3a3adf}.continue-writing{position:static;margin-top:2rem;background:#4b4bff;color:#fff;padding:.6rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;border:none;box-shadow:0 3px 8px #00000026;transition:background .2s ease}.continue-writing:hover{background:#3a3adf}.reflection{color:#222;background:#fffffff2;padding:1.25rem;border-radius:8px;box-shadow:0 0 8px #00000014;margin-top:2rem}.reflection h3,.reflection h4{margin-top:0;color:#1f1f1f}.reflection ul{margin-top:.5rem;padding-left:1.25rem}.reflection li{margin-bottom:.5rem}.dark .reflection{color:#eaeaea;background:#222222f2}.dark .notebook{filter:brightness(.85)}.dark .page{background:repeating-linear-gradient(#2b2b2b,#2b2b2b 28px,#1f1f1f,#2b2b2b 30px),url(/paper-texture-dark.png);background-size:auto,cover;background-blend-mode:multiply;color:#eaeaea}.dark .notebook-textarea{color:#eaeaea}.dark .continue-writing{background:#6a6aff}.notebook.flip{animation:flip .6s ease}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@media(min-width:900px){.notebook.left,.notebook.right{transform:none!important}}@media(max-width:1200px){.notebook{max-width:1000px}}@media(max-width:900px){.notebook{max-width:700px}}@media(max-width:768px){.notebook{flex-direction:row;width:100%;max-width:100%;height:600px}.page{flex:0 0 100%;padding:1.5rem}.notebook.left{transform:translate(0)}.notebook.right{transform:translate(-100%)}.page{overflow-y:hidden;overscroll-behavior:contain;touch-action:pan-y}.notebook-textarea{overscroll-behavior:none;touch-action:pan-y}}.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}