.site-shell .main-content:has(>.journal){padding:0 0 32px}.site-shell .main-content>.journal:first-child{max-width:none;margin:0}.site-shell .main-content:has(>.journal)>.page-footer{margin-inline:var(--home-gutter)}.journal{--pine:#203a31;--pine-muted:#52685b;--cream:#faf6ed;--canvas:#f4eada;--edge:#dacdbb;--terracotta:#aa503b;--margin:clamp(18px, 4.1vw, 76px);width:100%;min-width:0;color:var(--pine);background:var(--cream);overflow-wrap:anywhere;font-family:var(--font-dm-sans), "Noto Sans SC", sans-serif}.journal h1,.journal h2,.journal h3,.journal-piece strong{color:var(--pine);text-wrap:pretty;font-family:Georgia,Noto Serif CJK SC,Songti SC,STSong,serif;font-weight:600}.journal-hero{isolation:isolate;border-bottom:1px solid var(--edge);background:#f6e9d3;position:relative;overflow:hidden}.journal-hero:before{content:"";z-index:-1;position:absolute;inset:0}.journal-hero[data-cover=hills]:before{background-image:linear-gradient(90deg,#faf5eace 0%,#faf5ea90 29%,#0000 72%),url(../media/valley-1680.3wh7xjkk0j4dy.webp);background-position:50% 55%;background-size:cover}.journal-hero[data-cover=plain]:before{background:linear-gradient(120deg,#fcf4e5,#f0e1cd)}[dir=rtl] .journal-hero:before{transform:scaleX(-1)}.journal-hero-inner{max-width:1680px;padding:clamp(30px, 3.5vw, 65px) var(--margin);flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:clamp(230px,21vw,345px);margin-inline:auto;display:flex}.journal-hero h1{letter-spacing:-.035em;max-inline-size:72%;margin:0;font-size:clamp(37px,4.3vw,76px);line-height:1.06}.journal-hero h1:after{content:"";background:var(--terracotta);border-radius:80% 35% 70% 20%;width:clamp(48px,5vw,84px);height:3px;margin-top:14px;display:block;transform:rotate(-2deg)}.journal-hero p{color:#3b4941;max-width:min(500px,65%);font-size:clamp(14px,1.2vw,19px);line-height:1.5}.journal-byline{align-items:center;gap:10px;max-width:min(65%,700px);font-size:clamp(13px,1.05vw,16px);font-weight:650;display:flex}.journal-avatar{aspect-ratio:1;color:#fff;background:#446553;border:2px solid #f5efdc;border-radius:50%;flex:none;place-items:center;width:34px;font-family:Georgia,serif;line-height:1;display:grid}.journal-handle{color:var(--pine-muted);text-align:start;max-width:100%;font-size:13px}.journal-actions,.journal-public-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.journal-button{min-height:42px;color:var(--pine);text-align:center;background:#fffbf4;border:1px solid #cabca5;border-radius:6px;justify-content:center;align-items:center;gap:7px;max-width:100%;padding:9px 17px;font-size:14px;font-weight:650;line-height:1.3;display:inline-flex}.journal-button.dark{color:#fff;background:#284837;border-color:#284837}.journal-button:hover{border-color:var(--pine);background:#f2e7d6}.journal-button.dark:hover{color:#fff;background:#193325}.journal-body{width:100%;max-width:1680px;padding:clamp(22px, 2.8vw, 45px) var(--margin) clamp(32px, 4vw, 70px);margin-inline:auto}.journal-section{min-width:0;margin-block:0 clamp(28px,3vw,50px)}.journal-section>h2{align-items:center;gap:14px;margin:0 0 clamp(14px,1.4vw,24px);font-size:clamp(23px,2.1vw,36px);line-height:1.2;display:flex}.journal-section>h2:before{content:"";background:#cc7151;border-radius:4px;flex:none;width:4px;height:1.02em}.journal-section>h2:after{content:"";background:linear-gradient(90deg,#bfac915c,#0000);flex:1;height:1px}[dir=rtl] .journal-section>h2:after{transform:scaleX(-1)}.journal-shelf{isolation:isolate;border:1px solid var(--edge);background:radial-gradient(ellipse at 26% 0, #fff8e9, transparent 65%), radial-gradient(ellipse at 94% 30%, #ecdbbd, transparent 64%), var(--canvas);border-radius:15px 12px 18px 11px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:clamp(12px,1.6vw,26px);display:grid;position:relative;box-shadow:0 4px 0 -2px #d4c7b1,0 8px 16px -10px #644f3280}.journal-shelf.is-guest{grid-template-columns:repeat(4,minmax(0,1fr))}.journal-shelf[data-size="1"]{grid-template-columns:minmax(0,1fr)}.journal-shelf[data-size="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-shelf.is-collection{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.journal-piece{text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:10px 8px 12px;line-height:1.45;display:flex}a.journal-piece:hover{background:#fff5}.journal-piece strong{font-size:clamp(19px,1.7vw,28px);line-height:1.25}.journal-piece>span:not(.journal-art),.journal-piece time,.journal-hero time{color:var(--pine-muted);font-size:13px}.journal-art{aspect-ratio:1;place-items:center;width:clamp(110px,15vw,235px);max-width:100%;margin-block-end:4px;display:inline-grid;position:relative}.journal-art img{object-fit:contain;filter:drop-shadow(0 7px 4px #46321936);width:100%;height:100%}.journal-art.is-locked img{filter:grayscale()sepia(.2);opacity:.48}.journal-art b{color:#664719;background:#fbf2d3;border:1px solid #a78c54;border-radius:14px;padding:2px 6px;font:600 12px/1.3 Georgia,serif;position:absolute;inset-block-end:4%;inset-inline-end:9%;box-shadow:0 2px 4px #53432340}.journal-art[data-tier="3"] b{border:3px double #8d692e}.journal[data-theme=pine]{--canvas:#d6e1d1;--edge:#b4c3ac}.journal[data-theme=pine] .journal-shelf{background:radial-gradient(ellipse at 26% 0, #edf1de, transparent 72%), var(--canvas)}.journal-lists{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px;display:grid}.journal-lists a{border:1px solid var(--edge);background:#fffaf0;border-radius:8px;align-items:center;gap:14px;min-width:0;padding:9px;display:flex}.journal-lists img{aspect-ratio:1.8;object-fit:cover;border-radius:4px;width:clamp(88px,10vw,145px);height:auto}.journal-lists a:hover,.journal-plays a:hover{text-decoration:underline}.journal-share{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.journal-next{border:1px solid var(--edge);background:var(--canvas);border-radius:12px;align-items:center;gap:clamp(15px,3vw,45px);padding:clamp(18px,2vw,32px);display:flex}.journal-empty{background:var(--canvas);color:var(--pine-muted);border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.journal-owner-head:has(>:nth-child(2)){grid-template-columns:minmax(0,1.8fr) minmax(255px,1fr);gap:clamp(15px,2vw,34px);display:grid}.journal-owner-head:has(>:nth-child(2)) .journal-art{width:clamp(80px,10vw,180px)}.journal-next{gap:20px;height:auto;min-height:152px}.journal-next .journal-art{flex:none;width:clamp(96px,11vw,168px)}.journal-next progress{width:min(200px,100%);height:6px;accent-color:var(--pine);margin-top:12px;display:block}.journal-next b{color:var(--pine-muted);font-size:12px}.journal h3{font-size:clamp(17px,1.4vw,23px)}.journal-editor{scroll-margin-top:90px}.journal fieldset{border:0;min-inline-size:0;margin:0;padding:0}.journal-publish{border:1px solid var(--edge);background:#fffaf2;border-radius:8px;align-items:flex-start;gap:11px;padding:15px;display:flex}.journal input[type=checkbox]{width:17px;height:17px;accent-color:var(--pine);flex:none;margin:0}.journal-publish input{margin-top:4px!important}.journal-publish small,.journal-options small,.journal-plays small{color:var(--pine-muted);font-size:12px;display:block}.journal-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 0;display:grid}.journal-options label{font-weight:600;display:block}.journal-options small{font-weight:400}.journal select,.journal textarea{border:1px solid var(--edge);width:100%;max-width:100%;min-height:42px;color:var(--pine);background:#fff;border-radius:6px;padding:8px 11px;display:block}.journal-options select{margin-block:5px}.journal-edit-badges{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;margin:4px 0 15px;display:grid}.journal-edit-badge{border:1px solid var(--edge);background:#fffaf0;border-radius:9px;align-items:flex-start;gap:12px;padding:14px;scroll-margin-top:100px;display:flex}.journal-edit-badge .journal-art{flex:none;width:clamp(64px,7vw,105px)}.journal-edit-badge p{color:var(--pine-muted);font-size:13px}.journal-checks label,.journal-list-select label,.journal-private-settings fieldset>label,.journal-genres label{cursor:pointer;align-items:center;gap:7px;min-height:38px;display:flex}.journal-checks{margin-top:5px}.journal-checks label:has(:disabled){color:#706f68}.journal-list-select{margin-bottom:12px}.journal-preview{border:2px dashed #bda889;border-radius:10px;margin-block-start:18px;overflow:hidden}.journal-preview .journal{--margin:clamp(14px, 2vw, 35px)}.journal-stats{background:var(--canvas);border:1px solid var(--edge);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:8px;display:grid}.journal-stats>div{flex-direction:column-reverse;padding:10px 15px;display:flex}.journal-stats dt{color:var(--pine-muted);font-size:13px}.journal-stats dd{margin:0;font:600 clamp(24px,2.4vw,36px)/1.3 Georgia,serif}.journal-plays{grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:12px;margin-block:14px;display:grid}.journal-plays article{align-items:center;gap:10px;display:flex}.journal-plays img{object-fit:cover;border-radius:5px;width:90px;height:58px}.journal-genres{color:var(--pine-muted);flex-wrap:wrap;gap:7px 14px;margin:14px 0;display:flex}.journal-private-settings{gap:10px;display:grid}.journal-panel fieldset{border:0;min-width:0;padding:0}.journal-panel p{overflow-wrap:anywhere;margin-block:8px}.journal-panel .journal-button{margin-block-start:10px}.journal-rule-picker{max-block-size:30dvh;margin-bottom:12px;overflow:auto}.journal-rule-picker label{align-items:baseline;gap:8px;padding-block:6px;display:flex}.journal-rule-picker small{color:#576058;display:block}.journal-error{color:#973920;padding:12px}.journal-error .journal-button{margin:8px}@media (max-width:850px){.journal-owner-head:has(>:nth-child(2)){grid-template-columns:1fr;gap:0}.journal-owner-head:has(>:nth-child(2)) .journal-art{width:clamp(86px,18vw,160px)}.journal-hero-inner{min-height:210px}}@media (max-width:600px){.journal{--margin:16px}.journal-hero-inner{gap:11px;min-height:218px;padding-block:25px}.journal-hero h1{max-inline-size:92%;font-size:clamp(33px,8vw,44px)}.journal-hero p{max-width:81%;font-size:14px}.journal-hero[data-cover=hills]:before{background-image:-webkit-linear-gradient(#fbf2e313,#fbf2e3bf 50%,#fbf2e3ed 100%),-webkit-image-set(url(../generated/art/valley-768.webp) 1x,url(../generated/art/valley-1680.webp) 2x);background-image:linear-gradient(90deg,#fbf2e3ed 0%,#fbf2e3bf 50%,#fbf2e313),image-set("../generated/art/valley-768.webp" 1x,"../generated/art/valley-1680.webp" 2x);background-position:58%;background-size:auto 100%}.journal-shelf,.journal-shelf.is-guest,.journal-shelf.is-collection{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.journal-shelf.is-featured:not(.is-guest) .journal-piece:first-child{grid-column:1/-1}.journal-shelf.is-featured:not(.is-guest)[data-size="2"]{grid-template-columns:1fr}.journal-piece{padding:8px 4px}.journal-art{width:clamp(90px,29vw,155px)}.journal-shelf.is-featured:not(.is-guest) .journal-piece:first-child .journal-art{width:clamp(142px,43vw,215px)}.journal-share,.journal-actions{gap:7px}.journal-options{grid-template-columns:1fr}.journal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-stats>div{padding:8px}.journal-body{padding-top:20px}}.journal .journal-publish{background:linear-gradient(105deg,#fffaf0,#f2eadb);border-color:#d5c7ae;border-radius:12px;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:16px 19px}.journal .journal-publish input[role=switch]{appearance:none;cursor:pointer;background:radial-gradient(circle at 11px,#fff 7px,#0000 8px),#a19685;border:1px solid #897e6e;border-radius:18px;flex:none;width:42px;height:24px;margin:0!important}.journal .journal-publish input:checked{background:radial-gradient(circle at 29px,#fff 7px,#0000 8px),#365541;border-color:#365541}.journal-options{gap:16px 32px;padding:20px 0}.journal-options legend{color:var(--pine);margin-bottom:7px;padding:0;font-weight:650}.journal-options small{margin-top:6px}.journal-swatches{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.journal-swatches label,.journal-checks label,.journal-genres label,.journal-list-select label{cursor:pointer;color:var(--pine);background:#fffbf3;border:1px solid #d4c8b5;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:7px 11px;line-height:1.35;display:inline-flex;position:relative}.journal-swatches label{min-height:45px}:is(.journal-swatches label:has(:checked),.journal-checks label:has(:checked),.journal-genres label:has(:checked),.journal-list-select label:has(:checked)){color:#254635;background:#e1e9db;border-color:#64806b;box-shadow:inset 0 0 0 1px #64806b}:is(.journal-swatches label:has(:disabled),.journal-checks label:has(:disabled),.journal-genres label:has(:disabled)){opacity:.56;cursor:not-allowed}.journal-swatches input,.journal-checks input,.journal-genres input,.journal-list-select input{cursor:inherit;opacity:0;width:100%!important;height:100%!important;margin:0!important;position:absolute!important;inset:0!important}:is(.journal-swatches label:has(:focus-visible),.journal-checks label:has(:focus-visible),.journal-genres label:has(:focus-visible),.journal-list-select label:has(:focus-visible)){outline:2px solid var(--terracotta);outline-offset:3px}.journal-swatches [data-swatch]{border:1px solid #b9a787;border-radius:4px;flex:none;width:31px;height:23px;display:block}.journal-swatches [data-swatch=hills]{background:url(../media/valley-96.12yi50ex4nxmc.webp) 86% 48%/auto 100%}.journal-swatches [data-swatch=paper],.journal-swatches [data-swatch=plain]{background:linear-gradient(135deg,#fff7df,#e8d7b7)}.journal-swatches [data-swatch=pine]{background:linear-gradient(135deg,#d0dbc2,#95ad96);border-color:#78957d}.journal-checks{flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;display:flex}.journal-checks label{border-radius:30px;min-height:34px;padding:6px 9px;font-size:12px}.journal-list-select label{margin:5px 5px 5px 0}.journal-genres{gap:7px}.journal-genres label,.journal-public-genres a{border-radius:30px;min-height:34px;padding:6px 11px;font-size:13px}.journal-public-genres a{border:1px solid var(--edge);background:var(--canvas);color:var(--pine);font-weight:600}.journal-public-genres a:hover{text-decoration:underline}.journal-edit-badge{background:linear-gradient(120deg,#fffaf0,#f8efdd);border-radius:12px;align-items:center}.journal-edit-badge .journal-art{width:clamp(65px,7.2vw,116px)}.journal-editor .player-info-button{margin-bottom:12px}.journal .daily-growth{margin-block:0 clamp(28px,3vw,50px)}@media (max-width:600px){.journal-options{gap:14px}.journal-checks label,.journal-genres label{min-height:40px}.journal-edit-badge{align-items:flex-start;gap:8px;padding:12px}}.journal-earned{border:1px solid var(--edge);background:#fffbf2;border-radius:20px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;display:grid;overflow:hidden}.earned-medal{background:radial-gradient(at 50% 44%,#fff7d9 4%,#e7d8b6 68%,#d6c49f);align-self:stretch;place-items:center;min-height:260px;display:grid}.earned-medal .journal-art{width:clamp(160px,16vw,250px)}.earned-copy{padding:clamp(20px,3vw,48px)}.earned-copy>small,.journal-play-pick small{color:#845438;font-size:.82rem;font-weight:650}.earned-copy h2{margin:4px 0;font-size:clamp(28px,3.1vw,52px);line-height:1.16}.earned-copy p{margin:6px 0;line-height:1.5}.earned-state{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;font-size:.88rem;font-weight:650;display:flex}.earned-state span{border-inline-start:1px solid var(--edge);color:var(--pine-muted);padding-inline-start:9px;font-weight:400}.earned-edit{color:#3d624a;align-items:center;min-height:44px;padding-inline:6px;font-size:.9rem;font-weight:650;display:inline-flex}.earned-copy .earned-privacy{color:var(--pine-muted);margin-top:12px;font-size:.88rem}.journal-play-pick{min-height:90px;color:var(--pine);background:#e6eddf;border:1px solid #c9d7c1;border-radius:14px;align-items:center;gap:clamp(10px,1.5vw,22px);margin-block:0 clamp(20px,2vw,36px);padding:12px clamp(12px,2vw,26px);text-decoration:none;display:flex}.journal-play-pick:hover{background:#dee8d6}.journal-play-pick img{aspect-ratio:1.62;object-fit:cover;border-radius:7px;flex:none;width:clamp(64px,9vw,128px);height:auto}.journal-play-pick>span{gap:3px;min-width:0;display:grid}.journal-play-pick strong{font-size:clamp(17px,1.5vw,25px);line-height:1.2}.journal-play-pick>b{color:#fff;text-align:center;background:#294735;border-radius:24px;justify-content:center;align-items:center;gap:6px;max-width:42%;min-height:42px;margin-inline-start:auto;padding:6px 14px;font-size:.9rem;line-height:1.25;display:inline-flex}.journal-play-pick svg{flex:none}@media (max-width:600px){.journal-earned{grid-template-columns:1fr}.earned-medal{min-height:154px}.earned-medal .journal-art{width:140px}.journal-play-pick{min-height:77px}}.wall-display[data-medal] .journal-hero-inner{padding-inline-end:clamp(130px,36%,540px);position:relative}.wall-display[data-medal] .journal-hero :is(h1,p,.journal-byline){max-inline-size:100%}.journal-hero-pin{inset-inline-end:8%;isolation:isolate;width:clamp(90px,21vw,270px);position:absolute;top:50%;transform:translateY(-50%)}.journal-hero-pin:before{content:"";z-index:-1;background:radial-gradient(closest-side,#fff0cec9,#0000);border-radius:50%;position:absolute;inset:-12%}.journal-hero-pin .journal-art{width:100%}.journal-hero .journal-public-tools{justify-content:flex-start;max-width:100%}@media (max-width:600px){.wall-display[data-medal] .journal-hero-inner{padding-inline-end:clamp(106px,30%,155px)}.journal-hero-pin{width:25%;inset-inline-end:3%}}