:root{font-family:Arial,Helvetica,sans-serif;color:#292929;background:#f8f7f4;font-synthesis:none;--muted:#767676;--line:#dedede;--accent:#222222}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:0;background:transparent;color:inherit;padding:9px 14px}button:hover{background:#eaeaea}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,.feed:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.site-header{height:100px;max-width:1220px;margin:auto;display:flex;align-items:center;gap:22px;padding:0 42px;border-bottom:1px solid var(--line)}.wordmark{font-size:39px;font-weight:750;letter-spacing:-2px;color:inherit;text-decoration:none}.wordmark span{color:var(--accent)}.byline{font-size:14px;color:var(--muted)}#auth{margin-left:auto;font-size:12px}.layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;height:calc(100dvh - 100px)}.feed{overflow-y:auto;padding:44px 48px 24px 42px;scrollbar-width:thin}.feed-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:30px}h1{font-size:20px;font-weight:500;margin:0}#total{font-size:12px;color:var(--muted)}aside{border-left:1px solid var(--line);padding:47px 28px;overflow-y:auto}.aside-heading{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:bold;color:var(--muted);margin-bottom:20px}:is(#filters,#private-filters){display:flex;flex-direction:column;gap:6px}:is(#filters,#private-filters) .tag-link{text-align:left;border-color:transparent;font-size:13px;overflow-wrap:anywhere}.aside-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:38px}.post{padding:27px 0;border-bottom:1px solid var(--line)}.post:first-child{padding-top:0}.post-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 13px;font:11px/1.8 monospace;color:var(--muted);overflow-wrap:anywhere}.post-header .tag-link{padding:0;border:0;color:var(--accent);font:inherit}.post-body{font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}footer{font-size:11px;color:var(--muted);padding:35px 0}#status{font-size:14px;line-height:1.6;color:var(--muted)}#composer{background:#fff;border:1px solid var(--line);border-radius:0;padding:20px;margin-bottom:30px}label{display:block;font-size:13px;margin-bottom:10px}label span,.hint{color:var(--muted)}textarea,input{width:100%;border:1px solid var(--line);border-radius:0;background:#fdfdfb;padding:12px;color:inherit}textarea{resize:vertical;min-height:130px;line-height:1.6}.composer-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px}output,.hint{font-size:11px}output.over{color:#a22c26}.primary{background:var(--accent);color:white;border-color:var(--accent);margin-top:8px}.primary:hover{background:#333333}@media(min-width:1500px){.site-header{margin-top:25px}.layout{height:calc(100dvh - 125px)}}@media(max-width:650px){.site-header{height:80px;padding:0 20px;gap:14px}.wordmark{font-size:32px}.byline{font-size:12px}.layout{height:auto;display:flex;flex-direction:column}aside{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:20px}.aside-heading{margin-bottom:12px}:is(#filters,#private-filters){flex-direction:row;flex-wrap:wrap;gap:4px}.aside-note{display:none}.feed{padding:28px 20px;overflow:visible}.feed-heading{gap:10px}#total{font-size:10px}.post-header{font-size:10px}.post-body{font-size:15px}}

.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.post-body,textarea{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.65}.feed-heading{flex-direction:column;gap:8px}:is(#filters,#private-filters){flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:12px}:is(#filters,#private-filters) .tag-link{font-size:var(--tag-size,16px)}#tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#tag-suggestions button{font-size:12px;padding:5px 8px}.edit-post{font-size:12px;margin-top:14px}#rename-tags{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}#rename-tags label{margin-top:14px}select{width:100%;padding:10px;font:inherit;border:1px solid var(--line);background:white}#rename-tags button{margin-top:14px}#rename-status{font-size:13px}aside{padding:44px 32px}@media(max-width:650px){.post-body,textarea{font-size:21px}aside{order:0;padding:28px 20px}.layout{display:flex}.feed{width:100%}}

.byline{margin-left:auto}#auth{margin-left:0}.post,.post:first-child{padding:40px 28px;margin-bottom:24px;border:1px solid var(--line);border-radius:0;background:#fdfcf9}.post-body a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}@media(max-width:650px){.post,.post:first-child{padding:32px 20px;margin-bottom:20px}.site-header{gap:12px}}

.post,.post:first-child{margin-bottom:56px}.post-star{display:block;width:50px;height:50px;object-fit:contain;margin-bottom:22px}@media(max-width:650px){.post,.post:first-child{margin-bottom:40px}.site-header{gap:8px;padding-left:16px;padding-right:16px}#auth{padding:9px 10px}}

.post-colour{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.post-colour label{margin:0}#background-colour{width:50px;height:40px;padding:3px;cursor:pointer}#reset-colour{font-size:12px}.post .post-header,.post .post-header .tag-link,.post .post-body a,.post .edit-post{color:inherit}.post .edit-post{border-color:currentColor}

.post-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.post-actions .edit-post{margin-top:0}.download-post{display:inline-flex;align-items:center;justify-content:center;padding:8px;color:inherit;border-color:currentColor}

.post-actions .edit-post,.post-actions .download-post{display:inline-flex;align-items:center;justify-content:center;height:36px;box-sizing:border-box;margin-top:0;padding:8px 12px;line-height:18px}.post-actions button:hover{background:rgb(128 128 128 / 20%)}

button,input,textarea,select{border-radius:0}

.byline{text-decoration:none}.byline:hover{text-decoration:underline}

.wordmark{display:inline-flex;align-items:center;gap:10px}.wordmark span{margin-left:-10px}.wordmark img{width:40px;height:40px;object-fit:contain}.post-actions .prompter-post{height:36px;font-size:12px;padding:8px 12px;color:inherit;border-color:currentColor}@media(max-width:650px){.wordmark img{width:30px;height:30px}}

.tag-link{display:inline-block;text-decoration:none;color:inherit;padding:9px 14px;border:1px solid transparent}.tag-link:hover{background:#eaeaea}.tag-link:focus-visible{outline:2px solid #222;outline-offset:3px}.format-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.format-btn{padding:6px 10px;font-size:12px}.format-btn:hover{background:#f0f0f0}#tag-description{font-size:16px;line-height:1.6;margin:4px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}#tag-description-form{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}#tag-description-form label{margin-top:14px}.colour-input-row{display:flex;align-items:center;gap:10px}.colour-input-row #tag-colour{flex:0 0 52px;min-width:52px}.colour-input-row #tag-colour-hex{flex:1;min-width:0}#description-text{font:14px/1.6 Arial,sans-serif;min-height:100px}#description-status{font-size:13px}.ideas-tag-row{display:flex;align-items:center;gap:8px;margin:0 0 12px}.ideas-tag-label{font-size:12px;color:var(--muted);margin:0}.ideas-tag-name{font-weight:700;margin:0}

:root{--page-bg:#f8f7f4;scrollbar-color:#aaa var(--page-bg);scrollbar-width:thin}*{scrollbar-width:thin;scrollbar-color:#aaa var(--page-bg)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--page-bg)}*::-webkit-scrollbar-thumb{background:#aaa}*::-webkit-scrollbar-corner{background:var(--page-bg)}.feed,aside{scrollbar-gutter:stable}.site-header{gap:14px}.journal-link{color:var(--muted);font-size:14px;text-decoration:none}.journal-link:hover{text-decoration:underline}#public-view{font-size:12px}#public-view[aria-pressed=true]{background:#222;color:#fff}.text-colour-control{display:flex;align-items:center;gap:12px;margin:16px 0}.text-colour-control label{margin:0}.text-colour-control select{width:auto}#composer-star{object-fit:contain}.recent-colours>span{font-size:12px;color:var(--muted)}#recent-colours{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.colour-swatch{width:28px;height:28px;padding:0;border:1px solid #888}.colour-swatch:hover{outline:2px solid #333;outline-offset:2px}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:auto}#tag-colour{width:55px;height:40px;padding:3px}#ideas-handle{position:fixed;left:0;top:110px;bottom:20px;width:25px;z-index:12;writing-mode:vertical-rl;transform:rotate(180deg);background:#222;color:#fff;border:0;padding:12px 4px;letter-spacing:2px}#ideas-panel{position:fixed;top:100px;bottom:0;left:25px;width:min(420px,calc(100vw - 40px));z-index:20;padding:24px;background:var(--page-bg);border:1px solid var(--line);box-shadow:8px 0 20px #0002;overflow:auto}.ideas-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ideas-heading h2{font-size:20px;margin:0}#ideas-text{height:calc(100% - 150px);min-height:200px;font:17px/1.6 Georgia,serif}#ideas-status{font-size:12px;color:var(--muted)}@media(max-width:650px){.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:14px 20px;gap:10px}.wordmark{margin-right:auto}.byline{margin-left:0}.journal-link,.byline{font-size:12px}#public-view,#auth{padding:7px 9px}.feed{padding-left:30px}#ideas-handle{width:20px;top:140px}#ideas-panel{left:20px;top:130px}.post-actions{flex-wrap:wrap}}

:is(#filters,#private-filters){gap:2px 4px;align-content:flex-start}:is(#filters,#private-filters) .tag-link{padding:4px 6px;line-height:1.2}

.post,.post:first-child{margin-bottom:20px}.post-video{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;margin-top:20px;background:#111}@media(max-width:650px){.post,.post:first-child{margin-bottom:16px}}

#body{color:#000;background:#fff}#tag-suggestions button[aria-pressed=true]{outline:2px solid #333;outline-offset:2px;font-weight:bold}.post,.post:first-child{margin-bottom:10px}#save-description{margin-top:18px}

.post-actions .download-post{border:0}.post-header a{color:inherit}.post-header .tag-link{background:transparent!important;color:inherit!important}.private-badge{margin-left:auto;font:11px monospace;border:1px solid currentColor;padding:3px 6px}#ideas-tag{width:100%;margin-bottom:16px}

#ideas-handle,#ideas-panel{top:0;bottom:0;height:100dvh}
#body{padding-top:12px}

#heading .tag-link,#ideas-tag .tag-link{font-size:var(--tag-size,16px);font-weight:400;padding:4px 6px;line-height:1.2;overflow-wrap:anywhere}#ideas-tag{width:auto;margin:0;min-width:0}.ideas-heading{gap:12px}

/* Balanced layout and header Ideas control. */
.layout{grid-template-areas:"tags feed"}.feed{grid-area:feed;padding:44px 32px 24px}aside{grid-area:tags;border-left:0;border-right:1px solid var(--line)}
#ideas-handle{position:static;inset:auto;width:auto;height:auto;writing-mode:horizontal-tb;transform:none;letter-spacing:normal;padding:9px 14px;font-size:12px;background:transparent;color:inherit;border:1px solid var(--line)}
#ideas-panel{left:auto;right:0;box-shadow:-8px 0 20px #0002;animation:ideas-enter .2s ease-out}
@keyframes ideas-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#ideas-panel{animation:none}}
#load-more{display:block;margin:24px auto}
@media(max-width:650px){.feed{padding:28px 20px;scrollbar-gutter:auto}aside{order:-1;border-right:0;border-bottom:1px solid var(--line)}#ideas-handle{padding:7px 9px}.site-header{gap:8px}.feed,aside{min-width:0}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#selected-tags:empty{display:none}.selected-tag{display:inline-block;padding:5px 8px;font-size:13px}

#heading,#ideas-tag{display:flex;flex-wrap:wrap;gap:8px}.composer-meta{justify-content:flex-end}


#clear-selection{font-size:12px;margin-bottom:16px}#selection-style{line-height:1.6}.selected-tag:first-child::after{content:' - post colour';font:10px Arial,sans-serif}#discard-draft{font-size:11px;padding:5px 8px}#draft-status:empty{display:none}
#exports{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}#exports summary{cursor:pointer;font-size:13px}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.export-actions button{font-size:12px}#idea-to-log{margin-top:12px}#ideas-text{height:calc(100% - 210px)}

:is(#filters,#private-filters) .tag-link{border:2px solid transparent;box-shadow:none}:is(#filters,#private-filters) .tag-link.selected{border:2px solid #000;outline:none;box-shadow:none}:is(#filters,#private-filters) .tag-link.selected:focus-visible{text-decoration:underline}
.journal-link{display:inline-flex;align-items:center;justify-content:center;background:#222;color:#fff;border:1px solid #222;padding:9px 14px;font-size:12px;text-decoration:none}.journal-link:hover{background:#333;text-decoration:none}
.search-tools{margin:0 0 28px;min-width:0}#search-toggle{height:40px}#search-form{margin:10px 0 0;max-width:100%;overflow-x:auto;padding-bottom:4px}.search-row{display:grid;grid-template-columns:minmax(90px,1fr) 125px 125px auto;align-items:center;gap:6px;min-width:425px}.search-row input,.search-row button{height:40px;min-width:0;margin:0;padding:8px;font-size:12px;line-height:normal}.search-row input[type=search]{font-size:14px}
@media(max-width:650px){.journal-link{padding:7px 9px}}

#search-tools{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;min-width:0}#search-tools summary{cursor:pointer;font-size:13px}#search-form input:focus,#search-form input:focus-visible{outline:none;box-shadow:none;border-color:#888}#search-form input{caret-color:#555}
.editor-size-label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px}.editor-size-label #editor-size{width:66px;padding:6px;height:32px}.format-toolbar{align-items:center}#body,.post-body{font-synthesis:weight style}

.editor-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0}.editor-sliders label{font-size:13px;min-width:0}.editor-sliders output{float:right}.editor-sliders input[type=range]{display:block;width:100%;padding:0;height:28px;accent-color:#000;border:0;box-shadow:none}.tag-selection-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tag-selection-controls #clear-selection{margin:0}#grab-tags[aria-pressed=true],#pin-ideas[aria-pressed=true]{background:#000;color:#fff}#private-tag-cloud{margin-top:20px}#ideas-status:empty{display:none}.ideas-heading{flex-wrap:wrap}.ideas-heading h2{flex-basis:100%}

/* Post composition shared with the PNG layout. */
.post,.post:first-child{padding:7%}.post .post-header{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:20px;margin:0 0 60px;text-align:right;color:inherit}.post-header>a{min-width:0}.post .post-star{flex:0 0 50px;width:50px;height:50px;margin:0}.post-credit{margin-top:70px;font:11px/1.5 monospace;text-align:left}.alignment-label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.alignment-label select{width:auto;padding:5px}.post-body div{white-space:pre-wrap}
@media(max-width:650px){.post .post-header{gap:12px;margin-bottom:40px}.post-credit{margin-top:48px}.post .post-star{flex-basis:40px;width:40px;height:40px}}

.post-actions .edit-post,.post-actions .prompter-post{border:0}

.post-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:70px}.post-footer .post-credit{margin:0;flex-shrink:0}.post-footer .post-actions{margin:0 0 0 auto;justify-content:flex-end;gap:4px}.post-footer .post-actions .edit-post,.post-footer .post-actions .prompter-post,.post-footer .post-actions .download-post{padding:8px 6px}
@media(max-width:650px){.post-footer{margin-top:48px;gap:6px}.post-footer .post-credit{font-size:10px}.post-footer .post-actions{gap:0}.post-footer .post-actions .edit-post,.post-footer .post-actions .prompter-post,.post-footer .post-actions .download-post{padding:8px 4px}}

#edit-session-filters{display:flex;gap:6px;margin:0 0 20px;scroll-margin-top:16px}#edit-session-filters button{font-size:12px;padding:8px 12px}#edit-session-filters button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.post-actions .download-count{border:0;padding:4px 0;font:11px monospace;min-width:22px;touch-action:manipulation}.post-actions .download-count:hover{background:transparent}

.alignment-buttons{display:inline-flex;gap:3px}.alignment-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-color:transparent}.alignment-button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.site-header{gap:96px}.header-menu{display:flex;flex:1;min-width:0;align-items:center;gap:14px}.header-menu .byline{margin:0 auto 0 0;text-align:left;white-space:nowrap}.header-menu>button,.header-menu>a{white-space:nowrap}.site-header .wordmark{flex-shrink:0}
@media(max-width:1000px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;gap:16px;padding:16px 20px}.site-header .wordmark{margin:0;font-size:clamp(18px,4.5vw,32px);max-width:100%}.site-header .wordmark img{width:30px;height:30px}.header-menu{flex-basis:100%;width:100%;gap:6px;container-type:inline-size}.header-menu>a,.header-menu>button,.header-menu #auth,.header-menu #ideas-handle,.header-menu #public-view{flex:1;min-width:0;margin:0;padding:9px 3px;font-size:clamp(10px,3.1cqw,14px);text-align:center;justify-content:center}.header-menu .byline{flex:1.6}.layout{height:calc(100dvh - 132px)}}
@media(max-width:650px){.layout{height:auto}}
.menu-open{overflow:hidden}#menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent}#site-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;margin:0;padding:80px 24px 40px;border:0;background:#fff;color:#111;overflow:auto}#site-menu::backdrop{background:#fff}#site-menu nav{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#site-menu nav a,#site-menu #auth{font:600 clamp(28px,6vw,54px)/1.25 system-ui,sans-serif;color:#111;text-decoration:none;border:0;background:none;padding:4px}#site-menu nav a:hover,#site-menu #auth:hover{text-decoration:underline;text-underline-offset:8px}#site-menu #auth:disabled{opacity:.45}#menu-close{position:absolute;right:24px;top:18px;border:0;background:none;font:40px/1 system-ui;min-width:44px;min-height:44px}#site-menu :focus-visible{outline:2px solid currentColor;outline-offset:6px}
#composer-panel{position:fixed;inset:0 0 0 auto;width:min(520px,100%);height:100dvh;z-index:21;overflow:auto;padding:24px;background:var(--page-bg);border-left:1px solid var(--line);box-shadow:-8px 0 20px #0002;overscroll-behavior:contain}#composer-panel #composer{margin:0;border:0;padding:0;background:transparent}#composer-panel textarea{min-height:220px}#sidebar-menu{display:flex;align-items:center;gap:4px;overflow-x:auto;white-space:nowrap;padding:4px 0 12px;margin-bottom:18px}#sidebar-menu button{flex:0 0 auto;font-size:12px;padding:8px 6px;border:0}#sidebar-menu button[aria-pressed=true]{background:#222;color:#fff}#sidebar-export #exports{margin-top:0;border-top:0;padding-top:0}#sidebar-private .aside-heading{display:none}@media(max-width:650px){#composer-panel{padding:20px}#sidebar-menu{gap:2px}#sidebar-menu button{font-size:11px;padding:8px 5px}}
#sidebar-menu #clear-selection{margin:0}#new-handle{font-size:12px;padding:9px 14px;background:#000;color:#fff;border:1px solid #000}#new-handle:hover{background:#222}.post-options,.tag-options{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0}.post-options label,.tag-options label{margin:0;font-size:12px}#tone-filter{display:flex;justify-content:flex-end;gap:4px;margin:0 0 20px}#tone-filter button{font-size:12px;padding:7px 10px}#tone-filter button[aria-pressed=true]{background:#000;color:#fff}.ai-note{font:12px/1.5 Arial,sans-serif;margin-top:18px}@media(max-width:1000px){.header-menu #new-handle{font-size:clamp(10px,3.1cqw,14px);padding:9px 3px}}
#post-type{margin-bottom:18px}#media-upload-controls,#media-link-controls{margin:18px 0}#media-status{font:13px/1.5 Arial,sans-serif}#media-status:empty{display:none}.uploaded-media{display:grid;gap:16px;margin-top:18px}.uploaded-image{display:block;max-width:100%;height:auto}.uploaded-media audio{width:100%}.post-video[src*="tiktok.com"]{aspect-ratio:9/16;max-height:720px}