:root{--primary-color: hsl(225deg, 25%, 15%);--secondary-color: hsl(225deg, 15%, 45%);--background-color: hsl(225deg, 0%, 100%);--border-color: hsl(225deg, 25%, 95%);--rule-color: hsl(225deg, 20%, 90%);--fleuron-color: hsl(225deg, 20%, 80%);--white-color: rgb(255, 255, 255);--highlight-color: rgb(255, 255, 255);--light-shadow-color: rgba(0, 0, 0, .04);--shadow-color: rgba(0, 0, 0, .1);--dark-shadow-color: rgba(0, 0, 0, .5);--accent-color: hsl(265deg, 65%, 50%);--light-accent-color: hsl(265deg, 25%, 55%);--lighter-accent-color: hsla(265deg, 65%, 50%, 0.2);--serif: -apple-system-ui-serif, ui-serif, Georgia, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--sans-serif: -apple-system, ui-sans-serif, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--monospace: ui-monospace, SFMono-Regular, Monaco, "Andale Mono", "Ubuntu Mono", monospace}@media(prefers-color-scheme: dark){:root{--primary-color: hsl(225deg, 20%, 90%);--secondary-color: hsl(225deg, 15%, 65%);--background-color: hsl(225deg, 20%, 15%);--border-color: hsl(225deg, 15%, 20%);--rule-color: hsl(225deg, 15%, 25%);--fleuron-color: hsl(225deg, 15%, 45%);--highlight-color: rgba(255, 255, 255, .2);--accent-color: hsl(265deg, 85%, 75%);--light-accent-color: hsl(265deg, 30%, 70%);--lighter-accent-color: hsla(265deg, 85%, 75%, 0.2)}}@media(prefers-color-scheme: dark){:root{--accent-color: hsl(265deg, 75%, 65%);--light-accent-color: hsl(265deg, 30%, 65%);--lighter-accent-color: hsla(265deg, 75%, 65%, 0.2)}}*{margin:0;padding:0;font-family:var(--sans-serif);color:var(--primary-color);outline:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}a.button{text-decoration:none}::selection{background:var(--lighter-accent-color)}html{height:100%;width:100%;background:var(--background-color)}body{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:640px;margin:0 auto;background:var(--background-color);transition:250ms}main{display:block;padding:20px;overflow:auto}header{display:grid;position:relative;width:100%;min-height:50px;padding:10px 20px;align-items:center;box-shadow:0 1px 0 var(--border-color)}header .button{display:block}header .button.left,header .button.right{position:absolute;top:10px}header .button.left{left:20px}header .button.right{right:20px}header .button svg{display:block;height:30px;width:40px;padding:4px 9px;fill:var(--accent-color)}header .button.back svg{padding:6px 22px 6px 0}header h1{font-size:17px;line-height:17px;font-weight:700;justify-self:center}footer{display:grid;width:100%;padding:10px 20px;grid-template-columns:auto 1fr;grid-column-gap:10px;align-items:center;box-shadow:0 -1px 0 var(--border-color)}footer.hidden{display:none}footer .button{display:block;width:max-content;padding:0 10px;font-size:16px;line-height:30px;color:var(--accent-color);font-weight:600}@media(max-width: 639px){body{width:100%;margin:0}}form.form-view{display:grid;grid-row-gap:24px;transition:500ms}form.form-view .field{position:relative}form.form-view .field:has(#user_subdomain_confirmation){display:none}form.form-view .field label{display:block;margin-bottom:8px;font-size:16px;line-height:16px;font-weight:700}form.form-view .field label.inline{margin-bottom:0;line-height:40px}form.form-view .field label.button{display:inline-block;margin-bottom:0;padding:0 10px;line-height:40px;color:var(--primary-color);text-align:center;background:var(--border-color);border:none;border-radius:5px;cursor:pointer}form.form-view .field label.button.changed{color:var(--white-color);background:var(--accent-color)}form.form-view .field input[type=email],form.form-view .field input[type=password],form.form-view .field input[type=text],form.form-view .field textarea{display:block;width:100%;height:40px;padding:0 10px;font-size:16px;line-height:40px;caret-color:var(--accent-color);background:var(--border-color);border:none;border-radius:5px;overflow:auto;appearance:none}form.form-view .field input[type=email][disabled],form.form-view .field input[type=password][disabled],form.form-view .field input[type=text][disabled],form.form-view .field textarea[disabled]{color:var(--secondary-color);-webkit-user-select:none;user-select:none}form.form-view .field textarea{min-height:80px;padding:10px;line-height:20px;white-space:pre-line;resize:none}form.form-view .field textarea.code{font-family:var(--monospace)}form.form-view .field input[type=file]{display:none}form.form-view .field select{position:absolute;top:50%;right:0;height:40px;font-size:16px;line-height:40px;color:var(--accent-color);background:var(--background-color);border:none;text-align-last:right;appearance:none;transform:translate(0, -50%)}form.form-view .field input[type=checkbox]{position:absolute;top:50%;right:0;height:30px;width:50px;background:var(--background-color);border:2px solid var(--border-color);border-radius:15px;appearance:none;transform:translate(0, -50%);transition:250ms}form.form-view .field input[type=checkbox]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:26px;background:var(--white-color);border-radius:50%;box-shadow:0 1px 3px var(--dark-shadow-color);transition:250ms}form.form-view .field input[type=checkbox]:checked{background:var(--accent-color);border:2px solid var(--accent-color)}form.form-view .field input[type=checkbox]:checked:after{left:20px}form.form-view .field input[type=date]{position:absolute;top:50%;right:0;height:40px;font-size:16px;line-height:40px;color:var(--accent-color);background:var(--background-color);border:none;appearance:none;transform:translate(0, -50%)}form.form-view .field img{display:inline-block;height:40px;border-radius:5px;vertical-align:top}form.form-view .field .note{margin-top:8px;padding:0 10px;font-size:13px;line-height:16px;color:var(--secondary-color)}form.form-view .field .note strong{color:var(--secondary-color)}form.form-view .field .note a{color:var(--accent-color)}form.form-view .actions{text-align:center}form.form-view .actions input[type=submit]{display:block;width:100%;padding:0 10px;font-size:16px;line-height:40px;font-weight:700;color:var(--white-color);text-align:center;background:var(--accent-color);border:none;border-radius:5px;appearance:none;cursor:pointer}form.form-view .actions input[type=submit]:disabled{opacity:.5}form.form-view .actions .secondary{display:block;width:max-content;max-width:100%;margin:24px auto 0;font-size:13px;line-height:40px;font-weight:500;color:var(--secondary-color);text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#notice{position:absolute;top:40px;left:50%;width:max-content;max-width:560px;padding:12px 16px;font-size:16px;line-height:16px;font-weight:600;color:var(--white-color);background:var(--accent-color);border-radius:5px;box-shadow:0 2px 6px var(--shadow-color);transform:translate(-50%, 0);transition:1s;z-index:5}#notice.fading{opacity:0}#mask{position:fixed;top:0;left:0;height:100%;width:100%;background:var(--shadow-color);z-index:3}#error{position:fixed;top:40%;left:50%;width:max-content;max-width:560px;background:var(--background-color);border-radius:5px;box-shadow:0 2px 6px var(--shadow-color);transform:translate(-50%, -50%);transition:500ms;z-index:4}#error.fading{opacity:0}#error header h4{font-size:17px;line-height:17px;font-weight:700;justify-self:center}#error main ul,#error main ol{margin-left:20px}#error main p,#error main li{font-size:16px;line-height:20px;hyphens:auto}#error main .button{display:block;width:100%;margin-top:24px;padding:0 10px;font-size:16px;line-height:40px;font-weight:700;color:var(--white-color);text-align:center;background:var(--accent-color);border-radius:5px}@media(max-width: 599px){#notice{max-width:calc(100vw - 40px)}#error{max-width:calc(100vw - 40px)}}button.menu{background:var(--white-color);border:none;border-radius:8px;cursor:pointer;appearance:none}button.menu svg{display:block;height:16px;padding:6px 5px;fill:var(--accent-color)}menu{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;list-style:none;box-shadow:0 2px 6px var(--shadow-color);overflow:hidden;z-index:2}menu li{border-top:1px solid var(--border-color)}menu li:first-of-type{border-top:none}menu li a{display:block;padding:0 10px;font-size:14px;line-height:30px;font-weight:600}menu li a:hover,menu li a:active{color:var(--white-color);background:var(--accent-color)}menu.showing{display:block !important}.text-view{margin-top:40px;transition:500ms}.text-view:first-child{margin-top:0}.text-view h2{margin-bottom:8px;font-size:16px;line-height:16px;font-weight:700}.text-view p{margin-top:20px;font-size:16px;line-height:20px;hyphens:auto}.text-view p:first-of-type{margin-top:0}.text-view p a{color:var(--accent-color)}.text-view button{display:block;width:100%;margin-top:8px;padding:0 10px;font-size:16px;line-height:40px;font-weight:700;color:var(--white-color);text-align:center;background:var(--accent-color);border:none;border-radius:5px;appearance:none;cursor:pointer}.text-view button.secondary{color:var(--primary-color);background:var(--border-color)}.text-view button:disabled{opacity:.5}.text-view ul{margin-top:20px;border:1px solid var(--border-color);border-radius:5px;list-style:none}.text-view ul li{border-top:1px solid var(--border-color)}.text-view ul li:first-of-type{border-top:none}.text-view ul li a.button{display:grid;grid-template-columns:auto 1fr;grid-column-gap:11px;padding:11px;align-items:center}.text-view ul li a.button svg{display:block;width:16px;height:16px;fill:var(--accent-color)}.text-view ul li a.button h3{font-size:16px;line-height:16px;font-weight:600}form.filter-view{position:relative;margin-bottom:10px}form.filter-view label{position:absolute;top:50%;left:18px;height:16px;width:16px;transform:translate(-50%, -50%)}form.filter-view label svg{fill:var(--secondary-color)}form.filter-view input[type=text]{display:block;width:100%;padding:8px 32px;font-size:16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;appearance:none}form.filter-view .clear-filter{display:none;position:absolute;top:50%;right:18px;height:16px;width:16px;background:var(--secondary-color);border-radius:8px;transform:translate(50%, -50%)}form.filter-view .clear-filter svg{display:block;height:8px;width:8px;margin:4px;fill:var(--white-color)}.segmented{position:relative;display:inline-block;height:32px;padding:2px;font-size:0;background:var(--border-color);border-radius:9px;justify-self:center}.segmented a{position:relative;display:inline-block;min-width:80px;padding:0 8px;font-size:14px;line-height:28px;color:var(--primary-color);text-align:center;text-decoration:none;z-index:2}.segmented a.active{font-weight:600}.segmented .selection{position:absolute;top:50%;left:0;height:28px;width:80px;background:var(--highlight-color);border-radius:7px;box-shadow:0 3px 8px var(--shadow-color),0 3px 1px 0 var(--light-shadow-color);transform:translate(0, -50%) translateX(2px);transition:250ms;z-index:1}.user-list{list-style:none}.user-list li a{display:block;position:relative;padding:0 10px 0 28px;text-decoration:none;border-radius:5px;-webkit-user-select:none;-webkit-touch-callout:none}.user-list li a:hover{background:var(--lighter-accent-color)}.user-list li a:before{content:"";position:absolute;top:50%;left:10px;height:8px;width:8px;background:var(--secondary-color);border-radius:50%;transform:translate(0, -50%)}.user-list li a.trial:before{background:var(--border-color)}.user-list li a.trial h2 .tag{background:var(--border-color)}.user-list li a.invited:before{background:var(--lighter-accent-color)}.user-list li a.invited h2 .tag{background:var(--lighter-accent-color)}.user-list li a.active:before{background:var(--accent-color)}.user-list li a.active h2{color:var(--primary-color)}.user-list li a.active h2 .tag{background:var(--accent-color)}.user-list li a.expired:before{background:var(--border-color)}.user-list li a.expired:hover h2{color:var(--light-accent-color)}.user-list li a.expired h2{color:var(--border-color)}.user-list li a.expired h2 .tag{background:var(--border-color)}.user-list li a.trial:hover h2 .tag,.user-list li a.invited:hover h2 .tag,.user-list li a.cancelled:hover h2 .tag,.user-list li a.expired:hover h2 .tag{background:var(--light-accent-color)}.user-list li a h2{font-size:16px;line-height:40px;font-weight:600;color:var(--secondary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list li a h2 .tag{display:inline-block;height:16px;margin-left:2px;padding:0 4px;font-size:10px;line-height:16px;color:var(--white-color);background:var(--secondary-color);border-radius:3px;vertical-align:2.5px}.post-list{display:grid;grid-row-gap:2px;list-style:none}.post-list>li{position:relative}.post-list>li:hover .post.button{background:var(--lighter-accent-color)}.post-list>li:hover button.menu{display:block}.post-list>li:active .post.button,.post-list>li.active .post.button{background:var(--accent-color)}.post-list>li:active .post.button h2,.post-list>li:active .post.button time,.post-list>li:active .post.button p,.post-list>li.active .post.button h2,.post-list>li.active .post.button time,.post-list>li.active .post.button p{color:var(--white-color)}.post-list>li .post.button{display:grid;grid-column-gap:10px;grid-row-gap:2px;grid-template-columns:1fr auto;padding:8px 10px;border-radius:5px}.post-list>li .post.button h2{font-size:16px;line-height:18px;font-weight:600;color:var(--primary-color)}.post-list>li .post.button time{font-size:14px;line-height:18px;color:var(--secondary-color)}.post-list>li .post.button p{max-height:36px;font-size:16px;line-height:18px;color:var(--secondary-color);grid-column:1/span 2;overflow:hidden}.post-list>li button.menu,.post-list>li menu{display:none;position:absolute;top:8px;right:10px}.button.edit-post-info{justify-self:center}.button.edit-post-info h2{position:relative;padding-right:22px;font-size:14px;line-height:16px;font-weight:600}.button.edit-post-info h2 svg{display:block;position:absolute;top:50%;right:0;height:16px;width:16px;padding:4px;fill:var(--secondary-color);background:var(--border-color);border-radius:8px;transform:translate(0, -50%)}h2.deleted{justify-self:center;font-size:14px;line-height:16px;font-weight:600}button.publish-post{display:block;padding:0 10px;font-size:14px;line-height:30px;color:var(--accent-color);font-weight:600;background:var(--lighter-accent-color);border:none;border-radius:5px;cursor:pointer;appearance:none}.drafted,.updated{font-size:10px;line-height:12px}.drafted strong,.updated strong{font-weight:600;color:var(--secondary-color)}.drafted time,.updated time{color:var(--secondary-color)}.drafted{margin-bottom:20px;text-align:center}.drafted strong{display:block}.updated{margin-top:6px;text-align:right}#block-list{display:grid;grid-row-gap:6px;justify-items:end;list-style:none}#block-list>li{position:relative;padding-left:50px}#block-list>li:hover button.menu{display:block}#block-list>li.editing{width:100%;padding-left:0}#block-list>li.published p{color:var(--primary-color);background:var(--lighter-accent-color)}#block-list>li p{max-width:500px;padding:6px 13px;font-size:16px;line-height:18px;color:var(--white-color);background:var(--accent-color);border-radius:15px;white-space:pre-line;word-break:break-word;overflow-wrap:break-word}#block-list>li img{display:block;max-width:100%;border-radius:15px}#block-list>li button.menu,#block-list>li menu{display:none;position:absolute;top:7px;right:7px}#new-block,#edit-block{display:grid;width:100%;grid-column-gap:10px}#new-block textarea,#edit-block textarea{display:block;padding:5px 12px;font-size:16px;line-height:18px;caret-color:var(--accent-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:15px;resize:none}#new-block{grid-template-columns:1fr auto;align-items:end}#new-block input[type=submit]{display:block;padding:0 10px;font-size:14px;line-height:30px;color:var(--white-color);font-weight:600;background:var(--accent-color);border:none;border-radius:15px;cursor:pointer;appearance:none}#edit-block{grid-template-columns:auto 1fr auto;align-items:center}#edit-block .button.cancel{background:var(--secondary-color);border-radius:15px}#edit-block .button.cancel svg{display:block;height:30px;width:30px;padding:9px;fill:var(--white-color)}#edit-block button[type=submit]{background:var(--accent-color);border:none;border-radius:15px;cursor:pointer;appearance:none}#edit-block button[type=submit] svg{display:block;height:30px;width:30px;padding:9px;fill:var(--white-color)}#upload-block label{display:block;height:30px;width:30px;padding:6px;background:var(--secondary-color);border-radius:50%}#upload-block label svg{fill:var(--white-color)}#upload-block input[type=file]{display:none}