:root{--primary:#3b9ee8;--primary-dark:#1f7ac5;--primary-light:#c8e6fa;--primary-xlight:#eaf5fd;--accent:#0a4f8c;--teal:#26c6da;--white:#fff;--surface:#f4faff;--card:#fff;--text:#1a2b3c;--text-muted:#5a7a95;--text-light:#8fafc5;--border:#d4e9f7;--success:#2ecc71;--warning:#f39c12;--danger:#e74c3c;--shadow:0 4px 20px #3b9ee81f;--radius:16px;--radius-sm:10px;--radius-xs:6px;--nav-h:68px;--app-shell-max:430px;--app-outer-pad:0px;--stat-cols:2;--category-cols:2;--book-list-cols:1;--page-gutter:16px;--ref-stat-cols:3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:#fafcff}html.bookshook-active{height:100%;-webkit-text-size-adjust:100%;height:-webkit-fill-available}html.bookshook-active,body.bookshook-active{width:100%;color:var(--text);background:#d0e8f8;margin:0;font-family:DM Sans,sans-serif;overflow:hidden}body.bookshook-active{min-height:100dvh;min-height:-webkit-fill-available;display:block}.bookshook-app{width:100%;max-width:var(--app-shell-max);background:var(--surface);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border-radius:0;flex-direction:column;height:min(900px,100vh);min-height:min(900px,100vh);max-height:min(900px,100vh);margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #3b9ee840}@supports (height:100dvh){.bookshook-app{height:min(900px,100dvh);min-height:min(900px,100dvh);max-height:min(900px,100dvh)}}@supports (height:100svh){.bookshook-app{height:min(900px,100svh);min-height:min(900px,100svh);max-height:min(900px,100svh)}}@media (width>=500px){.bookshook-app{height:min(920px, calc(100dvh - var(--app-outer-pad) * 2));min-height:min(920px, calc(100dvh - var(--app-outer-pad) * 2));max-height:min(920px, calc(100dvh - var(--app-outer-pad) * 2));border-radius:32px}}.screen-container{flex:1;min-height:0;position:relative;overflow:hidden}.screen{background:var(--surface);flex-direction:column;display:none;position:absolute;inset:0;overflow:hidden auto}.screen.active{display:flex}.bottom-nav{min-height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--white);border-top:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-around;align-items:center;display:none;box-shadow:0 -4px 20px #3b9ee81a}.bottom-nav.visible{display:flex}.nav-item{cursor:pointer;color:var(--text-light);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--primary-dark)}.nav-icon{border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s;display:flex}.nav-item.active .nav-icon{background:var(--primary-xlight)}.nav-icon svg{width:20px;height:20px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:99px}.btn{cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 4px 16px #3b9ee859}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-ghost{background:var(--primary-xlight);color:var(--primary-dark)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-sm{padding:9px 18px;font-size:13px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:13px;font-weight:600}.form-input{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--white);color:var(--text);outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b9ee81f}.form-input::placeholder{color:var(--text-light)}.pin-row{justify-content:center;gap:12px;display:flex}.pin-box{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--white);text-align:center;width:58px;height:64px;color:var(--text);caret-color:#0000;font-size:24px;font-weight:700;transition:border-color .2s}.pin-box:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b9ee826}.pin-box.filled{border-color:var(--primary);background:var(--primary-xlight)}.otp-row{justify-content:center;gap:10px;display:flex}.otp-box{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--white);text-align:center;width:46px;height:52px;color:var(--text);font-size:20px;font-weight:700;transition:border-color .2s}.otp-box:focus{border-color:var(--primary);outline:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:20px}.onboard-hero{background:linear-gradient(160deg,#1f7ac5 0%,#3b9ee8 50%,#26c6da 100%);flex-direction:column;flex-shrink:0;align-items:center;gap:16px;padding:48px 28px 36px;display:flex;position:relative;overflow:hidden}.onboard-hero:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-60px}.onboard-hero:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-40px;left:-40px}.logo-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.logo-mark svg{width:38px;height:38px}.onboard-title{color:#fff;text-align:center;z-index:1;font-family:Playfair Display,serif;font-size:30px;font-weight:700;line-height:1.2;position:relative}.onboard-sub{color:#ffffffd9;text-align:center;z-index:1;font-size:14px;line-height:1.6;position:relative}.onboard-body{padding:28px var(--page-gutter);flex-direction:column;gap:16px;display:flex}.progress-dots{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.dot{background:var(--border);border-radius:99px;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--primary);width:24px}.avatar-upload{background:var(--primary-xlight);border:3px dashed var(--primary-light);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 8px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.avatar-upload:hover{border-color:var(--primary)}.avatar-upload img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.dash-header{background:linear-gradient(135deg,#1f7ac5,#3b9ee8 60%,#26c6da);flex-shrink:0;padding:28px 20px 48px;position:relative;overflow:hidden}.dash-header:after{content:"";background:var(--surface);border-radius:48px 48px 0 0;height:48px;position:absolute;bottom:-24px;left:0;right:0}.dash-header-row{justify-content:space-between;align-items:flex-start;display:flex}.dash-greeting{color:#fffc;font-size:13px}.dash-name{color:#fff;margin-top:2px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.dash-avatar{background:#ffffff40;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.stat-grid{grid-template-columns:repeat(var(--stat-cols), 1fr);padding:8px var(--page-gutter) 16px;gap:12px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow);border:1px solid var(--border);flex-direction:column;gap:6px;padding:16px 14px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:500}.stat-value{color:var(--accent);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.stat-icon{margin-bottom:2px;font-size:18px}.books-hero{background:linear-gradient(135deg,#1f7ac5,#3b9ee8);flex-shrink:0;padding:24px 20px 20px}.books-lang-tabs{gap:8px;margin-top:12px;display:flex}.books-lang-tab{color:#fffffff2;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:10px;flex:1;padding:8px 10px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.books-lang-tab:hover{background:#fff3}.books-lang-tab.active{color:var(--primary-dark);background:#fff;border-color:#fff}.book-count-badge{color:#fff;background:#fff3;border-radius:99px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.book-list{flex-direction:column;gap:12px;padding:16px;display:flex}.book-list--grid{grid-template-columns:repeat(var(--book-list-cols), 1fr);align-content:start;gap:10px;padding:0;display:grid}.book-list--grid .book-item{min-width:0}.book-item{background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px;display:flex}.book-cover{background:linear-gradient(135deg,#3b9ee8,#1f7ac5);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:70px;font-size:22px;display:flex}.book-info{flex:1;min-width:0}.book-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.book-author{color:var(--text-muted);margin-top:2px;font-size:12px}.book-genre{background:var(--primary-xlight);color:var(--primary-dark);border-radius:99px;margin-top:4px;padding:2px 8px;font-size:11px;display:inline-block}.ref-hero{background:linear-gradient(135deg,#0a4f8c,#3b9ee8);flex-shrink:0;padding:24px 20px 20px}.ref-stats-row{gap:12px;margin-top:12px;display:flex}.ref-stat-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);text-align:center;color:#fff;background:#ffffff26;border:1px solid #ffffff26;flex:1;padding:12px}.ref-stat-pill .num{font-family:Playfair Display,serif;font-size:22px;font-weight:700}.ref-stat-pill .lbl{opacity:.8;margin-top:2px;font-size:11px}.ref-table{border-collapse:collapse;width:100%;font-size:13px}.ref-table th{background:var(--primary-xlight);color:var(--primary-dark);text-align:left;padding:10px 12px;font-size:12px;font-weight:600}.ref-table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px}.ref-table tr:last-child td{border-bottom:none}.level-row{cursor:pointer;transition:background .15s}.level-row:hover{background:var(--primary-xlight)}.level-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.account-header{flex-shrink:0;align-items:center;gap:14px;padding:28px 20px 20px;display:flex}.account-avatar{border:3px solid var(--primary-light);background:var(--primary-xlight);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.menu-group{margin:0 var(--page-gutter) 8px}.menu-group-label{color:var(--text-light);letter-spacing:.6px;text-transform:uppercase;padding:8px 4px 6px;font-size:11px;font-weight:600}.menu-item{background:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);align-items:center;gap:14px;margin-bottom:2px;padding:16px;transition:background .15s;display:flex}.menu-item:hover{background:var(--primary-xlight)}.menu-icon{background:var(--primary-xlight);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.menu-text{color:var(--text);flex:1;font-size:14px;font-weight:500}.menu-arrow{color:var(--text-light);font-size:18px}.menu-item.danger .menu-icon{background:#fef0ee}.menu-item.danger .menu-text{color:var(--danger)}.page-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.page-title{color:var(--text);font-family:Playfair Display,serif;font-size:22px}.back-btn{background:var(--white);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.back-btn:hover{background:var(--primary-xlight)}.sub-card{margin:0 var(--page-gutter) 16px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#1f7ac5,#3b9ee8 70%,#26c6da);padding:20px}.sub-status{background:#fff3;border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.sub-dates{gap:20px;margin-top:12px;display:flex}.sub-date-item label{opacity:.75;font-size:11px;display:block}.sub-date-item span{font-size:15px;font-weight:600}.verify-result{background:var(--primary-xlight);border:1px solid var(--primary-light);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px 16px;display:flex}.verify-result-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.chip{border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.chip-success{color:#27ae60;background:#e8f8f0}.chip-warning{color:#f39c12;background:#fef9e7}.divider{background:var(--border);height:1px;margin:16px 0}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:13px}.link{color:var(--primary-dark);cursor:pointer;text-underline-offset:3px;font-weight:600;text-decoration:underline}.bookshook-toast{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:9999;background:#1a2b3c;border-radius:99px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .3s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px)}.bookshook-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0a1e3280;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.visible{display:flex}.modal-sheet{background:var(--white);border-radius:28px 28px 0 0;width:100%;max-width:430px;max-height:80vh;padding:28px 24px 40px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:var(--border);border-radius:99px;width:40px;height:4px;margin:0 auto 20px}.modal-title{margin-bottom:8px;font-family:Playfair Display,serif;font-size:22px}.share-btn{cursor:pointer;background:#fff3;border:1.5px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,transform .15s;display:flex}.share-btn:active{transform:scale(.92)}.cat-card{border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:12px;padding:16px 14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.cat-card:before{content:"";background:inherit;filter:brightness(.92);opacity:0;transition:opacity .15s;position:absolute;inset:0}.cat-card:active{transform:scale(.97)}.cat-card:active:before{opacity:1}.cat-icon-wrap{background:#ffffff47;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.cat-label{color:#fff;font-size:14px;font-weight:700}.cat-count{color:#fffc;margin-top:2px;font-size:11px}.cat-arrow{color:#ffffffb3;margin-left:auto;font-size:18px}.user-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.user-item:last-child{border-bottom:none}.user-item-avatar{color:#fff;background:linear-gradient(135deg,#3b9ee8,#1f7ac5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.read-modal{background:var(--white);z-index:600;flex-direction:column;display:none;position:fixed;inset:0}.read-modal.open{display:flex}.read-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px;display:flex}.read-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.read-body{color:var(--text);flex:1;padding:20px;font-size:15px;line-height:1.8;overflow-y:auto}.read-body h2{color:var(--accent);margin-bottom:12px;font-family:Playfair Display,serif;font-size:22px}.read-body p{margin-bottom:14px}.bottom-nav button.nav-item{font:inherit;background:0 0;border:none;width:100%;margin:0}button.cat-card{font:inherit}button.menu-item{text-align:left}.category-grid{grid-template-columns:repeat(var(--category-cols), 1fr);gap:10px;display:grid}.ref-stat-grid{grid-template-columns:repeat(var(--ref-stat-cols), 1fr);gap:8px;display:grid}@media (width>=480px){:root{--app-shell-max:min(100%, 520px);--category-cols:3;--page-gutter:20px}}@media (width>=640px){:root{--app-shell-max:min(100%, 600px);--stat-cols:3;--book-list-cols:2;--page-gutter:22px}.onboard-title{font-size:clamp(28px,3.5vw,34px)}.btn{padding:15px 28px;font-size:16px}.book-cover{width:56px;height:76px;font-size:24px}.book-title{font-size:15px}}@media (width>=768px){:root{--app-shell-max:min(100%, 680px);--app-outer-pad:20px;--stat-cols:4;--category-cols:4;--page-gutter:24px}html,body{padding:var(--app-outer-pad);box-sizing:border-box}.bookshook-app{height:min(920px, calc(100dvh - var(--app-outer-pad) * 2));min-height:min(920px, calc(100dvh - var(--app-outer-pad) * 2));max-height:calc(100dvh - var(--app-outer-pad) * 2);box-shadow:0 8px 48px #3b9ee838}.modal-overlay.visible{align-items:center;padding:24px}.modal-sheet{border-radius:24px;max-width:min(480px,100%);max-height:min(85vh,720px);animation:.35s cubic-bezier(.34,1.56,.64,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.page-title{font-size:24px}.ref-stat-pill{padding:14px 12px}.ref-stat-pill .num{font-size:24px}}@media (width>=900px){:root{--app-shell-max:min(100%, 800px);--app-outer-pad:24px;--category-cols:4;--book-list-cols:2}.dash-header,.books-hero,.ref-hero{padding-left:max(20px, var(--page-gutter));padding-right:max(20px, var(--page-gutter))}.read-body{width:100%;max-width:42rem;margin:0 auto;padding:24px 28px 32px;font-size:16px;line-height:1.85}.read-body h2{font-size:26px}.read-header{padding:18px 24px}.read-title{font-size:17px}}@media (width>=1100px){:root{--app-shell-max:min(100%, 960px);--app-outer-pad:28px;--category-cols:5;--book-list-cols:2;--ref-stat-cols:3}html,body{padding:28px 40px}.bookshook-app{height:min(920px,100dvh - 56px);min-height:min(920px,100dvh - 56px);max-height:calc(100dvh - 56px)}.bookshook-root{min-height:calc(100dvh - 56px)}.stat-value{font-size:22px}.stat-card{padding:18px 16px}}@media (width>=1400px){:root{--app-shell-max:min(100%, 1080px);--book-list-cols:3}}@media (width<=380px){.pin-row{gap:8px}.pin-box{width:48px;height:56px;font-size:20px}.otp-row{flex-wrap:wrap;justify-content:center;gap:6px}.otp-box{width:40px;height:48px;font-size:18px}}@media (width>=768px){.bookshook-toast{white-space:normal;text-align:center;max-width:min(420px,90vw);padding:14px 22px;bottom:110px}}#root{width:100%;min-height:100dvh;flex-direction:column;align-items:center;min-height:-webkit-fill-available;display:flex}.bookshook-root{width:100%;max-width:100%;min-height:100dvh;flex-direction:column;flex:1 0 auto;justify-content:flex-start;align-items:center;min-height:-webkit-fill-available;display:flex;position:relative}@media (width>=768px){.bookshook-root{min-height:calc(100dvh - var(--app-outer-pad) * 2);justify-content:center}}:root{--blue-deep:#0a3a6b;--blue-mid:#1f7ac5;--blue-bright:#3b9ee8;--blue-light:#c8e6fa;--blue-xlight:#eaf5fd;--teal:#26c6da;--white:#fff;--ink:#0d1f30;--ink-muted:#4a6680;--ink-light:#8fafc5;--border:#d4e9f7;--gold:#f5a623;--success:#27ae60}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.bs-home button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.bs-home{color:var(--ink);background:#fafcff;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.display{font-family:Playfair Display,serif}.bs-home nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffeb;justify-content:space-between;align-items:center;height:72px;padding:0 5%;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.bs-home nav.scrolled{box-shadow:0 4px 32px #3b9ee81f}.nav-logo{color:var(--blue-deep);align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{background:linear-gradient(135deg, var(--blue-mid), var(--blue-bright));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nav-logo-icon svg{width:22px;height:22px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--ink-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--blue-mid)}.nav-cta{align-items:center;gap:12px;display:flex}.btn-nav{cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-nav-ghost{color:var(--blue-mid);border:2px solid var(--blue-light);background:0 0}.btn-nav-ghost:hover{border-color:var(--blue-mid);background:var(--blue-xlight)}.btn-nav-solid{background:linear-gradient(135deg, var(--blue-mid), var(--blue-bright));color:#fff;border:none;box-shadow:0 4px 16px #3b9ee84d}.btn-nav-solid:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3b9ee873}.nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.nav-hamburger span{background:var(--ink);border-radius:99px;width:24px;height:2px;transition:all .3s}.mobile-menu{border-bottom:1px solid var(--border);z-index:99;background:#fff;flex-direction:column;gap:16px;padding:20px 5%;display:none;position:fixed;top:72px;left:0;right:0;box-shadow:0 8px 32px #0000001a}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--ink);border-bottom:1px solid var(--border);padding:8px 0;font-size:16px;font-weight:500;text-decoration:none}.bs-home section{padding:96px 5%}.bs-home .hero,.hero{background:linear-gradient(160deg,#0a3a6b 0%,#1f7ac5 45%,#26c6da 100%);align-items:center;min-height:100vh;padding:120px 5% 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-blob{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:50%;position:absolute}.hero-blob-1{background:#26c6da;width:500px;height:500px;top:-100px;right:-100px}.hero-blob-2{background:#fff;width:300px;height:300px;bottom:-80px;left:10%}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:#2ecc71;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{color:#fff;margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(38px,5vw,64px);font-weight:900;line-height:1.1}.hero-title em{color:var(--teal);font-style:italic}.hero-subtitle{color:#fffc;max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn-hero-primary{color:var(--blue-deep);cursor:pointer;background:#fff;border:none;border-radius:99px;align-items:center;gap:8px;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 32px #0003}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.btn-hero-ghost{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:2px solid #ffffff4d;border-radius:99px;align-items:center;gap:8px;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero-ghost:hover{background:#fff3;border-color:#ffffff80}.hero-stats{gap:32px;margin-top:48px;display:flex}.hero-stat-num{color:#fff;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.hero-stat-label{color:#ffffffa6;margin-top:2px;font-size:13px}.hero-visual{justify-content:center;display:flex;position:relative}.hero-phone{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:2px solid #ffffff40;border-radius:40px;flex-direction:column;width:260px;height:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000004d}.hero-phone-header{background:linear-gradient(135deg,#0a3a6b,#1f7ac5);padding:24px 20px 18px;position:relative}.hero-phone-greeting{color:#ffffffb3;font-size:11px}.hero-phone-name{color:#fff;margin-top:2px;font-family:Playfair Display,serif;font-size:17px;font-weight:700}.hero-phone-cards{grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.hero-phone-card{background:#ffffffe6;border-radius:10px;padding:12px 10px}.hero-phone-card .lbl{color:#5a7a95;text-transform:uppercase;letter-spacing:.3px;font-size:9px}.hero-phone-card .val{color:#0a3a6b;margin-top:3px;font-family:Playfair Display,serif;font-size:15px;font-weight:700}.hero-phone-books{flex-direction:column;flex:1;gap:6px;padding:0 14px 14px;display:flex}.hero-phone-book{background:#ffffffd9;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.hero-phone-book-cover{background:linear-gradient(135deg,#3b9ee8,#1f7ac5);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:36px;font-size:14px;display:flex}.hero-phone-book-title{color:#0d1f30;font-size:10px;font-weight:600}.hero-phone-book-author{color:#8fafc5;margin-top:1px;font-size:9px}.floating-badge{color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 8px 32px #0003}.floating-badge-1{top:80px;right:-40px}.floating-badge-2{animation-delay:1.5s;bottom:120px;left:-40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#features{background:#fff}.section-label{background:var(--blue-xlight);color:var(--blue-mid);letter-spacing:.4px;text-transform:uppercase;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--ink);margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.15}.section-sub{color:var(--ink-muted);max-width:560px;font-size:17px;line-height:1.7}.features-inner{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:64px}.features-header .section-sub{margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.feature-card{border:1.5px solid var(--border);background:var(--blue-xlight);border-radius:20px;padding:32px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg, var(--blue-xlight), white);opacity:0;transition:opacity .25s;position:absolute;inset:0}.feature-card:hover{border-color:var(--blue-light);transform:translateY(-6px);box-shadow:0 20px 60px #3b9ee826}.feature-card:hover:before{opacity:1}.feature-icon{background:linear-gradient(135deg, var(--blue-mid), var(--blue-bright));z-index:1;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:24px;display:flex;position:relative;box-shadow:0 8px 24px #3b9ee84d}.feature-title{color:var(--ink);z-index:1;margin-bottom:10px;font-family:Playfair Display,serif;font-size:20px;font-weight:700;position:relative}.feature-text{color:var(--ink-muted);z-index:1;font-size:14px;line-height:1.7;position:relative}#books{background:linear-gradient(#f4faff 0%,#fff 100%)}.books-inner{max-width:1200px;margin:0 auto}.books-header{text-align:center;margin-bottom:56px}.books-header .section-sub{margin:0 auto}.books-categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.cat-pill{cursor:pointer;border:2px solid var(--border);color:var(--ink-muted);background:#fff;border-radius:99px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.cat-pill.active,.cat-pill:hover{background:linear-gradient(135deg, var(--blue-mid), var(--blue-bright));color:#fff;border-color:#0000;box-shadow:0 4px 16px #3b9ee84d}.books-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.book-card{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.book-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #3b9ee826}.book-cover-large{justify-content:center;align-items:center;height:140px;font-size:48px;display:flex}.book-card-body{padding:14px}.book-card-title{color:var(--ink);font-family:Playfair Display,serif;font-size:15px;font-weight:700}.book-card-author{color:var(--ink-muted);margin-top:3px;font-size:12px}.book-card-genre{background:var(--blue-xlight);color:var(--blue-mid);border-radius:99px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}#how{background:#fff}.how-inner{max-width:1100px;margin:0 auto}.how-header{text-align:center;margin-bottom:64px}.steps{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, var(--blue-mid), var(--teal));z-index:0;height:2px;position:absolute;top:36px;left:12.5%;right:12.5%}.step{text-align:center;z-index:1;padding:0 16px;position:relative}.step-num{background:linear-gradient(135deg, var(--blue-mid), var(--blue-bright));color:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-family:Playfair Display,serif;font-size:24px;font-weight:700;display:flex;box-shadow:0 8px 24px #3b9ee84d}.step-title{color:var(--ink);margin-bottom:8px;font-family:Playfair Display,serif;font-size:17px;font-weight:700}.step-text{color:var(--ink-muted);font-size:13px;line-height:1.6}#referral{background:linear-gradient(135deg,#0a3a6b 0%,#1f7ac5 60%,#26c6da 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}#referral .referral-inner{width:100%}#referral:before{content:"";background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.referral-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.referral-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.referral-content .section-title{color:#fff}.referral-content .section-sub{color:#fffc}.referral-content .section-label{color:#fff;background:#ffffff26}.earn-cards{flex-direction:column;gap:14px;margin-top:32px;display:flex}.earn-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:background .2s;display:flex}.earn-card:hover{background:#ffffff2e}.earn-card-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.earn-card-title{color:#fff;font-size:15px;font-weight:700}.earn-card-text{color:#ffffffbf;margin-top:2px;font-size:13px}.referral-visual{justify-content:center;align-items:center;display:flex}.tree-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:24px;width:100%;max-width:360px;padding:28px}.tree-title{color:#fff;text-align:center;margin-bottom:20px;font-family:Playfair Display,serif;font-size:16px;font-weight:700}.tree-level{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.tree-node{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:flex}.tree-connector{background:#ffffff4d;width:1px;height:16px;margin:0 auto}.level-label{text-align:center;color:#fff9;margin-bottom:4px;font-size:11px}.amount-badge{text-align:center;color:#fff;background:#ffffff26;border-radius:10px;margin-top:16px;padding:12px}.amount-badge .big{font-family:Playfair Display,serif;font-size:22px;font-weight:700}.amount-badge .small{opacity:.75;margin-top:2px;font-size:12px}#pricing{background:#f4faff}.pricing-inner{max-width:960px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:56px}.pricing-grid{grid-template-columns:1fr 1fr;gap:28px;max-width:700px;margin:0 auto;display:grid}.price-card{border:2px solid var(--border);background:#fff;border-radius:24px;padding:36px 32px;transition:transform .2s,box-shadow .2s;position:relative}.price-card.featured{background:linear-gradient(160deg,#0a3a6b,#1f7ac5);border-color:#0000;box-shadow:0 24px 64px #3b9ee859}.price-card:hover{transform:translateY(-4px)}.price-popular{background:var(--gold);color:#fff;white-space:nowrap;border-radius:99px;padding:5px 18px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.price-plan{color:var(--ink-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:600}.price-plan.light{color:#ffffffb3}.price-amount{color:var(--ink);font-family:Playfair Display,serif;font-size:44px;font-weight:700;line-height:1}.price-amount.light{color:#fff}.price-period{color:var(--ink-muted);margin-left:4px;font-size:15px}.price-period.light{color:#ffffffb3}.price-desc{color:var(--ink-muted);margin:12px 0 24px;font-size:14px}.price-desc.light{color:#ffffffbf}.price-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.price-features li{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.price-features li.light{color:#ffffffe6}.price-features li:before{content:"✓";background:var(--blue-xlight);width:20px;height:20px;color:var(--blue-mid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.price-features li.light:before{color:#fff;background:#fff3}.btn-price{cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-price-outline{background:var(--blue-xlight);color:var(--blue-mid)}.btn-price-outline:hover{background:var(--blue-light)}.btn-price-white{color:var(--blue-deep);background:#fff;box-shadow:0 4px 16px #00000026}.btn-price-white:hover{transform:translateY(-1px);box-shadow:0 8px 28px #0003}#testimonials{background:#fff}.testimonials-inner{max-width:1100px;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:56px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--blue-xlight);border:1.5px solid var(--border);border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #3b9ee81f}.testimonial-stars{color:var(--gold);letter-spacing:2px;margin-bottom:14px;font-size:16px}.testimonial-text{color:var(--ink);margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.testimonial-name{color:var(--ink);font-size:14px;font-weight:700}.testimonial-role{color:var(--ink-muted);margin-top:2px;font-size:12px}#cta{text-align:center;background:linear-gradient(135deg,#0a3a6b,#1f7ac5 50%,#26c6da);justify-content:center;align-items:center;min-height:100vh;padding:96px 5%;display:flex}#cta .cta-inner{width:100%}.cta-inner{max-width:680px;margin:0 auto}.cta-title{color:#fff;margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1.15}.cta-sub{color:#fffc;margin-bottom:36px;font-size:17px;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.bs-home footer{background:var(--ink);color:#ffffffb3;padding:64px 5% 32px}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand .nav-logo{color:#fff;margin-bottom:14px;display:inline-flex}.footer-brand p{font-size:14px;line-height:1.7}.footer-col h4{color:#fff;margin-bottom:16px;font-family:Playfair Display,serif;font-size:16px}.footer-col a{color:#fff9;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--blue-bright)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer-bottom p{font-size:13px}.footer-social{gap:12px;display:flex}.social-btn{color:#fff9;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.social-btn:hover{background:var(--blue-mid);color:#fff}.fade-in{opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.books-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=768px){.bs-home section{padding:72px 5%}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.features-grid{grid-template-columns:1fr}.books-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:32px}.steps:before{display:none}.referral-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:380px}.testimonials-grid,.footer-grid{grid-template-columns:1fr}.hero-stats{gap:20px}}@media (width<=480px){.books-grid{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.btn-hero-primary,.btn-hero-ghost{justify-content:center;width:100%}}:root{--blue-deep:#0a3a6b;--blue-mid:#1f7ac5;--blue-bright:#3b9ee8;--blue-light:#c8e6fa;--blue-xlight:#eaf5fd;--ink:#0d1f30;--ink-muted:#4a6680;--border:#d4e9f7;--danger:#e74c3c;--danger-light:#fef0ee}.bs-legal,.bs-legal *{box-sizing:border-box}.bs-legal{color:var(--ink);background:#fafcff;min-height:100vh;font-family:DM Sans,sans-serif}.bs-legal nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fffffff2;justify-content:space-between;align-items:center;height:68px;padding:0 5%;display:flex;position:sticky;top:0}.bs-legal .nav-logo{color:var(--blue-deep);align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.bs-legal .nav-logo-icon{background:linear-gradient(135deg, var(--blue-mid), var(--blue-bright));border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.bs-legal .nav-logo-icon svg{width:20px;height:20px}.bs-legal .nav-back{border:2px solid var(--border);color:var(--blue-mid);cursor:pointer;background:0 0;border-radius:99px;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.bs-legal .nav-back:hover{background:var(--blue-xlight);border-color:var(--blue-light)}.bs-legal .legal-hero,.bs-legal .hero{text-align:center;background:linear-gradient(135deg,#0a3a6b,#1f7ac5 60%,#26c6da);padding:72px 5% 56px}.bs-legal .legal-hero h1,.bs-legal .hero h1{color:#fff;margin-bottom:12px;font-family:Playfair Display,serif;font-size:clamp(32px,5vw,52px);font-weight:700}.bs-legal .legal-hero p,.bs-legal .hero p{color:#ffffffbf;font-size:15px}.bs-legal .content-wrap{max-width:780px;margin:0 auto;padding:64px 5% 96px}.bs-legal .toc{background:var(--blue-xlight);border:1.5px solid var(--border);border-radius:16px;margin-bottom:48px;padding:28px 32px}.bs-legal .toc h3{color:var(--ink);margin-bottom:14px;font-family:Playfair Display,serif;font-size:17px}.bs-legal .toc ol{flex-direction:column;gap:8px;padding-left:20px;display:flex}.bs-legal .toc a{color:var(--blue-mid);font-size:14px;font-weight:500;text-decoration:none}.bs-legal .toc a:hover{text-decoration:underline}.bs-legal .section{margin-bottom:48px;scroll-margin-top:80px}.bs-legal .section h2{color:var(--ink);border-bottom:2px solid var(--blue-light);margin-bottom:16px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:24px}.bs-legal .section p{color:var(--ink-muted);margin-bottom:14px;font-size:15px;line-height:1.8}.bs-legal .section ul,.bs-legal .section ol{flex-direction:column;gap:8px;margin-bottom:14px;padding-left:22px;display:flex}.bs-legal .section li{color:var(--ink-muted);font-size:15px;line-height:1.7}.bs-legal .highlight-box{background:var(--blue-xlight);border-left:4px solid var(--blue-mid);border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px}.bs-legal .highlight-box p{margin:0;font-size:14px}.bs-legal .warning-box{background:var(--danger-light);border-left:4px solid var(--danger);border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px}.bs-legal .warning-box p{color:#922b21;margin:0;font-size:14px}.bs-legal .contact-card{color:#fff;background:linear-gradient(135deg,#0a3a6b,#1f7ac5);border-radius:16px;margin-top:16px;padding:28px 32px}.bs-legal .contact-card h3{margin-bottom:8px;font-family:Playfair Display,serif;font-size:20px}.bs-legal .contact-card p{opacity:.85;margin-bottom:0;font-size:14px}.bs-legal footer{background:var(--ink);color:#fff9;text-align:center;padding:32px 5%}.bs-legal footer p{font-size:13px}.bs-legal footer a{color:var(--blue-bright);text-decoration:none}