/* Shared visual language with the floating clock panel. */
.journal-tools-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.journal-tools-line .journal-result-count{margin:0}.journal-tools-toggle{position:relative;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:6px;border:1px solid #756c5d88;background:transparent;color:#d0b27f;cursor:pointer}.journal-tools-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.journal-tools-toggle:hover,.journal-tools-toggle[aria-expanded=true]{background:#ffffff0c;border-color:#a38c66}.journal-tools-toggle.has-active-filters::after{content:'';position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#e15b4f}.journal-tools>.journal-filters-panel[hidden]{display:none}.journal-filters-panel{margin-top:12px;padding-top:12px;border-top:1px solid #756c5d55}
.journal-records-panel{--ink:#eee8dc;--muted:#bdb3a1;color:#eee8dc;background:#101a1bf5;border:1px solid #84735b;border-top:2px solid #ba4236;box-shadow:0 8px 26px #0005;margin-top:18px;color-scheme:dark}
.journal-records-panel>summary{display:flex;align-items:center;gap:12px;padding:13px 18px;list-style:none;cursor:pointer;font:400 1.15rem Georgia,serif;color:#eee8dc}.journal-records-panel>summary::-webkit-details-marker{display:none}.journal-records-panel>summary span{margin-left:auto;color:#bdb3a1;font:400 .72rem Arial,sans-serif}.journal-records-panel>summary::after{content:'';width:7px;height:7px;flex:0 0 7px;border-right:1px solid #d0b27f;border-bottom:1px solid #d0b27f;transform:rotate(45deg);margin-top:-4px}.journal-records-panel[open]>summary{border-bottom:1px solid #756c5d66}.journal-records-panel[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.journal-records-panel>#journal-records{padding:0 16px 16px}.journal-records-panel .table-paper{background:#111b1c;color:#eee8dc;border:1px solid #756c5d66;min-height:0}.journal-records-panel .table-paper-head{background:transparent;border-bottom:1px solid #756c5d88;color:#eee8dc;padding-block:12px}.journal-records-panel .table-paper-head span{color:#bdb3a1}.journal-records-panel .table-heading h2{color:#eee8dc;font-size:1.5rem}.journal-records-panel .table-heading p{color:#bdb3a1}
.journal-records-panel .secondary{background:transparent;border-color:#8c7658;color:#e8d3ab}.journal-records-panel .secondary:hover{background:#ffffff0c}.journal-records-panel :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #d0b27f;outline-offset:2px}
.journal-records-panel .clock-card{border-color:#756c5d55;padding-block:12px}.journal-records-panel .clock-card strong{font:400 1.05rem Georgia,serif;color:#eee8dc;overflow-wrap:anywhere}.journal-records-panel .clock-card small{color:#e15b4f}.journal-records-panel .clock-pips{gap:8px;margin-inline:4px}.journal-records-panel .clock-pips button{width:22px;height:22px;padding:0;background:#202b2b;border-color:#84735b}.journal-records-panel .clock-pips button.filled{background:#e15b4f;border-color:#e15b4f}.journal-records-panel .clock-pips button:disabled{opacity:.75}.journal-records-panel .clock-pips button.filled:disabled{opacity:1}
.journal-records-panel .inline-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:14px;border-top:1px solid #756c5d55}.journal-records-panel .inline-add input{grid-column:1/-1}.journal-records-panel .inline-add input,.journal-records-panel .inline-add select{color:#eee8dc;background:#172323;border:1px solid #756c5d88;padding:8px;font-size:.75rem}.journal-records-panel .blank-page{border-color:#756c5d88;color:#bdb3a1}
.journal-records-panel .table-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1.7fr);align-items:start}
.journal-records-panel .table-paper.journal{padding:0 22px 22px;min-width:0}.journal-records-panel .table-heading{margin:14px 0}.journal-records-panel .table-heading h2{margin-bottom:5px}
.journal-tools{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #756c5d66}.journal-type-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.journal-type{--journal-accent:#bdb3a1;display:flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;background:transparent;border:1px solid #756c5d66;color:#c3bdb0;font:inherit;font-size:.73rem;cursor:pointer}.journal-type small{font-size:.65rem;opacity:.8}.journal-type[aria-pressed=true]{border-color:var(--journal-accent);color:var(--journal-accent);background:#ffffff0c;box-shadow:inset 0 -2px var(--journal-accent)}.journal-type:hover{background:#ffffff14}.journal-type:focus-visible{outline:2px solid #d0b27f;outline-offset:2px}
.journal-type-note{--journal-accent:#b4c0a0}.journal-type-roll{--journal-accent:#e15b4f}.journal-type-resources{--journal-accent:#cba55d}.journal-type-experience{--journal-accent:#dbc17c}.journal-type-clocks{--journal-accent:#62abce}.journal-type-downtime{--journal-accent:#b7a0c8}.journal-type-phase{--journal-accent:#aab8c8}.journal-type-other{--journal-accent:#bdb3a1}
.journal-search-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.journal-search-row label{display:grid;gap:4px;min-width:0;font-size:.68rem;color:#bdb3a1}.journal-search{flex:1 1 180px}.journal-author{flex:0 1 170px}.journal-search-row input,.journal-search-row select{width:100%;min-width:0;padding:7px 9px;border:1px solid #756c5d88;background:#172323;color:#eee8dc;font:inherit;font-size:.8rem}.journal-reset{padding:7px 0;min-height:30px;background:transparent;border:0;border-bottom:1px solid #8c7658;color:#d0b27f;font:inherit;font-size:.72rem;cursor:pointer}.journal-result-count{margin:8px 0 0;font-size:.69rem;line-height:1.5;color:#bdb3a1}
.journal-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding-bottom:10px;margin-bottom:12px}.journal-compose textarea{background:#172323;min-height:38px;padding:8px 10px;line-height:1.4;border:1px solid #756c5d88;font-size:.85rem}.journal-records-panel .journal-feed{display:flex;flex-direction:column;gap:7px;max-height:900px;padding:0 8px 8px 0;scrollbar-width:thin;scrollbar-color:#9e8760 #172323;overscroll-behavior:contain}
.journal-day{margin:6px 0 0;padding:5px 0;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:#bdb3a1;border-bottom:1px solid #756c5d66}
 .journal-feed .journal-card{padding:10px 12px;border:1px solid #756c5d66;border-left:3px solid #9e8760;background:#142021;box-shadow:0 2px 5px #00000022}.journal-card.journal-kind-roll{border-left-color:#e15b4f}.journal-card.journal-kind-note{border-left-color:#b4c0a0}.journal-card.journal-kind-clocks{border-left-color:#62abce}.journal-card.journal-kind-experience{border-left-color:#dbc17c}.journal-card.journal-kind-phase{border-left-color:#aab8c8}
.journal-entry-header{display:flex;gap:6px 9px;align-items:center;flex-wrap:wrap;margin-bottom:6px;line-height:1.4}.journal-entry-header>strong{font-size:.8rem;color:#eee8dc}.journal-entry-header>time{margin-left:auto;font-size:.72rem;color:#bdb3a1;font-variant-numeric:tabular-nums;white-space:nowrap}.journal-entry-tags{display:flex;flex-wrap:wrap;gap:5px}.journal-badge{padding:2px 5px;border:1px solid #756c5d66;color:var(--journal-accent);font-size:.62rem;font-weight:700;white-space:nowrap;background:#ffffff06}
.journal-feed .journal-card h3{font-size:1.08rem;line-height:1.3;margin:0 0 6px;color:#eee8dc}.journal-feed .journal-card p{font-size:.84rem;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.journal-feed .journal-card .journal-meta{font-size:.72rem;line-height:1.45;margin-top:6px}
.journal-card .ledger-target{margin-top:8px;padding-top:7px;border-top:1px solid #756c5d55}.journal-card .ledger-target>strong{font-size:.8rem;color:#d0b27f}.journal-card .ledger-changes{margin:5px 0 0}.journal-card .ledger-changes>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(140px,auto);gap:7px;padding:4px 0;border-bottom:1px solid #756c5d33}.journal-card .ledger-changes>div:last-child{border-bottom:0}.journal-card .ledger-changes dt{font-size:.8rem;line-height:1.4;color:#cbc4b8;overflow-wrap:anywhere}.journal-card .ledger-changes dd{font-size:.8rem;line-height:1.4;text-align:right;margin:0;color:#eee8dc;font-variant-numeric:tabular-nums}.journal-card .ledger-delta{padding:2px 5px;background:#e15b4f12;border:1px solid #a7544566;text-align:center;font-size:.74rem}.journal-card .ledger-delta.gain{background:#cba55d12;border-color:#9e876077;color:#d0b27f}.journal-card .ledger-before{color:#9faaa1}.journal-card .ledger-after{font-weight:700}.journal-card .ledger-change-arrow{color:#9e8760;margin:0 5px}
.journal-card .journal-dice{flex-wrap:wrap;row-gap:6px;margin-top:7px}.journal-card .journal-dice strong{margin-left:8px;font-size:.85rem}.journal-empty{padding:24px 16px;border:1px dashed #756c5d88;text-align:center;color:#bdb3a1}.journal-empty>strong{font:400 1.3rem Georgia,serif}.journal-empty p{font-size:.8rem;margin:12px 0 0}
@media(max-width:1000px){.journal-records-panel .table-layout{grid-template-columns:1fr}.journal-records-panel .table-paper:not(.journal){min-height:0}}
@media(max-width:600px){.journal-records-panel .table-paper.journal{padding-inline:14px}.journal-search,.journal-author{flex:1 1 100%}.journal-feed .journal-card{padding:10px}.journal-card .ledger-changes>div{grid-template-columns:minmax(80px,1fr) minmax(110px,1.2fr);gap:7px}.journal-entry-header{gap:7px}.journal-type{min-height:32px;padding:6px;font-size:.68rem}.journal-compose{grid-template-columns:1fr}.journal-compose button{justify-self:end}.journal .table-paper-head{margin-inline:-14px;padding-inline:14px}}

.journal-subject{margin:-2px 0 7px;font-size:.74rem;line-height:1.55;color:#bdb3a1;overflow-wrap:anywhere}

.journal-card .ledger-target:first-of-type{margin-top:6px;padding-top:0;border-top:0}.journal-card .journal-dice .die{width:28px;height:28px;font-size:.85rem}.journal-records-panel .journal .table-paper-head{padding-block:10px;margin-bottom:12px}.journal-compose button{min-height:36px}

.journal-compose{border-bottom-color:#756c5d66}.journal-compose textarea{color:#eee8dc}.journal-tools input::placeholder,.journal-compose textarea::placeholder,.journal-records-panel .inline-add input::placeholder{color:#969e92;opacity:1}.journal-type[aria-pressed=true]{box-shadow:none}.journal-type::before{content:'';width:5px;height:5px;flex:0 0 5px;transform:rotate(45deg);background:var(--journal-accent);opacity:.45}.journal-type[aria-pressed=true]::before{opacity:1}.journal-reset:hover{color:#eee8dc}.journal-feed .journal-card p{color:#d8d3c6}.journal-card .journal-meta{color:#bdb3a1}.journal-card .ledger-delta.spend{color:#e68d7f}.journal-card .ledger-after{color:#eee8dc}.journal-card .die{background:#202b2b;border-color:#84735b;color:#eee8dc}.journal-card .die.best{background:#ba4236;border-color:#e15b4f;color:#fff6e6}
.journal-records-panel .journal-feed::-webkit-scrollbar{width:8px}.journal-records-panel .journal-feed::-webkit-scrollbar-track{background:#172323}.journal-records-panel .journal-feed::-webkit-scrollbar-thumb{background:#9e8760;border:2px solid #172323;border-radius:5px}.journal-records-panel .journal-feed::-webkit-scrollbar-thumb:hover{background:#d0b27f}
@media(max-width:600px){.journal-records-panel>#journal-records{padding:0 10px 10px}.journal-records-panel>summary{padding:12px;font-size:1.03rem}}

.journal-records-panel .clock-pips button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent;box-shadow:none;transform:none}.journal-records-panel .clock-pips button::before{content:'';display:block;width:18px;height:18px;box-sizing:border-box;border:1px solid #a38c66;background:#202b2b;transform:rotate(45deg)}.journal-records-panel .clock-pips button.filled{background:transparent;border:0}.journal-records-panel .clock-pips button.filled::before{background:#e15b4f;border-color:#e15b4f}.journal-records-panel .clock-pips button:hover:enabled::before{border-color:#edcda0}.journal-card .ledger-delta.neutral{color:#bdb3a1;background:#ffffff08;border-color:#756c5d66}.ledger-clock-history{margin-top:10px;border-top:1px solid #756c5d44;padding-top:8px}.ledger-clock-history>summary{cursor:pointer;color:#d0b27f;font-size:.72rem}.ledger-clock-history ol{list-style:none;padding:0;margin:8px 0 0}.ledger-clock-history li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:5px 0;border-top:1px solid #756c5d33;font-size:.72rem;color:#cbc4b8}.ledger-clock-history time{color:#9faaa1}.ledger-clock-history b{margin-left:auto;color:#d0b27f}.ledger-clock-history small{color:#bdb3a1;font-size:.7rem}
.journal-records-panel{overflow-anchor:none}.journal-records-panel .journal-feed{overflow-anchor:none;scroll-behavior:auto}