@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: hsl(26, 90%, 55%);--primary-hover: hsl(26, 90%, 45%);--secondary: hsl(190, 80%, 40%);--secondary-hover: hsl(190, 80%, 32%);--accent: hsl(340, 80%, 55%);--accent-hover: hsl(340, 80%, 45%);--bg-main: hsl(30, 20%, 98%);--bg-surface: hsl(0, 0%, 100%);--bg-surface-elevated: hsl(0, 0%, 100%);--bg-glass: hsla(0, 0%, 100%, .85);--border-color: hsl(220, 15%, 90%);--text-primary: hsl(220, 30%, 15%);--text-secondary: hsl(220, 15%, 40%);--text-inverse: hsl(0, 0%, 100%);--shadow-sm: 0 2px 8px -2px rgba(0,0,0,.06);--shadow-md: 0 4px 20px -4px rgba(0,0,0,.12);--shadow-glass: 0 8px 32px 0 rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.9rem;--text-3xl: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem}@media(prefers-color-scheme:dark){:root{--bg-main: hsl(220, 30%, 8%);--bg-surface: hsl(220, 25%, 12%);--bg-surface-elevated: hsl(220, 20%, 16%);--bg-glass: hsla(220, 25%, 12%, .85);--border-color: hsl(220, 20%, 20%);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(220, 15%, 70%);--shadow-glass: 0 8px 32px 0 rgba(0,0,0,.4)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}@media(max-width:480px){.btn-label-long{display:none}}@media(min-width:481px){.btn-label-short{display:none}}body{overflow-wrap:break-word}.user-text,.book-card-h__title,.home-activity-header,.home-activity-target,.activity-description,.inbox-bubble,.inbox-item-name,.inbox-item-preview,.swap-card__item-title,.swap-event-pill,.admin-row-title,.admin-row-meta,.book-modal-title,.prelaunch__done h2,.prelaunch__done p,.prelaunch__picked-text strong{overflow-wrap:anywhere;min-width:0}p{margin:0;line-height:1.5}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}button{background:none;border:none;font-family:inherit;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-primary);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f47e251f}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%234b5563" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}@media(prefers-color-scheme:dark){select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23d1d5db" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}}.layout-container{display:flex;flex-direction:column;min-height:100vh;height:100vh;height:100dvh;overflow-x:hidden}@media(min-width:768px){.layout-container{flex-direction:row}}.content-area{flex:1;overflow-y:auto;padding:var(--space-4);padding-bottom:var(--space-8)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-glass)}.page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-6)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:var(--primary);color:var(--text-inverse);font-family:inherit;font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:transparent;color:var(--secondary);border:1.5px solid var(--secondary);font-family:inherit;font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-secondary:hover{background-color:#149cb814;transform:translateY(-1px)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);padding:var(--space-2) 0;border:none;cursor:pointer;transition:color var(--transition-fast)}.btn-danger:hover{color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{background-color:#6c79931a;color:var(--text-primary)}.btn-ghost--danger:hover{background-color:#e8306e1a;color:var(--accent)}.btn-ghost--secondary:hover{background-color:#149cb81a;color:var(--secondary)}.btn-ghost-sm{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--bg-main);transition:background-color var(--transition-fast),color var(--transition-fast)}.search-bar-form{width:100%}.search-bar-inner{display:flex;align-items:center;gap:var(--space-3);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar-inner:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f47e251a}.search-bar-icon{color:var(--text-secondary);flex-shrink:0}.search-bar-input{flex:1;min-width:0;width:100%;border:none;background:transparent;padding:2px 0;margin:0;outline:none!important;box-shadow:none!important;font-size:var(--text-base);line-height:1.5}.search-bar-btn{background-color:var(--primary);color:var(--text-inverse);border:none;cursor:pointer;height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);font-family:inherit;font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-fast)}.search-bar-btn:hover{background-color:var(--primary-hover);transform:scale(1.03)}.search-bar-btn:active{transform:scale(.97)}.search-bar-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.search-bar-inner{gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.search-bar-btn{min-width:0!important;padding:0 var(--space-3)}.search-bar-input{font-size:16px}}.search-bar-scanner-btn{background:transparent;color:var(--text-secondary);border:none;cursor:pointer;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.search-bar-scanner-btn:hover{color:var(--primary);background-color:#f47e251f;transform:scale(1.05)}.search-bar-scanner-btn:active{transform:scale(.95)}.search-bar-container{position:relative;width:100%}.search-bar-container:focus-within,.search-bar-container.has-dropdown{z-index:100}.glass-panel:has(.has-dropdown),.search-section:has(.has-dropdown){position:relative;z-index:40}.badge-pill{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--text-inverse);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-swap{background-color:#149cb8eb}.badge-donate{background-color:#f47e25eb}.availability-badge{position:absolute;top:-8px;right:-8px;background-color:var(--accent);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);animation:pulse 2s infinite}.tag{background:var(--border-color);color:var(--text-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.form-group{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md)}.form-group>label{font-weight:600;display:flex;justify-content:space-between}.form-disclaimer{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic;margin-top:calc(-1 * var(--space-1))}.segmented-control{display:flex;background-color:var(--border-color);border-radius:var(--radius-full);padding:4px}.segmented-control button{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-family:inherit;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.segmented-control button.active,.segmented-control button[data-active]{background-color:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.checkbox-label:hover{background-color:#f47e250d}.checkbox-label input{width:1.25rem;height:1.25rem;accent-color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem var(--space-4);background-color:var(--bg-surface);border:1px dashed var(--text-secondary);border-radius:var(--radius-lg);color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.empty-icon-wrap{width:80px;height:80px;border-radius:var(--radius-full);background-color:#f47e251a;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.h-full{height:100%}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.col-span-full{grid-column:1 / -1}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.italic{font-style:italic}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:var(--text-secondary)}.text-primary-c{color:var(--primary)}.text-secondary-c{color:var(--secondary)}.text-accent{color:var(--accent)}.underline{text-decoration:underline}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-nav{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-top:var(--space-2)}.char-count{font-weight:400;color:var(--text-secondary);font-size:var(--text-sm)}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .2s ease-out forwards}.modal-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow-y:auto;z-index:1001}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);overflow-y:auto}.action-sheet{margin:auto;width:100%;max-width:850px;max-height:85vh;height:auto;background-color:var(--bg-surface);border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color);animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}.book-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.book-modal-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--space-6);animation:fadeIn .4s ease-out forwards}.book-modal-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.book-modal-cover-pane{background-color:var(--bg-surface-elevated);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--border-color)}.book-modal-cover-img{width:160px;height:240px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.book-modal-form-pane{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);flex:1}@media(min-width:768px){.book-modal-content{flex-direction:row;min-height:0;overflow:hidden}.book-modal-cover-pane{flex:0 0 300px;border-bottom:none;border-right:1px solid var(--border-color);overflow-y:auto}.book-modal-form-pane{flex:1;overflow-y:auto}.book-modal-cover-img{width:180px;height:270px}}@media(max-width:767px){.book-modal-cover-pane{padding:var(--space-4)}.book-modal-cover-img{width:104px;height:156px;margin-bottom:var(--space-3)}.book-modal-form-pane{padding:var(--space-4)}}@keyframes modalPop{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.horizontal-scroll{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.select-trigger:hover:not([data-disabled]){border-color:#f47e2566}.select-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.select-item[data-highlighted]{background-color:#f47e251f!important;color:var(--primary)!important}.select-item[data-disabled]{opacity:.5;cursor:not-allowed}.profile-friend-action{width:100%;margin-top:var(--space-2)}.profile-friend-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.profile-books-grid{max-height:220px;overflow-y:auto}.profile-activity-list{max-height:200px;overflow-y:auto}@media(max-width:767px){.profile-books-grid,.profile-activity-list{max-height:none;overflow:visible}}.lock-notice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--lock-border);background:var(--lock-bg)}.lock-notice--balance{--lock-border: hsla(32, 90%, 50%, .35);--lock-bg: hsla(38, 95%, 55%, .1)}.lock-notice--new{--lock-border: hsla(26, 90%, 55%, .35);--lock-bg: hsla(26, 90%, 55%, .08)}.lock-notice h4{margin:0;font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.lock-notice p{margin:0;max-width:65ch;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.lock-notice .btn-primary{margin-top:var(--space-1);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.lock-notice--compact{padding:var(--space-3) var(--space-4);margin-top:var(--space-4)}.lock-notice--compact h4{font-size:var(--text-sm)}.lock-notice--compact p{font-size:var(--text-xs)}.ui-skeleton{position:relative;overflow:hidden;background:#2b303b73;border-radius:var(--radius-sm, 6px)}.ui-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff12,#fff0);animation:ui-skeleton-shimmer 1.8s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ui-skeleton-circular{border-radius:50%!important}.ui-skeleton-text{border-radius:3px;display:inline-block}.ui-skeleton-paragraph{display:flex;flex-direction:column;width:100%}.ui-synopsis-skeleton{min-height:105px;box-sizing:border-box}.tour-spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99990;pointer-events:none;overflow:hidden;transition:opacity .3s ease}.tour-spotlight{position:absolute;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #080a0fb8,0 0 24px 6px var(--primary);border:2px solid var(--primary);pointer-events:none;z-index:99991;transition:all .35s cubic-bezier(.25,1,.5,1);box-sizing:border-box}.tour-bubble-container{position:fixed;z-index:100001;width:330px;max-width:calc(100vw - 32px);pointer-events:auto;transition:all .35s cubic-bezier(.25,1,.5,1)}.tour-bubble{position:relative;background:#141821d9;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border:1px solid rgba(255,107,43,.3);border-radius:var(--radius-lg);box-shadow:0 16px 48px -12px #000000a6,0 0 25px #ff6b2b26,inset 0 1px 1px #ffffff1f;color:#f3f4f6;padding:var(--space-4);box-sizing:border-box;animation:tourBubblePop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tourBubblePop{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tour-bubble-arrow{position:absolute;width:12px;height:12px;background:#141821d9;border:1px solid rgba(255,107,43,.3);transform:rotate(45deg);z-index:-1;pointer-events:none}.tour-bubble-arrow.arrow-top{top:-6px;left:30px;border-bottom:none;border-right:none}.tour-bubble-arrow.arrow-bottom{bottom:-6px;left:30px;border-top:none;border-left:none}.tour-bubble-arrow.arrow-left{left:-6px;top:30px;border-top:none;border-right:none}.tour-bubble-arrow.arrow-right{right:-6px;top:30px;border-bottom:none;border-left:none}.tour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.tour-step-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#f47e252e;color:var(--primary);padding:3px 10px;border-radius:var(--radius-full)}.tour-close-x{background:transparent;border:none;color:#fff6;cursor:pointer;padding:2px;border-radius:4px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.tour-close-x:hover{color:#fff;background:#ffffff1a}.tour-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 var(--space-2) 0;line-height:1.3}.tour-content{font-size:.82rem;color:#ffffffd9;line-height:1.5;margin:0 0 var(--space-4) 0;text-align:left}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tour-btn-skip{font-size:.78rem;color:#ffffff80;background:transparent;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;font-weight:500;transition:color var(--transition-fast)}.tour-btn-skip:hover{color:#fff}.tour-nav-btns{display:flex;gap:var(--space-2)}.tour-btn-back{font-size:.78rem;font-weight:600;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.15);padding:5px 11px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:3px;transition:background var(--transition-fast)}.tour-btn-back:hover{background:#ffffff1f}.tour-btn-next{font-size:.78rem;font-weight:600;color:#fff;background:var(--primary);border:none;padding:6px 14px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:3px;box-shadow:0 2px 8px #ff6b2b40;transition:background var(--transition-fast),transform var(--transition-fast)}.tour-btn-next:hover{background:var(--primary-hover);transform:translateY(-1px)}.tour-bubble-container.center-step{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tour-bubble-container.pinned-step{top:auto!important;left:auto!important;right:16px;bottom:max(16px,env(safe-area-inset-bottom));transform:none!important}.tour-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99980;background:#00000026;cursor:not-allowed}.welcome-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow-y:auto;z-index:99985;display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box;animation:tourFadeIn .3s ease;pointer-events:none}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}.welcome-popup-card{position:relative;pointer-events:auto;width:100%;max-width:480px;margin:auto;background:#161c26d9;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,160,43,.35);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6) var(--space-6);box-shadow:0 24px 60px -15px #000c,0 0 35px #ffa02b1f,inset 0 1px 1px #ffffff26;text-align:center;box-sizing:border-box;animation:welcomePop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes welcomePop{0%{opacity:0;transform:scale(.85) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.welcome-close-btn:hover{color:#fff;background:#ffffff1a}.welcome-badge-icon{width:72px;height:72px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#ff6b2b33,#ffbe2b0d);border:1px solid rgba(255,107,43,.35);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff6b2b26}.welcome-title{color:#fff;line-height:1.25}.welcome-desc{color:#fffc;line-height:1.6}.welcome-progress-card{background:#0a0c1266;border:1px solid rgba(255,255,255,.08);text-align:left}.welcome-progress-bar{border-radius:9999px;background:#ffffff0f}.welcome-progress-fill{border-radius:9999px}.welcome-start-btn{background:linear-gradient(135deg,var(--primary),#e65100);border:none;font-weight:700;transition:all var(--transition-fast);cursor:pointer}.welcome-start-btn:hover{transform:translateY(-1.5px);filter:brightness(1.15)}.simulated-form{background:#0a0c1280;border:1px solid rgba(255,255,255,.08)}.sim-field{display:flex;flex-direction:column}.sim-label{color:var(--primary);letter-spacing:.03em}.sim-segmented-control{border-radius:6px}.sim-seg-btn{border:none}.sim-seg-btn.active{box-shadow:0 2px 8px #ff6b2b33}.sim-select{outline:none;border-radius:6px;transition:border-color var(--transition-fast);cursor:pointer}.sim-select:focus{border-color:var(--primary)}.simulated-comparison{background:#0a0c1280;border:1px solid rgba(255,255,255,.08)}.sim-wishlist-btn{border:none;border-radius:6px;transition:all var(--transition-fast)}.sim-toast{position:fixed;bottom:24px;right:24px;z-index:100000;background:#141821e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--primary);color:#fff;padding:12px 20px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;box-shadow:0 8px 30px #00000080,0 0 15px #ff6b2b33;display:flex;align-items:center;gap:8px;pointer-events:none;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tour-loading{min-height:120px}.tour-loading .tour-spinner{border-top-color:var(--primary)}@media(prefers-color-scheme:light){.tour-bubble{background:#ffffffe6;border:1px solid rgba(255,107,43,.4);box-shadow:0 16px 48px -12px #00000026,0 0 25px #ff6b2b14,inset 0 1px 1px #fff9;color:var(--text-primary)}.tour-bubble-arrow{background:#ffffffe6;border:1px solid rgba(255,107,43,.4)}.tour-title{color:var(--text-primary)}.tour-content,.tour-btn-skip{color:var(--text-secondary)}.tour-btn-skip:hover{color:var(--text-primary)}.tour-btn-back{color:var(--text-primary);background:#0000000d;border:1px solid rgba(0,0,0,.12)}.tour-btn-back:hover{background:#00000014}.welcome-popup-card{background:#ffffffeb;border:1px solid rgba(255,160,43,.5);box-shadow:0 24px 60px -15px #00000026,0 0 35px #ffa02b14,inset 0 1px 1px #fffc}.welcome-title{color:var(--text-primary)}.welcome-desc{color:var(--text-secondary)}.welcome-progress-card{background:#00000008;border:1px solid rgba(0,0,0,.06)}.welcome-progress-bar{background:#00000014}.sim-select{background:#fff;border-color:#00000026;color:var(--text-primary)}.sim-segmented-control{background:#0000000d;border-color:#0000000d}}.tour-modal-wrapper .modal-overlay{z-index:99992!important}.message-toast-region{position:fixed;z-index:1000;top:calc(env(safe-area-inset-top,0px) + var(--space-4));right:var(--space-4);left:auto;width:min(380px,calc(100vw - 2 * var(--space-4)));pointer-events:none}.message-toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:auto;animation:message-toast-in .22s ease-out}.message-toast-body{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);text-align:left;cursor:pointer}.message-toast-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-toast-text{min-width:0;display:flex;flex-direction:column;gap:2px}.message-toast-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.message-toast-preview{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-toast-close{color:var(--text-secondary);padding:4px;border-radius:var(--radius-full);flex-shrink:0}.message-toast-close:hover{background:#6c79931a;color:var(--text-primary)}@keyframes message-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.message-toast-region{left:var(--space-4);right:var(--space-4);width:auto}}@media(prefers-reduced-motion:reduce){.message-toast{animation:none}}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border-color)}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.nav-logo{width:28px;height:28px;object-fit:contain}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.icon-btn:hover{background-color:#6c79931a}.nav-avatar img{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:60;display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-normal);border-right:1px solid var(--border-color);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border-color)}.sidebar-user{display:flex;flex-direction:column;gap:.5rem}.sidebar-avatar{width:64px;height:64px;border-radius:var(--radius-full);border:3px solid var(--primary)}.sidebar-name{font-weight:600;font-size:1.25rem}.sidebar-location{font-size:.875rem;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-item:hover{background-color:#f47e250d;color:var(--primary)}.nav-item.active{background-color:#f47e251a;color:var(--primary);border-right:4px solid var(--primary)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.logout-btn{width:100%;color:var(--accent);border-radius:var(--radius-md)}.logout-btn:hover{background-color:#e8306e1a;color:var(--accent)}.sidebar-brand{display:none}.sidebar-partners-section{margin-top:var(--space-2);border-top:1px solid var(--border-color);padding-top:var(--space-2)}.partners-toggle{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;font-weight:500;color:var(--text-secondary);width:100%;transition:all var(--transition-fast);font-size:var(--text-sm)}.partners-toggle:hover{background-color:#f47e250d;color:var(--primary)}.partners-list{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.partners-list.expanded{max-height:500px}.partner-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem .625rem 2.5rem;transition:all var(--transition-fast);text-decoration:none;color:inherit}.partner-item:hover{background-color:#f47e250f}.partner-item:hover .partner-name{color:var(--primary)}.partner-item:hover .partner-link-icon{opacity:1;color:var(--primary)}.partner-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.partner-item:hover .partner-thumb{transform:scale(1.05);box-shadow:0 2px 8px #f47e2533}.partner-info{flex:1;min-width:0;display:flex;flex-direction:column}.partner-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.partner-address{font-size:.6875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partner-link-icon{opacity:.3;flex-shrink:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.menu-toggle{position:relative}.menu-toggle-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg-surface)}.sidebar-nav{background:linear-gradient(var(--bg-surface) 30%,transparent) center top,linear-gradient(transparent,var(--bg-surface) 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.14),transparent) center top,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.14),transparent) center bottom;background-repeat:no-repeat;background-size:100% 36px,100% 36px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll}@media(max-width:767px){.sidebar-header{padding:1rem 1.25rem;align-items:center}.sidebar-user{flex-direction:row;align-items:center;gap:.75rem}.sidebar-avatar{width:44px;height:44px;border-width:2px}.sidebar-name{font-size:1.05rem}.sidebar-nav{padding:.5rem 0;gap:.125rem}.nav-item{padding:.75rem 1.25rem}}@media(max-width:767px)and (max-height:640px){.sidebar-header{padding:.75rem 1.25rem}.nav-item{padding:.55rem 1.25rem}.sidebar-footer{padding:.5rem 1rem}.sidebar-footer .nav-item{padding-block:.6rem}}@media(min-width:768px)and (max-height:860px){.sidebar-header{padding:1rem 1.5rem}.sidebar-brand{margin-bottom:.75rem!important}.sidebar-avatar{width:48px;height:48px}.sidebar-nav{padding:.5rem 0;gap:.125rem}.nav-item{padding:.7rem 1.5rem}}@media(min-width:768px){.layout-container{flex-direction:row}.top-nav,.sidebar-overlay{display:none}.sidebar{position:static;transform:none;border-right:1px solid var(--border-color);box-shadow:none;width:280px;height:100vh;flex-shrink:0}.sidebar-header{flex-direction:column;align-items:flex-start}.sidebar-brand{display:flex}.sidebar-header .close-btn{display:none}.partners-list{max-height:500px}}.nav-item-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:var(--shadow-sm);flex-shrink:0}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1.5rem 1rem;background:radial-gradient(circle at top right,hsla(26,90%,55%,.1),transparent 40%),radial-gradient(circle at bottom left,hsla(190,80%,40%,.1),transparent 40%)}.login-glass{max-width:480px;width:100%;padding:2.25rem 1.75rem;border-radius:var(--radius-lg);text-align:center;box-shadow:0 20px 40px #0006}.login-header{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.login-logo{width:60px;height:60px;margin-bottom:.75rem;object-fit:contain}.login-header h1{font-size:2.25rem;color:var(--primary);margin-bottom:.35rem;letter-spacing:-.04em}.login-header p{color:var(--text-secondary);font-size:.95rem;max-width:380px;line-height:1.4}.auth-tab-bar{display:flex;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;margin-bottom:1.5rem;gap:4px}.auth-tab{flex:1;padding:.65rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-normal)}.auth-tab:hover{color:var(--text-main)}.auth-tab.active,.auth-tab[data-active]{background:var(--bg-surface);color:var(--primary);box-shadow:0 2px 8px #00000040;border:1px solid rgba(234,88,12,.2)}.auth-form{display:flex;flex-direction:column;gap:1.15rem;width:100%;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.auth-submit-btn{width:100%;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar-preview-container{position:relative;width:84px;height:84px;border-radius:var(--radius-full);padding:3px;background:linear-gradient(135deg,var(--primary),#ea580c);box-shadow:var(--shadow-lg);margin:0 auto}.avatar-preview-container img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;background-color:var(--bg-surface);border:2px solid var(--bg-surface)}.avatar-preview-label{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:-.25rem;margin-bottom:.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem;width:100%;text-align:left}.form-group label{font-size:.825rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 2px #ea580c33}.form-error{width:100%;padding:.75rem 1rem;background-color:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:.875rem;text-align:center;margin-bottom:1rem;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.landing-page{min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);display:flex;flex-direction:column;overflow-x:hidden;width:100%}.landing-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);width:100%;box-sizing:border-box}@media(min-width:640px){.landing-container{padding:0 var(--space-6)}}.landing-nav{position:sticky;top:0;z-index:100;width:100%;border-bottom:1px solid var(--border-color);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}@media(min-width:640px){.landing-nav-inner{padding:var(--space-3) var(--space-6);gap:var(--space-4)}}.landing-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-lg);color:var(--text-primary);text-decoration:none;flex-shrink:0}@media(min-width:640px){.landing-brand{gap:var(--space-3);font-size:var(--text-xl)}}.landing-logo-img{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm)}@media(min-width:640px){.landing-logo-img{width:38px;height:38px}}.landing-brand-text{letter-spacing:-.02em}.landing-nav-links{display:none;align-items:center;gap:var(--space-6)}.landing-nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.landing-nav-links a:hover{color:var(--primary)}@media(min-width:840px){.landing-nav-links{display:flex}}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media(min-width:640px){.landing-nav-actions{gap:var(--space-3)}}.landing-btn-signin{color:var(--text-primary);font-weight:600;padding:var(--space-2) var(--space-3);width:auto!important;height:auto!important;font-size:var(--text-sm);white-space:nowrap}@media(max-width:480px){.landing-btn-signin{display:none}}.landing-btn-cta{display:flex;align-items:center;gap:var(--space-1);padding:8px 14px;font-weight:600;font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-full)}@media(min-width:640px){.landing-btn-cta{gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}}.landing-mobile-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.landing-mobile-toggle:hover{background:#f47e251a;color:var(--primary);border-color:var(--primary)}@media(min-width:840px){.landing-mobile-toggle{display:none}}.landing-mobile-menu{display:flex;flex-direction:column;padding:var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-color);animation:fadeIn .2s ease-out forwards}@media(min-width:840px){.landing-mobile-menu{display:none}}.landing-mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.landing-mobile-nav-links a{display:block;padding:var(--space-3) var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.landing-mobile-nav-links a:hover{background:#f47e251a;color:var(--primary)}.landing-mobile-menu-actions{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.landing-mobile-btn,.landing-mobile-cta{width:100%;justify-content:center;padding:var(--space-3);text-align:center}.landing-hero{position:relative;padding:var(--space-8) 0 var(--space-10);overflow:hidden;width:100%}@media(min-width:768px){.landing-hero{padding:var(--space-12) 0 var(--space-16)}}.landing-hero-backdrop{position:absolute;top:-15%;left:50%;transform:translate(-50%);width:min(1000px,100vw);max-width:100%;height:500px;background:radial-gradient(circle,hsla(26,95%,60%,.12) 0%,hsla(190,85%,50%,.06) 50%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none}.landing-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:center}@media(min-width:992px){.landing-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-12)}}.landing-hero-content{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media(min-width:640px){.landing-hero-content{gap:var(--space-5)}}.hero-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 12px;border-radius:var(--radius-full);background:#f47e251f;border:1px solid hsla(26,90%,55%,.25);color:var(--primary);font-size:.75rem;font-weight:600;width:fit-content;max-width:100%;line-height:1.3}@media(min-width:640px){.hero-pill{padding:6px 14px;font-size:var(--text-xs)}}.hero-pill-icon{color:var(--primary);flex-shrink:0}.hero-title{font-size:clamp(1.85rem,7vw,3.4rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--text-primary);word-break:break-word}.hero-title-lead{display:inline}@media(min-width:640px){.hero-title-lead{display:block}}.hero-gradient-text{background:linear-gradient(135deg,var(--primary) 0%,hsl(340,85%,55%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(.9375rem,3.2vw,var(--text-lg));color:var(--text-secondary);line-height:1.6;max-width:580px}.hero-cta-group{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2);width:100%}@media(min-width:480px){.hero-cta-group{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);align-items:center;width:auto}}.hero-cta-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:700;width:100%}@media(min-width:480px){.hero-cta-btn{width:auto}}.hero-demo-btn{display:flex;align-items:center;justify-content:center;font-weight:600;width:100%}@media(min-width:480px){.hero-demo-btn{width:auto}}.hero-trust-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2)}@media(min-width:640px){.hero-trust-row{gap:var(--space-6);margin-top:var(--space-4)}}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}@media(min-width:640px){.trust-item{font-size:var(--text-sm)}}.trust-check{color:#19b366;flex-shrink:0}.landing-hero-visual{position:relative;display:flex;justify-content:center;min-width:0;width:100%}.hero-preview-glass{width:100%;max-width:460px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 20px 50px -10px #00000026;overflow:hidden;padding:var(--space-4);background:var(--bg-glass);min-width:0;box-sizing:border-box}@media(min-width:640px){.hero-preview-glass{border-radius:var(--radius-lg);padding:var(--space-5)}}.hero-preview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);min-width:0}@media(min-width:640px){.hero-preview-header{gap:var(--space-3);margin-bottom:var(--space-4)}}.preview-search-bar{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;min-width:0}@media(min-width:640px){.preview-search-bar{padding:8px 14px}}.preview-search-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.search-icon-dim{color:var(--text-secondary);flex-shrink:0}.preview-online-dot{width:10px;height:10px;border-radius:50%;background:#17cf73;box-shadow:0 0 8px #17cf73;flex-shrink:0}.preview-match-banner{background:linear-gradient(135deg,#f47e2526,#e8306e1a);border:1px solid hsla(26,90%,55%,.25);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);min-width:0}@media(min-width:640px){.preview-match-banner{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}}.match-badge{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary);font-size:var(--text-xs);font-weight:700;margin-bottom:2px}.match-description{font-size:var(--text-xs);color:var(--text-primary);line-height:1.4;word-break:break-word}.preview-book-card{display:flex;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm);min-width:0}@media(min-width:640px){.preview-book-card{gap:var(--space-4);padding:var(--space-4)}}.preview-book-cover{width:72px;height:106px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-shrink:0}@media(min-width:640px){.preview-book-cover{width:88px;height:128px}}.preview-book-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.preview-book-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--secondary);letter-spacing:.05em}.preview-book-title{font-size:var(--text-sm);font-weight:700;line-height:1.3;color:var(--text-primary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-book-author{font-size:var(--text-xs);color:var(--text-secondary)}.preview-book-meta{display:flex;align-items:center;gap:var(--space-2);margin:4px 0;flex-wrap:wrap}.preview-book-dist{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;color:var(--text-secondary)}.preview-action-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:4px;flex-wrap:wrap}.preview-swap-btn{font-size:var(--text-xs);padding:5px 10px;font-weight:600}.preview-owner-pill{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.preview-owner-pill img{width:20px;height:20px;border-radius:50%;object-fit:cover}.preview-spot-footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-color);font-size:.75rem;color:var(--text-secondary);line-height:1.4;min-width:0}.preview-spot-footer span{min-width:0;word-break:break-word}.spot-icon{color:var(--primary);flex-shrink:0}.landing-stats-bar{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-surface);padding:var(--space-6) 0;width:100%}@media(min-width:768px){.landing-stats-bar{padding:var(--space-8) 0}}.landing-stats-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);text-align:center}@media(min-width:768px){.landing-stats-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}}.landing-stat-card,.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-width:0;padding:var(--space-2)}.landing-stat-number,.stat-number{font-size:clamp(1.75rem,5vw,var(--text-3xl));font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1.1}.landing-stat-label,.stat-label{font-size:clamp(.75rem,2.5vw,var(--text-sm));color:var(--text-secondary);font-weight:500;white-space:normal;line-height:1.3}.landing-section{padding:var(--space-10) 0;width:100%}@media(min-width:768px){.landing-section{padding:var(--space-16) 0}}.bg-subtle{background-color:#66779908}.section-header{margin-bottom:var(--space-8)}@media(min-width:768px){.section-header{margin-bottom:var(--space-12)}}.section-header.text-center{text-align:center}.section-pill{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:var(--space-2)}.section-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.2}.section-subtitle{font-size:clamp(.875rem,2.8vw,var(--text-base));color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.steps-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.step-card{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal);min-width:0}@media(min-width:768px){.step-card{padding:var(--space-8) var(--space-6)}}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-number{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-xl);font-weight:800;color:#66779926;font-variant-numeric:tabular-nums}@media(min-width:768px){.step-number{top:var(--space-6);right:var(--space-6);font-size:var(--text-2xl)}}.step-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:#f47e251f;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--primary)}@media(min-width:768px){.step-icon-wrapper{width:56px;height:56px;margin-bottom:var(--space-5)}}.step-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}@media(min-width:768px){.step-title{font-size:var(--text-xl)}}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.features-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-5) var(--space-4);transition:transform var(--transition-normal),box-shadow var(--transition-normal);min-width:0}@media(min-width:640px){.feature-card{padding:var(--space-6)}}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon-box{width:42px;height:42px;border-radius:var(--radius-md);background:#149cb81f;color:var(--secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}@media(min-width:640px){.feature-icon-box{width:48px;height:48px;margin-bottom:var(--space-4)}}.feature-card h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1);color:var(--text-primary)}@media(min-width:640px){.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.books-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}@media(min-width:640px){.books-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}}@media(min-width:1024px){.books-showcase-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-5);margin-bottom:var(--space-10)}}.landing-book-card{border-radius:var(--radius-md);border:1px solid var(--border-color);padding:var(--space-2) var(--space-2) var(--space-3);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal);background:var(--bg-surface);min-width:0}@media(min-width:640px){.landing-book-card{padding:var(--space-3)}}.landing-book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.book-card-cover-wrap{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-2);background-color:#6677991a}@media(min-width:640px){.book-card-cover-wrap{margin-bottom:var(--space-3)}}.book-card-cover{width:100%;height:100%;object-fit:cover}.condition-tag{position:absolute;top:4px;right:4px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.6rem;font-weight:600;padding:2px 5px;border-radius:var(--radius-sm);white-space:nowrap}@media(min-width:640px){.condition-tag{top:6px;right:6px;font-size:.65rem;padding:2px 6px}}.book-card-details{display:flex;flex-direction:column;flex:1;min-width:0}.book-card-genre{font-size:.65rem;color:var(--secondary);font-weight:600;text-transform:uppercase;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-title{font-size:.8125rem;font-weight:700;color:var(--text-primary);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}@media(min-width:640px){.book-card-title{font-size:var(--text-sm);line-height:1.3}}.book-card-author{font-size:.72rem;color:var(--text-secondary);margin-top:2px;margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-color);min-width:0}.book-card-location{display:inline-flex;align-items:center;gap:2px;font-size:.68rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.btn-xs{font-size:.72rem!important;padding:4px 8px!important;border-radius:var(--radius-full);flex-shrink:0;min-height:24px}@media(min-width:640px){.btn-xs{padding:5px 12px!important;min-height:28px;font-size:var(--text-xs)!important}}.catalog-cta-wrap{margin-top:var(--space-4)}.catalog-cta-wrap .btn{width:100%}@media(min-width:480px){.catalog-cta-wrap .btn{width:auto}}.partners-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:640px){.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}@media(min-width:1024px){.partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.partner-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-surface);transition:transform var(--transition-normal),box-shadow var(--transition-normal);min-width:0}.partner-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.partner-thumbnail{width:100%;height:180px;object-fit:cover}.partner-info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}@media(min-width:640px){.partner-info{padding:var(--space-5)}}.partner-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.partner-address{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.partner-pin{color:var(--primary);flex-shrink:0}.partner-map-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-top:auto;padding-top:var(--space-3)}.partner-map-link:hover{text-decoration:underline}.testimonials-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.testimonial-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;justify-content:space-between;min-width:0}@media(min-width:768px){.testimonial-card{padding:var(--space-6)}}.test-rating{display:flex;gap:3px;color:#f9a806;margin-bottom:var(--space-3)}@media(min-width:768px){.test-rating{margin-bottom:var(--space-4)}}.test-quote{font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);font-style:italic;margin-bottom:var(--space-4)}@media(min-width:768px){.test-quote{margin-bottom:var(--space-6)}}.test-user{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.test-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}@media(min-width:768px){.test-avatar{width:44px;height:44px}}.test-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.test-location{font-size:var(--text-xs);color:var(--text-secondary)}.landing-faq-container{max-width:800px}.faq-accordion{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.faq-accordion{gap:var(--space-4)}}.faq-item{border-radius:var(--radius-md);border:1px solid var(--border-color);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);min-width:0}@media(min-width:640px){.faq-item{padding:var(--space-5)}}.faq-item:hover{border-color:var(--primary)}.faq-question{width:100%;padding:0;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.4;min-width:0}@media(min-width:640px){.faq-question{font-size:var(--text-base)}}.faq-answer{margin-top:var(--space-3);font-size:.8125rem;color:var(--text-secondary);line-height:1.6;padding-top:var(--space-3);border-top:1px solid var(--border-color)}@media(min-width:640px){.faq-answer{font-size:var(--text-sm)}}.landing-cta-banner{padding:var(--space-8) 0 var(--space-12);width:100%}@media(min-width:768px){.landing-cta-banner{padding:var(--space-12) 0 var(--space-16)}}.cta-banner-card{border-radius:var(--radius-lg);border:1px solid hsla(26,90%,55%,.3);background:linear-gradient(135deg,#f47e251a,#e8306e0f);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;min-width:0;box-sizing:border-box}@media(min-width:768px){.cta-banner-card{padding:var(--space-12) var(--space-6)}}.cta-banner-title{font-size:clamp(1.6rem,5.5vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-3);text-align:center;line-height:1.2}.cta-banner-text{font-size:clamp(.9375rem,3vw,var(--text-lg));color:var(--text-secondary);max-width:600px;line-height:1.6;margin-bottom:var(--space-6);text-align:center}@media(min-width:768px){.cta-banner-text{margin-bottom:var(--space-8)}}.cta-banner-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}@media(min-width:540px){.cta-banner-actions{flex-direction:row;flex-wrap:wrap;width:auto;gap:var(--space-4);justify-content:center}}.cta-banner-actions .btn{width:100%;justify-content:center}@media(min-width:540px){.cta-banner-actions .btn{width:auto}}.landing-footer{border-top:1px solid var(--border-color);background:var(--bg-surface);padding:var(--space-8) 0 var(--space-6);margin-top:auto;width:100%}@media(min-width:768px){.landing-footer{padding:var(--space-12) 0 var(--space-6)}}.landing-footer-inner{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}@media(min-width:768px){.landing-footer-inner{display:grid;grid-template-columns:1.2fr 2fr;gap:var(--space-8);margin-bottom:var(--space-8)}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.footer-tagline{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;max-width:320px}.footer-links-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-3);min-width:0}@media(min-width:640px){.footer-links-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.footer-col{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.footer-col:last-child{grid-column:1 / -1}@media(min-width:640px){.footer-col:last-child{grid-column:auto}}.footer-col h4{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.footer-col a,.footer-col span{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);word-break:break-word}.footer-col a:hover{color:var(--primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-color);font-size:var(--text-xs);color:var(--text-secondary);text-align:center}@media(min-width:640px){.footer-bottom{flex-direction:row;text-align:left;padding-top:var(--space-6)}}.scanner-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#0a0f19d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.scanner-modal-container{position:relative;width:100%;max-width:540px;max-height:94vh;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass),0 20px 40px -10px #00000080;overflow:hidden}.scanner-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-surface-elevated)}.scanner-title-wrap{display:flex;align-items:center;gap:var(--space-2)}.scanner-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.scanner-mode-switch{display:flex;background:var(--bg-main);padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-color);gap:2px}.scanner-mode-btn{font-size:var(--text-xs);font-weight:500;padding:4px 10px;border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.scanner-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 3px #00000026}.scanner-header-actions{display:flex;align-items:center;gap:var(--space-1)}.scanner-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.scanner-icon-btn:hover{background:var(--bg-main);color:var(--text-primary)}.scanner-icon-btn.active{color:var(--primary);background:#f47e2526}.scanner-viewport-wrapper{position:relative;width:100%;height:320px;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-target-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-target-box{position:relative;width:78%;height:190px;box-shadow:0 0 0 9999px #0000009e;border-radius:12px;overflow:hidden}.scanner-corner{position:absolute;width:22px;height:22px;border-color:var(--primary);border-style:solid;pointer-events:none;filter:drop-shadow(0 0 4px var(--primary))}.scanner-corner-tl{top:0;left:0;border-width:3px 0 0 3px;border-top-left-radius:10px}.scanner-corner-tr{top:0;right:0;border-width:3px 3px 0 0;border-top-right-radius:10px}.scanner-corner-bl{bottom:0;left:0;border-width:0 0 3px 3px;border-bottom-left-radius:10px}.scanner-corner-br{bottom:0;right:0;border-width:0 3px 3px 0;border-bottom-right-radius:10px}.scanner-laser{position:absolute;left:5%;right:5%;height:2.5px;background:linear-gradient(90deg,transparent,var(--primary),#ff7b00,var(--primary),transparent);box-shadow:0 0 12px 2px var(--primary);animation:scanline 2.2s ease-in-out infinite alternate}@keyframes scanline{0%{top:8%;opacity:.7}50%{top:92%;opacity:1}to{top:8%;opacity:.7}}.scanner-instruction{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#ffffffe6;font-size:var(--text-xs);font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none;padding:0 var(--space-4)}.scanner-zoom-controls{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#0f141ebf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px 6px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);z-index:10;box-shadow:0 4px 12px #0006}.scanner-zoom-btn{font-size:11px;font-weight:700;color:#fffc;padding:3px 9px;border-radius:var(--radius-full);background:transparent;transition:all var(--transition-fast)}.scanner-zoom-btn:hover:not(.active){background:#ffffff26;color:#fff}.scanner-zoom-btn.active{background:var(--primary);color:#fff;box-shadow:0 0 8px #f47e2599}.scanner-status-toast{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#262626e0;color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}.scanner-status-toast.success{background:#136c38eb;border:1px solid hsla(145,80%,45%,.4)}.scanner-status-toast.warning{background:#764e0aeb;border:1px solid hsla(38,90%,55%,.4)}.scanner-camera-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--space-6);color:var(--text-secondary);background:var(--bg-main)}.scanner-camera-fallback p{font-size:var(--text-sm);margin-top:var(--space-2);margin-bottom:var(--space-4);max-width:320px}.scanner-controls-panel{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-surface)}.scanner-options-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.scanner-btn-secondary{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast)}.scanner-btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--primary)}.scanner-manual-form{display:flex;gap:var(--space-2)}.scanner-manual-input{flex:1;min-width:0;width:100%;font-size:var(--text-sm);padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary)}.scanner-manual-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #f47e2526}.scanner-manual-submit{display:flex;flex-shrink:0;align-items:center;gap:6px;white-space:nowrap;padding:8px 16px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);background:var(--primary);color:#fff;transition:all var(--transition-fast)}.scanner-manual-submit:hover:not(:disabled){background:var(--primary-hover)}.scanner-manual-submit:disabled{opacity:.6;cursor:not-allowed}.scanner-manual-error{margin:0;font-size:var(--text-xs);color:var(--accent);line-height:1.4}.scanner-batch-tray{margin-top:var(--space-2);padding:var(--space-3);background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.scanner-batch-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.scanner-batch-list{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px}.scanner-batch-item{position:relative;display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;flex-shrink:0;max-width:200px}.scanner-batch-cover{width:24px;height:36px;border-radius:4px;object-fit:cover;background:var(--border-color)}.scanner-batch-info{display:flex;flex-direction:column;overflow:hidden}.scanner-batch-title{font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.scanner-batch-author{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scanner-batch-remove{background:transparent;color:var(--text-secondary);padding:2px;border-radius:var(--radius-full)}.scanner-batch-remove:hover{color:var(--accent)}.scanner-batch-actions{display:flex;gap:var(--space-2);margin-top:4px}.scanner-btn-finish{flex:1;background:var(--primary);color:#fff;padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-align:center;transition:background var(--transition-fast)}.scanner-btn-finish:hover{background:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.shelf-ticker{position:relative;z-index:1;margin:var(--space-8) calc(-1 * var(--space-4)) 0;padding:var(--space-4) 0 var(--space-2);border-top:1px solid var(--border-color)}@media(min-width:900px){.shelf-ticker{margin-left:calc(-1 * var(--space-8));margin-right:calc(-1 * var(--space-8))}}.shelf-ticker__label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.shelf-ticker__dot{width:8px;height:8px;border-radius:var(--radius-full);background:#25b159;box-shadow:0 0 #25b15980;animation:shelf-ticker-pulse 2s infinite}@keyframes shelf-ticker-pulse{70%{box-shadow:0 0 0 8px #25b15900}to{box-shadow:0 0 #25b15900}}.shelf-ticker__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.shelf-ticker__track{display:flex;gap:var(--space-3);width:max-content;margin:0;padding:var(--space-2) 0 var(--space-3);list-style:none;animation:shelf-ticker-scroll linear infinite}.shelf-ticker__viewport:hover .shelf-ticker__track{animation-play-state:paused}@keyframes shelf-ticker-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--space-3) / 2))}}.shelf-ticker__book{position:relative;flex-shrink:0}.shelf-ticker__cover{display:block;width:60px;height:90px;border-radius:4px;object-fit:cover;background:var(--border-color);box-shadow:0 4px 12px -4px #00000040;transition:transform var(--transition-fast)}@media(min-width:600px){.shelf-ticker__cover{width:72px;height:108px}}.shelf-ticker__book:hover .shelf-ticker__cover{transform:translateY(-4px)}.shelf-ticker__cover--text{display:flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(160deg,#da792f,#c43162);color:#fff;font-size:10px;font-weight:700;line-height:1.2;text-align:center;overflow:hidden}.shelf-ticker__cover--text span{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.shelf-ticker__book.is-mine .shelf-ticker__cover{outline:3px solid var(--primary);outline-offset:2px}.shelf-ticker__mine{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:1px 8px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:10px;font-weight:700;white-space:nowrap}@media(prefers-reduced-motion:reduce){.shelf-ticker__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.shelf-ticker__track{animation:none;padding-left:var(--space-4);padding-right:var(--space-4)}.shelf-ticker__dot{animation:none}.shelf-ticker__book[aria-hidden=true]{display:none}}.prelaunch{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:var(--bg-main);color:var(--text-primary);padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.prelaunch__glow{position:absolute;inset:-20% -10% auto auto;width:70vmax;height:70vmax;background:radial-gradient(closest-side,hsla(26,90%,55%,.18),transparent 70%),radial-gradient(closest-side at 30% 70%,hsla(340,80%,55%,.12),transparent 70%);pointer-events:none;z-index:0}.prelaunch__brand,.prelaunch__main{position:relative;z-index:1;max-width:1120px;margin:0 auto}.prelaunch__brand{width:100%;display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);letter-spacing:-.01em}.prelaunch__main{flex:1;width:100%;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--space-8);padding-top:var(--space-6)}@media(min-width:900px){.prelaunch{padding-left:var(--space-8);padding-right:var(--space-8)}.prelaunch__main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:var(--space-12);padding-top:var(--space-4)}}.prelaunch__hero-logo{display:block;width:84px;height:84px;margin-bottom:var(--space-5);border-radius:22px;box-shadow:0 14px 32px -12px #da650b73;animation:prelaunch-float 6s ease-in-out infinite}@media(min-width:900px){.prelaunch__hero-logo{width:128px;height:128px;border-radius:32px}}@keyframes prelaunch-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.prelaunch__hero-logo{animation:none}}.prelaunch__pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 12px;border-radius:var(--radius-full);background:#f47e251f;border:1px solid hsla(26,90%,55%,.25);color:var(--primary);font-size:var(--text-xs);font-weight:600}.prelaunch__title{margin:var(--space-4) 0 var(--space-4);font-size:clamp(2rem,7vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.prelaunch__accent{background:linear-gradient(135deg,var(--primary) 0%,hsl(340,85%,55%) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prelaunch__lead{margin:0;max-width:34rem;font-size:clamp(1rem,3.2vw,var(--text-lg));line-height:1.55;color:var(--text-secondary)}.prelaunch__points{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-3)}.prelaunch__points li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.prelaunch__points strong{color:var(--text-primary)}.prelaunch__point-icon{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#149cb81f;color:var(--secondary)}.prelaunch__card{border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5)}@media(min-width:600px){.prelaunch__card{padding:var(--space-8)}}.prelaunch__form{display:grid;gap:var(--space-4)}.prelaunch__form-title{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.prelaunch__form-sub{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.prelaunch__field{display:grid;gap:var(--space-2);min-width:0}.prelaunch__field>span{font-size:var(--text-sm);font-weight:600}.prelaunch__field input,.prelaunch__combo input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.prelaunch__field input:focus,.prelaunch__combo input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f47e252e}.prelaunch__book-row{display:flex;gap:var(--space-2)}.prelaunch__combo{position:relative;flex:1;min-width:0}.prelaunch__combo input{padding-left:40px;padding-right:36px}.prelaunch__combo-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.prelaunch__combo-spinner{position:absolute;right:12px;top:calc(50% - 8px);color:var(--text-secondary)}.prelaunch__scan-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);border:1.5px solid var(--secondary);border-radius:var(--radius-sm);background:#149cb814;color:var(--secondary);font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast)}.prelaunch__scan-btn:hover{background:#149cb829}.prelaunch__suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;margin:0;padding:var(--space-1);list-style:none;max-height:min(340px,50vh);overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface-elevated);box-shadow:var(--shadow-md)}.prelaunch__suggestion{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:6px;cursor:pointer}.prelaunch__suggestion.is-active{background:#f47e251a}.prelaunch__suggestion-empty{padding:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.prelaunch__picked{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1.5px solid var(--primary);border-radius:var(--radius-sm);background:#f47e250f}.prelaunch__picked-text{flex:1;min-width:0;display:grid;line-height:1.3}.prelaunch__picked-text strong,.prelaunch__picked-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prelaunch__picked-text strong{font-size:var(--text-sm)}.prelaunch__picked-text span{font-size:var(--text-xs);color:var(--text-secondary)}.prelaunch__cover{flex-shrink:0;width:40px;height:58px;border-radius:4px;object-fit:cover;background:var(--border-color)}.prelaunch__cover--sm{width:30px;height:44px}.prelaunch__cover--empty{display:grid;place-items:center;color:var(--text-secondary)}.prelaunch__icon-btn{display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);cursor:pointer}.prelaunch__icon-btn:hover{background:#6c79931f;color:var(--text-primary)}.prelaunch__hint{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.prelaunch__error{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:#e8306e1a;color:var(--accent);font-size:var(--text-sm)}.prelaunch__submit{width:100%;min-height:52px;font-size:var(--text-base)}.prelaunch__fine{margin:0;text-align:center;font-size:var(--text-xs);color:var(--text-secondary)}.prelaunch__hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.prelaunch__done{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-4) 0;text-align:center}.prelaunch__done h2{margin:0;font-size:var(--text-xl)}.prelaunch__done p{margin:0 0 var(--space-2);max-width:26rem;color:var(--text-secondary);line-height:1.55}.prelaunch__done-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-full);background:#22a05026;color:#1e8f48}@media(max-width:380px){.prelaunch__scan-btn span{display:none}}.book-card-h{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%;overflow:hidden;position:relative}.book-card-h--clickable{cursor:pointer}.book-card-h--clickable:hover,.book-card-h:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.book-card-h__cover-wrap{position:relative;width:80px;height:120px;flex-shrink:0}.book-card-h__cover{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.book-card-h__cover-placeholder{width:100%;height:100%;border-radius:var(--radius-sm);background:linear-gradient(135deg,#252b37,#1d212b);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.7}.book-card-h__cover-badge{position:absolute;top:-8px;right:-8px}.book-card-h__info{display:flex;flex-direction:column;flex:1;min-width:0}.book-card-h__title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.book-card-h__author{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-h__meta{font-size:var(--text-xs);margin-bottom:var(--space-2)}.book-card-h__actions{margin-top:auto;display:flex;align-items:center;gap:var(--space-2)}.book-card-h__notification{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:var(--space-1);background:#f47e251f;border:1px solid hsla(26,90%,55%,.3);color:var(--primary);padding:4px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;box-shadow:var(--shadow-sm);z-index:5;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.home-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-8)}.home-grid>*{min-width:0}.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-8);margin-top:var(--space-6)}.greeting-card{padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,#3d7af514,#b447eb0a);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid hsla(220,90%,60%,.15);display:flex;align-items:center;gap:var(--space-6)}.greeting-avatar{width:72px;height:72px;border-radius:50%;border:3px solid hsla(220,90%,60%,.2);object-fit:cover;box-shadow:var(--shadow-md)}.greeting-text h2{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);margin:0}.greeting-text p{color:var(--text-secondary);margin-top:var(--space-1);font-size:var(--text-base)}.dash-card{margin-bottom:var(--space-6);display:flex;flex-direction:column}.dash-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.dash-card-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.dash-card-body{padding:var(--space-5)}.rank-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.rank-badge-icon{width:48px;height:48px;border-radius:12px;background:#f5c73d26;color:#f5c73d;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);border:1px solid hsla(45,90%,60%,.25);box-shadow:0 4px 12px #f5c73d1a}.rank-info h4{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.rank-info span{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.rank-progress-container{margin-bottom:var(--space-4)}.rank-progress-text{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:calc(var(--space-1) * 1.5);font-weight:500}.rank-progress-bar{height:8px;background:#6c79931a;border-radius:var(--radius-full);overflow:hidden;position:relative}.rank-progress-fill{height:100%;background:linear-gradient(90deg,#3d7af5,#b447eb);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #3d7af54d}.rank-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);text-align:center;margin-top:var(--space-4);border-top:1px solid var(--border-color);padding-top:var(--space-4)}.rank-stat-item h5{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin:0}.rank-stat-item span{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.02em}.spotlight-book-content{display:flex;gap:var(--space-5);align-items:flex-start}.spotlight-book-cover{width:90px;height:130px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-md);border:1px solid var(--border-color);flex-shrink:0;transition:transform .3s ease}.spotlight-book-content:hover .spotlight-book-cover{transform:scale(1.03) rotate(-2deg)}.spotlight-book-info{flex-grow:1;display:flex;flex-direction:column;height:130px}.spotlight-book-title{font-size:var(--text-base);font-weight:700;color:var(--secondary);margin-bottom:2px;line-height:1.3}.spotlight-book-author{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.spotlight-book-owner{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--secondary)}.spotlight-book-owner img{width:20px;height:20px;border-radius:50%;object-fit:cover}.spotlight-book-owner-name{font-weight:600;color:var(--text-primary);opacity:.85}.spotlight-book-btn{width:100%;padding:calc(var(--space-1) * 2.5) var(--space-4);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:1px solid hsla(26,90%,55%,.15);background:#f47e2514;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--space-1) * 1.5);transition:all .2s ease}.spotlight-book-btn:hover{background:#f47e2524;border-color:#f47e254d;transform:translateY(-1px)}.event-carousel{position:relative;min-height:130px;display:flex;flex-direction:column}.event-carousel-slide{animation:homeItemFadeIn .4s var(--transition-ease)}.event-carousel-partner{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.event-carousel-title{font-size:var(--text-base);font-weight:700;color:var(--primary);margin-bottom:calc(var(--space-1) * 1.5)}.event-carousel-time{font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3)}.event-carousel-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.event-carousel-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:auto;border-top:1px solid var(--border-color);padding-top:var(--space-3)}.event-carousel-arrow{background:transparent;border:none;color:var(--secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.event-carousel-arrow:hover{color:var(--primary);background:#6c79931a}.event-carousel-dots{display:flex;gap:6px}.event-carousel-dot{width:6px;height:6px;border-radius:50%;background:#6c799333;border:none;padding:0;cursor:pointer;transition:all .2s ease}.event-carousel-dot.active{background:#3d7af5;width:14px;border-radius:var(--radius-full)}.home-activity-timeline{display:flex;flex-direction:column;gap:var(--space-5);position:relative}.home-activity-timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:20px;width:2px;background:var(--border-color)}.home-activity-item{display:flex;gap:var(--space-4);position:relative;align-items:flex-start}.home-activity-avatar-container{position:relative;z-index:1;flex-shrink:0;padding:0;border:none;background:none;border-radius:50%;cursor:pointer}.home-activity-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg-surface);object-fit:cover;box-shadow:var(--shadow-sm)}.home-activity-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm)}.home-activity-details{flex-grow:1;min-width:0;display:flex;align-items:flex-start;gap:var(--space-3);background:#6c799308;border:1px solid var(--border-color);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:border-color .2s ease,transform .2s ease}.home-activity-details:hover{border-color:#3d7af533;background:#6c79930d}.home-activity-item.friend-activity .home-activity-details{border-color:#e6b31933;background:linear-gradient(135deg,#ecb61305,#ecb6130a)}.home-activity-text{flex:1;min-width:0}.home-activity-details.has-book:hover{border-color:#149cb859}.home-activity-link{display:inline;padding:0;border:none;background:none;font:inherit;text-align:inherit;cursor:pointer}.home-activity-link:hover,.home-activity-link:focus-visible{text-decoration:underline;text-underline-offset:2px}.home-activity-cta{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-2);padding:4px 10px;border:1px solid var(--secondary);border-radius:var(--radius-full);background:#149cb814;color:var(--secondary);font:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.home-activity-cta:hover{background:#149cb829}.home-activity-cover{flex-shrink:0;padding:0;border:none;background:none;border-radius:4px;cursor:pointer;transition:transform var(--transition-fast)}.home-activity-cover:hover{transform:translateY(-2px) rotate(-1deg)}.home-activity-cover img,.home-activity-cover-empty{display:block;width:44px;height:66px;border-radius:4px;object-fit:cover;background:var(--border-color);box-shadow:var(--shadow-sm)}.home-activity-cover-empty{display:grid;place-items:center;font-size:18px}.home-activity-gone{color:var(--text-secondary);font-style:italic}.home-activity-header{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.home-activity-user-name{font-weight:700;color:var(--text-primary)}.home-activity-item.friend-activity .home-activity-user-name{color:#daa60b}.home-activity-target{font-weight:600;color:var(--secondary)}.home-activity-time{font-size:10px;color:var(--secondary);opacity:.7;margin-top:3px;display:block}@keyframes homeItemFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.home-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}}@media(max-width:768px){.home-container{padding:var(--space-4)}.greeting-card{flex-direction:column;text-align:center;padding:var(--space-6)}}.dash-card-body .book-card-h{background:transparent!important;border:none!important;box-shadow:none!important;padding:8px 8px 0 0!important;transform:none!important}.lock-banner{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);animation:homeItemFadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-banner-new-user{background:linear-gradient(135deg,#7c42f014,#b642f00a);border:1px solid hsla(260,85%,60%,.2)}.lock-banner-leech{background:linear-gradient(135deg,#f9a91f14,#f9561f0a);border:1px solid hsla(38,95%,55%,.2)}.lock-banner-icon{font-size:var(--text-2xl);flex-shrink:0;line-height:1}.lock-banner-content{flex:1}.lock-banner-content h4{font-size:var(--text-base);font-weight:700;margin:0 0 6px;color:var(--text-primary)}.lock-banner-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.lock-banner-actions{margin-top:var(--space-3);display:flex;gap:var(--space-3)}.home-lock-notice{margin-top:var(--space-6)}.find-container{padding-bottom:4rem}.filter-row{display:flex;align-items:center;gap:var(--space-4)}.filter-distance{flex:0 0 280px;min-width:0}.filter-selects{flex:1;min-width:300px;flex-wrap:wrap}@media(max-width:480px){.filter-distance,.filter-selects{flex:1 1 100%;min-width:0}.filter-selects{gap:var(--space-3)}.filter-selects>*{min-width:0}}.horizontal-scroll{display:flex;overflow-x:auto;gap:var(--space-4);scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.book-card-mini{position:relative;width:100px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.book-card-mini:hover{transform:translateY(-3px)}.book-card-mini img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.badge-mini{position:absolute;top:4px;right:4px;font-size:.65rem;padding:2px 5px}.book-detail-hero{display:flex;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);align-items:center;background:linear-gradient(135deg,var(--bg-surface-elevated),hsla(26,90%,55%,.05))}.hero-cover{width:110px;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-shrink:0}.hero-info h2{font-size:1.4rem;margin-bottom:var(--space-1)}.avatar-lg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-6) 0}.wishlist-row{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.wishlist-thumb{width:50px;height:75px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-sm)}.matchmaker-alert{background:linear-gradient(135deg,hsla(340,80%,55%,.08),transparent);border:1px solid hsla(340,80%,55%,.25);padding:var(--space-4);border-radius:var(--radius-md)}.matchmaker-alert h4{color:var(--accent);margin-bottom:var(--space-2)}.match-list{display:flex;gap:var(--space-2);margin:var(--space-4) 0}.match-item{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);flex:1}.match-item img{width:30px;height:45px;object-fit:cover;border-radius:2px}.match-item span{font-size:var(--text-xs);font-weight:500}.slider-container{display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);height:42px}.slider-wrapper{position:relative;flex:1;height:20px;display:flex;align-items:center}.slider-value-badge{position:absolute;top:-24px;transform:translate(-50%);background:var(--primary);color:#fff;padding:1px 5px;border-radius:3px;font-size:11px;font-weight:700;pointer-events:none;z-index:10;box-shadow:0 2px 4px #0003}.slider-limit-label{font-size:11px;color:var(--text-secondary);font-weight:600;min-width:12px}.max-radius-input{width:55px;padding:4px 6px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;text-align:center;font-weight:600}.max-radius-input:focus{border-color:var(--primary);outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.max-radius-box{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding-right:8px}.max-radius-box .max-radius-input{border:none;background:transparent;width:38px;padding-right:2px}.max-radius-box .km-label{font-size:11px;color:var(--text-secondary);font-weight:700}.book-card-match-wrap{border-radius:var(--radius-md);border:1.5px solid hsla(142,70%,45%,.5);box-shadow:0 0 12px #22c35d26;transition:box-shadow var(--transition-fast)}.book-card-match-wrap:hover{box-shadow:0 0 20px #22c35d40}.book-card-match-wrap .book-card-h{border:none}.book-match-indicator{position:absolute;bottom:6px;left:6px;background:#1fad53;color:#fff;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;z-index:5;animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{box-shadow:0 2px 8px #0000004d,0 0 #26d9684d}50%{box-shadow:0 2px 8px #0000004d,0 0 0 5px #26d96800}}.find-container .book-card-h{gap:var(--space-6)}.find-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary)}.find-hint{margin:calc(-1 * var(--space-2)) 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.find-lock-notice:not(:empty){margin-bottom:var(--space-6)}.library-container{padding-bottom:4rem}.library-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.library-header-actions{display:flex;gap:var(--space-2);align-items:center}.library-header-actions button{white-space:nowrap}@media(max-width:480px){.library-header .page-title{font-size:var(--text-xl)}}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-4)}.library-flash{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid hsla(142,65%,38%,.35);border-radius:var(--radius-md);background:#22a05014;font-size:var(--text-sm);color:var(--text-primary)}.add-book-container{padding-bottom:4rem}.search-section{display:flex;flex-direction:column}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.search-results{display:flex;flex-direction:column;gap:var(--space-4)}.result-card{display:flex;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.result-card:hover{transform:translate(4px);border-color:var(--primary)}.result-cover{width:60px;height:90px;flex-shrink:0;background-color:var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.result-cover img{width:100%;height:100%;object-fit:cover}.placeholder-cover{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--text-xs);color:var(--text-secondary);height:100%}.result-info{display:flex;flex-direction:column;justify-content:center}.result-info h4{font-size:var(--text-base);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-info p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.result-info .year{font-size:var(--text-xs);color:var(--primary);font-weight:500}.confirmation-section{display:flex;flex-direction:column;gap:var(--space-6)}.selected-book-preview{display:flex;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);align-items:center;background:linear-gradient(135deg,var(--bg-surface-elevated),transparent)}.preview-cover{width:90px;height:135px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-md);flex-shrink:0}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-info h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.checkbox-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.confirm-btn{padding:var(--space-4);font-size:var(--text-lg);margin-top:var(--space-4)}.wishlist-container{padding-bottom:4rem}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-4)}.result-item{display:flex;flex-direction:column;padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.result-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.result-thumb{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.result-body{display:flex;flex-direction:column;flex:1}.notification-settings{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md)}.notification-settings-header{display:flex;align-items:center;gap:var(--space-2);color:var(--secondary)}.notification-settings-header h3{font-size:var(--text-lg);color:var(--text-primary)}.notification-settings-text{color:var(--text-secondary);font-size:var(--text-sm);max-width:560px}.notification-settings-error{color:var(--accent);font-size:var(--text-sm)}.notification-prompt{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:var(--secondary)}.notification-prompt p{flex:1;min-width:180px;font-size:var(--text-sm);color:var(--text-primary)}.notification-prompt-action{padding:var(--space-2) var(--space-4)}.notification-prompt-close{color:var(--text-secondary);padding:4px;border-radius:var(--radius-full)}.notification-prompt-close:hover{background:#6c79931a}.inbox-page-container{height:calc(100vh - 6rem);min-height:500px;display:flex;flex-direction:column}@media(min-width:768px){.inbox-page-container{height:calc(100vh - var(--space-8))}}.inbox-card{display:flex;flex:1;min-height:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);position:relative}.inbox-sidebar{flex:0 0 100%;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:#ffffff26}@media(max-width:1099px){.inbox-sidebar{width:100%!important;flex:0 0 100%!important}}.inbox-divider{width:6px;cursor:col-resize;background-color:var(--border-color);transition:background-color var(--transition-fast);position:relative;z-index:10;display:none}@media(min-width:1100px){.inbox-divider{display:block}.inbox-divider:hover,.inbox-divider:active{background-color:var(--primary)}}.inbox-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);background:#ffffff1a;display:flex;align-items:center;justify-content:space-between}.inbox-sidebar-header h2{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.inbox-list{flex:1;overflow-y:auto;padding:var(--space-2) 0}.inbox-list::-webkit-scrollbar,.inbox-thread-body::-webkit-scrollbar{width:6px}.inbox-list::-webkit-scrollbar-track,.inbox-thread-body::-webkit-scrollbar-track{background:transparent}.inbox-list::-webkit-scrollbar-thumb,.inbox-thread-body::-webkit-scrollbar-thumb{background:#6c799326;border-radius:var(--radius-full)}.inbox-list::-webkit-scrollbar-thumb:hover,.inbox-thread-body::-webkit-scrollbar-thumb:hover{background:#6c79934d}.inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.inbox-empty-state .empty-icon{margin-bottom:var(--space-4);color:#f47e2566;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.inbox-empty-state h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.inbox-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid hsla(220,15%,50%,.05);text-align:left;transition:all var(--transition-fast);position:relative}.inbox-item:hover{background-color:#f47e250a}.inbox-item.selected{background-color:#f47e2514;border-right:4px solid var(--primary)}.inbox-item.unread:before{content:"";position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--accent)}.inbox-item-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.inbox-item.selected .inbox-item-avatar{border-color:var(--primary)}.inbox-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inbox-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.inbox-item-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item.unread .inbox-item-name{font-weight:700}.inbox-item-time{font-size:11px;color:var(--text-secondary);flex-shrink:0}.inbox-item-preview{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item.unread .inbox-item-preview{color:var(--text-primary);font-weight:500}.inbox-item-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0;box-shadow:var(--shadow-sm)}.inbox-thread-container{flex:1;min-width:0;display:flex;flex-direction:column;background:#ffffff0d}.inbox-thread{display:flex;flex-direction:column;height:100%;overflow:hidden}.inbox-thread-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);background:#ffffff1a;display:flex;align-items:center;gap:var(--space-3);position:relative}.inbox-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color var(--transition-fast);color:var(--text-secondary)}.inbox-back-btn:hover{background:#6c79931a;color:var(--text-primary)}@media(min-width:1100px){.inbox-back-btn{display:none}}.inbox-thread-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid var(--primary)}.inbox-thread-user-info{flex:1;min-width:0}.inbox-thread-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.inbox-thread-location{font-size:11px;color:var(--text-secondary);display:flex;align-items:center}.inbox-book-context{padding:8px var(--space-4);background:#f47e250f;border-bottom:1px solid hsla(26,90%,55%,.15);font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.inbox-book-context strong{color:var(--primary)}.inbox-book-context-premium{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,hsla(26,90%,55%,.05),transparent)}.inbox-context-cover{flex-shrink:0;width:36px;height:54px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.inbox-context-text{flex:1;min-width:0}.inbox-context-label{margin-bottom:2px;font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.inbox-context-title,.inbox-context-author{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-context-title{font-size:14px;font-weight:600;color:var(--text-primary)}.inbox-context-author{font-size:12px;color:var(--text-secondary)}.inbox-context-btn{flex-shrink:0;font-size:12px;padding:6px 12px;white-space:nowrap}.inbox-context-badge{flex-shrink:0;font-size:10px;padding:2px 8px}.inbox-thread-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);background:linear-gradient(to bottom,transparent,hsla(220,30%,50%,.02))}.inbox-match-banner{background:linear-gradient(135deg,#149cb814,#149cb808);border:1px solid hsla(190,80%,40%,.2);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);animation:slide-down .4s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inbox-match-header{font-size:var(--text-xs);font-weight:600;color:var(--secondary);display:flex;align-items:center;gap:var(--space-2)}.inbox-match-books{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px}.inbox-match-book{flex:0 0 160px;display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-2);border-radius:var(--radius-sm)}.inbox-match-cover{width:32px;height:44px;object-fit:cover;border-radius:2px}.inbox-match-info{display:flex;flex-direction:column;min-width:0}.inbox-match-title{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.inbox-match-action{font-size:9px;color:var(--secondary);font-weight:700}.inbox-empty-thread{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:var(--space-8)}.inbox-empty-thread .empty-icon{margin-bottom:var(--space-2);opacity:.2}.inbox-bubble-row{display:flex;gap:var(--space-3);max-width:75%}.inbox-bubble-row.mine{align-self:flex-end;flex-direction:row-reverse}.inbox-bubble-row.theirs{align-self:flex-start}.inbox-bubble-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.inbox-bubble-wrap{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.inbox-swap-anchor{scroll-margin-top:var(--space-3)}.inbox-item-book-label{display:flex;align-items:center;gap:4px;min-width:0;margin-bottom:2px;font-size:11px;font-weight:600;color:var(--primary)}.inbox-item-book-label svg{flex-shrink:0}.inbox-item-book-label span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-bubble-row.mine .inbox-bubble-wrap{align-items:flex-end}.inbox-bubble-row.theirs .inbox-bubble-wrap{align-items:flex-start}.inbox-swap-widget{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid hsla(26,90%,55%,.25);background:linear-gradient(135deg,#f47e2514,#f47e2505);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);min-width:260px}.inbox-swap-widget-header{font-size:11px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.inbox-swap-widget-text{font-size:var(--text-sm);line-height:1.4;color:var(--text-primary)}.inbox-swap-widget-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.inbox-widget-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.inbox-widget-btn.accept{background-color:#22a050;color:#fff}.inbox-widget-btn.accept:hover{background-color:#1b7e3f}.inbox-widget-btn.decline{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.inbox-widget-btn.decline:hover{background-color:#6c799314;color:var(--text-primary)}.inbox-widget-status{font-size:var(--text-xs);font-weight:600;color:var(--primary);background:#f47e251a;padding:6px var(--space-3);border-radius:var(--radius-sm);text-align:center}.inbox-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.4;box-shadow:var(--shadow-sm)}.inbox-bubble.mine{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border-bottom-right-radius:2px}.inbox-bubble.theirs{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px}.inbox-bubble-time{font-size:10px;color:var(--text-secondary);margin-top:2px}.inbox-thread-footer{padding:var(--space-4);border-top:1px solid var(--border-color);background:#ffffff1a;display:flex;gap:var(--space-2);align-items:center}.inbox-input{flex:1;background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full)}.inbox-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f47e251a}.inbox-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;transition:all var(--transition-fast);flex-shrink:0}.inbox-send-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.inbox-send-btn:disabled{opacity:.4;cursor:not-allowed}.inbox-thread-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:var(--space-8)}.inbox-thread-empty-state .empty-icon{margin-bottom:var(--space-4);color:#6c799333}.inbox-thread-empty-state h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}@media(max-width:1099px){.hidden-mobile{display:none!important}}@media(max-width:767px){.content-area:has(>.inbox-page-container){display:flex;flex-direction:column;padding:0;overflow:hidden}.inbox-page-container{flex:1;height:auto;min-height:0}.inbox-card{border-radius:0;border-left:none;border-right:none;border-bottom:none}.inbox-thread-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.inbox-thread-avatar{width:36px;height:36px}.inbox-thread-location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.inbox-book-context-premium{gap:10px;padding:6px 12px}.inbox-context-cover{width:24px;height:36px}.inbox-context-label,.inbox-context-author{display:none}.inbox-context-title{font-size:13px}.inbox-thread-body{padding:var(--space-3);gap:var(--space-3)}.inbox-thread-body>*{min-width:0;flex-shrink:0}.inbox-swap-widget{min-width:0}.inbox-bubble-row{max-width:88%;gap:var(--space-2)}.inbox-bubble-avatar{width:28px;height:28px}.inbox-thread-footer{padding:var(--space-2) var(--space-3);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}.inbox-input{min-width:0;font-size:16px;padding:10px var(--space-4)}}.swap-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:linear-gradient(135deg,hsla(190,80%,40%,.06),transparent 60%),var(--bg-surface);text-align:left}.swap-card--completed{background:linear-gradient(135deg,hsla(142,65%,38%,.08),transparent 60%),var(--bg-surface)}.swap-card--declined,.swap-card--cancelled,.swap-card--expired{opacity:.85;background:var(--bg-surface)}.swap-card__header{display:flex;align-items:center;gap:var(--space-2);min-width:0}.swap-card__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.swap-card__icon{display:inline-flex;color:var(--secondary)}.swap-card__title{flex:1;min-width:0;font-weight:700;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-card__status{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 10px;border-radius:var(--radius-full);background:#6c79931f;color:var(--text-secondary)}.swap-card__status--proposed{background:#f47e2526;color:var(--primary-hover)}.swap-card__status--accepted,.swap-card__status--in_progress{background:#149cb826;color:var(--secondary-hover)}.swap-card__status--completed{background:#22a05026;color:#1b7e3f}.swap-card__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;font-size:11px;color:var(--text-secondary)}.swap-card__steps li{padding-top:6px;border-top:3px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-card__steps li.is-reached{border-top-color:var(--secondary);color:var(--text-primary);font-weight:600}.swap-card__items{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.swap-card__item{display:flex;align-items:center;gap:var(--space-3);min-width:0}.swap-card__cover{width:32px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.swap-card__cover--empty{display:inline-block;background:#6c79931f}.swap-card__item-text{display:flex;flex-direction:column;min-width:0;flex:1}.swap-card__item-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-card__item-route{font-size:12px;color:var(--text-secondary)}.swap-card__item-status{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;font-weight:600}.swap-card__item-status.is-moving{color:var(--secondary)}.swap-card__item-status.is-done{color:#1f934a}.swap-card__meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.swap-card__meta span{display:inline-flex;align-items:center;gap:4px}.swap-card__meta q{font-style:italic;white-space:pre-line}.swap-card__error{margin:0;font-size:12px;color:var(--accent)}.swap-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.swap-card__btn{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 14px;border-radius:18px;font-family:inherit;font-size:var(--text-xs);font-weight:600;line-height:1.35;text-align:left;overflow-wrap:anywhere;cursor:pointer;border:1.5px solid transparent;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.swap-card__btn svg{flex-shrink:0}.swap-card__btn:disabled{opacity:.6;cursor:not-allowed}.swap-card__btn--primary{background:var(--secondary);color:var(--text-inverse)}.swap-card__btn--primary:hover:not(:disabled){background:var(--secondary-hover)}.swap-card__btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.swap-card__btn--secondary:hover:not(:disabled){background:#6c799314}.swap-card__btn--quiet{background:transparent;color:var(--text-secondary);padding-left:6px;padding-right:6px}.swap-card__btn--quiet:hover:not(:disabled){color:var(--text-primary)}.swap-card__waiting,.swap-card__closed{font-size:12px;color:var(--text-secondary)}.swap-card__closed{flex:1}.swap-event-row{display:flex;justify-content:center;margin:var(--space-2) 0}.swap-event-pill{max-width:min(90%,480px);padding:6px 14px;border-radius:var(--radius-full);background:#149cb814;border:1px solid hsla(190,80%,40%,.2);color:var(--text-secondary);font-size:12px;text-align:center;white-space:pre-line}.swap-event-pill strong{color:var(--text-primary)}@media(max-width:480px){.swap-card{gap:var(--space-2);padding:var(--space-3)}.swap-card__steps{font-size:10px}.swap-event-pill{max-width:100%;font-size:11px;border-radius:var(--radius-md)}}.swaps-page{padding-bottom:4rem}.swaps-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:var(--space-6);border-radius:var(--radius-full);background:#6c799314}.swaps-tabs button{padding:6px 16px;border-radius:var(--radius-full);font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.swaps-tabs button.is-selected{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.swaps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:var(--space-4);align-items:start}.friends-container{max-width:960px;margin:0 auto;padding:var(--space-4) 0}.friends-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6);position:relative}.friends-tab{position:relative;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);white-space:nowrap}.friends-tab:hover{color:var(--text-primary)}.friends-tab.active,.friends-tab[data-active]{color:var(--primary)}.friends-tab:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2.5px;background:var(--primary);border-radius:var(--radius-full);transform:translate(-50%);transition:width var(--transition-normal)}.friends-tab.active:after,.friends-tab[data-active]:after{width:70%}.friends-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background-color:var(--primary);color:var(--text-inverse);font-size:.65rem;font-weight:700;margin-left:var(--space-2);line-height:1}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-5)}.friend-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);opacity:0;animation:friendCardIn .45s ease-out forwards}.friend-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.friend-avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;border:2.5px solid transparent;background-image:linear-gradient(var(--bg-surface),var(--bg-surface)),linear-gradient(135deg,var(--primary),var(--secondary));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 0 3px #f47e251a;transition:box-shadow var(--transition-normal)}.friend-card:hover .friend-avatar{box-shadow:0 0 0 5px #f47e252e}.friend-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.friend-location{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.friend-stats{display:flex;gap:var(--space-4);margin-top:var(--space-2)}.friend-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.friend-stat-value{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.friend-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-weight:600}.friend-actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);width:100%}.friend-actions button{flex:1}.friend-btn-message{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1.5px solid var(--secondary);color:var(--secondary);background:transparent;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.friend-btn-message:hover{background-color:#149cb814;transform:translateY(-1px)}.friend-btn-unfriend{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.friend-btn-unfriend:hover{color:var(--accent);border-color:var(--accent);background-color:#e8306e0f}.pending-card{border-color:#f47e2559;background:linear-gradient(135deg,var(--bg-glass) 0%,hsla(26,90%,55%,.04) 100%)}.pending-card:hover{border-color:var(--primary)}.pending-direction{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.pending-direction.incoming{background-color:#f47e251f;color:var(--primary)}.pending-direction.outgoing{background-color:#6c79931a;color:var(--text-secondary)}.pending-actions{display:flex;gap:var(--space-2);width:100%;margin-top:auto;padding-top:var(--space-3)}.pending-btn-accept{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background-color:var(--primary);color:var(--text-inverse);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.pending-btn-accept:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pending-btn-decline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.pending-btn-decline:hover{color:var(--accent);border-color:var(--accent)}.pending-waiting{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center;padding:var(--space-2) 0;margin-top:auto;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);font-style:italic}.pending-waiting .dot-pulse{display:inline-flex;gap:3px}.pending-waiting .dot-pulse span{width:4px;height:4px;border-radius:50%;background:var(--text-secondary);animation:dotBounce 1.2s ease-in-out infinite}.pending-waiting .dot-pulse span:nth-child(2){animation-delay:.15s}.pending-waiting .dot-pulse span:nth-child(3){animation-delay:.3s}.suggested-card{border-style:dashed;border-color:#149cb840;background:linear-gradient(135deg,var(--bg-glass) 0%,hsla(190,80%,40%,.03) 100%)}.suggested-card:hover{border-color:var(--secondary);border-style:solid}.friend-btn-add{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background-color:var(--secondary);color:var(--text-inverse);border:none;cursor:pointer;width:100%;margin-top:auto;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.friend-btn-add:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.friends-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem var(--space-4);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);grid-column:1 / -1;animation:friendCardIn .45s ease-out forwards}.friends-empty-icon{width:72px;height:72px;border-radius:var(--radius-full);background-color:#f47e2514;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.friends-empty-state h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.friends-empty-state p{font-size:var(--text-sm);max-width:280px;line-height:1.5}@keyframes friendCardIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}@media(max-width:600px){.friends-tabs{gap:0}.friends-tab{flex:1 1 0;min-width:0;justify-content:center;padding:var(--space-3) var(--space-1);font-size:13px;gap:4px}.friends-tab svg{display:none}.friends-tabs::-webkit-scrollbar{display:none}.friends-grid{grid-template-columns:1fr;gap:var(--space-4)}.friends-container{padding:var(--space-2) 0}}.friends-search{display:flex;align-items:center;gap:var(--space-2);max-width:420px;margin-bottom:var(--space-4);padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary)}.friends-search:focus-within{border-color:var(--primary)}.friends-search input{flex:1;min-width:0;min-height:42px;border:none;outline:none;background:transparent;box-shadow:none!important;padding:0;font-size:16px;color:var(--text-primary)}.partners-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-8)}.partners-intro{margin-bottom:var(--space-8);max-width:800px}.partners-intro p{color:var(--secondary);font-size:var(--text-lg);line-height:1.6;margin-top:var(--space-2)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.partner-card{overflow:hidden;transition:transform .3s var(--transition-ease),box-shadow .3s var(--transition-ease);display:flex;flex-direction:column;height:100%}.partner-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 20px #3d7af51a}.partner-banner{height:180px;width:100%;position:relative;overflow:hidden}.partner-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.partner-card:hover .partner-banner-img{transform:scale(1.05)}.partner-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:#3d7af5e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;box-shadow:var(--shadow-sm)}.partner-card-body{padding:var(--space-5);display:flex;flex-direction:column;flex-grow:1}.partner-card-title{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.partner-card-address{font-size:var(--text-sm);color:var(--secondary);display:flex;align-items:center;gap:calc(var(--space-1) * 1.5);margin-bottom:var(--space-4)}.partner-card-actions{margin-top:auto;display:flex;gap:var(--space-3)}.partner-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:calc(var(--space-1) * 2.5) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.partner-card-btn-primary{background:var(--btn-bg);border:1px solid var(--border-color);color:var(--text-primary)}.partner-card-btn-primary:hover{background:#6c799326;border-color:#6c799333}.events-section{margin-top:var(--space-12)}.events-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4)}.events-header h3{font-size:var(--text-2xl);font-weight:700;color:var(--primary)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-6)}.event-card{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.event-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3)}.event-partner-name{font-size:var(--text-sm);font-weight:600;color:var(--primary);opacity:.8}.event-date-badge{background:#3d7af51a;color:#3d7af5;border:1px solid hsla(220,90%,60%,.2);padding:4px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.event-title{font-size:var(--text-lg);font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.event-time{font-size:var(--text-xs);color:var(--secondary);display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.event-description{color:var(--secondary);font-size:var(--text-sm);line-height:1.5}@media(max-width:768px){.partners-container{padding:var(--space-4)}.events-grid{grid-template-columns:1fr}}.activity-container{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.activity-filters{display:flex;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-6);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none}.activity-filters::-webkit-scrollbar{display:none}.activity-filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.activity-filter:hover{color:var(--text-primary);background-color:#6c799314}.activity-filter.active,.activity-filter[data-active]{background-color:var(--primary);color:var(--text-inverse);box-shadow:0 2px 12px -2px #f47e2566}.activity-filter.active:hover,.activity-filter[data-active]:hover{background-color:var(--primary-hover)}.activity-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;background:#6c79931f;color:var(--text-secondary)}.activity-filter.active .activity-filter-count,.activity-filter[data-active] .activity-filter-count{background:#ffffff40;color:var(--text-inverse)}.activity-timeline{position:relative;padding-left:28px}.activity-timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--border-color) 0%,var(--primary) 30%,var(--secondary) 70%,var(--border-color) 100%);border-radius:1px;opacity:.5}.activity-card{position:relative;display:flex;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-4);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);cursor:default;opacity:0;transform:translateY(16px);animation:activitySlideIn .45s ease-out forwards}.activity-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),0 0 24px -8px #f47e251f;border-color:#f47e2540}.activity-card:nth-child(1){animation-delay:0s}.activity-card:nth-child(2){animation-delay:.06s}.activity-card:nth-child(3){animation-delay:.12s}.activity-card:nth-child(4){animation-delay:.18s}.activity-card:nth-child(5){animation-delay:.24s}.activity-card:nth-child(6){animation-delay:.3s}.activity-card:nth-child(7){animation-delay:.36s}.activity-card:nth-child(8){animation-delay:.42s}.activity-card:nth-child(9){animation-delay:.48s}.activity-card:nth-child(10){animation-delay:.54s}@keyframes activitySlideIn{to{opacity:1;transform:translateY(0)}}.activity-node{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:var(--radius-full);border:3px solid var(--bg-surface);box-shadow:0 0 0 2px var(--border-color);z-index:2;transition:box-shadow var(--transition-fast)}.activity-card:hover .activity-node{box-shadow:0 0 0 2px var(--primary),0 0 8px #f47e254d}.activity-node--book_added{background-color:var(--primary)}.activity-node--book_swapped{background-color:var(--secondary)}.activity-node--book_donated{background-color:#2bab6b}.activity-node--friend_added{background-color:var(--accent)}.activity-node--bookmark_added{background-color:#f2b90d}.activity-card-body{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.activity-card-header{display:flex;align-items:center;gap:var(--space-3)}.activity-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-color);flex-shrink:0;transition:border-color var(--transition-fast),transform var(--transition-fast)}.activity-card:hover .activity-avatar{border-color:var(--primary);transform:scale(1.05)}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0;transition:transform var(--transition-fast)}.activity-card:hover .activity-icon{transform:scale(1.1)}.activity-icon--book_added{background-color:#f47e251f;color:var(--primary)}.activity-icon--book_swapped{background-color:#149cb81f;color:var(--secondary)}.activity-icon--book_donated{background-color:#2bab6b1f;color:#2bab6b}.activity-icon--friend_added{background-color:#e8306e1f;color:var(--accent)}.activity-icon--bookmark_added{background-color:#f2b90d1f;color:#b88f14}.activity-user-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.activity-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.activity-description strong{color:var(--text-primary);font-weight:600}.activity-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.activity-timestamp{display:inline-flex;align-items:center;gap:var(--space-1);opacity:.75}.activity-book-thumb{width:32px;height:48px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-sm);flex-shrink:0;margin-left:auto;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.activity-card:hover .activity-book-thumb{transform:scale(1.08);box-shadow:var(--shadow-md)}.friend-highlight{border-color:#f4c02566;background:linear-gradient(135deg,hsla(45,90%,55%,.04) 0%,var(--bg-glass) 50%)}.friend-highlight:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-md);pointer-events:none;box-shadow:inset 0 0 0 1px #f4c02526}.friend-highlight:hover{border-color:#f4c02599;box-shadow:var(--shadow-md),0 0 24px -8px #f4c02533}.friend-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#f4c02526;color:#b88114}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem var(--space-4);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);animation:fadeIn .4s ease-out forwards}.activity-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:#f47e251a;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.activity-empty h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.activity-skeleton{display:flex;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.8}}@media(max-width:640px){.activity-container{padding:var(--space-3) var(--space-3) var(--space-8)}.activity-timeline{padding-left:0}.activity-timeline:before{display:none}.activity-node{display:none}.activity-card{padding:var(--space-4);margin-bottom:var(--space-3)}.activity-filters{margin-bottom:var(--space-4)}}@media(prefers-color-scheme:dark){.activity-node{border-color:var(--bg-main)}.activity-card:hover{box-shadow:var(--shadow-md),0 0 32px -8px #f47e252e}.friend-highlight{background:linear-gradient(135deg,hsla(45,90%,55%,.06) 0%,var(--bg-glass) 50%)}.friend-badge{background:#f4c0251f;color:#f2cc5a}.activity-icon--book_donated{background-color:#2bab6b2e;color:#47d18c}.activity-icon--bookmark_added{background-color:#f2b90d2e;color:#f0c442}}.activity-link{display:inline;padding:0;border:none;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.activity-link:hover,.activity-link:focus-visible{text-decoration:underline;text-underline-offset:2px}.activity-cta{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-2);padding:4px 10px;border:1px solid var(--secondary);border-radius:var(--radius-full);background:#149cb814;color:var(--secondary);font:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer}.activity-thumb-btn{flex-shrink:0;padding:0;border:none;background:none;cursor:pointer}@media(max-width:600px){.activity-filters{gap:2px;padding:4px}.activity-filter{flex:1 1 0;min-width:0;justify-content:center;gap:4px;padding:var(--space-2) var(--space-1);font-size:13px}}.profile-container{padding-bottom:4rem}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.leacher-alert{background:linear-gradient(135deg,#e8306e1a,#e8306e0d);border:1px solid var(--accent);display:flex;gap:1.25rem;padding:1.25rem;border-radius:var(--radius-lg);align-items:flex-start}.alert-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.alert-content h4{color:var(--accent);font-size:1.1rem;margin-bottom:.5rem}.alert-content p{color:var(--text-primary);font-size:.9rem;line-height:1.5}.user-hero{display:flex;gap:1.5rem;padding:1.5rem;border-radius:var(--radius-lg);align-items:center}.hero-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);box-shadow:var(--shadow-md)}.hero-details h2{font-size:1.75rem;margin-bottom:.25rem}.rating-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;font-size:1.1rem;color:#ffb400}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .5rem;border-radius:var(--radius-md);text-align:center}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.rank-section{padding:1.5rem;border-radius:var(--radius-lg)}.progress-bar-container{width:100%;height:12px;background-color:var(--border-color);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width 1s ease-in-out}.settings-section{padding:1.5rem;border-radius:var(--radius-lg)}.profile-lock-notice:not(:empty){margin-bottom:var(--space-6)}.profile-form{display:flex;flex-direction:column;gap:var(--space-3)}.profile-form h3,.profile-form>p{margin-bottom:0!important}.profile-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:600}.profile-field input{width:100%;font-size:16px}.profile-form button[type=submit]{align-self:flex-start}.admin-container{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-8)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.admin-tabs{width:fit-content;margin-bottom:var(--space-4)}.admin-tabs>*{white-space:nowrap}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md)}.admin-row.is-inactive{opacity:.6}.admin-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.admin-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.admin-row-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:600}.admin-row-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-meta a{color:var(--secondary);display:inline-flex}.admin-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);background:var(--border-color);color:var(--text-secondary)}.admin-status.is-active{background:#149cb826;color:var(--secondary)}.admin-row-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.admin-btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);margin-right:var(--space-2)}.admin-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);border-radius:var(--radius-md);text-align:center}.admin-error{color:var(--accent);font-size:var(--text-sm)}.admin-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.admin-form>label,.admin-form-row>label,.admin-form-field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}.admin-form textarea{resize:vertical}.admin-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}.admin-form>label.admin-form-check{flex-direction:row;align-items:center;font-weight:400;cursor:pointer}.admin-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}@media(max-width:640px){.admin-container{padding:var(--space-4)}.admin-row{flex-wrap:wrap}.admin-row-actions{width:100%;justify-content:flex-end}.admin-form-row{grid-template-columns:1fr}}.admin-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-stat{display:flex;flex-direction:column;gap:2px;min-width:120px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.admin-stat--wide{flex:1 1 220px;min-width:0}.admin-stat-value{font-size:var(--text-xl);font-weight:700;line-height:1.2}.admin-stat-value--text{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-search{flex:1 1 240px;display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary)}.admin-search input{flex:1;min-width:0;min-height:42px;border:none;outline:none;background:transparent;color:var(--text-primary);font:inherit;font-size:var(--text-sm)}.admin-search:focus-within{border-color:var(--primary)}.admin-waitlist-email{color:var(--secondary);overflow:hidden;text-overflow:ellipsis}.admin-waitlist-book{overflow:hidden;text-overflow:ellipsis}.admin-waitlist-date{font-size:var(--text-xs);color:var(--text-secondary);margin-right:var(--space-2);white-space:nowrap}@media(max-width:640px){.admin-tabs{width:100%}.admin-row-actions:has(.admin-waitlist-date){justify-content:space-between}}