@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;600;800&family=Nunito:ital,wght@0,400;0,900;1,200;1,400;1,1000&display=swap";body{background:#000;color:#fff;margin:0}#app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.ribbon{min-height:50px;padding:10px 0;background:#111;width:100%;display:flex;justify-content:center;align-items:stretch}.ribbon-content{width:100%;padding:0 32px;max-width:1000px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}.ribbon-content>*{display:flex;gap:8px;align-items:center}.ribbon-item{background:#fff1;height:30px;padding:0 10px;border-radius:4px;display:flex;align-items:center;user-select:none;cursor:pointer;font-weight:600;color:#aaa;flex-shrink:0}.ribbon-item:hover{background:#fff3;color:#fff}.ribbon-item:active{background:#000}.info{position:fixed;bottom:32px;left:32px;color:#555;font-family:monospace;font-size:16px}.notifications{position:fixed;bottom:32px;right:32px;display:flex;flex-direction:column;gap:8px}.notification-body{width:200px;padding:18px 20px;background:#20213b;border-radius:8px;border:1px solid #5156e4;font-size:16px;animation:notifAppear 4s ease;animation-fill-mode:both}.notification-body.success{background:#0c2d20;border:1px solid #51e478}.notification-body.error{background:#2d0c15;border:1px solid #eb2b5e}@keyframes notifAppear{0%{translate:200px;max-height:100px}6%{translate:0}70%{opacity:1}95%{opacity:0;max-height:100px;margin:0}to{max-height:0;opacity:0;margin:-20px}}.write-area{height:100%;padding:32px;box-sizing:border-box;width:100%;max-width:1128px;display:flex;flex-direction:column;align-items:stretch;overflow:auto}.write-container{flex-shrink:0;width:100%;box-sizing:border-box;padding:12px 32px 16px;display:flex;flex-direction:column;border-radius:8px}.write-container:first-child{min-height:32px}.write-container:hover{background:#fff1}.write-area .write-area-input{border:none;color:#fff;font-size:32px;line-height:1.5;resize:none;font-family:Manrope,sans-serif;font-weight:800;background:none;border-radius:8px;overflow:hidden}.write-area{font-size:32px;font-weight:400;line-height:1.5;color:#aaa;margin:0;cursor:pointer;min-height:48px;flex-grow:0;word-wrap:break-word}.write-area *{margin:0 0 20px}.write-area *:last-child{margin-bottom:0}.write-area h1,.write-area h2{padding-bottom:10px;border-bottom:5px solid #222;border-radius:8px}.write-area h1{margin-top:50px}.write-area h1:first-child{margin-top:0}.write-area h2{margin-top:30px}.write-area h2:first-child{margin-top:0}.write-area hr{border:1px solid #222;border-image:linear-gradient(90deg,transparent 46%,#222 46%) 420 round;border-image-repeat:repeat}.write-area em{display:inline-block;transform:skew(-10deg);margin:0}.write-area strong{display:inline}.write-area code{display:inline-block;margin:0;padding:0 10px;font-size:24px;background:#0d1026;color:#7381e6;border-radius:8px;translate:0 -4px}.write-area pre{width:100%;display:flex;flex-direction:column;align-items:stretch}.write-area pre code{font-size:20px;padding:10px 20px}.write-area a{font-family:monospace}.write-area a:hover{filter:brightness(130%)}.write-area img{border-radius:10px;height:360px;margin-right:20px}:root{color-scheme:dark;font-family:Manrope,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*:focus{outline:none}*::-webkit-scrollbar{width:25px}*::-webkit-scrollbar-thumb{border:11px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:100px;background-color:#555}