:root{--bg:#f3f5f6;--paper:#fff;--ink:#252a30;--muted:#626b75;--line:#dfe3e6;--accent:#d93032;--red:#ff9390;--orange:#ffbd78;--yellow:#ffe779;--green:#a8dfa0;--cyan:#94dfeb;--purple:#cdb3ef;--pink:#f6acd2;--sheet:#e8231a}.storage-details{margin:8px 0 16px}.storage-details .hint{margin:4px 0}#storageWarning{color:var(--accent)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:44px;min-height:44px;padding:8px 12px}button:hover{border-color:var(--muted)}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}[hidden]{display:none!important}header{background:var(--paper);padding:10px max(12px, env(safe-area-inset-left));z-index:5;border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;margin:0;font-size:17px;font-weight:800}.brand span{color:var(--accent)}.version{color:var(--muted);font-size:12px}nav{gap:6px;margin-left:auto;display:flex}.mobile-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}main{max-width:1160px;margin:auto;padding:20px 12px}.lib-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}h1{margin:0;font-size:22px}h2{margin:0 0 16px;font-size:18px}.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.hint{color:var(--muted);font-size:13px;line-height:1.7}.cards{gap:16px;display:grid}.doc-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0;padding:20px}.doc-card h2{overflow-wrap:anywhere;margin:16px 0 6px;font-size:16px}.doc-card p{color:var(--muted);font-size:13px}.thumb{background:var(--bg);border-radius:4px;height:130px;padding:20px 24px}.thumb i{background:var(--line);width:95%;height:7px;margin:9px 0;display:block}.thumb i:nth-child(2){background:var(--yellow);width:65%}.thumb i:nth-child(4){background:var(--green);width:80%}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>*{flex-shrink:0}progress{appearance:none;background:var(--line);width:100%;height:7px;color:var(--accent);border:0;border-radius:99px;margin:10px 0 16px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line);border-radius:99px}progress::-webkit-progress-value{background:var(--accent);border-radius:99px}progress::-moz-progress-bar{background:var(--accent);border-radius:99px}.library-progress{align-items:center;gap:8px;margin:10px 0 16px;display:flex}.library-progress progress{flex:1;min-width:0;margin:0}.library-progress span{white-space:nowrap;font-size:13px}.paging{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.paging span{font-size:14px}.workspace{align-items:start;gap:16px;display:grid}.page{background:var(--paper);isolation:isolate;border-radius:6px;min-height:540px;padding:28px 20px;position:relative;overflow:hidden}.page.with-sheet h2{margin-bottom:68px}.page h2{margin-bottom:24px;font-size:21px}.page p{overflow-wrap:anywhere;margin:0 0 26px;font-size:18px;line-height:1.95}.page.draw{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.page.study{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.page.study ::selection{background:0 0}.page-number{text-align:center;color:var(--muted);margin-top:50px;font-size:13px}.mk{background:var(--mk);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--ink);border-radius:3px;padding:2px 0}.mk-red{--mk:var(--red)}.mk-orange{--mk:var(--orange)}.mk-yellow{--mk:var(--yellow)}.mk-green{--mk:var(--green)}.mk-cyan{--mk:var(--cyan)}.mk-purple{--mk:var(--purple)}.mk-pink{--mk:var(--pink)}.mk.masked{color:#0000;background:var(--mk)}.mk.open{animation:.18s ease-out reveal}.mk.sheet-answer{color:#ff7a66;background:0 0}.study .mk,.eraser .mk{cursor:pointer;position:relative}.study .mk:after,.eraser .mk:after{content:"";position:absolute;inset:-8px -2px}.sheet{background:var(--sheet);mix-blend-mode:multiply;pointer-events:none;z-index:2;position:absolute}.sheet-cover{pointer-events:none;z-index:2;position:absolute;inset:0}.sheet-cover>div{background:var(--paper);position:absolute}.sheet-handle{background:var(--accent);width:100%;height:44px;color:var(--paper);pointer-events:auto;touch-action:none;cursor:move;border:0;border-radius:0;position:absolute;top:0;left:0;right:0}.side{background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0;padding:16px}summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.marker-list{margin:8px 0;padding:0;list-style:none}.marker-list li{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;padding:8px 0;display:flex}.marker-list .marker-content,.marker-list .marker-actions{align-items:center;gap:8px;min-width:0;display:flex}.marker-list .marker-actions{flex-wrap:wrap}.marker-list .marker-actions button{flex-shrink:0}.marker-list .excerpt{overflow-wrap:anywhere;flex:1;min-width:0}.dot{background:var(--mk);border-radius:50%;flex-shrink:0;width:12px;height:12px}.tools{z-index:6;background:var(--paper);border-top:1px solid var(--line);padding:8px max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.tools #editTools{grid-column:1/-1}.tools .row{justify-content:center;gap:4px}.tools button{padding:7px 9px;font-size:13px}.palette{justify-content:center;gap:2px;display:flex}.swatch{border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;color:var(--ink)!important;background:0 0!important}.swatch span{background:var(--mk);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.swatch[aria-pressed=true] span{outline:2px solid var(--ink);outline-offset:3px}.filters{flex-wrap:wrap;gap:5px;display:flex}.filters button{border:1px dashed var(--muted);background:var(--paper);color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.filters button[aria-pressed=true]{background:color-mix(in srgb, var(--mk) 35%, white);color:var(--ink);border:1px solid var(--ink)}.filter-check{width:1em}.tool-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:6px;display:flex}.study-progress{text-align:center;grid-column:1/-1;margin:0;font-size:13px}.shortcut{display:none}footer{text-align:center;color:var(--muted);padding:24px 16px;font-size:12px;line-height:1.8}.viewer-active footer{padding-bottom:200px}@keyframes reveal{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (hover:hover) and (pointer:fine){.shortcut{display:block}}@media (width<=767px){nav,.viewer-active .brand,.viewer-active .version{display:none}.viewer-active header{padding-top:max(8px, env(safe-area-inset-top))}.library-active .back,.library-active .mobile-title{display:none}}@media (width>=768px){header{padding:16px 28px}.brand{font-size:20px}.back,.mobile-title{display:none}main{padding:28px 24px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 240px}.page{width:100%;max-width:760px;min-height:650px;margin:auto;padding:40px 32px}.page p{font-size:19px}.tools{border:1px solid var(--line);border-radius:8px;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:16px;padding:10px;display:flex;position:static}.tools .tool-actions{margin-left:auto}.tools #editTools{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tools .study-progress{display:none}.tools .row{justify-content:flex-start}.viewer-active main,.viewer-active footer{padding-bottom:24px}}@media (width>=1024px){.workspace{grid-template-columns:minmax(0,760px) 270px;justify-content:center}.page{padding:48px}.page p{font-size:20px}}.pdf-page{border-radius:0;padding:0}.pdf-page canvas{max-width:100%;display:block}.textLayer{text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:1;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}.textLayer span.markedContent{height:0;top:0}.textLayer [data-i]{font:inherit;letter-spacing:inherit;color:#0000;cursor:inherit;border-radius:0;padding:0;position:relative!important}.textLayer [data-i].mk{background:0 0}.textLayer [data-i].sheet-answer{color:#ff7a66}.mk-overlay{pointer-events:none;position:absolute;inset:0}.mk-overlay .mk{background:var(--mk);mix-blend-mode:multiply;border-radius:0;padding:0;position:absolute}.mk-overlay .masked{mix-blend-mode:normal}.mk-overlay .sheet-answer{background:var(--paper);mix-blend-mode:normal}.mk-overlay .mk:after{content:none}.pdf-page.study [data-marker],.pdf-page.eraser [data-marker]{cursor:pointer}.notice{color:#44380d;overflow-wrap:anywhere;background:#fff4d1;padding:12px;font-size:14px;line-height:1.7}.page-notice{z-index:3;pointer-events:none;position:absolute;top:48px;left:12px;right:12px}.doc-card{overflow-wrap:anywhere}.save-notice{justify-content:space-between;align-items:center;gap:12px;margin:12px;display:flex}.doc-highlight{outline:2px solid var(--accent)}.doc-delete{color:var(--accent)}.page-scroll{touch-action:pan-x pan-y;overflow-anchor:none;min-width:0;overflow:auto}.page-scroll .pdf-page{max-width:none;margin:0}@media (width<=767px){.paging{flex-wrap:wrap}}.lib-head{flex-wrap:wrap}.data-actions{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.data-actions>span:first-child{color:var(--muted);font-size:14px}.data-actions button{max-width:100%;font-size:14px}#fullExportHint{flex-basis:100%}#dataPanel{margin-bottom:20px}#dataPanel .row{margin-top:8px}.save-notice{flex-wrap:wrap}.save-notice>span{flex:240px}.rect-marker{box-sizing:border-box;z-index:2;border:2px solid color-mix(in srgb, var(--mk) 80%, #333);background:color-mix(in srgb, var(--mk) 35%, transparent);position:absolute}.rect-marker.masked{background:var(--mk)}.rect-marker.open{background:0 0}.page.draw .rect-marker{touch-action:pan-x pan-y}.page:not(.study):not(.eraser) .rect-marker{pointer-events:none}.save-status{text-align:center;flex-basis:100%;grid-column:1/-1;margin:0}.marker-list .review-later-toggle{font-size:12px}.page{overflow:visible}.sticky-note,.note-mark{z-index:8;color:#433d2c;font:14px/1.4 sans-serif;position:absolute}.sticky-note{box-sizing:border-box;touch-action:none;cursor:grab;background:#fff5d9;border:1px solid #cdbf94;padding:0;box-shadow:2px 3px 5px #0002}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box;touch-action:none;min-height:70px;max-height:218px;padding:12px;overflow:auto}.note-text.empty{color:#7a715d}.sticky-note.editing .note-text{display:none}.sticky-note textarea{resize:none;box-sizing:border-box;width:100%;min-height:70px;max-height:218px;color:inherit;font:inherit;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:0;margin:0;padding:12px;display:block}.note-delete{z-index:1;width:44px;height:44px;padding:6px;position:absolute;top:-18px;right:-18px;display:none!important}.sticky-note:focus-within .note-delete{display:inline-flex!important}.note-mark>button{color:#433d2c;touch-action:pan-x pan-y;background:#fff5d9;border:1px solid #cdbf94;width:44px;min-height:44px;padding:2px}.note-mark{width:44px;height:44px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff5d9;border:1px solid #cdbf94;width:168px;max-height:220px;padding:12px;position:absolute;overflow:auto}.page-indicator{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}#pageJump{width:3em;min-width:0;font:inherit;color:inherit;text-align:right;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 2px}#pageJump:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;background:var(--paper)}header.app-bar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));z-index:20}.app-bar #back{display:inline-flex}.app-heading{flex:1;min-width:0}#screenTitle{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.app-subtitle{color:var(--muted);gap:12px;font-size:12px;display:flex}.app-bar button{border-color:#0000}.icon{vertical-align:middle;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.icon img{object-fit:cover;border-radius:22%;width:100%;height:100%}.icon-emoji{font-size:23px;line-height:1}button:has(.icon){justify-content:center;align-items:center;gap:6px;display:inline-flex}.workspace{display:block}.viewer-active main{max-width:none;padding:12px 12px calc(128px + env(safe-area-inset-bottom))}.page-scroll{padding-bottom:8px}.tool-sheet{--compact:146px;z-index:25;background:var(--paper);border:1px solid var(--line);width:100%;max-width:720px;max-height:60dvh;padding-bottom:env(safe-area-inset-bottom);transform:translate(-50%, calc(100% - var(--compact) - env(safe-area-inset-bottom)));border-radius:16px 16px 0 0;transition:transform .22s ease-out;position:fixed;bottom:0;left:50%}.tool-sheet.expanded{transform:translate(-50%)}.tool-sheet.dragging{transition:none}#judgeBar{background:var(--paper);border:1px solid var(--line);align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex;position:absolute;bottom:100%;left:0}#judgeBar small{overflow-wrap:anywhere;flex:1;min-width:0;max-height:48px;overflow:auto}#judgeBar button,.daily-study button,#sessionBar button,#examModal input{min-height:44px}#judgeKnown{color:#185e3c;background:#e0f1e8}#judgeUnknown{color:#95292b;background:#fbe5e5}#sessionBar{top:calc(56px + env(safe-area-inset-top));z-index:19;background:var(--paper);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky}#sessionText{flex:1}.session-target{outline:3px solid var(--ink);outline-offset:3px;scroll-margin-block:180px}.textLayer .session-target{outline:none}.daily-study{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.daily-study h2{flex-basis:100%;margin:0;font-size:18px}.doc-card .row{flex-wrap:wrap}#studySessionOptions{flex-wrap:wrap;gap:8px;display:flex}#studySessionOptions p{flex-basis:100%}#examModal input{width:100%;margin:12px 0;display:block}.viewer-active:has(#judgeBar:not([hidden])) main{padding-bottom:250px}#sheetGrip{touch-action:none;height:44px}#sheetHandle{touch-action:none;background:0 0;border:0;width:100%;height:44px;min-height:44px;padding:8px;display:block}#sheetHandle span{background:var(--muted);border-radius:4px;width:38px;height:4px;margin:auto;display:block}.compact-tools{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px;min-height:100px;padding:2px 8px 6px;display:flex}.compact-tools .paging{gap:2px;margin:0}.compact-tools button{flex-shrink:0;padding:6px}.compact-tools #editTools{gap:2px;display:flex}.compact-tools .study-progress{margin:0;font-size:12px}.compact-tools .page-indicator{font-size:13px}#pageJump{width:2em;min-height:44px}.sheet-details{max-height:calc(60dvh - 146px - env(safe-area-inset-bottom));overscroll-behavior:contain;padding:16px;overflow:auto}.sheet-details h2{margin:12px 0;font-size:15px}.palette{flex-wrap:wrap;justify-content:flex-start}.scrim{z-index:40;opacity:0;background:#0006;transition:opacity .22s ease-out;position:fixed;inset:0}.scrim.is-open{opacity:1}.drawer{width:min(400px,92vw);padding:calc(18px + env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));background:var(--paper);z-index:41;overscroll-behavior:contain;transition:transform .22s ease-out;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}.drawer.is-open{transform:translate(0)}.drawer>button{text-align:left;max-width:100%;margin:8px 0;display:flex}.drawer h2{margin:28px 0 12px;font-size:16px}.drawer h3{font-size:14px}.drawer .icon,.help-modal .icon{width:30px;height:30px}.help-modal{background:var(--paper);z-index:42;opacity:0;border-radius:12px;width:min(480px,100% - 32px);max-height:calc(100dvh - 40px);padding:24px;transition:opacity .22s ease-out,transform .22s ease-out;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(.97)}.help-modal.is-open{opacity:1;transform:translate(-50%,-50%)scale(1)}.help-modal h2{margin:12px 40px 24px 0;font-size:19px}.help-modal p{padding-left:42px;font-size:14px;line-height:1.7;position:relative}.help-modal p .icon{position:absolute;top:0;left:0}#helpClose{position:absolute;top:12px;right:12px}#helpStart{width:100%}.install-toast{bottom:max(16px, env(safe-area-inset-bottom));z-index:30;background:var(--ink);width:min(540px,100% - 24px);color:var(--paper);opacity:0;border-radius:10px;align-items:center;gap:8px;padding:12px;font-size:13px;transition:opacity .22s ease-out,transform .22s ease-out;display:flex;position:fixed;left:50%;transform:translate(-50%,8px)}.install-toast.is-open{opacity:1;transform:translate(-50%)}.install-toast span{flex:1}html{scrollbar-gutter:stable}.overlay-open,.overlay-open body{overflow:hidden}#emptyState{margin-bottom:20px}#emptyState h2{margin:0 0 8px}#dataPanel{margin:12px}@media (width>=600px){.tool-sheet{--compact:102px}.compact-tools{flex-wrap:nowrap;min-height:56px}.sheet-details{max-height:calc(60dvh - 102px - env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tool-sheet{--compact:102px}.compact-tools{overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;height:56px;min-height:56px;overflow-x:auto}.compact-tools>*{flex-shrink:0}.sheet-details{max-height:calc(60dvh - 102px - env(safe-area-inset-bottom))}.viewer-active main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}@media (width>=600px){.compact-tools{justify-content:center}}@media (width<=479px){.tool-sheet{--compact:150px}.compact-tools{grid-template-rows:44px 44px;grid-template-columns:44px 1fr 44px;gap:4px;height:104px;min-height:104px;padding:4px 12px 8px;display:grid;overflow:visible}.compact-tools .paging{grid-area:1/1/auto/3;justify-self:start}.compact-tools #switchMode{grid-area:1/3}.compact-tools #editTools{grid-area:2/1/auto/-1;justify-content:center;gap:8px}.compact-tools #redToggle{grid-area:2/1}.compact-tools #mobileProgress{grid-area:2/2/auto/-1}.compact-tools button{min-width:44px;min-height:44px}.sheet-details{max-height:calc(60dvh - 150px - env(safe-area-inset-bottom))}.viewer-active main{padding-bottom:calc(158px + env(safe-area-inset-bottom))}}.feedback-link{background:0 0;border:0;min-height:44px;font-size:14px;text-decoration:underline}#feedbackModal p{padding-left:0}#feedbackModal fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}#feedbackModal legend{margin-bottom:8px;font-weight:600}#feedbackRating{gap:4px;display:flex}#feedbackRating button{flex:1;min-width:44px;min-height:44px;padding:8px}#feedbackRating [aria-checked=true]{border-color:var(--red,#d93032);color:#9f2224;background:#fbe9e9}#feedbackCategory{grid-template-columns:1fr 1fr;display:grid}#feedbackCategory label{align-items:center;gap:8px;min-height:44px;display:flex}#feedbackModal textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;margin-top:8px;padding:10px;display:block}#feedbackRemaining,#feedbackPending{font-size:13px}#feedbackClose{float:right;min-height:44px}#feedbackSubmit{min-height:44px}#syncSection button,#syncAccountModal button{white-space:normal;max-width:100%;min-height:44px;margin:8px 0}#syncSection p,#syncSection small,#syncAccountModal p{overflow-wrap:anywhere}#syncDetail{display:block}#menuButton{place-items:center;width:48px;height:48px;padding:10px;display:grid}.menu-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:26px;height:26px;display:grid}.menu-grid>span{background:currentColor;border-radius:50%;transition:transform .3s,background-color .3s}#menuButton[aria-expanded=true]{top:calc(4px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:42;color:#fff;background:#1a1a1a;border-color:#0000;margin:0;position:fixed}#menuButton[aria-expanded=true] .menu-grid>span{background:#fff}#menuButton[aria-expanded=true] .menu-grid>span:is(:first-child,:nth-child(3),:nth-child(7),:nth-child(9)){transform:scale(0)}#menuButton[aria-expanded=true] .menu-grid>span:nth-child(2){transform:translateY(6px)}#menuButton[aria-expanded=true] .menu-grid>span:nth-child(4){transform:translate(6px)}#menuButton[aria-expanded=true] .menu-grid>span:nth-child(5){transform:scale(1.2)}#menuButton[aria-expanded=true] .menu-grid>span:nth-child(6){transform:translate(-6px)}#menuButton[aria-expanded=true] .menu-grid>span:nth-child(8){transform:translateY(-6px)}#drawerScrim{background:#1a1a1a}.drawer{--paper:#292929;--ink:#f5f5f5;--muted:#bdbdbd;--line:#595959;--accent:#f99;width:100%;padding:calc(80px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:var(--ink);opacity:0;visibility:hidden;background:#1a1a1a;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:none}.drawer.is-open{opacity:1;visibility:visible;transform:none}.drawer-content{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:start;gap:40px;max-width:1150px;margin:0 auto;display:grid}.menu-section{opacity:0;min-width:0;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.drawer.is-open .menu-section{opacity:1;transition-delay:var(--section-delay);transform:none}.drawer h2{letter-spacing:2px;color:var(--muted);margin:0 0 20px;font-size:14px}.drawer h3{margin:0 0 12px;font-size:14px}.drawer p,.drawer small{overflow-wrap:anywhere;line-height:1.7}.drawer button{text-align:left;max-width:100%;min-height:44px;margin:10px 0;display:flex}.drawer button:hover{background:#383838}.drawer button:focus-visible{outline-offset:3px;outline:3px solid #fff}.menu-label-mask{display:block;overflow:hidden}.menu-label{align-items:center;gap:8px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(100%)}.drawer.is-open .menu-label{transition-delay:var(--item-delay);transform:none}.menu-description{grid-column:1/-1}@media (prefers-reduced-motion:reduce){.drawer,.menu-section,.menu-label,.menu-grid>span{transition:none!important}.menu-section,.menu-label{transform:none}}.page-scroll>.page{touch-action:pan-x pan-y;max-width:none;margin:0 auto}.page-scroll>.page:not(.pdf-page){padding:calc(28px * var(--page-zoom,1)) calc(20px * var(--page-zoom,1));min-height:calc(540px * var(--page-zoom,1))}.page:not(.pdf-page) h2{font-size:calc(21px * var(--page-zoom,1));margin-bottom:calc(24px * var(--page-zoom,1))}.page:not(.pdf-page) p{font-size:calc(18px * var(--page-zoom,1));margin-bottom:calc(26px * var(--page-zoom,1))}.page:not(.pdf-page) .page-number{font-size:calc(13px * var(--page-zoom,1));margin-top:calc(50px * var(--page-zoom,1))}.page:not(.pdf-page).with-sheet h2{margin-bottom:calc(68px * var(--page-zoom,1))}@media (width>=768px){.page-scroll>.page:not(.pdf-page){padding:calc(40px * var(--page-zoom,1)) calc(32px * var(--page-zoom,1));min-height:calc(650px * var(--page-zoom,1))}.page:not(.pdf-page) p{font-size:calc(19px * var(--page-zoom,1))}}@media (width>=1024px){.page-scroll>.page:not(.pdf-page){padding:calc(48px * var(--page-zoom,1))}.page:not(.pdf-page) p{font-size:calc(20px * var(--page-zoom,1))}}[data-attach-doc],#attachConfirmModal button{min-height:44px}.doc-card.card-sample{background:var(--bg);border-style:dashed}.card-sample .thumb{filter:saturate(.45);opacity:.75}#deleteConfirmModal p,#noticeModal p{overflow-wrap:anywhere;padding-left:0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-actions button{white-space:normal;max-width:100%;min-height:44px}@media (pointer:coarse){.sticky-note textarea{font-size:16px}}.thumb.thumb-real{border:1px solid var(--line);background:#fff;padding:0;overflow:hidden}.thumb-canvas{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.sticky-note.sized{flex-direction:column;display:flex}.sticky-note.sized .note-text,.sticky-note.sized textarea{flex:auto;min-height:0;max-height:none}.note-resize{touch-action:none;cursor:nwse-resize;z-index:1;width:36px;height:36px;position:absolute;bottom:-14px;right:-14px}.note-resize:after{content:"";background:linear-gradient(135deg,#0000 0 45%,#a8996b 45% 55%,#0000 55% 70%,#a8996b 70% 80%,#0000 80%);width:12px;height:12px;position:absolute;top:8px;left:8px}.sticky-note.editing .note-resize{display:none}#changelogModal h2{margin-right:80px}#changelogClose{min-height:44px;position:absolute;top:16px;right:16px}.changelog-entry h3{color:var(--muted);margin:16px 0 6px;font-size:14px}.changelog-entry ul{margin:0;padding-left:1.2em;font-size:14px;line-height:1.7}.changelog-entry li+li{margin-top:4px}.unread-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.unread-dot[hidden]{display:none}#menuButton{position:relative}.menu-dot{margin:0;position:absolute;top:6px;right:6px}#menuButton[aria-expanded=true] .menu-dot{display:none}