:root{--bg:#fffaf8;--surface:#fff;--border:#f0dfdc;--text:#3d3330;--muted:#8b7b76;--accent:#e4738a;--accent-ink:#fff;--accent-soft:#fdeef1;--logo-ink:#4a352f;--star:#f0a93a;--link:#3a6ea5;--danger:#c0392b;--danger-soft:#fdf0ee;--radius:14px;--shadow:0 1px 2px #3d33300f, 0 6px 18px #3d33300d}@media (prefers-color-scheme:dark){:root{--bg:#1c1719;--surface:#262022;--border:#3a3033;--text:#f2e9e7;--muted:#a99a96;--accent:#e4738a;--accent-ink:#1c1719;--accent-soft:#3a2a2e;--logo-ink:#ead9d3;--star:#f0b45a;--link:#8fbce8;--danger:#e8776a;--danger-soft:#3a2320;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040}}*{box-sizing:border-box}h1,h2,h3,p,li,span,strong,input,textarea,button,a{overflow-wrap:anywhere;word-break:normal}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7;overflow-x:hidden}a{color:var(--link)}.shell{max-width:640px;padding:16px 16px 64px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(64px, env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.brand{align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.btn-quiet{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 2px;font-size:.8rem;text-decoration:underline}.btn-quiet:hover{color:var(--text)}.mascot{image-rendering:auto;height:auto;display:block}.mascot-frame{line-height:0;display:inline-block}.hero{text-align:center}.hero .mascot{margin-inline:auto}.hero .brand-mark{justify-content:center;margin-top:6px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}h1{margin:0 0 4px;font-size:1.35rem}h2{margin:0 0 12px;font-size:1.05rem}h3{margin:0;font-size:.95rem}.muted{color:var(--muted);font-size:.875rem}.tiny{font-size:.8rem}.btn{border:1px solid var(--border);background:var(--surface);max-width:100%;min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.05)}.btn-inline{width:auto;min-height:40px;padding:8px 14px;font-size:.9rem}.btn:disabled{opacity:.6;cursor:progress}label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.field+.field{margin-top:20px}.req{color:var(--accent);margin-left:4px;font-size:.8rem}.opt{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:400}input[type=text],input[type=email],input[type=password],input[type=url],input[type=date],textarea{width:100%;max-width:100%;font-family:inherit;font-size:max(16px,1rem);line-height:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px}input:focus-visible,textarea:focus-visible,.btn:focus-visible,.chip:focus-visible,.star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:110px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip:has(input:checked){background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.stars{flex-flow:row-reverse wrap-reverse;justify-content:flex-end;gap:2px;display:flex}.star{color:var(--border);cursor:pointer;padding:4px;font-size:1.9rem;line-height:1;position:relative}.star input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.star:has(input:checked){color:var(--star)}.star:has(input:checked)~.star{color:var(--star)}.rating-clear{margin-top:8px}.stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stats>div{min-width:0}.stat-value{overflow-wrap:anywhere;font-size:1.2rem;font-weight:700}.stat-value.stat-date{white-space:nowrap;font-size:.85rem;line-height:1.5}.stat-label{color:var(--muted);font-size:.75rem}.list{margin:0;padding:0;list-style:none}.list li+li{border-top:1px solid var(--border)}.list a,.list .entry{color:inherit;padding:12px 0;text-decoration:none;display:block}.list a:hover h3{color:var(--accent)}.stars-read{color:var(--star);letter-spacing:1px}.stars-read .off{color:var(--border)}.notice{background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.875rem}.error{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.placeholder{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:10px;padding:14px;font-size:.85rem}.empty{text-align:center;color:var(--muted);padding:24px 8px;font-size:.9rem}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60svh;padding:48px 16px;display:flex}.loading-label{color:var(--muted);letter-spacing:.04em;margin:0;font-size:.9rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-entry{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:max(16px,1rem);text-decoration:none;display:block}.search-entry:hover{border-color:var(--accent)}.search-chips{margin-top:12px}.chip-selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.category-chips{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.list .category-chips{margin:6px 0 0}.chip-static{cursor:default;background:var(--accent-soft);border-color:var(--accent-soft);min-height:0;color:var(--text);padding:3px 10px;font-size:.8rem}@media (prefers-color-scheme:dark){.mascot-frame{padding:calc(var(--mascot-size,85px) * .1);border-radius:calc(var(--mascot-size,85px) * .28);background:#fefaf9}}.toilet-line{margin:6px 0 0}.toilet-note{margin:2px 0 0;padding-left:1.6em}.toilet-note,.toilet-note-inline{white-space:pre-wrap;overflow-wrap:anywhere}.latest-toilet{align-items:center;gap:12px;padding:12px 16px;display:flex}.latest-toilet-icon{text-align:center;flex:none}.toilet-icon{color:var(--text);margin-inline:auto;display:block}.toilet-icon-inline{vertical-align:-3px;display:inline-block}.latest-toilet-date{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:.7rem;display:block}.latest-toilet-body{flex:auto;min-width:0}.latest-toilet-summary{overflow-wrap:anywhere;margin:0;font-size:.85rem}span.latest-toilet-summary{display:inline}.toilet-memo{margin:0}.toilet-memo>summary{cursor:pointer;padding:2px 0;list-style:none;display:block}.toilet-memo>summary::-webkit-details-marker{display:none}.toilet-more{color:var(--accent);white-space:nowrap;margin-left:8px;font-size:.8rem;text-decoration:underline}.media-section{margin-top:10px}.media-section-title{color:var(--muted);letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:700}.photo-strip,.photo-pending{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.photo-strip li,.photo-pending li{position:relative}.photo-thumb{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;width:88px;height:88px;padding:0;display:block;overflow:hidden}.photo-thumb-static{cursor:default}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumb-missing{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.photo-pending-item img{object-fit:cover;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:88px;height:88px;display:block}.photo-pending-item.is-uploading img{opacity:.5}.photo-pending-item.is-error img{outline:2px solid var(--danger);outline-offset:-2px}.photo-state{text-align:center;color:#fff;background:#00000073;border-radius:0 0 10px 10px;padding:2px 4px;font-size:.7rem;position:absolute;bottom:0;left:0;right:0}.photo-remove{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0;font-size:1rem;line-height:1;position:absolute;top:-6px;right:-6px}.photo-remove:hover{color:var(--danger);border-color:var(--danger)}.photo-rejected{border:1px solid var(--danger);background:var(--danger-soft);border-radius:10px;margin:10px 0 0;padding:12px 14px;font-size:.85rem;list-style:none}.photo-rejected li+li{margin-top:10px}.photo-dialog{border-radius:var(--radius);background:var(--surface);width:min(100%,720px);max-width:100%;max-height:100svh;color:var(--text);border:0;padding:16px}.photo-dialog::backdrop{background:#000000b3}.photo-dialog-body{flex-direction:column;gap:12px;display:flex}.photo-dialog-canvas{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.photo-dialog-body img{object-fit:contain;background:var(--bg);border-radius:10px;width:100%;height:auto;max-height:70svh}.photo-dialog-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.photo-dialog-hint{text-align:center;margin:0}.photo-dialog.is-immersive{background:#000;border:0;border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.photo-dialog.is-immersive::backdrop{background:#000}.photo-dialog.is-immersive .photo-dialog-body{box-sizing:border-box;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);gap:0}.photo-dialog.is-immersive .photo-dialog-canvas{cursor:zoom-out;flex:auto;min-height:0}.photo-dialog.is-immersive .photo-dialog-body img{object-fit:contain;background:#000;border-radius:0;width:100%;height:100%;max-height:none}.photo-dialog.is-immersive .photo-dialog-bar,.photo-dialog.is-immersive .photo-dialog-hint,.photo-dialog.is-immersive .photo-dialog-close{display:none}.danger-zone{margin-top:40px}.danger-sep{border:0;border-top:1px solid var(--border);margin:0 0 20px}.btn-quiet-danger{min-height:44px;color:var(--muted);background:0 0;border-color:#0000;padding:10px 16px;font-size:.9rem;font-weight:500}.btn-quiet-danger:hover{border-color:var(--danger);color:var(--danger)}.confirm{border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);padding:16px}.confirm-heading{color:var(--danger);margin:0 0 8px;font-weight:700}.confirm-message{margin:0;font-size:.9rem}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{border-color:var(--danger);filter:brightness(1.05)}.add-row{align-items:stretch;gap:8px;display:flex}.add-row input{flex:auto;min-width:0}.add-row .btn{flex:none}@media (max-width:360px){.stats{text-align:left;grid-template-columns:1fr}.add-row{flex-wrap:wrap}.add-row .btn{width:100%}}