@font-face{font-family:fira mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fira-mono/FiraMono-Regular.ttf)format('truetype')}@font-face{font-family:fira mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fira-mono/FiraMono-Medium.ttf)format('truetype')}@font-face{font-family:fira mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fira-mono/FiraMono-Bold.ttf)format('truetype')}:root{--black:#1A1A1A;--white:#FBFBF9;--offwhite:#F2F0E5;--grey:#515151;--shadow-color:rgba(0, 0, 0, 0.15);--shadow-color-sm:rgba(0, 0, 0, 0.1)}@media(prefers-color-scheme:dark){:root{--black:#FBFBF9;--white:#1A1A1A;--offwhite:#2A2825;--grey:#ABABAB;--shadow-color:rgba(0, 0, 0, 0.4);--shadow-color-sm:rgba(0, 0, 0, 0.3)}}body,input,button,textarea,select{font-family:fira mono,monospace}h1,h2,h3,h4,h5,h6{font-family:fira mono,monospace;font-weight:700}.landing{padding-bottom:2rem}.hero{padding:2rem 0 3rem;border-bottom:1px solid var(--offwhite);margin-bottom:2rem}.hero-brand{font-size:1rem}.hero-tagline{font-size:3rem;color:var(--black);font-weight:600;margin:0 0 1rem}.hero-description{margin:2rem 0}.hero-cta{margin-top:1.5rem}.store-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.store-btn{color:var(--black);transition:transform .2s ease,color .2s ease,border .2s ease;display:flex;align-items:center;justify-content:center;border:1px solid var(--black);border-radius:.5rem;padding:.5rem .8rem}.store-btn.detect{color:var(--white);background:var(--blue)}.store-btn:hover{color:var(--blue);transform:translateY(-2px);text-decoration:none;border-color:var(--blue)}.store-btn.detect:hover{color:var(--white);background:var(--blue)}.features{display:flex;gap:3rem;margin-bottom:3rem}.features-list{flex:1}.mockup-container{flex:1.5;position:relative}.mockup-container-inner{position:sticky;top:2rem;display:grid}.mockup-container-inner>.mockup{grid-area:1/1}.feature .mockup{display:none}.mockup{width:100%;opacity:0;pointer-events:none;transition:opacity .3s ease}.mockup.active{opacity:1;pointer-events:auto}@media(min-width:1024px){.features{width:calc(100% + min(20vw,300px));gap:4rem}.mockup-container{flex:1.5}.mockup-container-inner{top:4rem}}@media(min-width:1400px){.features{width:calc(100% + min(30vw,500px))}.mockup-container{flex:2}}.device-frame{border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);aspect-ratio:16/10;overflow:hidden;transition:aspect-ratio .6s ease-in-out;display:flex;flex-direction:column}.device-static{aspect-ratio:16/10}.device-titlebar{display:flex;align-items:center;justify-content:center;padding:5px 10px;background:var(--offwhite);border-radius:4px 4px 0 0;position:relative;border-bottom:.5px solid var(--grey);flex-shrink:0}.traffic-lights{display:flex;gap:4px;position:absolute;left:8px}.tl-red,.tl-yellow,.tl-green{width:7px;height:7px;border-radius:50%}.tl-red{background:#ff5f57}.tl-yellow{background:#ffbd2e}.tl-green{background:#28c840}.app-tabs{display:flex;background:var(--offwhite);border:.5px solid var(--grey);border-radius:20px;padding:2px;gap:0}.app-tab{padding:2px 9px;border-radius:18px;font-size:9px;color:var(--black);font-family:inherit}.app-tab.active{background:var(--white);color:var(--black);box-shadow:0 1px 2px var(--shadow-color);border:.5px solid var(--blue)}.app-ui{display:flex;flex:1;background:var(--white);border-radius:0 0 4px 4px;overflow:hidden;font-size:11px}.app-sidebar{width:120px;background:var(--offwhite);border-right:.5px solid var(--grey);padding:12px 8px;flex-shrink:0}.sidebar-item{padding:6px 8px;border-radius:4px;margin-bottom:4px;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item.active{background:var(--grey);color:var(--white);font-weight:500}.app-editor{flex:1;padding:16px 20px;position:relative}.editor-title{font-weight:600;font-size:13px;margin-bottom:12px;color:var(--black)}.editor-text{color:var(--grey);line-height:1.6}.mockup-freedom .device-frame{margin:0 auto}.mockup-freedom.active .device-frame{animation:morph-device 3s ease-in-out infinite}.mockup-freedom.active .traffic-lights{animation:hide-traffic-lights 3s ease-in-out infinite}@keyframes morph-device{0%,100%{aspect-ratio:16/10;width:100%}40%,60%{aspect-ratio:9/16;width:50%}}@keyframes hide-traffic-lights{0%,25%{opacity:1}35%,65%{opacity:0}75%,100%{opacity:1}}@keyframes morph-device-mobile{0%,100%{clip-path:inset(0 0 0 0 round 12px)}40%,60%{clip-path:inset(0 25% 0 25% round 20px)}}@keyframes narrow-content-mobile{0%,100%{padding-left:16px;padding-right:16px}40%,60%{padding-left:30%;padding-right:30%}}.mockup-peace .save-indicator{position:absolute;bottom:12px;font-size:11px;color:#22863a;opacity:0;transform:translateY(5px);display:flex;align-items:center;gap:4px}.mockup-peace.active .save-indicator{animation:show-save .3s ease-out .1s forwards}@keyframes show-save{to{opacity:1;transform:translateY(0)}}.app-ui-feedback{flex-direction:row}.feedback-manuscript{flex:1;padding:16px 20px;border-right:.5px solid var(--grey)}.feedback-header{font-size:9px;text-transform:uppercase;color:var(--grey);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:4px}.feedback-panel{width:160px;padding:12px;background:var(--offwhite);overflow:hidden}.feedback-card{display:flex;gap:8px;padding:8px;background:var(--white);border-radius:6px;margin-bottom:8px;box-shadow:0 1px 3px var(--shadow-color-sm);opacity:0;transform:translateX(20px)}.feedback-avatar{width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.feedback-content{min-width:0}.feedback-name{font-weight:600;font-size:10px;margin-bottom:2px;color:var(--black)}.feedback-comment{font-size:9px;color:var(--grey)}.highlighted{background:#fff3cd;color:#100f0f;padding:1px 2px;border-radius:2px}.mockup-feedback.active .feedback-card-1{animation:slide-in .4s ease-out .2s forwards}.mockup-feedback.active .feedback-card-2{animation:slide-in .4s ease-out .5s forwards}.mockup-feedback.active .feedback-card-3{animation:slide-in .4s ease-out .8s forwards}@keyframes slide-in{to{opacity:1;transform:translateX(0)}}.app-ui-worldbuilding{position:relative}.wiki-title{font-weight:600;font-size:12px;margin-bottom:10px;color:var(--black)}.wiki-field{font-size:10px;margin-bottom:6px;color:var(--grey)}.wiki-label{color:var(--grey)}.wiki-notes{display:block;line-height:1.6}@media(min-width:1024px){.device-frame{border-radius:16px}.app-ui{font-size:13px}.app-sidebar{width:150px;padding:16px 12px}.sidebar-item{padding:8px 10px}.app-editor{padding:24px 28px}.editor-title{font-size:16px;margin-bottom:16px}.feedback-panel{width:200px;padding:16px}.feedback-card{padding:12px;gap:10px}.feedback-avatar{width:32px;height:32px;font-size:12px}.feedback-name{font-size:12px}.feedback-comment{font-size:11px}.wiki-title{font-size:14px}.wiki-field{font-size:12px;margin-bottom:8px}}.feature{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--offwhite)}.feature:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.feature h2{font-size:1.5rem;margin-bottom:.5rem}@media(max-width:768px){html{font-size:16px}h1{font-size:2rem}h2{font-size:1.5rem}.features{flex-direction:column}.mockup-container{display:none}.feature .mockup{display:block;width:100%;opacity:1;pointer-events:auto;margin-top:1rem}.feature .mockup .device-frame{aspect-ratio:1/1}.feature .mockup .feedback-panel{width:100px;padding:8px}.feature .mockup-freedom{filter:drop-shadow(0 4px 20px var(--shadow-color))}.feature .mockup-freedom .device-frame{animation:morph-device-mobile 3s ease-in-out infinite;box-shadow:none}.feature .mockup-freedom .traffic-lights{animation:hide-traffic-lights 3s ease-in-out infinite}.feature .mockup-freedom .app-editor{animation:narrow-content-mobile 3s ease-in-out infinite}.feature .mockup-peace .cursor{animation:blink 1s step-end infinite}.feature .mockup-peace .typed-text{animation:typing 2s steps(40)forwards;overflow:hidden;white-space:nowrap;width:0}.feature .mockup-peace .save-indicator{animation:show-save .3s ease-out 2s forwards}.feature .mockup-feedback .feedback-card-1{animation:slide-in .4s ease-out .2s forwards}.feature .mockup-feedback .feedback-card-2{animation:slide-in .4s ease-out .5s forwards}.feature .mockup-feedback .feedback-card-3{animation:slide-in .4s ease-out .8s forwards}}.pricing{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--offwhite)}.pricing h2{margin-bottom:1.5rem}.pricing p{margin-top:1.5rem}.pricing-card{border:1px solid var(--offwhite);border-radius:8px;padding:1.5rem;text-align:center}.pricing-card.featured{border-color:var(--blue);border-width:2px}.pricing-card .price{font-size:2rem;font-weight:700;margin-bottom:.5rem}.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--grey)}.pricing-card p{font-size:.9rem;color:var(--grey);margin-bottom:0}@media(max-width:500px){.hero-brand{font-size:1rem}.hero-tagline{font-size:2.5rem}}.landing-footer{text-align:center;display:flex;gap:1.5rem;justify-content:center}.landing-footer a{font-size:.85rem;color:var(--grey);text-decoration:none}.landing-footer a:hover{text-decoration:underline}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--black:#1a1a1a;--white:#fbfbf9;--offwhite:#f2f0e5;--grey:#515151;--blue:#205fa6;--red:#af3029}html,body{margin:0;padding:0}html{font-family:sans-serif;font-size:18px;line-height:1.9}body{color:var(--grey);background-color:var(--white);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}a{color:var(--blue);text-decoration:none}a:hover,a:focus{text-decoration-line:underline;text-underline-offset:.3rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.25;color:var(--black);text-rendering:optimizeLegibility}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4,h5,h6{font-size:1rem}p{margin:0 0 1rem}strong{color:var(--black)}sup,sub{line-height:0}ul,ol,dl{margin-top:1rem;margin-bottom:1rem}.sidebar-nav li{display:inline;margin:0 .3rem 0 0}ul.sidebar-nav>li:not(:last-child)::after{content:"\00B7";margin-left:.3rem}dt{font-weight:700}dd{margin-bottom:.5rem}hr{position:relative;margin:1.5rem 0;border:0;border-top:1px solid var(--offwhite);border-bottom:1px solid var(--white)}abbr{font-size:85%;font-weight:700;color:var(--grey);text-transform:uppercase}abbr[title]{cursor:help;border-bottom:1px dotted var(--offwhite)}code,pre{font-family:monospace}code{padding:.25em .5em;font-size:85%;color:var(--red);border:1px solid var(--red);background-color:var(--white)}pre{display:block;margin-top:0;margin-bottom:1rem;padding:1rem;font-size:.8rem;line-height:1.4;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;background-color:var(--white)}pre code{padding:0;font-size:100%;color:inherit;background-color:initial;border:none}.highlight{margin-bottom:1rem;border-radius:4px}.highlight pre{margin-bottom:0}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:var(--grey);border-left:.25rem solid var(--offwhite)}blockquote p:last-child{margin-bottom:0}@media(min-width:30em){blockquote{padding-right:5rem;padding-left:1.25rem}}img{display:block;margin:0 0 1rem;border-radius:5px;max-width:100%}table{margin-bottom:1rem;width:100%;border:1px solid var(--offwhite);border-collapse:collapse}td,th{padding:.25rem .5rem;border:1px solid var(--offwhite)}.nav-icon svg{vertical-align:sub}.container{width:100%;max-width:38rem;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}header{border-bottom:.5px solid var(--offwhite)}.post{margin-bottom:4rem;margin-top:1rem}time{font-size:.8rem;text-transform:uppercase;flex-basis:100px;flex-shrink:0}.sidebar-nav{padding-left:0;list-style:none}@media(prefers-color-scheme:dark){:root{--black:#fbfbf9;--white:#1a1a1a;--grey:#f2f0e5;--offwhite:#6f6e69;--blue:#3aa9a0;--red:#af3029}}