:root{color:#3b352f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shelfie-shell{background:0 0;min-height:100vh;padding:24px 20px}.shelfie-card{color:#3b352f;background:#fefaf6;border:1px solid #7a6a5859;border-radius:20px;width:min(720px,100%);margin:0 auto;overflow:hidden;box-shadow:0 8px 40px #40332847}.shelfie-header{border-bottom:1px solid #efe5da;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 34px;display:flex}.shelfie-header h1{color:#2c261f;letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800}.shelfie-header p{color:#8a7c6c;margin:8px 0 0;font-size:15px;line-height:1.5}.shelfie-badge{color:#6f5f4c;white-space:nowrap;letter-spacing:.02em;background:#f0e5d8;border-radius:999px;flex:none;padding:6px 15px;font-size:13px;font-weight:700}.shelfie-user{flex:none;align-items:center;gap:14px;display:flex}.shelfie-user-avatar{color:#fdf6ec;letter-spacing:.02em;background:linear-gradient(135deg,#7a5c3e,#a8845c);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid;box-shadow:0 0 0 1px #7a5c3e40,0 3px 10px #40332840}.shelfie-user-avatar-placeholder{background:#ece0d3}.shelfie-user-body{gap:2px;line-height:1.3;display:grid}.shelfie-user-display-name{text-overflow:ellipsis;white-space:nowrap;color:#2c261f;max-width:170px;font-size:17px;font-weight:700;overflow:hidden}.shelfie-user-display-email{text-overflow:ellipsis;white-space:nowrap;color:#8a7c6c;max-width:170px;font-size:13px;overflow:hidden}.shelfie-user-visitor{color:#a09484;font-size:15px;font-weight:600}.shelfie-user-loading{align-items:center;gap:12px;display:flex}.shelfie-skeleton-circle{background:#ece0d3;border-radius:999px;width:44px;height:44px;animation:1.4s ease-in-out infinite pulse}.shelfie-skeleton-lines{gap:6px;display:grid}.shelfie-skeleton-line{background:#ece0d3;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite pulse}.shelfie-skeleton-line:first-child{width:95px}.shelfie-skeleton-line:last-child{width:130px;height:9px}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.8}}.shelfie-content{gap:20px;padding:26px 34px 34px;display:grid}.shelfie-add{gap:10px;min-width:0;display:flex}.shelfie-input{color:#3b352f;background:#faf4ec;border:1px solid #e0d3c5;border-radius:10px;outline:none;width:100%;min-width:0;height:44px;padding:0 15px;font-size:15px;transition:border-color .15s,box-shadow .15s}.shelfie-input:focus{border-color:#a8845c;box-shadow:0 0 0 3px #a8845c33}.shelfie-input::placeholder{color:#b3a390}.shelfie-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:10px;height:44px;padding:0 17px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.shelfie-btn:disabled{cursor:not-allowed;opacity:.35}.shelfie-btn-primary{color:#fdf6ec;background:#7a5c3e;flex:none}.shelfie-btn-primary:hover{background:#8d6d4b}.shelfie-btn-primary:disabled{color:#b3a390;background:#ece0d3}.shelfie-btn-toggle{color:#6f5f4c;background:#f0e5d8;font-size:13px}.shelfie-btn-toggle:hover{background:#e6d7c6}.shelfie-btn-active{color:#3d7a46;background:#dff0dd}.shelfie-btn-active:hover{background:#d0e8cd}.shelfie-btn-delete{color:#b3a390;background:0 0;font-size:13px}.shelfie-btn-delete:hover{color:#dc2626;background:#dc262614}.shelfie-error{color:#b91c1c;background:#dc26260f;border:1px solid #dc262640;border-radius:10px;margin:0;padding:10px 14px;font-size:14px}.shelfie-empty{color:#a09484;text-align:center;border:1px dashed #d5c5b3;border-radius:14px;gap:6px;padding:48px 20px;font-size:15px;display:grid}.shelfie-empty strong{color:#6f5f4c}.shelfie-list{border:1px solid #e8dccf;border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.shelfie-book{border-bottom:1px solid #efe5da;align-items:center;gap:14px;padding:16px 18px;transition:background .15s;display:flex}.shelfie-book:last-child{border-bottom:0}.shelfie-book-read{background:#f6efe6}.shelfie-book-body{flex:1;gap:2px;min-width:0;display:grid}.shelfie-book-title{text-overflow:ellipsis;white-space:nowrap;color:#2c261f;font-size:16px;font-weight:600;overflow:hidden}.shelfie-book-read .shelfie-book-title{color:#a09484;text-decoration:line-through}.shelfie-book-author{text-overflow:ellipsis;white-space:nowrap;color:#8a7c6c;font-size:14px;overflow:hidden}.shelfie-book-read .shelfie-book-author{color:#b3a390}.shelfie-book-actions{flex:none;gap:8px;display:flex}@media (width<=600px){.shelfie-shell{padding:16px 10px}.shelfie-header,.shelfie-content{padding-left:18px;padding-right:18px}.shelfie-header{flex-direction:column}.shelfie-user{justify-content:space-between;width:100%}.shelfie-add,.shelfie-book{flex-wrap:wrap}.shelfie-book-actions{justify-content:flex-end;width:100%}}