:root{--bg: #f4f1ea;--bg-card: #fbf9f4;--ink: #2a2620;--ink-soft: #6b6357;--accent: #a85b3c;--accent-soft: #d9b69a;--border: #e3dccf;--danger: #b03a2e;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:18px;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg)}button{font:inherit;border:none;background:var(--accent);color:#fff;padding:16px 24px;border-radius:12px;cursor:pointer;min-height:56px;font-size:18px}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}input,textarea{font:inherit;width:100%;padding:14px;border:2px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);min-height:52px}textarea{min-height:120px;resize:vertical}label{display:block;font-size:15px;color:var(--ink-soft);margin-bottom:6px;letter-spacing:.02em}.app{max-width:720px;margin:0 auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.app-header{padding:20px 0 16px;text-align:center}.app-header h1{margin:0;font-size:28px;font-weight:400;letter-spacing:.02em}.app-header p{margin:4px 0 0;color:var(--ink-soft);font-style:italic}.tabs{display:flex;gap:4px;background:var(--bg-card);padding:4px;border-radius:14px;border:1px solid var(--border);margin-bottom:20px}.tabs button{flex:1;background:transparent;color:var(--ink-soft);padding:12px 8px;font-size:16px;min-height:44px;border-radius:10px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000000f}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}.field{margin-bottom:16px}.photo-preview{width:100%;aspect-ratio:1;background:var(--border);border-radius:14px;object-fit:cover;display:block}.photo-placeholder{width:100%;aspect-ratio:1;background:#fff;border:2px dashed var(--accent-soft);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);text-align:center;padding:24px}.record-button{width:100%;background:var(--accent)}.record-button.recording{background:var(--danger)}.transcript{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;margin-top:12px;color:var(--ink-soft);font-style:italic;min-height:60px}.catalog-item{display:flex;gap:14px;align-items:flex-start;cursor:pointer}.catalog-thumb{width:80px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--border)}.catalog-info h3{margin:0 0 4px;font-size:19px;font-weight:400}.catalog-info p{margin:2px 0;font-size:15px;color:var(--ink-soft)}.row{display:flex;gap:10px}.row>*{flex:1}.empty{text-align:center;padding:60px 20px;color:var(--ink-soft)}.error{background:#fdecea;color:var(--danger);border:1px solid #f5c6c0;padding:12px 14px;border-radius:10px;margin-bottom:12px;font-size:15px}