.sign-in-screen{display:flex;align-items:center;justify-content:center;height:100%;position:relative;overflow:hidden}.sign-in-hero{position:absolute;inset:0;z-index:0}.sign-in-hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sign-in-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00000073,#00000040,#00000080);backdrop-filter:blur(1px)}[data-theme=dark] .sign-in-hero-overlay{background:linear-gradient(135deg,#000000a6,#00000073,#000000b3)}.sign-in-card{position:relative;z-index:1;background:#ffffffeb;border:1px solid rgba(255,255,255,.3);border-radius:var(--edge-radius-lg);box-shadow:0 8px 32px #0003,0 2px 8px #0000001a;backdrop-filter:blur(16px);padding:48px 40px;text-align:center;max-width:400px;width:90%}[data-theme=dark] .sign-in-card{background:#2b2b30e0;border-color:#ffffff14}[data-theme=sepia] .sign-in-card{background:#fbf6ebeb;border-color:#d4c9a880}.sign-in-brand{margin-bottom:12px}.brand-icon-img{display:block;margin:0 auto 12px;border-radius:var(--edge-radius)}.sign-in-brand h1{font-size:26px;font-weight:700;color:var(--edge-text-primary);line-height:1.2}.sign-in-tagline{color:var(--edge-text-secondary);font-size:15px;margin-bottom:32px}.sign-in-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;color:#fff;background:var(--edge-blue);border:none;border-radius:var(--edge-radius);cursor:pointer;transition:background .15s,transform .1s}.sign-in-btn:hover{background:var(--edge-blue-hover);transform:translateY(-1px)}.sign-in-btn:active{transform:translateY(0)}.sign-in-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sign-in-btn svg{flex-shrink:0}.sign-in-footnote{margin-top:24px;font-size:12px;color:var(--edge-text-tertiary)}.sign-in-footnote strong{color:var(--edge-text-secondary)}@media(max-width:480px){.sign-in-card{padding:36px 24px;margin:0 16px}.sign-in-brand h1{font-size:22px}}.library-layout{display:flex;height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;min-width:260px;max-width:600px;background:var(--edge-surface-raised);border-right:1px solid var(--edge-border);overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--edge-border-subtle);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:8px}.brand-icon-sm{width:20px;height:20px;border-radius:3px;flex-shrink:0}.brand-text{font-size:15px;font-weight:700;color:var(--edge-text-primary)}.sidebar-header-actions{display:flex;align-items:center;gap:4px}.user-menu-wrapper{position:relative}.user-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--edge-blue);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.user-btn:hover{opacity:.85}.user-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--edge-surface-raised);border:1px solid var(--edge-border);border-radius:var(--edge-radius);box-shadow:var(--edge-shadow-md);min-width:200px;z-index:100;padding:8px 0}.user-dropdown-name{padding:8px 16px;font-size:13px;font-weight:600;color:var(--edge-text-primary)}.user-dropdown-sep{border:none;border-top:1px solid var(--edge-border-subtle);margin:4px 0}.user-dropdown-item{display:block;width:100%;padding:8px 16px;font-size:13px;background:none;border:none;color:var(--edge-text-primary);cursor:pointer;text-align:left}.user-dropdown-item:hover{background:var(--edge-surface-sunken)}.sidebar-controls{padding:12px 16px;border-bottom:1px solid var(--edge-border-subtle);flex-shrink:0}.search-box{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--edge-surface-sunken);border:1px solid var(--edge-border);border-radius:var(--edge-radius);transition:border-color .15s}.search-box:focus-within{border-color:var(--edge-blue)}.search-icon{font-size:13px;flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:13px;color:var(--edge-text-primary);outline:none;font-family:inherit}.search-input::placeholder{color:var(--edge-text-tertiary)}.search-clear{background:none;border:none;color:var(--edge-text-tertiary);cursor:pointer;font-size:14px;padding:0 2px;line-height:1}.search-clear:hover{color:var(--edge-text-primary)}.filter-row{display:flex;gap:8px;margin-top:8px}.filter-select,.sort-select{flex:1;padding:5px 8px;font-size:12px;font-family:inherit;color:var(--edge-text-primary);background:var(--edge-surface-sunken);border:1px solid var(--edge-border);border-radius:var(--edge-radius);cursor:pointer;outline:none}.filter-select:focus,.sort-select:focus{border-color:var(--edge-blue)}.article-list-container{flex:1;overflow-y:auto;padding:4px 0}.article-item{padding:10px 16px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.article-item:hover{background:var(--edge-surface-sunken)}.article-item.active{background:var(--edge-blue-muted);border-left-color:var(--edge-blue)}.article-item:focus-visible{outline:2px solid var(--edge-blue);outline-offset:-2px}.article-item-top{display:flex;align-items:flex-start;gap:6px}.fav-star{flex-shrink:0;font-size:14px;color:var(--edge-text-tertiary);line-height:1.4}.fav-star.active{color:#f2a900}.article-title{font-size:13px;font-weight:600;color:var(--edge-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-item-bottom{display:flex;align-items:center;gap:8px;margin-top:3px;padding-left:20px}.article-recipe{font-size:11px;color:var(--edge-text-secondary)}.article-date{font-size:11px;color:var(--edge-text-tertiary)}.cloud-badge{font-size:12px;margin-left:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--edge-text-secondary)}.empty-icon{font-size:40px;margin-bottom:12px}.empty-hint{font-size:12px;color:var(--edge-text-tertiary);margin-top:4px}.skeleton-list{padding:4px 0}.skeleton-item{padding:12px 16px}.skeleton-line{height:12px;background:var(--edge-border-subtle);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.skeleton-line.long{width:80%;margin-bottom:8px}.skeleton-line.short{width:45%}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.sidebar-footer{padding:8px 16px;font-size:11px;color:var(--edge-text-tertiary);border-top:1px solid var(--edge-border-subtle);flex-shrink:0;text-align:center}.resize-handle{width:5px;cursor:col-resize;background:transparent;transition:background .15s;flex-shrink:0}.resize-handle:hover{background:var(--edge-blue)}.reading-pane{flex:1;display:flex;flex-direction:column;background:var(--edge-surface);overflow:hidden;position:relative}.reader-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--edge-text-tertiary)}.reader-placeholder-icon{font-size:48px;margin-bottom:12px}.reader-placeholder p{font-size:15px}.reader-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--edge-text-secondary)}.reader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--edge-red)}.retry-btn{padding:8px 20px;background:var(--edge-blue);color:#fff;border:none;border-radius:var(--edge-radius);cursor:pointer;font-size:13px;font-weight:600}.retry-btn:hover{background:var(--edge-blue-hover)}.article-header{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--edge-border-subtle);background:var(--edge-surface-raised);flex-shrink:0}.mobile-back{display:none!important;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;font-size:18px;color:var(--edge-text-primary);cursor:pointer;flex-shrink:0;border-radius:var(--edge-radius)}.mobile-back:hover{background:var(--edge-surface-sunken)}.article-header-info{flex:1;min-width:0}.article-header-title{font-size:15px;font-weight:700;color:var(--edge-text-primary);line-height:1.3;margin:0}.article-header-meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;color:var(--edge-text-secondary);flex-wrap:wrap}.article-header-sep{color:var(--edge-text-tertiary)}.article-header-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--edge-border);border-radius:var(--edge-radius);background:var(--edge-surface-raised);cursor:pointer;font-size:14px;transition:background .1s,border-color .1s}.action-btn:hover{background:var(--edge-surface-sunken);border-color:var(--edge-text-tertiary)}.fav-btn.active{color:#f2a900;border-color:#f2a900}.content-frame{flex:1;width:100%;border:none;background:#fff}[data-theme=dark] .content-frame{background:#1b1b1f}[data-theme=sepia] .content-frame{background:#fbf6eb}.reader-content{display:flex;flex-direction:column;height:100%}.gesture-back-indicator{position:fixed;left:-20px;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;background:var(--edge-blue);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(0) scale(.4);transition:opacity .15s,transform .15s,background .15s;z-index:200;pointer-events:none;box-shadow:var(--edge-shadow-md)}.gesture-back-indicator.ready{background:var(--edge-blue-hover)}.gesture-back-arrow{font-size:28px;font-weight:300;line-height:1;margin-right:2px}.gesture-overscroll-indicator{position:fixed;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%;background:var(--edge-surface-raised);border:2px solid var(--edge-border);color:var(--edge-text-secondary);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(0);transition:opacity .15s,transform .15s,border-color .15s;z-index:200;pointer-events:none;box-shadow:var(--edge-shadow-sm)}.gesture-overscroll-indicator.ready{border-color:var(--edge-blue);color:var(--edge-blue)}.gesture-overscroll-arrow{font-size:22px;font-weight:300;line-height:1;display:inline-block}@media(max-width:767px){.library-layout{position:relative;overflow:hidden}.sidebar{width:100%!important;max-width:none!important;min-width:0!important;border-right:none}.reading-pane{position:absolute;inset:0;transform:translate(100%);transition:transform .25s ease,visibility .25s;visibility:hidden;z-index:10;background:var(--edge-surface)}body.mobile-reading .reading-pane{transform:translate(0);visibility:visible}.resize-handle{display:none}.mobile-back{display:flex!important}}@media(min-width:768px)and (max-width:1023px){.sidebar{max-width:320px!important}.article-header-meta span:not(.article-header-sep){font-size:11px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:var(--edge-text-primary);background:var(--edge-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}:root{--edge-blue: #0078D4;--edge-blue-hover: #106EBE;--edge-blue-light: #DEECF9;--edge-blue-muted: #EBF3FC;--edge-teal: #00A8A8;--edge-teal-dark: #038387;--edge-green: #107C10;--edge-red: #D13438;--edge-red-light: #FDE7E9;--edge-surface: #FAFAFA;--edge-surface-raised: #FFFFFF;--edge-surface-sunken: #F3F3F3;--edge-border: #E1E1E1;--edge-border-subtle: #EBEBEB;--edge-text-primary: #1B1B1F;--edge-text-secondary: #616161;--edge-text-tertiary: #9E9E9E;--edge-shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.1);--edge-shadow-md: 0 2px 6px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05);--edge-radius: 6px;--edge-radius-lg: 10px}[data-theme=dark]{--edge-surface: #1B1B1F;--edge-surface-raised: #2B2B30;--edge-surface-sunken: #111114;--edge-border: #3A3A3F;--edge-border-subtle: #2E2E33;--edge-text-primary: #E5E5E5;--edge-text-secondary: #A0A0A0;--edge-text-tertiary: #6A6A6A;--edge-shadow-sm: 0 1px 2px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.3);--edge-shadow-md: 0 2px 6px rgba(0,0,0,.25), 0 4px 12px rgba(0,0,0,.15);--edge-blue-light: #1a3a5c;--edge-blue-muted: #152d47;--edge-red-light: #4a1a1c}[data-theme=sepia]{--edge-surface: #F4ECD8;--edge-surface-raised: #FBF6EB;--edge-surface-sunken: #EDE4CE;--edge-border: #D4C9A8;--edge-border-subtle: #E0D7C0;--edge-text-primary: #3E3424;--edge-text-secondary: #7A6E5A;--edge-text-tertiary: #A09480}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--edge-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--edge-text-tertiary)}.hidden{display:none!important}.spinner{width:32px;height:32px;border:3px solid var(--edge-border);border-top-color:var(--edge-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--edge-surface-raised);color:var(--edge-text-primary);padding:10px 20px;border-radius:var(--edge-radius);box-shadow:var(--edge-shadow-md);border:1px solid var(--edge-border);font-size:13px;opacity:0;transition:opacity .2s,transform .2s;z-index:1000;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-error{border-color:var(--edge-red);color:var(--edge-red)}.offline-banner{display:none;background:var(--edge-red-light);color:var(--edge-red);text-align:center;padding:4px;font-size:12px;font-weight:500}body.is-offline .offline-banner{display:block}.boot-error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--edge-text-secondary);font-size:16px}