.reader-welcome{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.reader-upload-card{border:1px dashed #bccbb0;background:#f0f3e8;border-radius:22px;padding:39px;text-align:center}.upload-symbol{width:58px;height:58px;border-radius:19px;background:#e0e8cf;display:grid;place-items:center;margin:0 auto 19px}.upload-symbol .icon{width:29px;height:29px}.reader-upload-card h2{font-size:23px;font-weight:550}.reader-upload-card p{font-size:13px;color:var(--muted);margin:14px 0 24px;line-height:1.9}.upload-formats{display:block;font-size:11px;color:var(--muted);margin-top:16px}.reader-example{border-radius:22px;background:var(--paper);border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;align-items:flex-start}.reader-example h2{font:37px/1.13 var(--serif);margin:17px 0}.reader-example p{font:17px/1.6 var(--serif);color:var(--muted);max-width:330px}.reader-example mark{background:#e4edd5;color:var(--green);padding:1px 4px;border-radius:3px}.reader-example .text-link{margin-top:13px;color:var(--green)}.reader-example>.small{font-size:10px;margin-top:6px}.reader-how{display:flex;align-items:center;justify-content:center;gap:25px;margin:28px 0 37px;color:var(--muted);font-size:12px}.reader-how b{font:19px var(--serif);margin-right:10px;color:#819068}.reader-how>.icon{width:15px}.article-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-shelf-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:19px;text-align:left;min-width:0}.article-shelf-card:hover{background:#edf2e4}.shelf-icon{background:#e6ecda;width:44px;height:49px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.article-shelf-card>span:nth-child(2){flex:1;min-width:0}.article-shelf-card strong{font:20px/1.4 var(--serif);overflow-wrap:anywhere}.article-shelf-card small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.article-shelf-card>.icon{width:16px;color:var(--muted)}.translation-disclosure{background:#eeeee2;border-radius:13px;padding:17px 20px;font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:11px;line-height:1.9;margin-top:28px}.translation-disclosure .icon{width:17px;margin-top:2px}.reader-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:-12px;margin-bottom:20px}.reader-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:26px;align-items:start}.reading-paper{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px 36px 35px;min-width:0}.reader-paper-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.reader-paper-top .text-link{font-size:12px}.article-title{font:40px/1.23 var(--serif);letter-spacing:-.7px;margin:20px 0 17px;overflow-wrap:anywhere}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:24px}.reader-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;margin:0 0 25px}.reader-mode{display:flex;background:#edf1e5;border-radius:10px;padding:4px;gap:3px}.reader-mode button{border:0;background:transparent;color:var(--muted);padding:8px 13px;font-size:12px;min-height:40px;border-radius:7px}.reader-mode button.active{color:var(--green);background:var(--paper);box-shadow:0 1px 5px #253b2710}.reader-tip{font-size:11px;color:var(--muted)}.reader-paragraph{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:28px 0;border-radius:12px;scroll-margin-top:24px;transition:background .3s}.paragraph-marker{font-size:10px;line-height:2;color:#7c8878;padding-top:9px}.paragraph-marker span{display:block;font-size:9px}.reader-paragraph p{font:19px/2.15 var(--serif);color:#35473b;overflow-wrap:anywhere}.reader-word{display:inline;padding:3px 1px;border-radius:4px;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .16s,color .16s;user-select:text}.reader-word:hover{background:#eef1e3}.reader-word:focus-visible{outline:2px solid #547e44;outline-offset:2px}.reader-word.kept{background:#e1eccb;color:#254a32;box-shadow:0 0 0 1px #cbdcb4}.reader-word.phrase-start{background:#f1e1ba;color:#574624;box-shadow:0 0 0 2px #ccae61}.reader-paragraph.paragraph-flash{background:#f0f2dc}.reader-end{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px;margin-top:40px}.reader-end .icon{width:17px}.reader-sidebar{position:sticky;top:24px;min-width:0}.picked-panel-heading h2{font-size:18px;font-weight:550;display:flex;gap:9px;align-items:center}.picked-panel-heading h2 span{background:#e5ebd7;padding:1px 8px;border-radius:7px;font:12px var(--body)}.picked-panel-heading p{font-size:11px;color:var(--muted);margin-top:5px}.auto-translate-switch{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#eef2e4;border-radius:12px;padding:12px 15px;margin:18px 0;font-size:12px;cursor:pointer}.auto-translate-switch>span{display:flex;align-items:center;gap:7px}.auto-translate-switch .icon{width:16px}.auto-translate-switch input{width:19px;height:19px;accent-color:var(--green)}.picked-list{max-height:calc(100dvh - 365px);overflow:auto;min-height:175px;padding:1px 5px 1px 1px}.picked-empty{padding:34px 12px;text-align:center;border:1px dashed #d5ddc9;border-radius:14px;color:var(--muted)}.picked-empty>.icon{width:31px;height:31px;margin:0 auto 17px;color:#80926a}.picked-empty h3{font-size:14px;font-weight:500;margin-bottom:8px}.picked-empty p{font-size:12px;line-height:1.9}.picked-word{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px 17px;margin-bottom:11px}.picked-word-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.picked-title{font:25px/1.3 var(--serif);border:0;background:none;padding:5px 0;text-align:left;overflow-wrap:anywhere;min-width:0}.picked-word-top>.icon-btn{width:35px;height:40px;margin-right:-6px}.picked-word-top .icon{width:16px}.translation-label{font-size:10px;color:#617052;display:inline-flex;align-items:center;gap:6px}.translation-label.issue{color:#906d32}.translation-label.manual{color:#3e7169}.picked-meaning{font-size:14px;margin-top:10px;line-height:1.65;overflow-wrap:anywhere}.picked-context{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px;padding:11px;background:#f0f3e9;border-radius:9px}.picked-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:10px}.picked-actions>span:last-child{display:flex;gap:12px}.picked-actions button{min-height:40px;border:0;background:none;font-size:11px;color:var(--green);padding:7px 0}.translation-error{font-size:11px;color:#916c34;line-height:1.75;margin-top:8px}.reader-service-note{color:var(--muted);font-size:10px;line-height:1.8;margin:17px 0}.reader-to-notebook{width:100%;font-size:12px}.tiny-spinner{width:10px;height:10px;border:1px solid #b5c1a8;border-radius:50%;display:inline-block;animation:breathe 1.2s ease-in-out infinite}.reader-mobile-dock{display:none}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #b9c8a9;border-radius:13px;background:#f0f4e8;min-height:130px;cursor:pointer;padding:18px;text-align:center;position:relative}.file-upload-zone>.icon{width:25px;height:25px}.file-upload-zone strong{font-size:14px;font-weight:500}.file-upload-zone span{font-size:11px;color:var(--muted)}.file-upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-zone:focus-within{outline:2px solid var(--green);outline-offset:3px}.file-progress{font-size:12px;color:var(--green);margin:9px 0;overflow-wrap:anywhere}.reader-mobile-dock .btn{font-size:12px}.entry-translation-detail{margin-top:18px;background:#f0f3e9;padding:17px;border-radius:13px}.entry-translation-detail>.context-label{margin-top:14px}.entry-translation-detail>p{font-size:13px;line-height:1.9}.entry-translation-detail .text-link{margin-top:5px}.phrase-popover{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:15;background:var(--paper);padding:8px;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 30px #253b2722;max-width:95vw}.phrase-popover[hidden]{display:none}.phrase-popover .btn{max-width:75vw;white-space:normal}.reader-home-entry{margin-top:22px;padding:17px 21px;background:#edf0e6;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:14px}.reader-home-entry>span{flex:1}.reader-home-entry strong{font-size:14px;display:block;font-weight:550}.reader-home-entry small{font-size:11px;color:var(--muted)}.reader-home-entry>.icon{width:23px;height:23px}.reader-home-entry .btn{font-size:12px}.reader-panel-badge{font-size:10px;color:var(--muted);margin-top:5px}
@keyframes breathe{50%{opacity:.3;transform:scale(.75)}}
.article-shelf-card{display:block;padding:0;overflow:hidden}.article-shelf-card:hover{background:var(--paper)}.article-shelf-open{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:16px;padding:20px;text-align:left;min-height:103px}.article-shelf-open:hover{background:#f0f4e9}.article-shelf-copy{flex:1;min-width:0}.article-shelf-open>.icon{width:17px;flex-shrink:0;color:var(--muted)}.article-shelf-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:0 17px 7px;background:#f5f7f0}.article-shelf-actions .text-link{min-height:44px;font-size:12px;gap:6px}.article-shelf-actions .icon{width:15px;height:15px}.article-delete-action{color:var(--danger)}.article-delete-note,.article-removed-note{font-size:12px;color:var(--muted);line-height:1.8}.article-confirm-actions{display:flex;justify-content:flex-end;margin-top:20px}.reader-paper-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.reader-paragraph p{white-space:pre-wrap}.article-edit-note{padding:13px 15px;background:#eef2e5;border-radius:11px;color:var(--muted);font-size:12px;line-height:1.8}#article-edit-body{font:17px/1.9 var(--serif);white-space:pre-wrap;min-height:260px;tab-size:4}
@media(max-width:760px){.article-shelf-card{padding:0}.article-shelf-open{padding:17px 15px;gap:12px;min-height:96px}.article-shelf-actions{padding:0 13px 5px;gap:22px}.article-shelf-actions .text-link{font-size:12px}.reader-paper-top:has(.reader-paper-actions){flex-wrap:wrap}.reader-paper-actions{gap:15px;width:100%;justify-content:flex-end}.reader-paper-actions .text-link{min-height:44px}.article-confirm-actions .btn{min-height:46px;width:100%}#article-edit-body{font-size:16px;min-height:240px}.article-edit-note{font-size:11px}}
@media(min-width:761px) and (max-width:1080px){.header-inner{gap:8px}.desktop-nav{gap:2px}.desktop-nav .nav-btn{padding:10px;font-size:13px}.header-actions{gap:8px}.desktop-add{font-size:12px;padding:9px 11px}.reader-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.reading-paper{padding:22px}.article-title{font-size:34px}.reader-paragraph{grid-template-columns:20px minmax(0,1fr);gap:9px}.reader-paragraph p{font-size:18px}}
@media(max-width:760px){.mobile-nav .nav-btn{padding:6px 14px;flex:1;min-width:0}.mobile-nav .nav-btn .icon{width:21px;height:21px}.mobile-nav{gap:4px}.reader-welcome{grid-template-columns:1fr;gap:16px}.reader-upload-card{padding:27px 22px}.reader-upload-card h2{font-size:21px}.reader-example{padding:25px}.reader-example h2{font-size:32px}.reader-how{gap:9px;font-size:10px;margin:21px 0}.reader-how b{font-size:14px;margin-right:4px}.reader-how>.icon{width:11px}.article-shelf{grid-template-columns:1fr}.article-shelf-card{padding:15px;gap:12px}.article-shelf-card strong{font-size:20px}.translation-disclosure{font-size:11px;padding:15px;gap:9px}.reader-breadcrumb{margin-top:-8px;margin-bottom:13px;font-size:10px}.reader-breadcrumb .text-link{font-size:11px;white-space:nowrap}.reader-layout{display:block}.reading-paper{padding:18px 19px 26px;border-radius:17px}.reader-paper-top{gap:7px}.reader-paper-top .eyebrow{font-size:8px;letter-spacing:1.3px}.reader-paper-top .text-link{font-size:11px;white-space:nowrap}.article-title{font-size:33px;margin:17px 0}.article-meta{gap:10px;font-size:10px;margin-bottom:15px}.reader-controls{gap:10px;margin-bottom:20px;padding:10px 0}.reader-tip{font-size:10px;display:block;flex-basis:100%;min-height:18px}.reader-mode button{font-size:11px;min-height:42px}.reader-paragraph{grid-template-columns:17px minmax(0,1fr);gap:7px;margin:23px 0}.reader-paragraph p{font-size:18px;line-height:2.35}.paragraph-marker{font-size:9px;padding-top:10px}.paragraph-marker span{font-size:8px}.reader-word{padding:6px 1px}.reader-sidebar{position:static;margin-top:22px}.reader-sidebar .picked-list{max-height:none}.reader-sidebar .reader-to-notebook{display:none}.reader-sidebar .reader-service-note{font-size:11px}.reader-end{font-size:10px;gap:7px;line-height:1.8;margin-top:26px}.reader-mobile-dock{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:0;right:0;z-index:9;display:flex;justify-content:center;gap:8px;padding:10px 16px;background:#f7f8f2f5;backdrop-filter:blur(14px);border-top:1px solid var(--line)}.reader-mobile-dock .btn{font-size:11px;padding:10px 13px;flex:1;white-space:nowrap}.reader-mobile-dock .btn:first-child{flex:1.25}body[data-page=read] .mobile-add{display:none}body[data-page=read]:has(.reader-mobile-dock) #main{padding-bottom:198px}body[data-page=read] #toast{bottom:calc(153px + env(safe-area-inset-bottom))}.phrase-popover{bottom:calc(155px + env(safe-area-inset-bottom));padding:6px}.phrase-popover .btn{font-size:12px}.picked-word{padding:15px 17px}.picked-title{font-size:28px}.picked-meaning{font-size:15px}.picked-context{font-size:13px}.picked-actions{font-size:11px}.picked-actions button{min-height:44px;font-size:12px}.reader-home-entry{padding:15px;gap:11px;flex-wrap:wrap}.reader-home-entry .btn{margin-left:auto}.reader-home-entry strong{font-size:13px}.reader-home-entry small{font-size:10px}.form-footer .muted .icon{display:none}}
.article-shelf article.article-shelf-card{padding:0;display:block}