.koto{max-width:1060px;margin:auto}.koto .heading h1{margin-top:6px}.koto-tabs{display:flex;gap:6px;overflow:auto;margin:20px 0}.koto-tabs button{white-space:nowrap}.koto-tabs .active{background:var(--accent,#294e49);color:white}.koto-card{border:1px solid var(--border,#dce1e7);border-radius:10px;background:var(--panel,#fff);padding:24px;margin:18px 0}.koto-card h2{font-size:18px;margin:0 0 18px}.koto-card label{display:block;margin:12px 0;font-size:13px}.koto-card input:not([type=checkbox]):not([type=range]),.koto-card textarea{display:block;width:100%;margin-top:7px}.koto-card textarea{min-height:90px}.koto-card input[type=checkbox]{width:auto}.koto-notice{background:#f2f4ed;border:1px solid #d7ddcb;border-radius:8px;padding:20px;line-height:1.8}.koto-login{max-width:520px;margin:24px auto}.koto-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.koto-sync{font-size:12px;color:var(--muted,#667);padding:8px 0}.koto-sync button{margin-left:8px}.koto-people{display:flex;flex-wrap:wrap;gap:20px}.koto-person{display:inline-flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere}.koto-person img,.koto-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;flex-shrink:0}.koto-avatar{display:grid;place-items:center;background:#e7eeea;color:#456f61}.koto-person strong{font-size:14px}.koto-person small,.koto-story small,.koto-book small{display:block;color:var(--muted,#78838c);margin-top:4px;font-size:12px}.koto-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border,#e1e5e9)}.koto-row .koto-person{flex:1}.koto-book{display:block;text-align:left;width:100%;padding:18px;margin:12px 0;white-space:normal}.koto-book p,.koto-intro,.koto-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.koto-notification{padding:14px 0;border-bottom:1px solid var(--border,#ddd)}.koto-notification.read{opacity:.65}.koto-notification button{margin-left:10px}.koto-story{display:flex!important;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border,#e4e7ea)}.koto-story span{flex:1}.koto-preview{max-height:55vh;overflow:auto}.koto-preview pre{font:inherit;white-space:pre-wrap;line-height:2;overflow-wrap:anywhere}.koto-reader-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;margin:24px 0}.koto-reader-layout nav button{display:block;width:100%;text-align:left;margin-bottom:8px;white-space:normal}.koto-reader-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:'Noto Serif JP','Yu Mincho',serif;font-size:18px;line-height:2;max-width:42em;min-height:180px}.koto-reader-body.vertical{writing-mode:vertical-rl;text-orientation:mixed;height:65vh;max-width:100%;overflow:auto;padding:20px;line-break:strict}.koto-comment{padding:18px 0;border-bottom:1px solid var(--border,#ddd)}.koto-comment>small{display:block;margin:8px 0;color:var(--muted,#789)}.koto-status{font-size:11px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.koto code{overflow-wrap:anywhere}.koto select{max-width:100%}[data-theme=dark] .koto-card{background:#222b35}[data-theme=dark] .koto-notice{background:#30382d;color:#dde7d6}@media(max-width:700px){.koto-card{padding:16px}.koto .heading{align-items:flex-start;gap:10px}.koto .heading h1{font-size:24px}.koto-reader-layout{display:block}.koto-reader-layout nav{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.koto-reader-layout nav button{min-width:130px}.koto-story{flex-wrap:wrap}.koto-story span{min-width:65%}.koto-status{max-width:90px;font-size:10px}.koto-row{flex-wrap:wrap}.koto-notification button{margin:8px 8px 0 0}}