.reader-page{min-height:80vh;padding:58px 22px 84px;background:radial-gradient(circle at 50% 0,rgba(123,66,255,.11),transparent 28%)}.reader-hero{max-width:780px;margin:0 auto 32px;text-align:center}.reader-hero>span,.reader-connect small,.reader-guide small,.reader-info-grid small,.reader-help small{color:var(--purple);font-size:9px;font-weight:850;letter-spacing:.14em}.reader-hero h1{max-width:720px;margin:12px auto;font:800 clamp(36px,4.7vw,58px)/1.02 Manrope,sans-serif;letter-spacing:-.055em}.reader-hero h1 em{color:transparent;background:linear-gradient(90deg,var(--purple-2),var(--blue));background-clip:text;font-style:normal}.reader-hero>p{max-width:650px;margin:16px auto;color:var(--muted);font-size:15px;line-height:1.65}.reader-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.reader-trust span,.privacy-badge{padding:6px 9px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font-size:9px}.reader-connect{max-width:980px;margin:auto;padding:22px;display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 20px 65px rgba(42,27,85,.09)}.reader-connect-intro{padding:5px 4px}.reader-connect h2{margin:6px 0 8px;font:800 23px/1.15 Manrope,sans-serif}.reader-connect p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.reader-connect-intro ul{margin:17px 0;padding:0;display:grid;gap:9px;list-style:none}.reader-connect-intro li{display:flex;gap:8px;color:var(--ink);font-size:11px}.reader-connect-intro li:before{content:'✓';color:var(--green);font-weight:900}.privacy-badge{display:inline-flex;color:var(--green);font-weight:800}.reader-connect-form{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.format-tabs{display:flex;gap:7px}.format-tabs button{padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;cursor:pointer}.format-tabs button.active{border-color:var(--purple);color:var(--purple)}.format-example{margin:8px 0;padding:9px;border-radius:9px;background:var(--surface);color:var(--faint);font:9px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.combo-field{display:grid;gap:6px;color:var(--ink);font-size:10px;font-weight:750}.combo-field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;outline:0;resize:vertical;background:var(--surface);color:var(--ink);font:10px/1.55 ui-monospace,monospace}.combo-field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(123,66,255,.1)}.combo-status{min-height:20px;padding-top:5px;color:var(--muted);font-size:9px}.combo-status.error{color:var(--red)}.combo-status.ok{color:var(--green)}.reader-primary,.reader-secondary{min-height:42px;border-radius:11px;font-size:11px;font-weight:800;cursor:pointer}.reader-primary{width:100%;border:0;background:linear-gradient(105deg,var(--purple-2),var(--purple),var(--blue));color:#fff;box-shadow:0 9px 22px rgba(123,66,255,.22)}.reader-primary:disabled{opacity:.45;cursor:not-allowed}.reader-security{margin-top:9px!important;font-size:8px!important}.reader-workspace{max-width:1080px;min-height:570px;margin:auto;display:grid;grid-template-columns:245px 1fr;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 20px 65px rgba(42,27,85,.09);overflow:hidden}.reader-sidebar{padding:16px;border-right:1px solid var(--line);background:var(--surface-2)}.connected-account{display:flex;align-items:center;gap:9px}.connected-account>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--purple),var(--blue));color:#fff;font-size:11px;font-weight:800}.connected-account>div{min-width:0;flex:1;display:grid}.connected-account b,.connected-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-account b{font-size:11px}.connected-account small{color:var(--faint);font-size:8px}.connected-account button{border:0;background:0;color:var(--faint);font-size:19px;cursor:pointer}.reader-search{height:37px;margin:15px 0 10px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.reader-search input{min-width:0;width:100%;border:0;outline:0;background:0;color:var(--ink);font-size:10px}#readerFolders{display:grid;gap:3px}#readerFolders button{width:100%;padding:9px;display:flex;justify-content:space-between;border:0;border-radius:8px;background:0;color:var(--muted);font-size:10px;text-align:left;cursor:pointer}#readerFolders button.active,#readerFolders button:hover{background:var(--surface);color:var(--purple)}.reader-secondary{width:100%;margin-top:15px;border:1px solid var(--line);background:var(--surface)}.reader-inbox{min-width:0;position:relative}.reader-inbox>header{height:65px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.reader-inbox header small{color:var(--purple);font-size:8px;font-weight:850;letter-spacing:.13em}.reader-inbox h2{margin:3px 0 0;font-size:18px}.reader-inbox h2 span{color:var(--purple);font-size:10px}.reader-icon{width:37px;height:37px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.reader-message-list{height:505px;overflow:auto}.reader-row{width:100%;padding:14px 17px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.reader-row:hover{background:var(--surface-2)}.reader-row.unread{box-shadow:inset 3px 0 var(--purple)}.reader-row>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);color:var(--purple);font-size:10px;font-weight:800}.reader-row>div{min-width:0}.reader-row b,.reader-row small,.reader-row p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-row b{font-size:11px}.reader-row small,.reader-row p,.reader-row time{color:var(--faint);font-size:8px}.reader-row p{margin:4px 0 0}.reader-row time{white-space:nowrap}.reader-empty{min-height:330px;display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center}.reader-message-detail{height:505px;padding:17px;overflow:auto}.reader-message-detail>button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:10px;cursor:pointer}.reader-detail-head{margin:17px 0}.reader-detail-head h2{margin:6px 0;font-size:19px}.reader-detail-head p,.reader-detail-head em{color:var(--muted);font-size:9px}.reader-frame{width:100%;min-height:380px;border:1px solid var(--line);border-radius:12px;background:#fff}.reader-guide{max-width:980px;margin:42px auto 0}.reader-guide>header{max-width:690px;margin-bottom:20px}.reader-guide h2,.reader-info-grid h2,.reader-help h2{margin:6px 0 7px;font:800 25px/1.2 Manrope,sans-serif}.reader-guide>header p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.guide-steps article{padding:16px;display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.guide-steps article:last-child{grid-column:1/-1}.guide-steps article>b{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:rgba(123,66,255,.1);color:var(--purple);font-size:9px}.guide-steps h3{margin:1px 0 5px;font-size:13px}.guide-steps p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.guide-steps code{padding:2px 4px;border-radius:4px;background:var(--surface-2);font-size:8px;overflow-wrap:anywhere}.reader-info-grid{max-width:980px;margin:12px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.reader-info-grid article{padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.reader-info-grid h2{font-size:19px}.reader-info-grid ul{margin:12px 0 0;padding:0;display:grid;gap:8px;list-style:none}.reader-info-grid li{display:flex;gap:8px;color:var(--muted);font-size:10px}.reader-info-grid li:before{content:'•';color:var(--purple);font-weight:900}.reader-help{max-width:980px;margin:12px auto 0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.reader-help>header{margin-bottom:10px}.reader-help h2{font-size:20px}.reader-help details{border-top:1px solid var(--line)}.reader-help summary{padding:12px 2px;color:var(--ink);font-size:11px;font-weight:750;cursor:pointer}.reader-help details p{margin:0 0 13px;color:var(--muted);font-size:10px;line-height:1.65}.reader-footer{padding:40px max(22px,calc((100% - 1080px)/2));display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted)}.reader-footer>div>p{max-width:310px;font-size:10px;line-height:1.6}.footer-brand{display:inline-flex}.reader-footer nav{display:grid;align-content:start;gap:9px}.reader-footer nav b{margin-bottom:3px;color:var(--ink);font-size:11px}.reader-footer nav a{color:var(--muted);font-size:10px;text-decoration:none}.reader-footer nav a:hover{color:var(--purple)}.footer-note{grid-column:1/-1;margin:5px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:9px;text-align:center}.site-header>.theme-toggle{justify-self:end}@media(max-width:900px){.reader-connect{grid-template-columns:1fr}.reader-connect-intro ul{grid-template-columns:repeat(3,1fr)}.reader-workspace{grid-template-columns:215px 1fr}.reader-footer{grid-template-columns:1.3fr repeat(2,1fr)}.reader-footer nav:last-of-type{grid-column:2}}@media(max-width:700px){.reader-page{padding:40px 12px 65px}.reader-hero h1{font-size:37px}.reader-hero>p{font-size:12px}.reader-connect{padding:15px;gap:15px}.reader-connect-intro ul{grid-template-columns:1fr}.reader-workspace{grid-template-columns:1fr}.reader-sidebar{border-right:0;border-bottom:1px solid var(--line)}#readerFolders{grid-template-columns:repeat(2,1fr)}.reader-message-list,.reader-message-detail{height:480px}.reader-row{grid-template-columns:34px minmax(0,1fr)}.reader-row time{grid-column:2}.guide-steps,.reader-info-grid{grid-template-columns:1fr}.guide-steps article:last-child{grid-column:auto}.reader-footer{grid-template-columns:1fr 1fr}.reader-footer>div,.footer-note{grid-column:1/-1}.reader-footer nav:last-of-type{grid-column:auto}.main-nav{gap:10px}.main-nav a{font-size:10px}}@media(max-width:520px){.reader-hero h1{font-size:33px}.reader-trust{justify-content:flex-start}.reader-connect-form{padding:13px}.reader-row{padding:12px}.reader-footer{grid-template-columns:1fr 1fr;gap:24px 18px}.site-header>.theme-toggle{display:none}.main-nav a{padding-inline:0}}