.brand-button{white-space:nowrap}.project-menu{position:relative;flex-shrink:0}.project-menu summary,.library-project-menu summary{list-style:none;cursor:pointer;padding:8px;min-width:32px;min-height:36px;text-align:center}.project-menu>div,.library-project-menu>div{position:absolute;right:0;top:34px;z-index:55;min-width:160px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:6px;box-shadow:0 4px 18px #0002}.project-menu>div button,.library-project-menu>div button{display:block;width:100%;text-align:left;border:0;font-size:12px;white-space:nowrap}.friends-button{font-size:21px;min-width:36px;border:0;padding:4px 9px}.writer-status #liveWordCount{font-size:11px;font-weight:500;color:var(--text);min-width:65px;white-space:nowrap}.writer-status>span{font-size:9px}.document-meta[hidden]{display:none}.chapter-heading{margin-bottom:30px}.library-project{position:relative;padding:0;gap:0}.project-open{display:flex;align-items:center;text-align:left;gap:20px;border:0;border-radius:0;background:transparent;flex:1;min-width:0;padding:22px 12px}.project-open .project-info{min-width:0}.project-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-project-menu{position:relative;flex-shrink:0;margin:0 8px}.upcoming-friends{padding:70px 20px;text-align:center;color:var(--muted)}.upcoming-friends>span{font-size:45px;color:var(--accent)}.upcoming-friends h2{font-size:20px;margin:24px 0 12px;color:var(--text)}.upcoming-friends p{font-size:13px;line-height:1.9}.split-summary{font-size:12px;line-height:1.9}.split-preview{display:grid;grid-template-columns:1fr 1fr;gap:15px}.split-preview section{min-width:0;background:var(--bg);padding:13px;border:1px solid var(--line);border-radius:4px}.split-preview h3{font-size:12px}.split-preview pre{font:12px/1.9 'Noto Serif JP',serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:230px;overflow:auto}.chapter-row.dragging{opacity:.45}.chapter-row.drop-target{border-top:2px solid var(--accent)}.chapter-group.drop-target,.ungrouped-drop.drop-target{outline:2px dashed var(--accent);background:var(--hover)}.ungrouped-drop{font-size:10px;color:var(--muted);padding:6px 7px;min-height:27px}.chapter-row[draggable=true]{cursor:grab}.chapter-title{cursor:inherit}.vertical-timeline{margin-top:28px;max-width:950px}.timeline-event{display:grid;grid-template-columns:165px minmax(0,1fr);position:relative}.timeline-time{font-size:12px;line-height:1.8;color:var(--accent);padding:16px 20px 20px 0;overflow-wrap:anywhere}.timeline-time small{display:block;font-size:10px;color:var(--muted)}.timeline-event-content{position:relative;border-left:2px solid var(--line);padding:10px 0 28px 27px}.timeline-event-content:before{content:'';width:9px;height:9px;border:2px solid var(--panel);background:var(--accent);border-radius:50%;position:absolute;left:-7px;top:21px}.timeline-event-heading{display:flex;align-items:start;gap:10px;margin-bottom:8px}.timeline-event .event-title{font-size:15px;font-weight:500;flex:1;text-align:left;border:0;background:transparent;padding:5px 0}.timeline-order{display:flex;gap:4px}.timeline-order button{font-size:11px;min-height:32px;padding:4px 9px}.timeline-event-content p{font-size:12px;line-height:1.9;white-space:pre-wrap;margin:12px 0}.timeline-event-content>small{font-size:11px}.timeline-episode button{font-size:11px;text-align:left;white-space:normal}
@media(max-width:1050px){.project-open{gap:14px}.project-open>small{font-size:10px}.current-project{gap:4px}.brand-button{font-size:18px}}
@media(max-width:700px){.appbar{grid-template-columns:78px minmax(0,1fr) 44px 32px 40px}.appbar>.brand-button{font-size:16px;letter-spacing:.02em}.appbar .current-project{grid-column:2/4;max-width:100%}.appbar .compact-switch{grid-column:5;width:32px}.appbar .friends-button{grid-column:4;grid-row:1;font-size:20px;padding:3px;min-width:0;min-height:36px}.appbar>strong{grid-column:2/4;grid-row:1;font-size:13px}.project-menu summary{min-height:36px;padding:5px}.project-menu>div button{min-height:44px}.project-open{gap:10px;padding:17px 0}.project-open .project-thumb{width:38px;height:50px;flex-shrink:0}.project-open .badge{display:none}.project-open>.project-info strong{font-size:13px}.project-open>small{display:none}.library-project-menu{margin:0}.library-project-menu summary{min-width:44px;min-height:44px}.library-project-menu button{min-height:44px}.writer-status{gap:0;flex-wrap:wrap;min-height:38px}.writer-status #liveWordCount{font-size:10px;min-width:58px}.writer-status>span{display:none}.writer-status button{font-size:10px;flex:1;padding:3px;white-space:nowrap}.split-preview{grid-template-columns:1fr}.split-preview pre{max-height:140px}.timeline-event{grid-template-columns:90px minmax(0,1fr)}.timeline-time{font-size:11px;padding-right:12px}.timeline-event-content{padding-left:17px}.timeline-event .event-title{font-size:13px}.timeline-order button{min-height:40px;min-width:34px;padding:5px}.timeline-event-content p{font-size:12px}}
.drag-grip{font-size:14px;color:var(--muted);padding:9px 3px 9px 0;cursor:grab;user-select:none;touch-action:none;flex-shrink:0}.drag-grip:active{cursor:grabbing}@media(pointer:coarse){.drag-grip{display:none}}