*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:DM Sans,sans-serif;background:#f5f4f0;display:flex;flex-direction:column;height:100dvh;color:#1a1a1a;-webkit-font-smoothing:antialiased}.app-wrap{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%;padding-top:env(safe-area-inset-top)}.library-navigator{display:flex;flex-direction:column;height:100%}body:has(.view-home),body:has(.account-container){background:#f5f4f0}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding-top:calc(10vh + env(safe-area-inset-top));background:#f5f4f0;min-height:100vh}.auth-logo{font-family:Lora,serif;font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.auth-tagline{font-size:14px;color:#999;margin-bottom:40px}.auth-card{background:#fff;border-radius:20px;padding:28px 24px;width:100%;max-width:360px;border:.5px solid rgba(0,0,0,.08)}.auth-card h2{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.auth-card p{font-size:13px;color:#999;margin-bottom:20px;line-height:1.5}.auth-input{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-size:15px;font-family:DM Sans,sans-serif;color:#1a1a1a;background:#fafaf8;margin-bottom:12px;outline:none;transition:border-color .15s,background-color .15s}.auth-input:focus{border-color:#1a1a1a;background:#fff}.auth-input.code-input{text-align:center;font-size:28px;font-weight:700;letter-spacing:.4em;padding:14px}.btn-text{width:100%;padding:10px;background:none;border:none;font-size:13px;color:#999;font-family:DM Sans,sans-serif;cursor:pointer}.btn-text:hover{color:#555}.auth-status{font-size:13px;color:#d32f2f;margin-top:8px;min-height:20px;text-align:center}.auth-status.success{color:#2e7d32}.debug-box{background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;padding:10px 14px;font-size:13px;color:#856404;margin-bottom:12px}.header{background:#f5f4f0;padding:1.25rem 1.25rem .75rem;flex-shrink:0;position:sticky;top:0;z-index:10}.header-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:.75rem}.toolbar{display:flex;justify-content:space-between;align-items:center}.book-count{font-size:13px;color:#888}.btn-add{display:flex;align-items:center;gap:6px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;padding:9px 16px;cursor:pointer;font-size:14px;font-family:DM Sans,sans-serif}.btn-logout{background:none;border:none;cursor:pointer;color:#bbb;padding:4px;display:flex;align-items:center}.btn-logout:hover{color:#888}.table-container{flex:1;overflow-y:auto;padding:0 2vw 1.25rem}#books{display:flex;flex-direction:column;gap:8px;width:100%}.book-card{background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;border:.5px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.book-card:active{transform:scale(.98);background-color:#fafaf8}.card-cover-wrap{width:50px;height:75px;flex-shrink:0;margin-right:14px}.card-cover{width:100%;height:100%;object-fit:cover;border-radius:4px;background:#eee;box-shadow:0 4px 8px #0000001f,0 1px 3px #00000014}.card-info{flex:1;min-width:0;padding-right:8px;padding-bottom:30px}.card-title{font-size:16px;font-weight:700;color:#111;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-status{font-size:14px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px;flex-shrink:0}.card-status:after{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}.status-available{color:#2e7d32}.status-available:after{background-color:#2e7d32}.placeholder-card{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;color:#bbb;border:.5px solid rgba(0,0,0,.08)}.placeholder-view{padding:10px}.view{width:100%}.library-toolbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:12px 16px;background-color:#fff;top:0}.library-toolbar h1{font-family:DM Sans,sans-serif;font-size:1.05rem;text-align:center;margin:0;font-weight:700;letter-spacing:-.015em;color:#1a1a1a}.btn-back-circle{width:38px;height:38px;border-radius:50%;border:1px solid #e8e7e3;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #0000000d,0 1px 2px #00000014;background-color:#fff}.btn-back-circle svg{display:block;width:16px;height:16px;stroke-width:2.5px;stroke:#1a1a1a}.btn-back-circle:hover{background-color:#f5f4f0;border-color:#1a1a1a}.btn-add-book{background-color:#dcdcdc;color:#fff;border:none;padding:7px 14px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:550;font-family:DM Sans,sans-serif;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #0000000d,0 1px 2px #00000014;text-shadow:0 1px 1px rgba(255,255,255,.6);color:#333}.btn-add-book:hover{opacity:.9}.book-list-container{flex:1;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:5px 0 120px}.book-row{display:flex;align-items:center;background:#fff;padding:8px 20px;cursor:pointer;transition:background-color .2s ease;position:relative}.book-row:hover{background:#fafaf9}.book-row:after{content:"";position:absolute;bottom:0;left:30px;right:30px;height:1px;background-color:#edf0ed}.book-row:last-child:after{display:none}.book-thumb{width:52px;height:76px;border-radius:4px;object-fit:cover;flex-shrink:0;margin-right:16px;background-color:#f5f4f0;border:.5px solid rgba(0,0,0,.06);box-shadow:0 2px 5px #0000000f,0 1px 2px #0000000a}.book-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.book-title{font-size:.95rem;font-weight:600;line-height:1.35;color:#1a1a1a;text-overflow:ellipsis}.book-author{font-size:.85rem;font-weight:400;color:#767672;white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px}.bottom-nav-wrap{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:85dvw;max-width:360px;z-index:40}.bottom-nav{background:#d9d7d1;border-radius:28px;padding:10px 8px;display:flex;gap:5px;box-shadow:0 8px 24px #00000014}.nav-item{flex:1;border:none;background:transparent;border-radius:18px;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:#666;transition:.2s;font-family:DM Sans,sans-serif}.nav-item span{font-size:11px}.nav-item.active{background:#fff;color:#111}.cam-area{background:#111;aspect-ratio:4/3;position:relative}video{width:100%;height:100%;object-fit:cover;display:block}.scan-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.scan-guide:before{content:"";width:70%;height:40%;border:1.5px solid rgba(255,255,255,.5)}.scan-line{position:absolute;left:15%;right:15%;height:2px;background:#ffffffb3;animation:scan 2s infinite}@keyframes scan{0%,to{top:32%}50%{top:68%}}.modal-footer{padding:12px;text-align:center;color:#999;font-size:13px}.book-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:120;display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 20px}.book-details-overlay.open{display:flex}.book-details-card{width:min(500px,92vw);height:min(500px,70vh);background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001f;position:relative;text-align:center;max-height:calc((100vh - 60px)*.9);display:flex;flex-direction:column;overflow-y:auto}.book-details-card .book-title{margin:0 auto,}.book-cover{width:90px;height:135px;margin:0 auto 18px;border-radius:14px;object-fit:cover;background:#eee;box-shadow:0 8px 16px #00000026;display:block}.book-cover-placeholder{width:90px;height:135px;margin:0 auto 18px;border-radius:14px;background:#eee;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px}.book-meta{color:#bbb;font-size:12px;margin-bottom:16px}.book-blurb{font-size:14px;line-height:1.6;color:#555;text-align:left;overflow-y:auto;padding:0 40px 22px;-webkit-mask-image:linear-gradient(to bottom,#000 75%,#0000);mask-image:linear-gradient(to bottom,#000 75%,#0000)}.details-actions{margin-top:18px;display:flex;gap:10px;justify-content:center}.btn-remove{background:none;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:13px;color:#d32f2f;cursor:pointer;font-family:DM Sans,sans-serif}.btn-remove:hover{background:#fff5f5}.books-overlay{position:absolute;top:12px;left:12px;right:12px;bottom:12px;border-radius:20px;padding:24px;opacity:0;pointer-events:none;transform:translateY(30px) scale(.96);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}.books-overlay.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);background-color:#fffdfa;height:fit-content}.library-navigator{background-color:#f5f4f0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;width:100vw;padding:0 1.25rem 80px}.library-navigator .library-toolbar{background-color:#f5f4f0;display:flex;justify-content:space-between;align-items:center;padding:24px 0 16px}.view-shelf{background-color:#fff;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-meta{display:flex;flex-direction:column}.profile-book-count{font-size:.75rem;color:#767672;background-color:#f5f4f0;padding:2px 8px;border-radius:12px;width:fit-content;margin-top:6px;font-weight:500}.settings-group{background-color:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;margin-top:8px;box-shadow:0 2px 8px #00000004}.account-container{flex:1;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f5f4f0;padding:24px 20px 140px;box-sizing:border-box}.account-header{padding:12px 0 20px;text-align:left}.account-header h1{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.02em}.profile-hero-card{background-color:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:20px;box-shadow:0 2px 8px #00000004;box-sizing:border-box;text-align:left}.avatar-circle{width:52px;height:52px;border-radius:50%;background-color:#f5f4f0;display:grid;place-items:center;color:#767672;flex-shrink:0}.profile-meta{display:flex;flex-direction:column;align-items:flex-start}.profile-meta h2{font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:700;color:#1a1a1a;margin:0 0 2px;line-height:1.2}.profile-meta p{font-family:DM Sans,sans-serif;font-size:.88rem;color:#767672;margin:0 0 6px;line-height:1.2}.profile-book-count{font-family:DM Sans,sans-serif;font-size:.75rem;color:#767672;background-color:#f5f4f0;padding:3px 10px;border-radius:12px;font-weight:500;display:inline-block}.settings-group{background-color:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000004;box-sizing:border-box;width:100%}.settings-item{width:100%;background:transparent;border:none;outline:none;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.95rem;color:#1a1a1a;text-align:left;box-sizing:border-box;transition:background-color .15s ease}.settings-item:hover,.settings-item:active{background-color:#fafaf9}.settings-item-left{display:flex;align-items:center;gap:12px}.btn-signout-row{color:#df3e3e}.btn-signout-row .settings-item-left svg{color:#df3e3e}.cam-area-placeholder{width:100%;height:250px;background-color:#fff;display:grid;place-items:center}.loading-spinner-pulse{width:40px;height:40px;border-radius:50%;background-color:#f5f4f0;border:2px dashed #767672;animation:spinHorizontal 2s linear infinite}@keyframes spinHorizontal{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-footer{padding:16px 20px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;text-align:center;color:#1a1a1a;background-color:#fff;border-top:.5px solid #f1f0ec}.btn-close{background:transparent;border:none;font-size:1.15rem;color:#767672;cursor:pointer;padding:8px 12px;margin-right:-12px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease}.btn-close:hover{color:#1a1a1a}.success-checkmark-icon{font-size:3rem;color:#2e7d32;font-weight:400;animation:scaleInCheckmark .25s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scaleInCheckmark{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.scanner-status-layout{flex:1;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 24px 24px;box-sizing:border-box;text-align:center}.status-meta-group,.success-meta-group{display:flex;flex-direction:column;gap:8px;width:100%}.status-label-top{font-family:DM Sans,sans-serif;font-size:.9rem;color:#767672;text-transform:uppercase;letter-spacing:.05em}.status-isbn-display{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:700;color:#1a1a1a}.success-title{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.25}.success-body{font-family:DM Sans,sans-serif;font-size:1rem;color:#767672;margin:0}.btn-modal-action-close{width:100%;background-color:#1a1a1a;color:#fff;border:none;padding:14px 20px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease;margin-top:auto}.btn-modal-action-close:active{background-color:#333}.spinner-element{width:32px;height:32px;border:2.5px solid #f1f0ec;border-top-color:#1a1a1a;border-radius:50%;animation:modalSpinLoop .8s linear infinite;margin-top:auto;margin-bottom:auto}@keyframes modalSpinLoop{to{transform:rotate(360deg)}}.faux-cover{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#f4f3ef;box-sizing:border-box;overflow:hidden;border-left:2.5px solid rgba(0,0,0,.12)}.faux-cover-title{font-family:Lora,serif;font-weight:700;line-height:1.25;color:#2c2c2c;text-align:center;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-thumb.size-large .faux-cover-title{font-size:11px}.book-thumb.size-medium .faux-cover-title{font-size:9px}.book-thumb.size-small .faux-cover-title{font-size:7.5px}.book-cover.faux-cover{padding:16px;border-left:4px solid rgba(0,0,0,.15)}.book-cover.size-large .faux-cover-title{font-size:18px}.book-cover.size-medium .faux-cover-title{font-size:14px}.book-cover.size-small .faux-cover-title{font-size:11px}.library-header{display:flex;justify-content:space-between;align-items:center;padding:24px 5px}.library-header h1{font-size:1.5rem;font-weight:700}.shelf-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:12px 16px;background:#fff;position:sticky;z-index:99;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;transition:background .25s ease;border-bottom:1px solid rgba(0,0,0,.05)}.shelf-header h3{font-size:1.05rem;text-align:center;font-weight:700;text-shadow:0px 1px 2px rgba(0,0,0,.2)}.shelf-view{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch}.shelf-container{width:100%;box-sizing:border-box}.shelves-separator{height:1px;background-color:#e8e7e3;margin:10px 0;width:100%}.section-title{font-size:.9rem;font-weight:700;color:#767672;margin:10px 0;text-transform:uppercase;letter-spacing:.02em}.shelves-container{display:flex;flex-direction:column;padding-top:10px}.shelf-card:not(:first-child){margin-top:-10px;z-index:0}.shelf-card{display:flex;align-items:center;gap:12px;padding:20px 20px 30px;cursor:pointer;position:relative;transition:transform .2s ease;box-shadow:0 -3px 8px #0000002e}.shelf-card{border:.5px solid rgba(0,0,0,.08);border-radius:16px;justify-content:space-between;width:100%;box-sizing:border-box;margin-bottom:20px}.profile-book-count{margin-left:auto;background:#fff3;padding:4px 10px;border-radius:12px;font-size:.8rem}.library-book-count{color:#767672;padding:4px 0;font-size:.8rem}.shelf-card.hero{background:linear-gradient(148deg,#fff,#ff83242b 35%,#ff832463 92%);color:#1a1a1a;border:1px solid #e8e7e3;box-shadow:0 4px 12px #0000000d}.shelf-card:not(.hero){color:#fff}.shelf-card:not(:first-child){margin-top:-35px}.shared-title-style{box-sizing:border-box;color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:16.8px;font-weight:700;margin:0;padding:0;text-align:center;-moz-osx-font-smoothing:grayscale}.shelf-header.framer-is-exiting{z-index:100;pointer-events:none}.shelf-name-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;margin:20px 0;font-size:16px}.grid-selection{display:grid;gap:10px;margin:20px 0}.icon-grid,.color-grid{grid-template-columns:repeat(4,1fr)}.grid-selection button{aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:.2s}.grid-selection button.selected{border-color:#54a0ff;transform:scale(1.05)}.modal-footer{display:flex;justify-content:center;gap:10px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:160px}.book-stack{display:flex;align-items:flex-end;perspective:500px;perspective-origin:100% 50%}.shelf-card.hero{padding:2vw}.book-item{position:relative;width:66px;height:99px;margin-left:-25px;box-shadow:6px 4px 8px #0009}.book-item:nth-child(n){-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform}.book-item:nth-child(1){-webkit-transform:rotateY(-22deg) scale(1);transform:rotateY(-22deg) scale(1);z-index:5}.book-item:nth-child(2){-webkit-transform:rotateY(-20deg) scale(.95);transform:rotateY(-20deg) scale(.95);z-index:4}.book-item:nth-child(3){-webkit-transform:rotateY(-18deg) scale(.9);transform:rotateY(-18deg) scale(.9);z-index:3}.book-item:nth-child(4){-webkit-transform:rotateY(-16deg) scale(.85);transform:rotateY(-16deg) scale(.85);z-index:2}.book-item:nth-child(5){-webkit-transform:rotateY(-14deg) scale(.8);transform:rotateY(-14deg) scale(.8);z-index:1}.book-cover{position:relative;width:100%;height:100%;border-radius:2px 4px 4px 2px;z-index:10;box-shadow:2px 2px 5px #0003}.book-pages{position:absolute;top:1px;left:4px;width:100%;height:100%;background:#f0e4d0;border-radius:2px 4px 4px 2px;z-index:5;background:linear-gradient(to right,#e6d5b8,#dcd0b5);box-shadow:inset 1px 0 2px #0000001a}@media (max-width: 768px){body:has(.shelf-name-input:focus) .bottom-nav{display:none}}.shelves-header{display:flex;justify-content:space-between;padding:0 24px}.shelf-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.shelf-option{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease}.shelf-option.selected{border-color:#219ebc;background-color:#f7fbff}.shelf-icon{color:#666}.checkbox-indicator{margin-left:auto;width:20px;height:20px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.shelf-option.selected .checkbox-indicator{background:#219ebc;color:#fff;border:none}.shelf-icon-wrapper{filter:drop-shadow(0 0 1px rgba(255,255,255,.4))}.title-heading{text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-container{background:#fff;width:100%;max-width:450px;border-radius:20px;padding:24px;box-shadow:0 10px 25px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.details-close{position:absolute;right:16px;top:16px;border:none;background:none;cursor:pointer;font-size:24px;color:#999}.modal-actions{display:flex;gap:12px;margin-top:12px}.modal-actions-stacked{flex-direction:column}.btn-base{padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;border:none;flex:1}.btn-primary{background-color:#3b82f6;color:#fff}.btn-base:hover{background:#333}.btn-base:disabled{background:#ccc;cursor:default}.btn-secondary{background-color:#f3f4f6;color:#374151}.spinner-icon{animation:spin 1s linear infinite;color:#64748b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.book-info-cover{max-height:30vh;margin:0 auto;padding:10px}.book-info .book-title{margin-right:40px;overflow:hidden;white-space:nowrap}.btn-options{position:absolute;right:24px;height:30px;width:30px;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #0000000d,0 1px 2px #00000014;border:none;border-radius:15px;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit}.action-popover{position:fixed;z-index:9999;min-width:200px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:8px}.action-item{display:flex;align-items:center;gap:12px;background:none;border:none;padding:12px;width:100%;text-align:left;font-size:16px;cursor:pointer;border-radius:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit}.action-item:hover{background:#f5f5f5}.popover-divider{height:1px;background:#eee;margin:4px 0}.text-red{color:#d32f2f}.popover-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;background:transparent;cursor:default}