/* 角落 (2026-10-19): Ian's corner records. Rows follow the Radio list (radio.css). */
.cn-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;margin:0 2px 12px;font:12px var(--ui-font);color:var(--textL)}
.cn-switch{display:flex;align-items:center;gap:8px}
.cn-switch input{accent-color:var(--accent)}
.cn-trial{border:0;border-radius:999px;padding:7px 14px;background:color-mix(in srgb,var(--card) 72%,transparent);color:var(--text);font:12px var(--ui-font);cursor:pointer}
.cn-trial[disabled]{opacity:.5}
.corner-list{display:flex;flex-direction:column;gap:8px;padding-bottom:40px}
.cn-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px 12px 16px;border:0;border-radius:16px;background:color-mix(in srgb,var(--card) 72%,transparent);text-align:left;color:var(--text);cursor:pointer}
.cn-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cn-meta{font:8px var(--radio-mono,ui-monospace,monospace);letter-spacing:.12em;color:var(--textL)}
.cn-title{font-family:var(--serif);font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cn-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.cn-tag{flex:0 0 auto;font:10px var(--ui-font);color:var(--textL)}
.cn-empty{padding:30px 10px;text-align:center;font:12px/1.7 var(--ui-font);color:var(--textL)}
.corner-read{position:fixed;inset:0;z-index:10030;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 48px)}
.corner-read>*{max-width:430px;margin-left:auto;margin-right:auto}
.cn-status{margin:0 0 12px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--card) 72%,transparent)}
.cn-words{font-family:var(--serif);font-size:14px;line-height:1.5;margin-bottom:10px}
.cn-row{display:flex;align-items:center;gap:10px;margin:6px 0;font:11px var(--ui-font);color:var(--textL)}
.cn-k{flex:0 0 28px}
.cn-track{flex:1;height:5px;border-radius:999px;background:color-mix(in srgb,var(--textL) 18%,transparent);overflow:hidden}
.cn-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.cn-v{flex:0 0 auto;min-width:64px;text-align:right}
.cn-foot{margin-top:8px;font:11px/1.5 var(--ui-font);color:var(--textL)}
.cn-back{border:0;background:none;color:var(--textL);font:12px var(--ui-font);padding:0 2px 10px;cursor:pointer}
.cn-sheet{padding:18px 18px 20px;border-radius:20px;background:color-mix(in srgb,var(--card) 82%,transparent)}
.cn-kicker{font:8px var(--radio-mono,ui-monospace,monospace);letter-spacing:.14em;color:var(--textL)}
.cn-h{margin:6px 0 2px;font-family:var(--serif);font-size:22px;line-height:1.3}
.cn-audio{display:block;width:100%;margin-top:12px}
.cn-btns{display:flex;flex-wrap:wrap;gap:6px}
.cn-body{margin-top:14px;white-space:pre-wrap;font:15px/1.85 var(--ui-font);color:var(--text)}
.cn-notes{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.cn-note{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--card));font:13px/1.6 var(--ui-font)}
.cn-note small{display:block;color:var(--textL);font-size:10px}
.cn-write{margin-top:12px;display:flex;gap:8px}
.cn-write textarea{flex:1;min-height:44px;resize:vertical;border:0;border-radius:14px;padding:10px 12px;background:color-mix(in srgb,var(--card) 72%,transparent);color:var(--text);font:13px var(--ui-font)}
.cn-write button{border:0;border-radius:14px;padding:0 14px;background:var(--accent);color:#fff;font:13px var(--ui-font);cursor:pointer}