.shelf-page{min-height:100vh;max-width:960px;margin:0 auto;padding:3rem 1.5rem 4.5rem;background:var(--bg);color:var(--text)}.shelf-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 2rem}.shelf-brand{min-width:0}.shelf-logo{margin:0;font-family:var(--font-serif);font-size:2rem;font-weight:600;letter-spacing:.02em;color:var(--text)}.shelf-tagline{margin:.35rem 0 0;font-size:.85rem;color:var(--muted)}.shelf-stats{display:flex;gap:2rem;margin:0}.shelf-stat{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.shelf-stat-num{margin:0;font-family:var(--font-mono);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.shelf-stat-num--accent{color:var(--accent)}.shelf-stat-label{margin-top:.3rem;font-size:.75rem;color:var(--muted)}.shelf-rule{height:0;margin:2.25rem 0;border:0;border-top:1px solid var(--border)}.graph{margin:0}.graph-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-bottom:1rem;font-size:.75rem;color:var(--muted)}.graph-legend-label{margin:0 .25rem}.graph-legend-swatch{width:11px;height:11px;border-radius:2px;background:var(--g0)}.graph-scroll{overflow-x:auto;padding-bottom:.5rem}.graph-grid{display:inline-flex;gap:3px}.graph-week{display:flex;flex-direction:column;gap:3px}.graph-cell{width:11px;height:11px;border-radius:2px;background:var(--g0);transition:transform .08s ease}.graph-cell:hover{transform:scale(1.25)}.graph-cell[data-level="0"],.graph-legend-swatch[data-level="0"]{background:var(--g0)}.graph-cell[data-level="1"],.graph-legend-swatch[data-level="1"]{background:var(--g1)}.graph-cell[data-level="2"],.graph-legend-swatch[data-level="2"]{background:var(--g2)}.graph-cell[data-level="3"],.graph-legend-swatch[data-level="3"]{background:var(--g3)}.graph-cell[data-level="4"],.graph-legend-swatch[data-level="4"]{background:var(--g4)}.graph-note{margin:1rem 0 0;font-size:.78rem;color:var(--muted)}.shelf{margin:0}.shelf-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:1.5rem}.shelf-heading{margin:0;font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--text)}.shelf-subtitle{margin:0;font-size:.8rem;color:var(--muted)}.shelf-empty{color:var(--muted);font-size:.95rem}.shelf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:560px){.shelf-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:840px){.shelf-grid{grid-template-columns:repeat(3,1fr)}}.shelf-card{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.15rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.shelf-card-date{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.shelf-card-link{font-family:var(--font-serif);font-size:1.05rem;color:var(--text);text-decoration:none}.shelf-card-link:hover{color:var(--accent)}.shelf-card-mark{color:var(--accent-light)}.shelf-card-name{font-family:var(--font-serif);font-size:1.05rem;color:var(--text)}.shelf-nav{margin-top:3rem}.shelf-log-link{font-size:.8rem;color:var(--muted);text-decoration:none}.shelf-log-link:hover{color:var(--accent);text-decoration:underline}.shelf-error{color:var(--muted);font-size:.95rem}@media(max-width:559px){.shelf-header{flex-direction:column;align-items:flex-start}.shelf-stats{gap:1.5rem}}.log-page{min-height:100vh;background:var(--bg);color:var(--text)}.log-page>*{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}.log-gate{display:flex;flex-direction:column;gap:.85rem;max-width:380px;margin:0 auto;padding-top:4rem}.log-gate-title{margin:0 0 .5rem;font-family:var(--font-serif);font-weight:600;font-size:1.6rem;letter-spacing:.04em}.log-field{display:flex;flex-direction:column;gap:.4rem}.log-field label,.log-field-label{font-size:.82rem;font-weight:600;color:var(--text)}.log-page input,.log-page textarea{width:100%;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem}.log-page input::placeholder,.log-page textarea::placeholder{color:var(--muted)}.log-error{margin:0;color:var(--accent);font-size:.9rem}.log-btn-primary{align-self:flex-start;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:.55rem 1.4rem;cursor:pointer}.log-btn-primary:disabled{opacity:.45;cursor:not-allowed}.log-btn-ghost{font:inherit;font-size:.85rem;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .85rem;cursor:pointer}.log-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.log-btn-quiet{font:inherit;font-size:.82rem;color:var(--muted);background:transparent;border:none;padding:.3rem .4rem;cursor:pointer}.log-btn-quiet:hover{color:var(--text)}.log-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.log-brand{display:flex;align-items:baseline;gap:.5rem}.log-brand-logo{font-family:var(--font-serif);font-weight:600;font-size:1.3rem;letter-spacing:.02em}.log-brand-sub{font-size:.75rem;color:var(--muted)}.log-nav{display:flex;gap:.5rem;margin-left:auto}.log-tab{font:inherit;font-size:.9rem;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;padding:.25rem .4rem .35rem;cursor:pointer}.log-tab:hover{color:var(--text)}.log-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.view-head{margin-bottom:.4rem}.view-title{margin:0;font-family:var(--font-serif);font-weight:600;font-size:1.25rem;letter-spacing:.02em}.view-sub{margin:.25rem 0 0;font-size:.85rem;color:var(--muted)}.entry-form{display:flex;flex-direction:column;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.5rem}.entry-neta{min-height:120px;resize:vertical;line-height:1.6}.segment{display:inline-flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;width:fit-content}.segment-item{font:inherit;font-size:.85rem;color:var(--muted);background:var(--card);border:none;border-right:1px solid var(--border);padding:.45rem 1rem;cursor:pointer}.segment-item:last-child{border-right:none}.segment-item.is-active{color:#fff;background:var(--accent)}.entry-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;padding-top:1rem;border-top:1px solid var(--border)}.entry-footer-note{font-size:.82rem;color:var(--muted)}.entry-footer-count{font-family:var(--font-mono);font-size:.85rem;color:var(--text)}.backlog{display:flex;flex-direction:column;gap:1rem}.backlog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.backlog-count{display:flex;align-items:baseline;gap:.3rem;flex-shrink:0}.backlog-count-num{font-family:var(--font-mono);font-size:2rem;font-weight:600;line-height:1;color:var(--accent)}.backlog-count-label{font-size:.78rem;color:var(--muted)}.backlog-empty{margin:0;padding:2.5rem 0;text-align:center;color:var(--muted)}.backlog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.backlog-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.backlog-item-head{display:flex;align-items:center;gap:.6rem}.backlog-item-date{font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.chip{font-size:.74rem;font-weight:600;padding:.1rem .55rem;border-radius:999px}.chip-harvest{color:var(--chip-harvest-fg);background:var(--chip-harvest-bg)}.chip-convert{color:var(--chip-convert-fg);background:var(--chip-convert-bg)}.backlog-item-neta{margin:0;white-space:pre-wrap;line-height:1.65}.backlog-item-convert{display:flex;flex-direction:column;gap:.55rem;padding-top:.6rem;border-top:1px solid var(--border)}.backlog-item-convert-label{font-size:.8rem;color:var(--muted)}.backlog-item-actions{display:flex;flex-wrap:wrap;gap:.5rem}.backlog-item-link{display:flex;gap:.5rem;align-items:center}.backlog-item-link input{flex:1;min-width:0}.backlog-foot-note{margin:.5rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.7}@media(max-width:520px){.log-header{gap:.5rem}.log-nav{order:3;width:100%;margin-left:0}.log-btn-quiet{margin-left:auto}.entry-form{padding:1.15rem}.backlog-item-link{flex-direction:column;align-items:stretch}}:root{--font-serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--font-sans: "Hiragino Sans", "Yu Gothic", "YuGothic", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius: 6px;--shadow-card: 0 20px 50px rgba(60, 50, 35, .1);--g0: #ede8da;--g1: #d2d7b4;--g2: #aebc86;--g3: #849659;--g4: #5e6e39;--chip-harvest-bg: rgba(168, 85, 47, .12);--chip-harvest-fg: #a8552f;--chip-convert-bg: rgba(94, 110, 57, .14);--chip-convert-fg: #5e6e39}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:#2a2520;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent, #a8552f);outline-offset:2px}.shelf-page{--bg: #fdfcfa;--card: #ffffff;--border: #ece6da;--text: #2a2520;--muted: #6b6156;--accent: #a8552f;--accent-light: #b87a50}.log-page{--bg: #f6f3ec;--card: #ffffff;--border: #e6e0d3;--text: #2a2520;--muted: #8a8072;--accent: #a8552f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}