:root{--paper: #ffffff;--ink: #141414;--ink-2: #555555;--rule: #d4d4d4;--rule-soft: #ececec;--wash: #f5f5f5;--navy: #1f3f66;--key: #c4501a;--font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", Meiryo, system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.9;margin:0}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}.wrap{max-width:42rem;margin:0 auto;padding-block:0 5rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}h1,h2,h3,h4{text-wrap:balance;line-height:1.4;margin:0;color:var(--ink)}p{margin:0}a{color:var(--navy);text-underline-offset:.15em}button{font:inherit;color:inherit}button:focus-visible,summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}code{font-family:var(--font-mono);font-size:.88em}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1px solid var(--rule)}.topbar-in{max-width:42rem;margin:0 auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-block:.55rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.crumb{font-size:.8rem;color:var(--ink-2);min-width:0;flex:1 1 12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb b{color:var(--ink);font-weight:500}@media(max-width:480px){body{font-size:15.5px}}.updatebar{border-top:1px solid var(--rule)}.updatebar-in{max-width:42rem;margin:0 auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-block:.35rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:.82rem;line-height:1.6}.updatebar-btn{border:1px solid var(--ink);background:none;border-radius:2px;font-size:.76rem;padding:0 .6rem;cursor:pointer}.shelf{padding-block:2.25rem 1rem;display:grid;gap:.9rem}.shelf h1{font-size:1.4rem;font-weight:700;color:var(--navy)}.shelf-empty{font-size:.95rem;color:var(--ink-2)}.shelf-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{border:1px solid var(--ink);background:none;border-radius:2px;font-size:.85rem;line-height:1.6;padding:.2rem 1rem;cursor:pointer}.btn:hover:not(:disabled){color:var(--navy);border-color:var(--navy)}.btn:disabled{border-color:var(--rule);color:var(--ink-2);cursor:not-allowed}