:root{--bg:#fff;--fg:#111;--muted:#666;--accent:#0b84ff}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}.app-root{min-height:100vh;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);flex-direction:column;display:flex}.topbar{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.app-title{margin:0;font-size:18px}.top-actions button{margin-left:8px}main{flex:1}.quick-form{flex-direction:column;gap:8px;display:flex}.quick-form input,.quick-form textarea{border:1px solid #e6e6e6;border-radius:8px;padding:10px;font-size:16px}.actions{gap:8px;margin-top:8px;display:flex}.save{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px 16px}.copy{background:#eee;border:none;border-radius:8px;padding:12px 16px}.small{color:var(--muted);margin-bottom:4px;font-size:12px}.row{gap:8px;display:flex}.hint{color:var(--muted);margin-top:6px}.list-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.list-header input{border-radius:8px;flex:1;padding:8px}.list{flex-direction:column;gap:12px;display:flex}.quote-item{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:12px}.quote-item .meta{justify-content:space-between;margin-bottom:6px;display:flex}.quote-item .text{margin-bottom:8px}.item-actions button{margin-right:8px}.modal-backdrop{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:90%;max-width:540px;padding:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.footer-note{color:var(--muted);text-align:center;padding:8px 0;font-size:12px}.status{background:#fffbeb;border-radius:8px;margin-bottom:8px;padding:8px}