.journal-list{max-width:var(--container-page);margin:0 auto;padding:0}.journal-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--card-gap);align-items:start;margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-soft)}.journal-thumb{display:block;overflow:hidden;border-radius:var(--radius-md)}.journal-thumb img{width:100%;aspect-ratio:4 / 3;height:auto;object-fit:cover;border-radius:var(--radius-md)}.journal-copy{display:grid;gap:.35rem;min-width:0}.journal-date{display:block;margin-bottom:.45rem;color:var(--color-muted);font-size:1.05rem}.journal-title{margin:0 0 .5rem;color:var(--color-ink);font-size:1.5rem;line-height:1.35}.journal-desc{margin:0;color:var(--color-muted);font-size:1rem;line-height:1.6}.journal-desc,.journal-card-info,.journal-entry-animate .journal-card-info{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-height:4.8em}@media screen and (max-width:600px){.journal-list{margin-inline:calc(var(--layout-pad) * -1)}.journal-row{grid-template-columns:92px minmax(0,1fr);gap:.85rem;align-items:center;margin-bottom:.9rem;padding:.75rem;border-radius:var(--radius-md)}.journal-thumb,.journal-thumb img{width:92px;height:92px}.journal-thumb img{aspect-ratio:1}.journal-title{margin-bottom:.35rem;font-size:1rem;line-height:1.4}.journal-date{margin-bottom:.25rem;font-size:.78rem}.journal-desc,.journal-card-info,.journal-entry-animate .journal-card-info{font-size:.88rem;line-height:1.55;-webkit-line-clamp:2;line-clamp:2}}.journal-card-info h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-ink);word-break:break-word}.journal-card-info{padding:1rem}.journal-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-card),1fr));gap:var(--grid-gap);margin:var(--space-lg) auto;max-width:var(--layout-max)}@media screen and (max-width:600px){.journal-card-grid{grid-template-columns:1fr;gap:var(--grid-gap)}}.journal-article{max-width:900px;margin:0 auto}.journal-hero{margin-bottom:1.5rem;padding:clamp(1.25rem,3vw,2rem) clamp(1rem,4vw,2rem);background:#ffffff94;border:1px solid rgba(20,40,30,.08);border-radius:var(--radius-lg);box-shadow:0 10px 28px #0a15100d}.journal-hero .journal-date{margin-bottom:.5rem;color:#14281eb8;font-size:.82rem}.journal-hero .page_title{margin:0;padding:0;max-width:none;font-size:clamp(2.15rem,5.4vw,4.25rem);line-height:1.1;text-shadow:none}.journal-summary{margin:.85rem 0 0;color:#14281ed9;font-size:1rem;line-height:1.75}.journal-content{display:grid;gap:.5rem;padding:clamp(1.25rem,3vw,2rem);background:#ffffffb3;border:1px solid rgba(20,40,30,.08);border-radius:var(--radius-lg);box-shadow:0 14px 34px #0a15100f}.journal-content *{letter-spacing:0}.journal-content p,.journal-content li{color:var(--color-muted);font-size:1.04rem;line-height:1.75}.journal-content p{margin:0}.journal-content h1,.journal-content h2,.journal-content h3,.journal-content h4{color:var(--color-ink);line-height:1.45}.journal-content h1,.journal-content h2{margin:1.5rem 0 0;padding-bottom:.35rem;border-bottom:1px solid rgba(27,180,142,.24);font-size:clamp(1.45rem,3vw,2.3rem)}.journal-content h1:first-child,.journal-content h2:first-child{margin-top:0}.journal-content h3{margin:1rem 0 0;color:var(--color-link);font-size:1.18rem}.journal-content h4{margin:1rem 0 0;font-size:1.04rem}.journal-content li>:is(h1,h2,h3,h4):first-child{display:inline;margin:0;padding:0;border-bottom:0;font-size:inherit;line-height:inherit}.journal-content ul,.journal-content ol{margin:0;padding-left:1.25rem}.journal-content blockquote{margin:1.6rem 0;padding:1rem 1.25rem;background:#f4fffad1;border-left:4px solid var(--color-mint-deep);border-radius:var(--radius-sm)}.journal-content img,.journal-content video,.journal-content iframe{max-width:100%}.journal-content img{height:auto}.journal-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.journal-content th,.journal-content td{padding:.55rem .7rem;border:1px solid var(--color-line)}.journal-content .responsive-video-container{position:relative;width:100%;max-width:900px;margin:2rem auto;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.journal-content .responsive-video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.journal-content .gallery-link-btn{margin-top:.8rem}.journal-article .post-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(20,40,30,.08)}.journal-article .post-credits,.journal-article .post-lyrics{padding:1.5rem;border-radius:var(--radius-md)}.journal-article .post-credits{background-color:#1bb48e1a;border-left:4px solid var(--color-mint-deep)}.journal-article .post-credits :is(h2,h3){margin-top:0}.journal-article .post-credits :is(h2,h3){color:var(--color-link);font-size:1.2rem}.journal-article .post-info pre{white-space:pre-wrap}.journal-article .post-lyrics{margin-top:0;background-color:#ffffffb8;border:1px solid var(--color-line)}.journal-article .post-lyrics details{cursor:pointer}.journal-article .post-lyrics summary{margin:-.5rem -.5rem 0;padding:.5rem;color:var(--color-ink);font-size:1.2rem;font-weight:500;user-select:none;transition:background-color .2s ease}.journal-article .post-lyrics summary:hover{background-color:#1bb48e1a;border-radius:var(--radius-sm)}.journal-article .post-lyrics pre{margin:1rem 0 0;padding:1rem;background-color:#fff;border:1px solid var(--color-line);border-radius:var(--radius-sm);white-space:pre-wrap}.journal-back-link{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(20,40,30,.08)}.journal-back-link-top{margin:0 0 1rem;padding-top:0;border-top:0}.journal-back-link a{display:inline-flex;align-items:center;min-height:40px;padding:.45rem .85rem;color:var(--color-ink);background:#ffffff94;border:1px solid rgba(20,40,30,.1);border-radius:var(--radius-md);text-decoration:none;box-shadow:0 8px 20px #0a15100a}.journal-back-link a:before{content:"←";margin-right:.45rem;color:var(--color-link)}.journal-back-link a:hover{background:#2adca321;border-color:#1bb48e42}.journal-article .post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid rgba(20,40,30,.12);flex-wrap:wrap}.journal-article .post-nav a{color:var(--color-link);text-decoration:none}.journal-article .post-nav a:hover{text-decoration:underline}@media screen and (max-width:600px){.journal-article{margin-inline:calc(var(--layout-pad) * -1)}.journal-hero,.journal-content{border-radius:var(--radius-md)}.journal-hero{margin-bottom:1rem;padding:1rem}.journal-hero .journal-date{margin-bottom:.4rem;font-size:.78rem}.journal-hero .page_title{font-size:clamp(1.8rem,8.6vw,2rem);line-height:1.16}.journal-summary{margin-top:.65rem;font-size:.92rem;line-height:1.65}.journal-content{gap:.4rem;padding:1rem}.journal-content p,.journal-content li{font-size:.98rem;line-height:1.72}.journal-content h1,.journal-content h2{margin-top:1.25rem;font-size:clamp(1.35rem,6.5vw,1.65rem);line-height:1.35}.journal-content h3{margin-top:.9rem;font-size:1.05rem;line-height:1.45}.journal-content ul,.journal-content ol{padding-left:1.15rem}.journal-back-link{margin-top:1.4rem;padding-top:1.15rem}.journal-back-link-top{margin-bottom:.75rem}.journal-back-link a{min-height:36px;padding:.35rem .7rem;font-size:.9rem}.journal-article .post-info{grid-template-columns:1fr;gap:1rem}}.works-controls{max-width:var(--container-page);margin:0 auto var(--space-lg)}.works-row,.project-row{margin-bottom:var(--space-lg)}.works-row .journal-thumb,.project-row .journal-thumb{aspect-ratio:4 / 3}.works-row .journal-thumb img,.project-row .journal-thumb img{display:block;width:100%;height:100%;object-fit:cover}.works-row .journal-title,.project-row .journal-title{min-height:0}.works-row .journal-title a:hover,.project-row .journal-title a:hover{color:var(--color-link)}.works-row .work-tags,.project-row .project-tags{margin-top:.35rem}.project-thumb-fallback{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:var(--color-mint-tint);color:var(--color-ink);font-weight:500;text-align:center}.project-detail .project-kicker{margin-top:.5rem;color:var(--color-link)}.project-detail .project-hero{margin:0 0 1.5rem}.project-content{gap:1.5rem}.project-content .project-section{margin:0}.project-content .project-section h2{margin:0 0 .75rem}.project-content .project-feature-list{padding-left:1.25rem;list-style:disc}.project-content .project-feature-list li{padding:0;border:0;background:transparent}@media screen and (max-width:600px){.works-list,.project-list{margin-inline:calc(var(--layout-pad) * -1)}.works-row,.project-row{margin-bottom:.9rem}.works-row .journal-thumb,.project-row .journal-thumb{width:92px;height:92px;aspect-ratio:1}.works-row .work-tags,.project-row .project-tags{gap:.3rem}.works-row .work-tag,.project-row .project-tag{padding:.1rem .45rem;font-size:.7rem}}.work-detail-image{display:block;overflow:hidden;border-radius:var(--radius-md)}.work-detail-image img{display:block;width:100%;max-height:78vh;object-fit:contain}.work-detail-content .work-tags{margin:0}.work-detail-links{margin-top:1rem}.song-article .song-video{margin:0 auto 1rem;border-radius:var(--radius-md)}.list-view-switch{display:flex;gap:var(--space-sm);max-width:var(--container-page);margin:0 auto var(--space-lg)}.content-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--card-gap);max-width:var(--container-page);margin:0 auto;padding:0}.content-index>.content-item{display:flex;flex-direction:column;min-width:0;margin:0;padding:var(--space-md);gap:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-soft)}.content-index .journal-thumb{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden}.content-index .journal-thumb img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}.content-index .journal-copy{display:grid;gap:.4rem;padding:0;min-height:0}.content-index .journal-title{font-size:1.35rem;margin:0}.content-index .journal-date{font-size:.85rem;margin:0}.content-index .journal-desc{margin:0}.content-index[data-view=list]{grid-template-columns:1fr}.content-index[data-view=list]>.content-item{display:grid;grid-template-columns:180px minmax(0,1fr);padding:var(--space-lg)}@media(max-width:600px){.content-index[data-view=list]>.content-item{grid-template-columns:92px minmax(0,1fr);gap:.85rem;padding:.75rem}.content-index[data-view=list] .journal-thumb{width:92px;height:92px;aspect-ratio:1}.content-index[data-view=list] .journal-title{font-size:1rem}.content-index .work-tags{flex-wrap:wrap}}.index-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;max-width:var(--container-page);margin:0 auto var(--space-lg)}.index-view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-left:auto}.index-toolbar .list-view-switch{margin:0;gap:.25rem}.list-view-switch .control-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md)}.sort-switch{display:flex;gap:var(--space-sm)}.sort-option{font:inherit;font-size:.9rem;color:var(--color-muted);padding:.45rem .2rem;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}.sort-option.active{color:var(--color-ink);border-bottom-color:var(--color-link)}.sort-option:hover{color:var(--color-link)}.sort-option:focus-visible,.list-view-switch button:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}@media(max-width:600px){.index-toolbar .filter-controls{justify-content:flex-start}}.profile-bio{white-space:pre-wrap}.profile-featured-empty{color:var(--color-muted);text-align:center}.project-status{width:fit-content;margin:var(--space-xs) 0;padding:.15rem 0 .15rem var(--space-sm);border-left:3px solid var(--color-mint-deep);color:var(--color-muted);font-size:.9rem}.project-status[data-status=paused],.project-status[data-status=archived]{border-left-style:dotted}
