.login{width:100%;max-width:430px;height:100%;margin:auto;padding:30px 28px calc(28px + env(safe-area-inset-bottom));display:flex;align-items:stretch;flex-direction:column;overflow:auto}.login-top{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:500}.login-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:280px;flex:1;max-height:370px;background:radial-gradient(ellipse,#4d8d5e2e,transparent 69%)}.login-art>img{width:104px;height:104px;transform:rotate(-5deg);filter:drop-shadow(0 14px 24px #0005)}.art-bubble{position:absolute;top:25%;left:7%;padding:14px 20px;border-radius:19px 19px 5px 19px;background:var(--surface);border:1px solid var(--border);font-size:18px;transform:rotate(-7deg);box-shadow:0 8px 25px #0003}.art-bubble.cn{top:62%;left:auto;right:8%;background:#263b2f;border-color:#43644b;color:#b8dfb8;transform:rotate(7deg);border-radius:19px 19px 19px 5px}.login h1{font-size:34px;margin:5px 0 30px}.login .primary{width:100%;min-height:53px}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px;margin:22px 0}.login-foot .icon{width:15px;height:15px}.language-button{color:var(--muted);font-size:12px;padding:10px}.topic-tools{padding:20px 24px 12px;flex:none}.tabs{display:flex;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:13px;margin-bottom:14px}.tabs button{flex:1;color:var(--muted);min-height:36px;border-radius:9px;font-size:12px;transition:background .2s}.tabs button.active{background:#30363e;color:var(--ink)}.topic-tools input{width:100%;min-height:42px;font-size:12px}.topic-list{padding:5px 24px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:12px}.topic-card{text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:15px 17px 13px;min-height:150px}.topic-card.featured{background:#22312a;border-color:#3f5947}.topic-card:hover{border-color:#668c70}.topic-number{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:11px}.topic-number .icon{width:14px;height:14px}.topic-number .unread{margin-left:auto}.topic-card h3{font-size:20px;font-weight:500;letter-spacing:-.4px;overflow-wrap:anywhere}.topic-card p{font-size:12px;color:var(--muted);margin:9px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:16px}.topic-card .spread>.icon{width:16px;height:16px;color:var(--muted)}
dialog{position:fixed;max-height:90dvh;max-width:calc(100vw - 32px);width:430px;padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 22px 80px #0007;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#080a0dbb;backdrop-filter:blur(3px)}dialog[open]{animation:enter .2s}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.dialog-head h2{font-size:21px;overflow-wrap:anywhere;min-width:0}.dialog-head .icon-btn{margin-right:-8px}.dialog-head~input,dialog form>input,dialog form>textarea{width:100%;margin-bottom:18px}dialog form>.primary{width:100%;margin-top:6px}dialog textarea{min-height:120px;resize:vertical}fieldset{padding:0;border:0;margin:0 0 22px}legend{font-size:11px;color:var(--muted);margin-bottom:12px}.mode-option{display:flex;align-items:center;gap:12px;padding:17px 14px;border:1px solid var(--border);border-radius:14px;margin-bottom:11px;min-height:66px}.mode-option:has(input:checked){background:#22332a;border-color:#709b77}.mode-option input{accent-color:var(--green);height:17px;width:17px}.mode-option strong{font-weight:500}.mode-option .icon{color:var(--green)}.pair-languages{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.pair-languages label{font-size:11px;color:var(--muted);min-width:0}.pair-languages select{display:block;width:100%;margin-top:8px;font-size:13px;min-height:45px;color:var(--ink);background:var(--bg)}.menu-list>button{width:100%;min-height:53px;text-align:left;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);font-size:14px}.menu-list>button:last-child{border:0}.menu-list .icon{color:var(--muted);width:19px;height:19px}.transcript{width:100%;background:transparent;border:0;padding:6px 0;resize:vertical;font-size:21px;line-height:1.45;min-height:150px}.recording-player{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:13px;margin-bottom:20px}.recording-player .compact-audio{margin:0}.include-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-top:1px solid var(--line);font-size:13px;margin-top:12px}.include-row input{height:19px;width:19px}.translated-card{padding:16px;border:1px solid #46644e;border-radius:14px;background:#23382c;margin:10px 0 18px}.translated-card strong{font-size:11px;color:var(--green)}.translated-card p{font-size:16px;line-height:1.6;margin-top:11px;white-space:pre-wrap}.review-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.review-actions .primary,.review-actions .secondary{font-size:12px;padding:10px 13px}.record-live{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;gap:22px}.record-live strong{font-size:32px;font-weight:400;font-variant-numeric:tabular-nums}.record-dot{width:14px;height:14px;background:var(--danger);border-radius:50%;box-shadow:0 0 0 10px #e38a941a;animation:pulse 1.5s ease-in-out infinite}.full-image{display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:10px;margin:10px 0 18px}.brief-scroll{max-width:820px;width:100%;margin:0 auto}.brief-status{padding:20px 24px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brief-status .pill:empty{display:none}.brief-languages{display:flex;gap:8px;padding:5px 24px 13px}.brief-languages button{font-size:11px;min-height:34px;padding:5px 12px;color:var(--muted);border-radius:8px;background:var(--surface)}.brief-languages button.active{background:var(--surface-alt);color:var(--ink)}.summary-section{padding:20px 24px;border-bottom:1px solid var(--line)}.summary-section h3{font-weight:500;margin-bottom:16px}.summary-section .spread h3{margin:0}.summary-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.summary-item:last-child{margin-bottom:0}.summary-item .marker{height:24px;width:24px;border-radius:7px;background:#4d8d5e33;color:var(--green);display:flex;align-items:center;justify-content:center;flex:none}.marker .icon{width:14px;height:14px}.summary-item p{font-size:14px;line-height:1.5;white-space:pre-wrap}.source-link{font-size:10px;min-height:29px;padding:5px 0;margin-right:12px;color:#98ce9f;display:inline-flex;align-items:center;gap:5px}.source-link .icon{height:10px;width:10px}.correction{padding:13px 0;border-bottom:1px solid var(--line)}.correction:last-child{border:0}.correction p{font-size:13px;white-space:pre-wrap;line-height:1.5}.correction small{font-size:10px;color:var(--muted);display:block;margin-top:6px}
@keyframes pulse{50%{opacity:.5}}
@media(max-width:760px){.topic-list{display:block}.topic-card{margin-bottom:12px}.login{padding-top:calc(25px + env(safe-area-inset-top));max-width:430px}.login-art{min-height:240px}dialog{margin:auto auto 0;max-width:100%;width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding:20px 24px calc(24px + env(safe-area-inset-bottom));border-bottom:0}.full-image{max-height:60dvh}}