@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap";
:root{--bg:#faf9f5;--text:#141413;--primary:#e67e22;--secondary:#fcc59d;--thirdary:#faf9f5;--light-border:#e2e8f0}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;padding:0;font-family:Fira Code,serif}h1,h2,h3,h4,h5{font-family:Crimson Text,serif;line-height:1.2}h1{margin:40px 0 24px;font-size:40px}h2{margin:32px 0 20px;font-size:32px}h3{margin:28px 0 16px;font-size:28px}h4{margin:24px 0 14px;font-size:24px}h5{margin:20px 0 12px;font-size:20px}input,button,textarea,select,label,p{font-family:Fira Code,serif}p{line-height:2}.container{max-width:1000px;margin:0 auto;padding:0 20px}.wide-container{width:100vw;max-width:1800px;margin:0 auto;position:relative;left:50%;right:50%;transform:translate(-50%)}.desktop-menu,ul{justify-content:flex-start;gap:30px;padding:0;list-style:none;display:flex}nav ul li:first-child{margin-right:auto}a{color:var(--primary)}a[target=_blank]{padding-right:25px;display:inline-block;position:relative}a[target=_blank]:before{content:"";background-image:url("data: image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjUuMzciIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNjY2IDY4MCI+PHBhdGggZmlsbD0iI2U2N2UyMiIgZD0iTTUwMSAxMDdMMTY3IDQ0M2w3MCA3MWwzMzUtMzM1bDYyIDYxYzE3IDE3IDMyIDEyIDMyLTE0VjQ1YzAtMTYtMTQtMzEtMzEtMzFINDU0Yy0yNiAwLTMyIDE1LTE1IDMyem0zNyA0NjVWMzQ1aDc2djI1M2MwIDQ1LTM3IDgyLTgyIDgySDgyYy00NSAwLTgyLTM3LTgyLTgyVjE0N2MwLTQ1IDM3LTgyIDgyLTgxaDI3N3Y3NkgxMDhjLTE2IDAtMzEgMTUtMzEgMzF2Mzk5YzAgMTYgMTUgMzEgMzEgMzFoMzk5YzE2IDAgMzEtMTUgMzEtMzEiLz48L3N2Zz4=");background-repeat:no-repeat;background-size:contain;width:17px;height:17px;position:absolute;top:50%;right:0;transform:translateY(-50%)}mark{background-color:var(--secondary);padding:5px}label{display:block}textarea,input{border:1px solid var(--light-border);border-radius:12px;width:100%;height:38px;margin:10px 0 20px;padding:18px;font-size:16px;display:block}div#website-tags{margin:10px 0 20px}.inside-small input{width:100%;max-width:400px}.jp-input{height:52px}.inside-small input{height:50px}textarea{resize:none;height:100px}textarea:focus,input:focus{border:1px solid var(--secondary);outline:none}button{border:unset;color:#fff;z-index:0;border:1px solid var(--light-border);background-color:#212121;border-radius:15px;margin:0 0 20px;padding:15px 25px;font-size:17px;font-weight:1000;transition:all .25s;position:relative;overflow:hidden}.button-link{color:var(--primary);background:0 0;border:0;margin:0;padding:0;font-size:16px;font-weight:400;text-decoration:underline}.button-link:hover{color:var(--primary)}button.button-disabled{color:#64748b;cursor:not-allowed;background-color:#e2e8f0}button.button-disabled:before{display:none}button.button-disabled:hover{color:#64748b;cursor:not-allowed;background-color:#e2e8f0}.archive-button{background-color:var(--bg);color:#fff;border:none;border:1px solid var(--light-border);border-radius:100%;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex;position:absolute;top:-10px;left:-10px}button.archive-button-generating{color:#000;cursor:not-allowed;border-radius:12px;width:auto;padding:15px 25px}button.archive-button-generating:hover{cursor:not-allowed}button:before{content:"";z-index:-1;background:#fff;border-radius:15px;width:0;height:100%;transition:all .25s;position:absolute;top:0;left:0}button:hover{color:#000;background-color:#0000}button:hover:before{width:100%}button:hover{cursor:pointer}.button-dark{color:#e8e8e8;background-color:#212121;margin:0}.button-group{flex-wrap:wrap;gap:10px;display:flex}.button-group button:hover:before{display:none}.button-group .button-group-selected{background-color:var(--primary);color:#fff}.bookmark-menu{justify-content:space-between;align-items:baseline;gap:30px;padding:0;list-style:none;display:flex}.pricing-toggle-group{justify-content:center;align-items:center;gap:10px;display:flex}.pricing-toggle-group p{text-align:center;font-size:14px}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}article{border:1px solid var(--light-border);border-radius:6px;min-height:155px;margin:20px 0;padding:20px;transition:background .3s;position:relative}.blog-article{border:none;margin:0 0 100px;padding:0}.blog-article p{display:block}.blog-list{flex-direction:column-reverse}.blog-article ul{display:block}.blog-article ul li{margin:0 0 20px;padding-left:40px;position:relative}.blog-article ul li:before{content:"→";color:var(--primary);position:absolute;left:17px}article:hover{background:0 0}article a{word-break:break-all}article .article-edit-dots{background:0 0;width:50px;height:50px;margin:0;padding:0;display:none}.article-edit-dots:before{display:none}article:hover .article-edit-dots{justify-content:center;align-items:center;display:flex}article .article-edit-dots img{width:30px;height:30px}.article-content-header{justify-content:space-between;align-items:center;height:50px;margin:0 0 10px;display:flex}.article-content-header h4{margin:0;font-size:20px}article p{gap:30px;margin:0 0 10px;display:flex}article a{margin:5px 0;display:inline-block}article .tag-and-edit-buttons{justify-content:space-between;align-items:center;margin:20px 0 0;display:flex}article .tag-and-edit-buttons p{margin:0}article .tag-and-edit-buttons button{min-height:36px}article .edit-fields{flex-direction:column}article .edit-menu{gap:30px;display:flex}article .edit-menu small{cursor:pointer}.made-with-ai{cursor:pointer;justify-content:center;align-items:center;gap:5px;margin:0;display:flex}.made-with-ai:hover img{filter:brightness(0)saturate()invert(0%)sepia(0%)saturate(0%)hue-rotate()brightness(0%)contrast()}dialog header{justify-content:space-between;align-items:center;display:flex}dialog header button{margin:0}dialog p.save-wrapper{justify-content:end;display:flex}[data-tag-hidden=hidden],[data-edit-hidden=hidden]{display:none}dialog.dialog-archive,dialog{background:var(--bg);border:1px solid var(--light-border);border:none;border-radius:6px;outline:none;width:100%;max-width:550px}dialog.dialog-archive{max-width:1000px}dialog.dialog-archive-fullscreen{max-width:100vw;height:100vh}dialog label{gap:10px;margin:10px 0;display:flex}dialog.dialog-archive footer,dialog footer{justify-content:space-between;margin:10px 0;display:flex}dialog.dialog-archive footer{justify-content:end}dialog.dialog-archive::backdrop,dialog::backdrop{background-color:#000000e6}dialog article input[type=checkbox]{width:auto;margin:0}dialog.dialog-archive-fullscreen .dialog-archive-content{height:100vh}.dialog-archive-content{height:500px;margin:40px 0;overflow:scroll}.dialog-archive-content img{width:100%}fieldset{border:none;padding:0}.form-message{background:var(--primary);color:#fff;margin:20px 0;padding:20px}.browser-window{cursor:zoom-in;border:1px solid #e1e4e8;border-radius:8px;width:100%;max-width:400px;margin:50px 0;overflow:hidden;box-shadow:0 4px 8px #0000001a}.bigger-browser-window{cursor:zoom-out;max-width:none}.browser-toolbar{background:#f1f3f4;border-bottom:1px solid #e1e4e8;align-items:center;padding:8px 12px;display:flex}.browser-dots{margin-right:12px;display:flex}.browser-dot{border-radius:50%;width:12px;height:12px;margin-right:6px}.browser-dot-red{background-color:#ff5f56}.browser-dot-yellow{background-color:#ffbd2e}.browser-dot-green{background-color:#27c93f}.browser-address{color:#666;background:#fff;border-radius:4px;flex-grow:1;padding:6px 12px;font-size:14px}.browser-content{line-height:0;position:relative}.home-image{width:100%;display:block}.dialog-button-delete,.dialog-button-save,.dialog-button-update{display:none}.dialog-button-save{margin:0 0 0 auto}.loading-top{z-index:1;background-color:#0000;border:none;width:100%;min-height:auto;margin:0;padding:0;position:absolute;top:0}.loading-top-header{justify-content:space-between;display:flex}.loading-top-header span:first-child{border:1px solid var(--primary);background-color:#fff;border-radius:9.6px;width:100%;max-width:260px;height:38px;margin:0 0 10px;display:block}.loading-top-header span:nth-child(2){background-color:var(--primary);border-radius:9.6px;width:100%;max-width:64px;height:38px;margin:0 0 10px;display:block}.loading-top-footer span:first-child{border:1px solid var(--primary);background-color:#fff;border-radius:9.6px;width:100%;height:38px;margin:0 0 10px;display:block}.load-more-container{justify-content:center;align-items:center;display:flex}.loading-card span:first-child{background-color:var(--text);width:100%;max-width:300px;height:26px;margin:0 0 10px;display:block}.loading-card span:nth-child(2){background-color:var(--text);width:100%;max-width:600px;height:40px;margin:0 0 10px;display:block}.loading-card span:nth-child(3){background-color:var(--primary);width:100%;max-width:100px;height:21px;margin:0 0 10px;display:block}.loading-card-footer{justify-content:space-between;display:flex}.loading-card-footer span:first-child,.loading-card-footer span:nth-child(2){background-color:var(--text);max-width:80px;height:21px}.notice{color:var(--text);background-color:#fff;width:100%;max-width:800px;margin:50px 0;padding:20px}.notice .container{padding:0}.notice p{margin:0}.notice button{margin:10px 0 0}.tooltip-wrapper{border-bottom:1px dotted #000;display:inline-block;position:relative}.tooltip-wrapper .tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;flex-direction:column;gap:10px;width:200px;margin-left:-100px;padding:10px 0;transition:opacity .3s;display:flex;position:absolute;bottom:110%;left:50%}.tooltip-wrapper .tooltip:after{content:"";border:5px solid #0000;border-top-color:#555;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-wrapper:hover .tooltip{visibility:visible;opacity:1}.bookmark-menu-wrapper{margin:50px 0 0;position:relative}.bookmark-menu-wrapper div input{margin:0}.post-message{display:none}.pricing-container{align-items:center;gap:20px;display:flex}.pricing-container-badge{background-color:var(--text);color:#fff;text-align:center;text-transform:uppercase;border-radius:6px 6px 0 0;width:calc(100% + 2px);margin:0;padding:2px 10px;font-size:15px;position:absolute;top:-1px;left:-1px}.pricing-container img{width:20px;min-width:20px;height:20px;min-height:20px}.pricing-container h3{justify-content:space-between;align-items:center;margin:0;display:flex}h3.pricing-container-goat-title{margin:30px 0 0}.pricing-container h3 p{color:#fff;background-color:#000;border-radius:4px;margin:0;padding:2px 10px;font-size:15px;line-height:normal}.pricing-container>div{border:1px solid var(--light-border);background-color:#fff;border-radius:6px;flex-direction:column;width:100%;height:fit-content;padding:20px;display:flex;position:relative}.pricing-container ul{flex-direction:column;gap:10px;margin:40px 0 0;display:flex}.pricing-container li{flex-direction:row;align-items:center;gap:10px;margin:0 0 10px;display:flex}.pricing-container ul li:first-child{color:var(--text);opacity:.7;align-items:start;min-height:50px}.pricing-container li svg{flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px}.pricing-container-footer{margin-top:auto}.login-with{text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;max-width:300px;margin:0 0 10px;display:flex}.login-with img{width:20px;min-width:20px;height:20px;min-height:20px}.line{background-color:var(--primary);max-width:400px;height:2px;margin:50px 0;display:block}footer.container{margin:200px auto 50px}.footer-container{flex-direction:row;gap:100px;display:flex}footer ul{flex-direction:column;gap:10px;display:flex}.footer-logo{width:50px;height:50px}.footer-copyright{text-align:center;justify-content:center;align-items:center;gap:10px;margin:100px 0;display:flex}.footer-copyright img{width:20px;height:20px}.board-container{gap:1rem;margin:50px 0;display:flex}.board-container .board-column{border:1px solid var(--secondary);background-color:#fff;border-radius:9.6px;flex:1;padding:1rem 0 0 1rem;position:relative}.board-container .column-title{margin:0 0 20px;font-size:1.125rem;font-weight:600}.board-container .cards-container{flex-direction:column;gap:.5rem;max-height:550px;padding-bottom:100px;padding-right:10px;display:flex;overflow:scroll}.board-container .card{background:var(--thirdary);border:1px solid var(--secondary);border-radius:9.6px;padding:10px}.board-container svg{vertical-align:middle;width:1rem;height:1rem;display:inline-block}.board-container .board-column-shadow{background:linear-gradient(#fff0 0%,#fff 100%);border-radius:9.6px;width:100%;height:100px;position:absolute;bottom:0;left:0}ol li button{display:inline-block}ol li{margin:0 0 20px}nav ul li,.account-avatar{align-items:center;gap:10px;display:flex}.avatar{border-radius:50%;width:50px;height:50px}.avatar-header{border-radius:50%;width:20px;height:20px}.mobile-menu{z-index:2;background-color:#fff;width:100%;height:100%;padding:16px 0;display:none;position:fixed;top:0;left:0}.mobile-menu-show{display:block}.mobile-menu ul li:not(:first-child){flex-direction:column;gap:16px;display:flex}.mobile-menu-links ul{flex-direction:column;gap:16px;margin:50px;display:flex}.mobile-menu-links ul li{margin:auto}.mobile-menu-button{display:none}.install-howto img{border-radius:10px;width:40px;height:40px}.install-howto .share-icon{border-radius:0;width:40px;height:40px}.install-howto ol{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.install-howto ol li{align-items:center;gap:10px;display:flex}.confirm-delete-wrapper{gap:30px;display:none}.confirm-delete-yes{color:red}.qr-code{border-radius:10px;width:100%;max-width:200px;height:200px}.install-prompt{text-align:center;background:#fff;width:250px;padding:10px;position:fixed;bottom:0;right:0}.install-prompt p{margin:0}.install-prompt img{width:100%;max-width:200px}.up{display:inline-block;rotate:270deg}.select-wrapper{background-color:#0000;border-radius:12px;margin:10px 0 20px;position:relative}.select-white{background-color:#fff;border-radius:12px;padding:14px 10px}.select-search-icon{pointer-events:none;position:absolute;top:14px;left:12px}.select-chevron-icon{pointer-events:none;position:absolute;top:12px;right:6px}.select-wrapper ul{flex-flow:wrap;justify-content:start;gap:10px;margin:10px 0;padding:0;display:flex}.select-wrapper ul li{background-color:var(--secondary);border:1px solid var(--primary);border-radius:8px;justify-content:start;align-items:center;min-height:40px;padding:6px 14px;font-weight:600;display:flex}.select-wrapper .reset-button{background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex;position:absolute;top:2px;right:0}.select-wrapper .generate-button{color:#fff;background-color:#000;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:36px;padding:6px 14px;display:flex;position:absolute;top:8px;right:8px}.generate-button img{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}.select-wrapper .generate-button:before{display:none}.reset-button,.dialog-close{background-color:#0000}.reset-button:before,.dialog-close:before{display:none}p.dialog-message{text-align:center;display:none}.accordion>ul{flex-direction:column;gap:10px;display:flex}.accordion>ul li{cursor:pointer}.accordion>ul li.active h2{color:var(--primary)}.accordion section{display:none}.accordion section.active{display:block}.public-card{border:1px solid var(--light-border);background-color:#fff;border-radius:12px;margin-bottom:30px;padding:20px;transition:transform .2s,box-shadow .2s}.public-card h3{color:var(--primary);border-bottom:1px solid var(--secondary);margin-top:0;margin-bottom:15px;padding-bottom:10px}.public-card ul{flex-direction:column;gap:10px;margin-top:15px;display:flex}.public-card li{padding-left:25px;position:relative}.public-card li:before{content:"→";color:var(--primary);position:absolute;left:0}.public-cards-footer{text-align:center;border:1px solid var(--secondary);background-color:#fff;border-radius:12px;margin-top:40px;padding:20px}.accordion>ul{flex-direction:column;gap:15px;margin:30px 0;display:flex}.accordion>ul li{border:1px solid var(--light-border);cursor:pointer;background-color:#fff;border-radius:12px;padding:15px 20px;transition:all .3s}.accordion>ul li:hover{border-color:var(--secondary)}.accordion>ul li.active{border-color:var(--primary)}.accordion>ul li h3{margin:0;padding-right:30px;position:relative}.accordion>ul li h3:after{content:"+";color:var(--primary);font-size:24px;transition:transform .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.accordion>ul li.active h3:after{content:"−"}.accordion section{border-top:1px solid var(--light-border);margin-top:15px;padding-top:15px;display:none}.accordion section.active{animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.accordion h4{color:var(--primary);margin-top:20px;margin-bottom:10px}.accordion h4:first-child{margin-top:0}.accordion ul,.accordion ol{flex-direction:column;gap:10px;margin:10px 0;display:flex}.accordion ul li,.accordion ol li{cursor:default;background:0 0;border:none;margin:0;padding:0}.accordion ul li:hover,.accordion ol li:hover{border:none}.troubleshooting-item{background-color:var(--thirdary);border-left:3px solid var(--primary);border-radius:0 6px 6px 0;margin:10px 0;padding:10px 15px}.troubleshooting-item p{margin:0}.install-howto{margin:15px 0}.install-howto h5{color:var(--text);margin-bottom:10px}.install-howto ol{padding-left:0}.install-howto ol li{align-items:center;gap:10px;margin-bottom:10px;list-style-position:inside;display:flex}.install-howto img{-o-object-fit:contain;object-fit:contain;border-radius:4px;width:24px;height:24px}.install-howto .share-icon{width:24px;height:24px}.genetic-list{gap:8px;margin-bottom:16px;padding-left:20px;list-style-type:disc;display:block}.image-preview,.image-preview img{width:100%}.goat-plan-promo{background-color:var(--primary);border-radius:10px;margin-bottom:10px;padding:10px}textarea.jot-description::-webkit-scrollbar{display:none}.jot-menu-button{z-index:1000;border:1px solid var(--light-border);background-color:#0000;display:flex;position:fixed;top:50px;left:10px}.jots-wrapper{grid-template-columns:1fr 1fr;gap:10px;display:grid}ul.references-list{flex-flow:wrap}.jot{border:1px solid var(--light-border);cursor:pointer;background-color:#0000;border-radius:10px;flex-direction:column;height:100%;padding:20px;display:flex}.jot h3{margin:0 0 10px;font-size:20px}.jot p{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.jot time{color:var(--text);margin-top:10px;font-size:12px}.jot-textarea:focus{outline:none}.jot-textarea ul{display:block}input.jot-title{background:0 0;border:none;margin:32px 0 20px;padding:0;font-family:Crimson Text,serif;font-size:32px;font-weight:700}textarea.jot-description{field-sizing:content;height:auto;color:var(--text);opacity:.5;background:0 0;border:none;border-radius:0;padding:0;font-weight:bolder}@supports not (field-sizing:content){textarea.jot-description{height:auto;min-height:70px}}.add-reference-button{margin:0 0 0 auto;display:block}.create-jot-button{margin:100px 0 0 auto}.ai-select-wrapper{width:100%;max-width:350px}.home-image-carousel{grid-template-columns:1fr 3fr;align-items:center;gap:10px;margin:100px 0;padding:0 20px;display:grid}.home-image-carousel ul{flex-direction:column;gap:10px;display:flex}.home-image-carousel li{border:1px solid var(--light-border);cursor:pointer;background-color:#0000;border-radius:10px;flex-direction:column;height:100%;padding:20px;display:flex}.home-image-carousel li.active{background-color:#fff}.home-image-carousel h3{margin:0 0 10px;font-size:20px}.home-image-carousel p{-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.home-image-carousel img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}nav ul a{align-items:center;gap:10px;display:flex}span.beta{color:var(--text);border:1px solid var(--light-border);background:#fff;border-radius:8px;padding:5px 12px;font-size:10px;display:inline-block}@media (max-width:1400px){.home-image-carousel{grid-template-columns:1fr}.home-image-carousel ul{grid-template-columns:1fr 1fr;gap:10px;display:grid}}@media (max-width:768px){.home-image-carousel{grid-template-columns:1fr;align-items:center;gap:10px;margin:100px 0;display:grid}.home-image-carousel ul{grid-template-columns:1fr;gap:10px;display:grid}.accordion>ul li{padding:12px 15px}.accordion section{margin-top:12px;padding-top:12px}.troubleshooting-item{padding:8px 12px}.public-card{padding:15px}.public-card li{padding-left:20px}.mobile-menu-button{display:block}.desktop-menu{display:none}.footer-container{flex-direction:column;gap:30px}.pricing-container,.board-container{flex-direction:column}.pricing-container>div{max-width:none}article .tag-and-edit-buttons p{flex-direction:column;align-items:start;gap:10px}.auto-generated-arrow{display:inline-block;rotate:90deg}.bookmark-menu{flex-direction:column-reverse;gap:10px}.bookmark-menu button{width:100%;margin:0}.select-wrapper{width:100%;margin:10px 0}}