.auth-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}.sidebar-footer .auth-bar{width:100%}.sidebar-footer .auth-name{flex:0 1 auto;min-width:0;max-width:calc(100% - 52px);padding:5px 12px;font-size:13px;font-weight:500;letter-spacing:.1px;text-align:left}.sidebar-footer .auth-link{flex-shrink:0;padding:5px 10px;border-radius:6px;font-size:12.5px;color:var(--text-tertiary);transition:color var(--transition),background var(--transition)}.sidebar-footer .auth-link:hover{color:var(--accent);background:var(--bg-tertiary);text-decoration:none}.sidebar-footer .auth-cta{flex:1 1 auto;text-align:center}.auth-cta,.auth-submit{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.auth-cta{padding:6px 12px;font-size:13px}.auth-submit{width:100%;padding:11px;font-size:15px}.auth-cta:hover,.auth-submit:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.auth-cta:focus-visible,.auth-submit:focus-visible,.auth-link:focus-visible,.paywall-btn:focus-visible,.account-tab:focus-visible,.account-list-item.link:focus-visible{outline:none;box-shadow:0 0 0 3px #7a242424}.auth-link{border:none;background:none;color:var(--accent);cursor:pointer;font-size:13px;padding:2px}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-name{max-width:160px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius);padding:3px 10px;cursor:pointer;font-size:13px;white-space:nowrap;text-overflow:ellipsis;transition:filter var(--transition)}.auth-name:hover{filter:brightness(.96)}.auth-name.level-free{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}.auth-name.level-monthly{background:linear-gradient(135deg,#fef7e0,#fae9b4 40%,#f8de8b);color:#7a5800;border-color:#d4a843;box-shadow:0 0 0 1px #d4a84340,inset 0 1px #ffffff80;text-shadow:0 1px 0 rgba(255,255,255,.4);font-weight:600}.auth-name.level-monthly:before{content:"✦ ";font-size:11px;opacity:.7}.auth-name.level-yearly{background:linear-gradient(135deg,#f8f9fc,#e4e9f2,#cfd6e4 70%,#e8ecf4);color:#3a4358;border-color:#a8b2c4;box-shadow:0 0 0 1px #a8b2c44d,inset 0 1px #fff9,0 2px 6px #0000000f;text-shadow:0 1px 0 rgba(255,255,255,.5);font-weight:600}.auth-name.level-yearly:before{content:"◆ ";font-size:10px}.auth-badge{border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;padding:2px 8px}.auth-badge.member{border-color:#d4a843;background:linear-gradient(135deg,#fef7e0,#fae9b4);color:#7a5800;font-weight:500}.auth-modal-overlay,.account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:#281e1b6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.auth-modal-overlay.active,.account-overlay.active{display:flex}.auth-modal,.account-modal{position:relative;width:340px;max-width:92vw;border:1px solid rgba(227,223,211,.9);border-radius:8px;background:var(--bg);box-shadow:0 18px 56px #281e1b33}.auth-modal{padding:28px 26px}.account-modal{display:flex;flex-direction:column;width:560px;max-width:94vw;aspect-ratio:4 / 3;max-height:88vh;overflow:hidden;padding:24px 24px 26px}.auth-modal h3,.account-modal h3{margin:0 0 16px;color:var(--text);font-size:20px}.auth-modal-close{position:absolute;top:10px;right:14px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;font-size:24px;line-height:1}.auth-modal-close:hover{color:var(--accent)}.auth-field{margin-bottom:14px}.auth-field label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:13px}.auth-field input,.redeem-input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.auth-field input{padding:9px 11px}.auth-field input:focus,.redeem-input:focus{outline:none;border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px #7a24241a}.auth-error{min-height:18px;margin-bottom:4px;color:#b85c51;font-size:13px}.auth-switch{margin-top:14px;color:var(--text-secondary);font-size:13px;text-align:center}.markdown-body.is-preview{position:relative}.markdown-body.is-preview:after{content:"";position:absolute;right:0;left:0;display:block;height:120px;margin-top:-120px;pointer-events:none;background:linear-gradient(transparent,var(--bg))}.paywall{position:relative;z-index:1;margin:28px 0;border:1px solid #ead9b4;border-radius:8px;background:linear-gradient(180deg,#fffaf0,#fff);padding:24px;text-align:center}.paywall-title{margin-bottom:6px;color:#7a5d00;font-size:18px;font-weight:600}.paywall-desc{margin-bottom:16px;color:var(--text-secondary);font-size:13px}.paywall-actions,.paystatus-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.paywall-btn{border:1px solid #d9c79a;border-radius:6px;background:var(--bg);color:#7a5d00;cursor:pointer;font-size:14px;padding:9px 16px;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.paywall-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.paywall-btn:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}.paywall-btn.primary:hover{background:var(--accent-hover);color:#fff}.paywall-unavailable{align-self:center;color:var(--text-secondary);font-size:13px;line-height:1.5}.account-tabs{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden}.account-tab{flex:0 0 auto;white-space:nowrap;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 9px}.account-tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.account-body{flex:1;min-height:0;overflow-y:auto}.account-loading,.account-empty{padding:30px 0;color:var(--text-tertiary);font-size:14px;text-align:center}.account-empty .auth-link{display:inline-block;margin-top:8px}.account-tip{margin-bottom:12px;color:var(--text-secondary);font-size:13px}.account-action-row{display:flex;gap:10px;margin-top:14px}.account-action-fill{flex:1}.account-plan-btn{flex:1;font-weight:600}.account-plan-btn.monthly{border-color:#d4a843;background:linear-gradient(135deg,#fef7e0,#fae9b4 40%,#f8de8b);color:#7a5800}.account-plan-btn.monthly:hover{border-color:#bf9637;color:#6b4d00;background:linear-gradient(135deg,#fff3cc,#f7df95)}.account-plan-btn.yearly{border-color:#a8b2c4;background:linear-gradient(135deg,#f8f9fc,#e4e9f2,#cfd6e4 70%,#e8ecf4);color:#3a4358}.account-plan-btn.yearly:hover{border-color:#909db3;color:#2f3749;background:linear-gradient(135deg,#eef1f7,#d6ddeb)}.account-card,.account-list-item{border:1px solid var(--border);border-radius:8px;background:var(--bg)}.account-card{padding:6px 14px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--bg-tertiary);padding:10px 0;font-size:14px}.account-row:last-child{border-bottom:none}.account-row span{color:var(--text-secondary)}.account-row b{min-width:0;overflow-wrap:anywhere;text-align:right}.account-list-item{margin-bottom:10px;padding:11px 14px;font-size:14px}.account-list-item.link{display:block;width:100%;text-align:left;cursor:pointer}.account-list-item.link:hover{border-color:#7a242438;background:var(--bg-secondary)}.account-doc-icon{width:14px;height:14px;margin-right:4px;vertical-align:middle;opacity:.5}.account-list-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.account-list-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-tertiary);font-size:12px}.order-no{color:var(--text-tertiary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.order-status,.result-badge{border-radius:999px;white-space:nowrap}.order-status{background:#ece8df;color:var(--text-secondary);font-size:12px;padding:1px 8px}.order-status.s-paid,.result-badge.full{background:#e5f4e9;color:#2f7a3d}.order-status.s-pending,.result-badge.preview{background:#fff4d6;color:#9a6b0b}.order-status.s-failed,.order-status.s-expired{background:#fdecea;color:#b85c51}.order-status.s-cancelled,.order-status.s-refunded{background:#ece8df;color:var(--text-secondary)}.redeem-row{display:flex;gap:8px;margin-top:6px}.redeem-row.paywall-redeem{justify-content:center;margin-top:16px}.redeem-input{flex:1;padding:9px 11px}.redeem-msg{min-height:18px;margin-top:8px;font-size:13px;text-align:center}.account-msg-inline{margin-bottom:10px}.redeem-msg.ok{color:#2f7a3d}.redeem-msg.err{color:#b85c51}.account-modal.paystatus{display:block;width:360px;aspect-ratio:auto;padding:30px 26px;text-align:center}.paystatus-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:10px;line-height:1}.paystatus-icon svg{width:42px;height:42px;display:block}.paystatus-icon.spin{display:inline-block;animation:lbspin 1.1s linear infinite}@keyframes lbspin{to{transform:rotate(360deg)}}.paystatus-actions{margin-top:18px}.account-field-stack{margin-bottom:10px}.account-submit-block{width:100%}.result-badge{margin-left:8px;font-size:11px;padding:1px 7px;vertical-align:middle}@media (max-width: 768px){.topbar{gap:10px}.auth-bar{gap:7px;padding-left:0}.auth-name{max-width:84px}.auth-badge{display:none}.auth-link,.auth-cta{font-size:12px}.auth-cta{padding:6px 9px}.account-modal{padding:22px 18px 24px}.account-action-row,.redeem-row{flex-direction:column}.redeem-input{max-width:none}}html,body,#app{height:100%;width:100%}#app{display:flex;min-width:0;min-height:100%}#app>*{flex:1 1 auto;width:100%;min-width:0;min-height:100%}