:root{--bg: #e8efe9;--bg-accent: #d3e2d6;--surface: #f7fbf8;--ink: #14241c;--muted: #4d6357;--brand: #1a3a2f;--brand-soft: #2f5c4a;--accent: #c45c26;--danger: #a33b2b;--line: rgba(20, 36, 28, .12);--shadow: 0 10px 30px rgba(20, 36, 28, .08);--radius: 18px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Segoe UI,Trebuchet MS,Gill Sans,sans-serif;color:var(--ink);background:var(--bg);line-height:1.4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh;background:radial-gradient(circle at top left,rgba(47,92,74,.18),transparent 40%),radial-gradient(circle at bottom right,rgba(196,92,38,.12),transparent 35%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 100%)}button,input,textarea{font:inherit}.app-shell{min-height:100dvh;max-width:560px;margin:0 auto;padding:16px 16px calc(24px + var(--safe-bottom))}.screen{display:flex;flex-direction:column;gap:16px}.brand-block h1,.session-header h1{margin:0;font-size:clamp(1.8rem,6vw,2.4rem);letter-spacing:-.03em;color:var(--brand)}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted);font-weight:700}.lead,.hint,.author{color:var(--muted)}.lead{margin:10px 0 0;font-size:1.05rem}.card-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.card-form label{font-weight:600;font-size:.95rem}.card-form input,.card-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;color:var(--ink)}.card-form textarea{resize:vertical;min-height:96px}.btn{border:0;border-radius:14px;padding:14px 16px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--brand);color:#f5faf7}.btn.secondary{background:#dce8e1;color:var(--brand)}.btn.action{background:var(--brand-soft);color:#f5faf7;flex:1;min-width:0;padding:16px 8px}.btn.ghost{background:transparent;color:var(--brand);padding:8px 10px}.btn.danger{background:var(--danger);color:#fff}.error,.warn{margin:0;font-size:.95rem}.error{color:var(--danger)}.warn{color:var(--accent)}.banner{border-radius:14px;padding:12px 14px;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.warn-banner{background:#fff4e8;color:#7a3d12;border:1px solid #f0c9a0}.test-warning-banner{display:block;background:#fff1f0;color:#7a1f18;border:1px solid #f0b4ae;font-size:.92rem;line-height:1.45}.test-warning-banner strong{display:inline;margin-right:4px;font-size:.95rem}.error-banner{background:#fdeceb;color:var(--danger);border:1px solid #f0c0b8}.session-header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.session-header h1{word-break:break-word;font-size:1.55rem}.list-section{padding-bottom:96px}.correction-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.correction-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.correction-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#dce8e1;color:var(--brand)}.badge-photo{background:#d7e8f5;color:#184968}.badge-video{background:#efe0f5;color:#5a2a6e}.badge-audio{background:#f7e6d4;color:#7a3d12}.badge-text{background:#dce8e1;color:var(--brand)}.body{margin:8px 0;white-space:pre-wrap}.media-preview{width:100%;border-radius:12px;display:block;margin-top:8px;background:#111;max-height:360px;object-fit:contain}.audio-preview{width:100%;margin-top:8px}.empty-state{background:#f7fbf8cc;border:1px dashed var(--line);border-radius:var(--radius);padding:28px 18px;text-align:center}.action-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + var(--safe-bottom));width:min(528px,calc(100% - 24px));display:flex;gap:8px;padding:10px;background:#f7fbf8eb;border:1px solid var(--line);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.form-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.form-header h2{margin:0;font-size:1.25rem}.file-label{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px dashed var(--line);border-radius:12px;background:#fff;cursor:pointer;font-weight:600}.file-label input{font-weight:400}.file-ready{margin:0;font-weight:600;color:var(--brand-soft)}.media-capture,.audio-controls{display:flex;flex-direction:column;gap:10px}@media(max-width:420px){.session-header{grid-template-columns:1fr}.action-bar{gap:6px}.btn.action{font-size:.9rem}}.scanner-wrap{display:flex;flex-direction:column;gap:10px}.scanner-viewport{width:100%;min-height:260px;border-radius:16px;overflow:hidden;background:#111;border:1px solid var(--line)}.scanner-viewport video{width:100%!important}.manual-toggle{align-self:flex-start;text-decoration:underline;font-weight:600}