:root{--paper:#f8f8f5;--ink:#20201e;--muted:#77766f;--line:#deded7;--green:#245a43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}header,main,footer{width:min(calc(100% - 36px),680px);margin:auto}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}a{color:inherit;text-decoration:none}a:hover,.link:hover,label:hover{color:var(--green)}.brand{font-size:20px;font-weight:bold;letter-spacing:-.06em;color:var(--ink)}form{margin:0}.composer{padding:25px 0 18px;border-bottom:1px solid var(--line)}textarea{display:block;width:100%;min-height:92px;resize:vertical;padding:12px 0;border:0;outline:0;background:transparent;color:var(--ink);font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}textarea::placeholder{color:#a09f98}.actions{display:flex;align-items:center;gap:14px}.actions label{color:var(--green);font-size:13px;cursor:pointer}input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.post-button{padding:7px 16px;border:1px solid var(--green);border-radius:3px;background:var(--green);color:white;font:13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer}.composer small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.link{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}article{padding:21px 0 25px;border-bottom:1px solid var(--line)}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.body{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}article img{display:block;width:auto;height:auto;max-width:100%;max-height:75vh;margin-top:13px;border-radius:2px}.empty{padding:30px 0;color:var(--muted);font-size:13px}aside{margin:16px 0;padding:10px 12px;border-left:2px solid var(--green);color:var(--muted);font-size:13px}aside p{margin:0}footer{padding:18px 0 24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.login{max-width:360px;padding-top:48px}.login h1{font-size:17px;font-weight:500}.login form{display:grid;gap:10px;margin-top:24px}.login label{font-size:12px;color:var(--muted)}.login input:not([type=hidden]){padding:10px;border:1px solid var(--line);background:white;font:inherit}.login button{justify-self:start;margin-top:5px}@media(max-width:480px){header,main,footer{width:calc(100% - 28px)}header{height:60px}.composer{padding-top:19px}article{padding:18px 0 21px}.body{font-size:15px}}

nav{display:flex;align-items:center;gap:12px}nav a,.archive-link a{font-size:12px;color:var(--muted)}.inline{display:inline}.page-title{font-size:14px;font-weight:400;color:var(--muted);padding:20px 0 0}.archive-link{padding:10px 0 24px;text-align:center}.comment{margin:14px 0 0 12px;padding-left:12px;border-left:1px solid var(--line)}.comment-meta,.context{color:var(--muted);font-size:11px}.comment p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.comment-form{margin:14px 0 0;color:var(--muted);font-size:12px}.comment-form summary{display:inline-flex;align-items:center;gap:5px;min-width:36px;min-height:36px;color:var(--green);font-size:18px;font-weight:600;cursor:pointer;list-style:none}.comment-form summary:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}.comment-form summary::-webkit-details-marker{display:none}.comment-form summary:before{content:none}.comment-form[open] summary:before{content:none}.comment-form form{padding:10px 0 0}.comment-name,.comment-form textarea{display:block;width:100%;margin:7px 0;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.comment-name{max-width:240px}.text-button{border:0;padding:4px 0;background:none;color:var(--green);font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.moderation-actions{display:flex;gap:18px;margin-top:10px}.context{white-space:pre-wrap;overflow-wrap:anywhere}

.comment-note{display:block;margin-top:8px;line-height:1.45;color:var(--muted);font-size:11px}

.post-controls{display:flex;align-items:center;gap:12px}.post-controls form{display:inline}.edit-page{padding:28px 0 42px}.edit-page h1{font-size:16px;font-weight:500}.edit-page form{display:grid;gap:10px}.edit-page label{font-size:12px;color:var(--muted)}.edit-page textarea{border:1px solid var(--line);padding:10px;background:white}.edit-page input[type=file]{position:static;width:auto;height:auto;clip:auto;overflow:visible;font:12px ui-monospace,monospace}.existing-photo{display:grid;gap:8px}.existing-photo img{max-width:100%;max-height:55vh;object-fit:contain;object-position:left}.existing-photo input{accent-color:var(--green)}.edit-actions{display:flex;align-items:center;gap:16px;margin-top:10px}.edit-actions a{font-size:12px;color:var(--muted)}.edit-page small{font-size:11px;color:var(--muted)}

.search-page{padding:26px 0 42px}.search-page h1{font-size:15px;font-weight:400;color:var(--muted);margin:0 0 16px}.search-form{display:flex;gap:10px;align-items:center}.search-form input{min-width:0;flex:1;padding:10px 11px;border:1px solid var(--line);border-radius:2px;background:white;color:var(--ink);font:14px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.search-form button{padding:9px 12px;border:1px solid var(--green);border-radius:2px;background:var(--green);color:white;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer}.search-count{margin:18px 0 0;color:var(--muted);font-size:12px}.search-page .body{margin-top:8px}.search-page .meta a{color:var(--green)}.search-pagination{display:flex;justify-content:space-between;padding:18px 0;color:var(--muted);font-size:12px}.search-pagination a{color:var(--green)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.formatted-post p{margin:0 0 .65em;white-space:pre-wrap}.formatted-post p:last-child{margin-bottom:0}.formatted-post ul{margin:.25em 0 .65em;padding-left:1.4em}.formatted-post li{padding-left:.15em}.formatted-post a{color:var(--green);text-decoration:underline;text-underline-offset:2px}

.hashtag-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;padding:12px 0 16px;border-bottom:1px solid var(--line);font-size:11px}.hashtag-heading{color:var(--muted);margin-right:3px}.hashtag-list a{color:var(--green);text-decoration:none}.hashtag-list a:hover{text-decoration:underline}.hashtag-list small{color:var(--muted);font-size:10px}.hashtag-empty{color:var(--muted)}

.photo-alt-label{display:block;margin-top:9px;color:var(--muted);font-size:11px}.photo-alt{display:block;width:100%;max-width:480px;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:13px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}

.like-form{margin-top:9px}.like-button{display:inline-flex;align-items:center;gap:5px;min-width:44px;min-height:40px;padding:0 8px;border:0;background:transparent;color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer}.like-button span:first-child{font:20px/1 system-ui,-apple-system,"Segoe UI",sans-serif}.like-button:hover span:first-child{color:var(--green)}.like-button.is-liked span:first-child{color:#4a4a46}.like-button:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:3px}

.gallery{margin-top:13px}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{display:block;flex:0 0 100%;min-width:0;scroll-snap-align:center}.gallery-slide img{width:100%;height:min(72vh,620px);max-height:72vh;object-fit:contain;object-position:center;margin:0;background:#f0f0ec}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:7px 0 0;color:var(--muted);font-size:11px}.gallery-controls button{width:36px;height:34px;border:0;background:transparent;color:var(--green);font:18px ui-monospace,monospace;cursor:pointer}.gallery-controls button:focus-visible{outline:2px solid var(--green);outline-offset:1px}.youtube-frame{display:block;margin:10px 0}.youtube-trigger{display:inline-block;padding:8px 11px;border:1px solid var(--line);border-radius:2px;color:var(--green);font-size:12px}.youtube-player{display:block;width:100%;aspect-ratio:16/9;border:0}.youtube-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#111}.existing-photo-list{display:grid;gap:10px}.existing-photo{display:grid;gap:7px}.existing-photo img{max-width:100%;max-height:40vh;object-fit:contain;object-position:left}.existing-photo .photo-alt{margin-top:4px}.edit-page input[type=file]{max-width:100%}

.youtube-trigger{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--line);background:#171715}.youtube-thumbnail{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}.youtube-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:56px;height:40px;transform:translate(-50%,-50%);border-radius:9px;background:rgba(32,32,30,.78);color:#fff;font:20px/1 system-ui,sans-serif;padding-left:3px}.youtube-trigger:hover .youtube-play{background:var(--green)}.youtube-trigger.thumbnail-unavailable .youtube-play{background:var(--green)}.youtube-frame{max-width:100%}


.listening-strip{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;white-space:nowrap;overflow:hidden}.listening-label{flex:0 0 auto;margin-right:3px;color:var(--muted);font-size:14px;line-height:1;white-space:nowrap}.listening-track{display:block;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.listening-history-link{padding:4px;color:var(--muted);font-size:14px;line-height:1;white-space:nowrap}.listening-history-link:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}.listening-page{padding-bottom:32px}.listening-page .page-title{padding:22px 0 14px}.current-listening{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.current-listening span{color:var(--muted)}.current-listening a{color:var(--green)}.listening-list{list-style:none;margin:0;padding:0;counter-reset:track}.listening-list li{counter-increment:track;position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--line)}.listening-list li:before{content:counter(track);position:absolute;left:0;top:14px;width:24px;text-align:right;color:var(--muted);font-size:11px}.listening-row{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:baseline}.listening-row>a{color:var(--green);font-size:13px}.listening-artist{color:var(--ink);font-size:12px}.listening-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding-top:4px;color:var(--muted);font-size:10px}.listening-pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:var(--muted);font-size:11px}.listening-pagination a{color:var(--green)}.listening-empty{padding:22px 0;color:var(--muted);font-size:12px}
.listening-now{color:var(--green);font-size:10px;text-transform:lowercase}

.listening-subnav{margin:-8px 0 12px;font-size:11px}.listening-subnav a{color:var(--green)}.listening-title{color:var(--ink);font-size:13px}.stats-periods{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:11px}.stats-periods a{color:var(--muted)}.stats-periods a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:4px}.stats-total{padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.stats-total strong{color:var(--ink);font-size:20px;font-weight:400}.stats-section{padding:15px 0 4px;border-bottom:1px solid var(--line)}.stats-section h2{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:400}.stats-list{list-style:none;margin:0;padding:0;counter-reset:stats}.stats-list li{display:flex;gap:10px;align-items:baseline;padding:5px 0;font-size:12px;counter-increment:stats}.stats-list li:before{content:counter(stats);width:18px;text-align:right;color:var(--muted);font-size:10px}.stats-name{min-width:0;flex:1;overflow-wrap:anywhere}.stats-detail{color:var(--muted);font-size:10px}.stats-empty{padding:12px 0;color:var(--muted);font-size:11px}

.comment-count{color:var(--muted);font-size:11px;font-weight:400}.post-controls .post-permalink{color:var(--green);font-size:14px}

@keyframes music-note-blink{0%,100%{opacity:1}50%{opacity:.72}}.listening-history-link.is-playing{animation:music-note-blink 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.listening-history-link.is-playing{animation:none}}

.links-page{padding:20px 0 38px}.link-tags{display:flex;flex-wrap:wrap;gap:7px 13px;padding:8px 0 14px;border-bottom:1px solid var(--line);font-size:11px}.link-tags a,.saved-link-tags a{color:var(--muted)}.link-tags a[aria-current=page],.link-tags a:hover,.saved-link-tags a:hover{color:var(--green)}.saved-links{list-style:none;margin:0;padding:0}.saved-links li{padding:15px 0;border-bottom:1px solid var(--line)}.saved-link-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.saved-link-heading>a{color:var(--ink);font-size:14px;overflow-wrap:anywhere}.saved-link-heading>a:hover{color:var(--green)}.saved-link-heading time{flex:0 0 auto;color:var(--muted);font-size:10px}.saved-links p{margin:5px 0 0;color:var(--muted);font:13px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.saved-link-tags{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:7px;font-size:10px}

header>.search-nav{flex:0 0 auto;margin-left:14px;color:var(--muted);font-size:12px}header>.search-nav:hover{color:var(--green)}header nav{margin-left:auto}

/* Three explicit header columns keep search pinned at the right edge. */
header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;justify-content:initial}
header>.brand{grid-column:1;grid-row:1}
header>nav{grid-column:2;grid-row:1;justify-self:end;min-width:0;margin-left:0}
header>.search-nav{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
@media(max-width:480px){header{column-gap:8px}header nav{gap:8px}}
