:root{color-scheme:light;--bg: #f4efe6;--bg-alt: #efe4d2;--surface: rgba(255, 252, 246, .82);--surface-strong: #fffaf2;--line: rgba(87, 61, 23, .16);--text: #2e2218;--muted: #6f5b49;--accent: #b85c38;--accent-soft: #f0c7a7;--accent-strong: #7d2f18;--success: #2f7d5d;--warning: #9b5d00;--shadow: 0 20px 60px rgba(88, 54, 18, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,245,224,.9),transparent 28%),radial-gradient(circle at right 20%,rgba(184,92,56,.18),transparent 20%),linear-gradient(180deg,var(--bg) 0%,#f7f1e7 100%);color:var(--text);font-family:IBM Plex Sans JP,sans-serif}button,textarea{font:inherit}.page-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.hero{margin-bottom:28px;padding:24px 28px}.eyebrow{margin:0 0 12px;color:var(--accent-strong);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-family:Fraunces,serif;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.02em}.hero-copy{max-width:760px;margin:16px 0 0;color:var(--muted);font-size:1rem;line-height:1.85}.app-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.25fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-form{position:sticky;top:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:24px 24px 0}.panel-header h2{margin:0;font-size:1.1rem}.panel-badge{padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;font-weight:700}.analyze-form{padding:20px 24px 24px}.label{display:inline-block;margin-bottom:10px;font-size:.92rem;font-weight:700}.text-input{width:100%;min-height:300px;resize:vertical;border:1px solid rgba(125,47,24,.14);border-radius:20px;background:#fffaf2e6;padding:18px 18px 22px;color:var(--text);line-height:1.8;outline:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.text-input:focus{border-color:#b85c3899;transform:translateY(-1px);box-shadow:0 0 0 4px #b85c381a}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.caption{margin:0;color:var(--muted);font-size:.85rem}.submit-button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fffaf2;padding:14px 22px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #7d2f1833;transition:transform .18s ease,opacity .18s ease;white-space:nowrap}.submit-button:hover:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{opacity:.55;cursor:not-allowed}.submit-button.loading{cursor:wait}@keyframes btn-dot-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.loading-dots span{display:inline-block;animation:btn-dot-blink 1.2s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.error-box{margin:0 24px 24px;border-radius:18px;background:#b8202014;color:#8e2121;padding:14px 16px;line-height:1.6}.panel-results{padding-bottom:10px}.status-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.status{padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:700}.status.on{background:#2f7d5d24;color:var(--success)}.status.off{background:#6f5b491f;color:var(--muted)}.result-stack{padding:20px 24px 24px;display:grid;gap:16px}.result-card{border:1px solid var(--line);border-radius:22px;background:var(--surface-strong);padding:18px}.result-card h3{margin:0 0 14px;font-size:1rem}.accent-card{background:linear-gradient(140deg,#f0c7a794,#fffaf2f5)}.accent-card p{white-space:pre-line;line-height:1.85}.keyword-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.keyword-chip{border-radius:18px;background:#efe4d299;padding:14px}.keyword-chip strong,.keyword-chip span,.keyword-chip p{display:block}.keyword-chip strong{font-size:1.25rem;letter-spacing:.04em}.keyword-chip span{margin-top:5px;color:var(--accent-strong);font-size:.86rem;letter-spacing:.03em}.keyword-chip p{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.line-stack,.qa-stack{display:grid;gap:12px}.line-item,.qa-item{border-radius:16px;background:#f4efe6b3;padding:14px 16px}.line-original,.line-pinyin,.qa-question,.qa-answer{margin:0;line-height:1.75}.line-original{font-size:1.05rem}.line-pinyin{margin-top:4px;color:var(--accent-strong);font-size:.85rem;letter-spacing:.04em}.qa-answer{margin-top:6px;color:var(--muted)}.warning-card{border-color:#9b5d002e;background:#fff3dcb8}.warning-list{margin:0;padding-left:18px;color:var(--warning);line-height:1.7}.empty-state{padding:56px 24px 48px;color:var(--muted);text-align:center;line-height:1.8}.empty-state-deco{display:block;font-size:3.5rem;line-height:1;margin-bottom:20px;opacity:.18;color:var(--accent-strong);font-family:serif;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}@media (max-width: 960px){.app-grid{grid-template-columns:1fr}.panel-form{position:static}}@media (max-width: 640px){.page-shell{width:min(100% - 20px,1200px);padding-top:22px}.hero{padding:12px 6px 18px}.panel-header,.analyze-form,.result-stack{padding-left:16px;padding-right:16px}.form-footer{flex-direction:column;align-items:stretch}.submit-button{width:100%}}