@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-title:"Outfit", system-ui, -apple-system, sans-serif;--bg-app:30 14% 93%;--bg-card:0 0% 100%;--bg-card-glass:#fbf9f6bf;--primary-base:202 16% 47%;--primary-glow:#6680901f;--accent-base:12 18% 60%;--accent-glow:#b383781f;--text-main:202 24% 20%;--text-muted:202 10% 48%;--text-dim:202 8% 62%;--border-light:#66809014;--border-glow:#6680902e;--success-base:100 10% 45%;--error-base:5 20% 55%}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation}body{touch-action:manipulation;font-family:var(--font-body);background:hsl(var(--bg-app));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#66809014 0,#0000 50%),radial-gradient(at 100% 100%,#b383780d 0,#0000 50%),radial-gradient(#6b7a6608 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}.app-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);background:#ffffff73;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000000f}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#fffc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;display:flex}.brand h1{background:linear-gradient(135deg, hsl(var(--text-main)) 30%, hsl(var(--primary-base)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.brand-icon{color:hsl(var(--primary-base));filter:drop-shadow(0 0 8px hsl(var(--primary-base)))}.btn{font-family:var(--font-title);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary-base)) 0%, hsl(var(--accent-base)) 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #66809040}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-light);color:hsl(var(--text-main));background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-accent{background:linear-gradient(135deg, hsl(var(--accent-base)) 0%, #a86c62 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b3837840}.btn-icon-only{border:1px solid var(--border-light);color:hsl(var(--text-main));background:#ffffffd9;border-radius:10px;padding:8px}.btn-icon-only:hover{color:hsl(var(--primary-base));border-color:var(--border-glow);background:#ffffff1a}.auth-wrapper{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--bg-card-glass);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;width:100%;padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a0f}.auth-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-header{text-align:center;margin-bottom:28px}.auth-header h2{margin-bottom:8px;font-size:26px;font-weight:800}.auth-header p{color:hsl(var(--text-muted));font-size:14px}.form-group{margin-bottom:18px}.form-label{font-size:12px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));margin-bottom:6px;font-weight:600;display:block}.form-control{border:1px solid var(--border-light);width:100%;color:hsl(var(--text-main));font-family:var(--font-body);background:#fff;border-radius:12px;padding:12px 16px;font-size:16px;transition:all .2s}.form-control:focus{border-color:hsl(var(--primary-base));box-shadow:0 0 0 3px var(--primary-glow);outline:none}.auth-toggle{text-align:center;color:hsl(var(--text-muted));margin-top:20px;font-size:14px}.auth-toggle-link{color:hsl(var(--primary-base));cursor:pointer;margin-left:6px;font-weight:600;text-decoration:none}.auth-toggle-link:hover{text-decoration:underline}.dashboard{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.dashboard-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{background:var(--bg-card-glass);border:1px solid var(--border-light);border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.stat-icon{width:42px;height:42px;color:hsl(var(--primary-base));background:#8b5cf626;border-radius:10px;justify-content:center;align-items:center;display:flex}.stat-info .value{font-size:20px;font-family:var(--font-title);font-weight:700}.stat-info .label{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:11px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));margin-bottom:8px;font-size:16px}.book-list{flex-direction:column;gap:12px;display:flex}.book-card{background:var(--bg-card-glass);border:1px solid var(--border-light);cursor:pointer;border-radius:16px;gap:14px;padding:12px;transition:all .25s;display:flex;position:relative;overflow:hidden}.book-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff05,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.book-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 4px 20px #00000040}.book-card:hover:after{transform:translate(100%)}.book-cover-container{border:1px solid var(--border-light);background:#ffffff08;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:90px;display:flex;position:relative;overflow:hidden}.book-cover-container svg{color:hsl(var(--text-dim))}.book-cover{object-fit:cover;width:100%;height:100%;animation:.4s forwards fadeIn}.book-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.book-title{color:hsl(var(--text-main));white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.book-author{color:hsl(var(--text-muted));white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;overflow:hidden}.book-meta{color:hsl(var(--text-dim));gap:8px;font-size:11px;display:flex}.badge{border:1px solid var(--border-light);background:#0000000a;border-radius:4px;padding:1px 6px}.scan-fab{z-index:90;background:linear-gradient(135deg, hsl(var(--primary-base)) 0%, hsl(var(--accent-base)) 100%);color:#fff;font-family:var(--font-title);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:14px 24px;font-weight:700;transition:all .3s;animation:2.5s infinite pulseFab;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #66809040,0 0 #66809033}.scan-fab:hover{transform:translate(-50%)translateY(-3px);box-shadow:0 10px 30px #66809059}.scan-fab:active{transform:translate(-50%)translateY(0)}.scanner-overlay{z-index:500;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scanner-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:510;background:#000000bf;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.scanner-title{color:#fff;font-size:18px;font-weight:700}.scanner-viewport{background:0 0;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.scan-frame{z-index:505;border:2px solid #ffffff4d;border-radius:16px;width:280px;height:180px;position:relative;box-shadow:0 0 0 9999px #000000a6}.scan-corner{border-color:hsl(var(--primary-base));pointer-events:none;border-style:solid;width:20px;height:20px;position:absolute}.corner-tl{border-width:4px 0 0 4px;border-top-left-radius:12px;top:-2px;left:-2px}.corner-tr{border-width:4px 4px 0 0;border-top-right-radius:12px;top:-2px;right:-2px}.corner-bl{border-width:0 0 4px 4px;border-bottom-left-radius:12px;bottom:-2px;left:-2px}.corner-br{border-width:0 4px 4px 0;border-bottom-right-radius:12px;bottom:-2px;right:-2px}.scan-laser{background:linear-gradient(90deg, transparent, hsl(var(--accent-base)), transparent);height:3px;box-shadow:0 0 12px hsl(var(--accent-base));z-index:506;animation:2s ease-in-out infinite laserSweep;position:absolute;left:0;right:0}.scanner-hint{text-align:center;color:#fff;border:1px solid var(--border-light);z-index:508;white-space:nowrap;background:#000000d9;border-radius:20px;padding:8px 18px;font-size:13px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.fallback-input-card{border:1px solid var(--border-light);background:#ffffff08;border-radius:16px;margin:16px 20px;padding:20px}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:400;background:#040710bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:hsl(var(--bg-card));border:1px solid var(--border-light);border-radius:24px;width:100%;max-width:460px;max-height:85vh;padding:28px 24px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;overflow-y:auto;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff0f}.modal-header{justify-content:flex-end;margin-bottom:8px;display:flex}.detail-layout{gap:20px;margin-bottom:24px;display:flex}.detail-cover-container{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:154px;display:flex;overflow:hidden}.detail-cover-container svg{color:hsl(var(--text-dim))}.detail-cover{object-fit:cover;width:100%;height:100%}.detail-main-info{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.detail-title{color:hsl(var(--text-main));margin-bottom:6px;font-size:20px;font-weight:700;line-height:1.3}.detail-author{color:hsl(var(--text-muted));margin-bottom:8px;font-size:15px}.detail-gist-section{margin-bottom:24px}.gist-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));margin-bottom:8px;font-size:13px;font-weight:600}.gist-body{color:hsl(var(--text-muted));font-size:14px;line-height:1.6}.detail-grid{border:1px solid var(--border-light);background:#00000005;border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:16px;display:grid}.grid-item{flex-direction:column;gap:2px;display:flex}.grid-label{color:hsl(var(--text-dim));text-transform:uppercase;letter-spacing:.05em;font-size:11px}.grid-value{color:hsl(var(--text-main));font-size:13px;font-weight:500}.skeleton{background:linear-gradient(90deg,#00000008 25%,#00000012 50%,#00000008 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite skeletonLoading}.skeleton-text{height:14px;margin-bottom:6px}.skeleton-title{width:70%;height:18px;margin-bottom:10px}.alert-banner{border-radius:12px;align-items:center;gap:10px;margin:12px 20px;padding:12px 16px;font-size:13px;animation:.3s fadeIn;display:flex}.alert-success{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes laserSweep{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes pulseFab{0%{box-shadow:0 8px 25px #66809040,0 0 #66809033}70%{box-shadow:0 8px 25px #66809040,0 0 0 10px #66809000}to{box-shadow:0 8px 25px #66809040,0 0 #66809000}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}#web-scanner-reader{width:100%!important;height:100%!important}#web-scanner-reader video{object-fit:cover!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}#web-scanner-reader>div:not([id]),#qr-shaded-region,#html5-qrcode-button-camera-permission,#html5-qrcode-button-camera-start,#html5-qrcode-button-camera-stop,#html5-qrcode-anchor-scan-type-change,#html5-qrcode-select-camera,.html5-qrcode-element{display:none!important}.web-scan-frame{width:300px!important;height:130px!important}.web-scanner-hint{bottom:160px!important}.pagination{background:var(--bg-card-glass);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:24px;margin-bottom:90px;padding:8px;display:flex;overflow:hidden}.btn-pagination{font-family:var(--font-title);border:1px solid var(--border-light);color:hsl(var(--text-main));cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffc;border-radius:10px;flex-shrink:0;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s}.btn-pagination:hover:not(:disabled){border-color:var(--border-glow);color:hsl(var(--primary-base));background:#fff;transform:translateY(-1px)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.btn-page-number{min-width:28px;height:28px;font-family:var(--font-title);color:hsl(var(--text-muted));cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-page-number:hover{color:hsl(var(--text-main));background:#ffffff80}.btn-page-number.active{background:hsl(var(--primary-base));color:#fff;box-shadow:0 4px 10px var(--primary-glow);border-color:#0000}.pagination-ellipsis{color:hsl(var(--text-dim));-webkit-user-select:none;user-select:none;padding:0 4px;font-size:13px}.processing-spinner{border:3px solid #66809026;border-top-color:hsl(var(--primary-base));border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}.pagination-goto{color:hsl(var(--text-muted));border-left:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:6px;margin-left:4px;padding-left:8px;font-size:13px;display:flex}.pagination-goto-input{border:1px solid var(--border-light);width:54px;height:32px;color:hsl(var(--text-main));text-align:center;font-size:16px;font-family:var(--font-title);-moz-appearance:textfield;background:#ffffffd9;border-radius:8px;outline:none;padding:0 6px;font-weight:600;transition:all .2s}.pagination-goto-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-goto-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-goto-input:focus{border-color:hsl(var(--primary-base));box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.book-actions{opacity:0;z-index:10;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:10px}.book-card:hover .book-actions{opacity:1}@media (hover:none){.book-actions{opacity:1}}.book-action-btn{border:1px solid var(--border-light);cursor:pointer;width:28px;height:28px;color:hsl(var(--text-muted));background:#fffc;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.book-action-btn:hover{background:#fff;transform:scale(1.05)}.book-action-btn.edit:hover{color:hsl(var(--primary-base));border-color:var(--border-glow)}.book-action-btn.delete:hover{color:hsl(var(--error-base));border-color:#ef444433}