:root{color:#20242a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#20242a;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4184eb73}.app-shell{color:#f7f8fa;background:#20242a;position:fixed;inset:0;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top-bar,.bottom-bar{z-index:20;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px);background:#111418e8;align-items:center;gap:6px;transition:transform .16s,opacity .16s;display:flex;position:absolute;left:0;right:0}.top-bar{min-height:52px;padding-top:env(safe-area-inset-top);border-bottom:1px solid #ffffff1c;top:0}.bottom-bar{min-height:62px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff1c;justify-content:center;bottom:0}.top-bar.chrome-hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.bottom-bar.chrome-hidden{opacity:0;pointer-events:none;transform:translateY(110%)}.document-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.trail-buttons{gap:2px;display:flex}.toolbar-button,.primary-button,.secondary-button,.text-button,.small-icon-button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:10px}.toolbar-button{color:#f7f8fa;background:#ffffff17;min-height:42px;padding:0 12px}.toolbar-button:hover,.toolbar-button:focus-visible,.small-icon-button:hover,.small-icon-button:focus-visible{background:#ffffff2b}.toolbar-button:disabled,.small-icon-button:disabled{opacity:.35;cursor:default}.icon-only{min-width:42px;padding:0 9px;font-size:1.25rem}.open-file-button{white-space:nowrap;background:#3578e5}.open-file-button:hover,.open-file-button:focus-visible{background:#4387f4}.pdf-viewer{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0;overflow:auto}.empty-viewer{align-items:center}.pdf-canvas{background:#fff;max-width:none;display:block;box-shadow:0 5px 28px #0000006b}.empty-state{text-align:center;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:22px;width:min(420px,100vw - 36px);padding:36px 24px}.empty-logo{letter-spacing:-.06em;margin-bottom:10px;font-size:clamp(2rem,8vw,3.5rem);font-weight:800}.empty-state p{color:#c9ced6;margin:0 0 24px}.empty-state .primary-button,.empty-state .secondary-button{width:100%;margin-top:10px}.primary-button,.secondary-button{min-height:44px;padding:0 18px}.primary-button{color:#fff;background:#3578e5;font-weight:650}.secondary-button{color:#20242a;background:#e7e9ed}.text-button{color:#377ee8;background:0 0;padding:6px 8px}.page-move-button{min-width:82px;font-size:1.02rem}.page-form{justify-content:center;align-items:center;gap:6px;min-width:112px;display:flex}.page-form input{color:#fff;text-align:center;width:62px;height:38px;font:inherit;background:#00000040;border:1px solid #ffffff30;border-radius:9px;font-weight:650}.page-label{color:#b6bcc5;font-size:.82rem}.bookmark-button.is-bookmarked{color:#ffcc45}.drawer-backdrop,.dialog-backdrop{z-index:30;background:#0000007a;border:0;position:absolute;inset:0}.side-drawer{z-index:40;color:#20242a;width:min(420px,92vw);padding-left:env(safe-area-inset-left);background:#f8f9fb;flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:10px 0 34px #0000004d}.drawer-header{min-height:58px;padding:max(8px, env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid #dde1e7;justify-content:space-between;align-items:center;font-size:1.15rem;display:flex}.small-icon-button{min-width:38px;min-height:38px;color:inherit;background:0 0;padding:0 9px;font-size:1.08rem}.danger-button{color:#bd3131}.drawer-tabs{border-bottom:1px solid #d9dde4;grid-template-columns:repeat(3,1fr);display:grid}.drawer-tabs button{color:#565e69;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;font-size:.93rem}.drawer-tabs button.active{color:#1f61bd;border-bottom-color:#3578e5;font-weight:700}.drawer-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.list-section{padding-bottom:max(18px, env(safe-area-inset-bottom))}.section-heading{z-index:2;color:#333a44;background:#f8f9fbf5;border-bottom:1px solid #e2e5ea;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:8px 14px;display:flex;position:sticky;top:0}.section-heading small{color:#747c87;text-align:right;font-size:.75rem}.empty-list-message{color:#757d88;text-align:center;margin:38px 20px}.document-list,.bookmark-list,.outline-tree{margin:0;padding:0;list-style:none}.document-list li,.bookmark-list li{border-bottom:1px solid #e3e6eb;align-items:center;min-height:64px;padding:6px 8px 6px 12px;display:flex}.document-list li.current{background:#eaf2ff}.document-list-main,.bookmark-list-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1}.document-list-main strong,.bookmark-list-main strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.document-list-main span,.bookmark-list-main span{color:#7a828e;margin-top:5px;font-size:.82rem;display:block}.outline-tree .outline-tree{padding:0}.outline-row{border-bottom:1px solid #e6e8ec;align-items:center;min-height:46px;padding-top:4px;padding-bottom:4px;padding-right:8px;display:flex}.outline-expand-button,.outline-expand-spacer{width:34px;min-width:34px;height:38px}.outline-expand-button{color:#46515e;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;font-size:1.05rem}.outline-expand-button:hover,.outline-expand-button:focus-visible{background:#e7ebf1}.outline-expand-spacer{display:inline-block}.outline-title{color:#28313b;text-align:left;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;flex:1}.outline-title:disabled{color:#8b929b;cursor:default}.dialog-backdrop{z-index:50;place-items:center;padding:20px;display:grid}.bookmark-dialog{color:#20242a;background:#fff;border-radius:18px;width:min(430px,100%);padding:24px;box-shadow:0 20px 70px #0000006b}.bookmark-dialog h2{margin:0;font-size:1.3rem}.bookmark-dialog p{color:#747c87;margin:8px 0 20px}.bookmark-dialog label{gap:8px;font-weight:650;display:grid}.bookmark-dialog input{box-sizing:border-box;width:100%;height:46px;font:inherit;border:1px solid #bfc5ce;border-radius:10px;padding:0 12px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.status-overlay{z-index:70;color:#fff;background:#101216a3;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.spinner{border:4px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{z-index:80;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));box-sizing:border-box;color:#fff;background:#a82b2b;border-radius:12px;align-items:center;gap:12px;width:min(620px,100vw - 28px);padding:12px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.error-toast span{flex:1;min-width:0}.error-toast button{color:#fff;background:#ffffff21;border:0;border-radius:8px;min-width:34px;min-height:34px;font-size:1.15rem}@media (width<=640px){.top-bar,.bottom-bar{padding-left:max(6px, env(safe-area-inset-left));padding-right:max(6px, env(safe-area-inset-right));gap:3px}.trail-buttons{gap:0}.open-file-button{padding:0 9px;font-size:.88rem}.page-move-button{min-width:46px;padding:0 8px;font-size:1.25rem}.page-move-button span{display:none}.page-form{gap:4px;min-width:96px}.page-form input{width:50px}.page-label{display:none}}.section-actions{align-items:center;gap:2px;display:flex}.link-dialog .dialog-help{color:#747c87;margin:14px 0 0;font-size:.86rem;line-height:1.5}@media (width<=640px){.top-bar .document-title{font-size:.93rem}}
