:root{font-family:Inter,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif;color:#282522;background:#f4f1ea;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;background:#f4f1ea}button{font:inherit}button:focus-visible{outline:3px solid #9c6d23;outline-offset:3px}.loading-screen,.error-screen{min-height:100vh;display:grid;place-content:center;padding:32px;text-align:center}.library-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}.library-header{margin-bottom:44px}.library-header h1{margin:6px 0 12px;font-size:clamp(2.2rem,7vw,4rem)}.library-header code{font-size:.8em}.compare-launch{margin-top:12px;padding:9px 13px;color:#fff;background:#76531d;border:0;border-radius:7px;cursor:pointer}.eyebrow{margin:0;color:#806536;font-size:.75rem;font-weight:800;letter-spacing:.2em}.library-shell section{margin-top:40px}.library-shell section h2{margin:4px 0 18px;font-size:1.5rem}.folder-path{margin:0;color:#847b6c;font-size:.78rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}.book-card{min-height:142px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:20px;color:inherit;text-align:left;background:#fffdf8;border:1px solid #d8d0c2;border-radius:10px;box-shadow:0 8px 28px #372d1f12;cursor:pointer}.book-card:hover{border-color:#a88950;transform:translateY(-1px)}.book-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.15rem;font-weight:700}.book-meta{display:flex;justify-content:space-between;gap:8px;color:#736c61;font-size:.75rem}.library-search input{width:100%;min-height:46px;padding:10px 14px;border:1px solid #c9bfaf;border-radius:9px;background:#fffdf8;font:inherit}.search-count{margin:9px 0;color:#736c61;font-size:.82rem}.search-results{max-height:330px;display:grid;gap:7px;overflow:auto}.search-results button{display:grid;gap:4px;padding:10px 12px;text-align:left;color:inherit;background:#fffdf8;border:1px solid #d8d0c2;border-radius:8px;cursor:pointer}.search-results span{overflow:hidden;color:#736c61;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.history-list{display:grid;gap:18px}.history-list h3{margin:0 0 7px;color:#806536;font-size:.85rem}.history-list p{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;margin:5px 0;padding:8px 10px;background:#fffdf8;border-radius:7px}.history-list time,.history-list span{color:#736c61;font-size:.76rem}.update-notice{position:fixed;z-index:30;top:12px;left:50%;display:flex;align-items:center;gap:14px;width:min(calc(100% - 24px),520px);padding:10px 12px;transform:translate(-50%);color:#fff;background:#55401f;border-radius:9px;box-shadow:0 10px 32px #00000040}.update-notice span{flex:1}.update-notice button{padding:7px 11px;color:#3b2c1d;background:#fff5dc;border:0;border-radius:6px;cursor:pointer}.reader-screen{--paper:#fffdf7;--ink:#24211e;--chrome:#ece7dc;--line:#d4ccbd;position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--ink);background:var(--chrome);overflow:hidden;overscroll-behavior:none}.reader-screen.theme-dark{--paper:#201f1d;--ink:#ede9df;--chrome:#121210;--line:#49453e}.reader-screen.theme-sepia{--paper:#f2e5c7;--ink:#3b2c1d;--chrome:#d8c7a5;--line:#bba681}.reader-header{min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.reader-header p,.reader-header h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header p{opacity:.65;font-size:.68rem}.reader-header h1{font-size:.95rem}.chrome-button,.settings-button,.search-button,.annotation-button,.reader-search button,.reader-footer button{min-height:40px;border:1px solid var(--line);border-radius:8px;color:inherit;background:var(--paper);cursor:pointer}.settings-button{width:48px;font-weight:800}.reader-actions{display:flex;gap:6px}.search-button,.annotation-button{width:42px;font-size:1.3rem}.reader-search{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto 40px 40px 40px;gap:6px;width:100%}.reader-search input{min-width:0;padding:7px 10px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;font:inherit}.reader-search output{align-self:center;min-width:54px;text-align:center;font-size:.75rem}.reader-viewport{min-width:0;min-height:0;margin:14px;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 34px #231d1517;overflow:hidden;touch-action:pan-y;-webkit-user-select:text;user-select:text}.reader-viewport.margin-narrow{--reader-pad:clamp(16px,4vw,36px)}.reader-viewport.margin-standard{--reader-pad:clamp(24px,7vw,72px)}.reader-viewport.margin-wide{--reader-pad:clamp(34px,10vw,110px)}.reader-page{width:100%;height:100%;padding:var(--reader-pad);overflow:hidden;color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,serif;overflow-wrap:anywhere}.direction-horizontal .reader-page{writing-mode:horizontal-tb}.direction-vertical .reader-page{writing-mode:vertical-rl;text-orientation:mixed}.reader-page p{margin:0 0 1em;white-space:pre-wrap}.document-fragment{display:contents}.direction-vertical .reader-page p{margin:0 0 0 1em}.document-heading{margin:0 0 .9em;line-height:1.35}.heading-1{font-size:1.65em}.heading-2{font-size:1.4em}.heading-3{font-size:1.2em}.reader-page blockquote{margin:.5em 0 1em;padding:.4em .8em;border-left:3px solid #aa8b50;opacity:.86}.direction-vertical .reader-page blockquote{margin:0 .5em 0 1em;border-left:0;border-top:3px solid #aa8b50}.list-item{display:flex;gap:.5em;margin-bottom:.45em}.reader-page hr{width:56%;margin:1.5em auto;border:0;border-top:1px solid currentColor;opacity:.35}.code-block,.plain-document{margin:0;white-space:pre-wrap;font:.88em/1.65 ui-monospace,Cascadia Mono,monospace}.code-block{padding:.8em;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:6px}.reader-page mark{color:inherit;border-radius:2px}.reader-page .search-highlight{background:#f2d66f;box-shadow:0 0 0 1px #c79720}.annotation-highlight.color-yellow{background:#f4df71}.annotation-highlight.color-green{background:#a8df9d}.annotation-highlight.color-blue{background:#9ed7ef}.reader-footer{min-height:58px;display:grid;grid-template-columns:minmax(74px,110px) 1fr minmax(74px,110px);align-items:center;gap:12px;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:1px solid var(--line)}.reader-footer output{text-align:center;font-variant-numeric:tabular-nums}.reader-footer button:disabled{opacity:.35;cursor:default}.settings-backdrop{position:fixed;inset:0;z-index:10;background:transparent}.settings-panel{position:absolute;top:max(68px,calc(env(safe-area-inset-top) + 58px));right:max(14px,env(safe-area-inset-right));width:min(360px,calc(100vw - 28px));max-height:calc(100svh - 92px);overflow:auto;padding:18px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px #0000003d}.settings-panel h2{margin:0 0 12px;font-size:1rem}.settings-panel fieldset{margin:0;padding:12px 0;border:0;border-top:1px solid var(--line)}.settings-panel legend{padding:0 0 7px;font-size:.75rem;font-weight:800}.setting-options{display:flex;flex-wrap:wrap;gap:6px}.setting-option{min-height:36px;padding:6px 10px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;cursor:pointer}.setting-option.active{color:#fff;background:#76531d;border-color:#76531d}.annotation-panel{position:fixed;z-index:20;top:0;right:0;width:min(380px,calc(100vw - 20px));height:100%;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));color:var(--ink);background:var(--paper);border-left:1px solid var(--line);box-shadow:-16px 0 44px #0003;overflow:auto}.annotation-panel>header{display:flex;align-items:center;justify-content:space-between}.annotation-panel h2,.annotation-panel h3{margin:0}.annotation-panel>header button,.annotation-panel section>button,.color-actions button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.annotation-panel section{margin-top:18px}.annotation-panel textarea{width:100%;min-height:78px;margin:8px 0;padding:9px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;resize:vertical}.annotation-help{color:color-mix(in srgb,var(--ink) 68%,transparent);font-size:.78rem}.color-actions{display:flex;gap:7px;margin-top:8px}.color-red{background:#e9a1a1}.color-yellow{background:#f4df71}.color-green{background:#a8df9d}.color-blue{background:#9ed7ef}.annotation-list{display:grid;gap:7px}.annotation-list h3{margin-bottom:5px}.annotation-item{display:grid;grid-template-columns:minmax(0,1fr) 36px;border-left:5px solid #d5b849;background:color-mix(in srgb,var(--paper) 88%,var(--ink));border-radius:7px}.annotation-item.color-red{border-color:#c65050}.annotation-item.color-blue{border-color:#438aae}.annotation-item.color-green{border-color:#579d59}.annotation-jump{display:grid;gap:2px;padding:9px;text-align:left;color:inherit;background:transparent;border:0;cursor:pointer}.annotation-jump small{opacity:.62}.annotation-delete{color:inherit;background:transparent;border:0;cursor:pointer}.comparison-screen{min-height:100vh;padding:24px;color:#282522;background:#f4f1ea}.comparison-header{display:flex;align-items:center;gap:20px;max-width:1200px;margin:0 auto 18px}.comparison-header p,.comparison-header h1{margin:0}.comparison-header p{color:#806536;font-size:.7rem;letter-spacing:.15em}.comparison-header button{padding:9px 12px;background:#fffdf8;border:1px solid #d8d0c2;border-radius:7px;cursor:pointer}.comparison-selectors{display:flex;align-items:end;justify-content:center;gap:12px;max-width:1200px;margin:0 auto 18px}.comparison-selectors label{display:grid;gap:4px;font-size:.75rem}.comparison-selectors select{max-width:320px;min-height:40px;padding:7px;border:1px solid #c9bfaf;border-radius:7px;background:#fffdf8}.comparison-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;max-width:1200px;margin:auto}.comparison-files,.comparison-reader{background:#fffdf8;border:1px solid #d8d0c2;border-radius:10px;overflow:hidden}.comparison-files{padding:12px}.comparison-files h2{margin:0 0 10px;font-size:1rem}.comparison-files button{width:100%;display:grid;gap:2px;padding:9px;text-align:left;color:inherit;background:transparent;border:0;border-radius:6px;cursor:pointer}.comparison-files button.active{background:#eee3cd}.comparison-files span{color:#736c61;font-size:.72rem}.comparison-reader{min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.comparison-reader>header{padding:16px 22px;border-bottom:1px solid #d8d0c2}.comparison-reader h2,.comparison-reader p{margin:0}.comparison-reader>header p{color:#806536;font-size:.75rem}.comparison-page{padding:24px clamp(22px,6vw,72px);font-family:Yu Mincho,Hiragino Mincho ProN,serif;line-height:1.85;overflow:hidden}.comparison-page p{margin:0;padding:1px 7px;white-space:pre-wrap}.comparison-page .diff-added{background:#dff1df;border-left:3px solid #4c9a55}.comparison-page .diff-deleted{color:#7d4848;background:#f5dddd;border-left:3px solid #ba5555;text-decoration:line-through}.comparison-reader>footer{display:grid;grid-template-columns:100px 1fr 100px;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid #d8d0c2}.comparison-reader output{text-align:center}.comparison-reader footer button{min-height:38px;background:#fff;border:1px solid #d8d0c2;border-radius:7px;cursor:pointer}.comparison-empty{text-align:center}@media(max-width:720px){.comparison-screen{padding:12px}.comparison-layout{grid-template-columns:1fr}.comparison-files{max-height:180px;overflow:auto}.comparison-reader{min-height:600px}.comparison-selectors{align-items:stretch;flex-direction:column}.comparison-selectors>span{display:none}.comparison-selectors select{width:100%;max-width:none}}@media(max-width:520px){.library-shell{width:min(100% - 24px,1080px);padding-top:32px}.book-grid{grid-template-columns:1fr}.reader-header{grid-template-columns:40px minmax(0,1fr) auto;min-height:58px;gap:7px}.reader-actions{gap:4px}.search-button,.annotation-button{width:36px}.settings-button{width:40px}.reader-search{grid-template-columns:minmax(0,1fr) 48px repeat(3,36px);gap:4px}.reader-search button{min-height:36px;padding:4px}.reader-viewport{margin:8px}.reader-footer{min-height:54px}.history-list p{grid-template-columns:48px minmax(0,1fr) auto}}.login-screen{min-height:100svh;display:grid;place-items:center;padding:24px;background:#171614;color:#eee9df}.login-screen form{width:min(100%,420px);display:grid;gap:16px;padding:32px;border:1px solid #625b4e;border-radius:18px;background:#24211d;box-shadow:0 24px 70px #0008}.login-screen h1,.login-screen p{margin:0}.login-screen label{display:grid;gap:8px}.login-screen input[type=password]{font:inherit;padding:12px;border:1px solid #756b59;border-radius:8px;background:#111;color:#fff}.login-screen .remember{display:flex;align-items:center;gap:8px}.login-screen button,.logout-button{font:inherit;border:0;border-radius:8px;padding:11px 18px;background:#b99b62;color:#18130d;font-weight:700}.login-error{color:#ffadad}.logout-button{width:100%;margin-top:12px;background:#6d2c2c;color:#fff}