/* Old-browser-friendly CSS: floats / inline-block / table-free, no gap / aspect-ratio / grid */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ebebeb;color:#333;font:14px/1.5 Tahoma,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#2f7fc1;text-decoration:none}
a:hover{color:#ff9601}
img{max-width:100%;height:auto;display:block}
h1{font-size:1.3rem;margin:8px 0}
.wrap{max-width:1000px;margin:0 auto;padding:0 12px}
.wrap:after,.cols:after,.grid:after{content:"";display:table;clear:both}
main.wrap{padding-top:12px;padding-bottom:24px;min-height:60vh}
.note{color:#888}
.s{font-size:12px;color:#888}

/* header */
.top{background:#4a3b82;color:#fff;padding:8px 0}
.logo{float:left;font-size:26px;line-height:38px;font-weight:300;color:#fff;letter-spacing:.5px}
.logo b{font-weight:800;color:#ffd24d}
.logo:hover{color:#fff}
.acct{float:right;line-height:38px;font-size:14px}
.acct>*{display:inline-block;margin-left:14px;vertical-align:middle}
.acct a,.acct button.link{color:#fff}
.acct a:hover,.acct button.link:hover{color:#ffd24d}
.acct form{margin:0}.who{color:#d6cff0}
button.link{background:none;border:0;padding:0;font:inherit;color:#2f7fc1;cursor:pointer}
.search{float:left;margin:0 0 0 24px;width:45%;position:relative}
.search input{width:100%;height:38px;padding:0 44px 0 12px;border:0;border-radius:2px;font-size:15px;background:#fff;color:#333;-webkit-appearance:none}
.search button{position:absolute;right:0;top:0;width:42px;height:38px;border:0;background:none;padding:0;cursor:pointer}
.search svg{display:block;margin:0 auto}

/* grey menu bar */
.menu{background:#e4e4e4;border-bottom:1px solid #d4d4d4}
.menu .wrap{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0}
.menu a{display:inline-block;padding:0 14px;line-height:44px;color:#333;font-size:14px;text-transform:uppercase;vertical-align:top}
.menu a:hover{background:#d9d9d9;color:#333}
.menu a.on{background:#fff;color:#4a3b82}
.menu a.home{padding:0 18px;color:#7a5bd0}
.menu a.home svg{display:inline-block;vertical-align:middle;margin-top:-3px}

/* notice + section titles */
.notice{margin:0 0 16px;padding:10px 14px;background:#f2f7fd;border:1px solid #6f9bd9;border-left:6px solid #3b6df0;color:#444}
.st{font-size:20px;font-weight:400;color:#2f7fc1;margin:6px 0 12px}
.st:after{content:" ›"}

/* recommended strip */
.picks{margin-bottom:12px}
.strip{list-style:none;margin:0;padding:0 0 8px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.strip li{display:inline-block;width:132px;margin-right:8px;vertical-align:top;white-space:normal}
.strip a{display:block;position:relative;background:#222;border-radius:3px;overflow:hidden}
.strip img{width:100%;height:176px;object-fit:cover;background:#ddd}
.strip .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 6px;color:#fff;font-size:12px;line-height:1.3;background:linear-gradient(transparent,rgba(0,0,0,.85));max-height:60px;overflow:hidden}

.strip .cap b{display:block;font-weight:700;max-height:2.6em;overflow:hidden}
.strip .cap small{display:block;margin-top:2px;font-size:11px;color:#ddd}
.strip .cap{padding-bottom:9px}
.strip .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.3)}
.strip .bar i{display:block;height:3px;background:#ffd24d}
.st.nc:after{content:none}
.clr{float:right;margin-top:6px;font-size:12px;color:#888}
[hidden]{display:none}

/* two columns */
.col-main{float:left;width:69%}
.col-side{float:right;width:29%}
.box{background:#fff;border:1px solid #ddd}
.bt{margin:0;padding:10px 12px;font-size:15px;font-weight:700;color:#4a3b82;border-top:3px solid #4a3b82;border-bottom:1px solid #eee;text-transform:uppercase}
.rank{list-style:none;margin:0;padding:0 10px}
.rank li{overflow:hidden;padding:10px 0;border-bottom:1px solid #eee}
.rank li:last-child{border-bottom:0}
.rank b{float:left;width:30px;font-size:20px;line-height:70px;font-weight:400;color:#888}
.rank .r1 b{color:#2f9bd9}.rank .r2 b{color:#2fbf71}.rank .r3 b{color:#e67e22}
.rank .rt{float:left;width:50px;margin-right:10px}
.rank .rt img{width:50px;height:70px;object-fit:cover;background:#ddd}
.rank div{overflow:hidden;font-size:14px}
.rank div a{display:block;color:#333;font-weight:600;max-height:2.9em;overflow:hidden}
.rank div a:hover{color:#ff9601}
.rank .s{display:block;margin-top:6px}.rank .s i{float:right;font-style:italic}

/* cover grid (library etc. = 5 cols; beside the sidebar = 3 cols) */
.grid{list-style:none;margin:0 -6px;padding:0}
.grid li{float:left;width:50%;padding:0 6px 14px}
.im{position:relative;height:0;padding-bottom:140%;overflow:hidden;background:#d9d9d9;border-radius:3px}
.im img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.ov{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;background:rgba(0,0,0,.66);color:#eee;font-size:12px}
.ov span{margin-right:10px}
.grid .t{display:block;margin-top:6px;font-size:14px;font-weight:700;line-height:1.3;color:#222;max-height:2.7em;overflow:hidden}
.grid .t:hover{color:#ff9601}
.grid .ch{margin-top:4px;font-size:13px;overflow:hidden}
.grid .ch a{color:#444}.grid .ch a:hover{color:#ff9601}
.grid .ch i{float:right;font-size:11px;color:#999}
@media(min-width:520px){.grid li{width:33.333%}}
@media(min-width:760px){.grid li{width:25%}.col-main .grid li{width:33.333%}}
@media(min-width:960px){.grid li{width:20%}.col-main .grid li{width:33.333%}}
@media(max-width:759px){
  .col-main,.col-side{float:none;width:auto}
  .col-side{margin-top:10px}
  .search{float:none;clear:both;width:auto;margin:8px 0 0}
  .logo{font-size:22px}
  .st{font-size:18px}
}

.pager{text-align:center;margin:12px 0;clear:both}
.pager a,.pager span{display:inline-block;margin:0 3px;padding:8px 14px;background:#fff;border:1px solid #ddd;color:#555}
.pager span{background:#4a3b82;border-color:#4a3b82;color:#fff}
.pager a:hover{background:#4a3b82;border-color:#4a3b82;color:#fff}

/* manga detail */
.detail{overflow:hidden;background:#fff;border:1px solid #ddd;padding:12px;margin-bottom:12px}
.detail img{float:left;width:150px;margin-right:14px;border-radius:3px}
.detail h1{color:#2f7fc1}
.tags,.desc{color:#555}
.desc{background:#fff;border:1px solid #ddd;padding:12px}
.cta{margin:10px 0 0}
.btn{display:inline-block;margin:0 8px 8px 0;padding:8px 14px;border-radius:3px;background:#4a3b82;color:#fff;font-size:14px}
.btn:hover{background:#5d4aa3;color:#fff}
.btn.go{background:#2e9e5b}.btn.go:hover{background:#38b56a}
.chapters{list-style:none;padding:0;margin:0;background:#fff;border:1px solid #ddd}
.chapters li{border-bottom:1px solid #eee}
.chapters li:last-child{border-bottom:0}
.chapters a{display:inline-block;padding:10px 12px;color:#333}
.chapters a:hover{color:#ff9601}
.chapters li.read a{color:#999}
.chapters li .s{margin-left:6px}

/* login / library controls */
.err{background:#fdecea;color:#a12622;padding:8px 10px;border:1px solid #f5c2c0;border-radius:3px}
.auth{max-width:360px;background:#fff;border:1px solid #ddd;padding:16px}
.auth label{display:block;margin:10px 0;font-size:13px;color:#555}
.auth input{display:block;width:100%;margin-top:4px;padding:9px;border:1px solid #ccc;border-radius:3px;font-size:15px}
.auth button{padding:9px 18px;border:0;border-radius:3px;background:#4a3b82;color:#fff;font-size:15px;cursor:pointer}
.tabs{margin:8px 0;overflow:hidden}
.tabs a{display:inline-block;margin:0 6px 6px 0;padding:6px 12px;border-radius:3px;background:#fff;border:1px solid #ddd;color:#555;font-size:13px}
.tabs a.on{background:#4a3b82;border-color:#4a3b82;color:#fff}
.lib{margin:10px 0}.lib form{display:inline-block;margin:0 6px 6px 0}
.lib select,.lib button{padding:8px 10px;border:1px solid #ccc;border-radius:3px;font-size:14px;background:#fff}
.lib button{background:#4a3b82;border-color:#4a3b82;color:#fff;cursor:pointer}.lib button.danger{background:#b23b3b;border-color:#b23b3b}

/* footer */
.foot{background:#222;color:#aaa;padding:16px 0;font-size:13px;text-align:center}

/* reader: keep dark page, light nav */
body.rd{background:#111;color:#eee}
.rnav{background:#222;color:#eee;padding:10px 12px;overflow:hidden;font-size:14px}
.rnav a{color:#8ab4ff}.rnav a:hover{color:#ffd24d}
.rnav span{float:right}.rnav span a,.rnav span b{margin-left:12px}
.rnav.bottom{text-align:center}.rnav.bottom a{margin:0 12px}
body.rd main.wrap{max-width:none;padding:0;min-height:0}
.reader{max-width:800px;margin:0 auto}
.pgw{background:#1a1a1a;min-height:200px}
.pgw.fix{position:relative;height:0;min-height:0;overflow:hidden}
.pgw.fix .pg{position:absolute;top:0;left:0;width:100%;height:100%}
.pgw .pg{width:100%}
.pgw[data-lazy]{display:none}
html.js .pgw[data-lazy]{display:block}
noscript .pg{width:100%;max-width:800px;margin:0 auto}
body.rd .note{color:#aaa;padding:12px}

/* static site additions */
.loading{padding:30px 0;text-align:center;color:#888}
.nojs{padding:20px;color:#a12622}
button.btn{border:0;cursor:pointer;font-family:inherit}
.lib .row{margin:0 0 6px}

/* manga detail page (NetTruyen-like) */
.crumb{margin:0 0 12px;font-size:14px;color:#999}
.crumb a{color:#2f7fc1}.crumb i{font-style:normal;margin:0 8px;color:#aaa}
.story{margin-bottom:8px}
.st-title{margin:4px 0 2px;text-align:center;font-size:21px;font-weight:400;text-transform:uppercase;color:#333}
.st-upd{margin:0 0 16px;text-align:center;font-style:italic;font-size:13px;color:#999}
.st-body{overflow:hidden}
.st-cover{float:left;width:150px;margin:0 20px 10px 0}
.st-cover img{width:100%;border:1px solid #ddd;background:#ddd}
.st-right{overflow:hidden}
.st-info{list-style:none;margin:0;padding:0}
.st-info li{overflow:hidden;padding:6px 0;color:#666;line-height:1.7}
.st-info b{float:left;width:105px;font-weight:400;color:#777}
.st-info span{display:block;margin-left:105px;color:#555}
.st-info a{color:#2f7fc1}
.st-info a+a:before{content:" - ";color:#888}
.st-rate{margin:10px 0 2px;font-size:13px;color:#555}
.stars{font-size:22px;line-height:1.2;letter-spacing:2px;color:#ccc}
.stars .on{color:#f5a623;font-style:normal}
.st-act{margin:12px 0 6px}
.st-act form{margin:0}
.btn.red{background:#d9534f;border:1px solid #d43f3a}.btn.red:hover{background:#c9302c}
.btn.org{background:#f0ad4e;border:1px solid #eea236}.btn.org:hover{background:#ec971f}
.ch-h{margin:18px 0 0;padding:0 0 6px;font-size:16px;font-weight:400;color:#777;border-bottom:2px solid #2980b9}
.ch-table{list-style:none;margin:0 0 12px;padding:0;background:#fff;border:1px solid #ddd;border-top:0}
.ch-table li{overflow:hidden;padding:9px 12px;border-bottom:1px solid #eee}
.ch-table li:last-child{border-bottom:0}
.ch-table li.th{background:#fafafa;color:#555;font-size:15px}
.ch-table .c1{float:left;width:50%}
.ch-table .c2{float:left;width:28%;text-align:center}
.ch-table .c3{float:left;width:22%;text-align:center}
.ch-table .c2,.ch-table .c3{font-size:12px;font-style:italic;color:#999;line-height:21px}
.ch-table li.th .c2,.ch-table li.th .c3{font-size:15px;font-style:normal;color:#555;line-height:1.5}
.ch-table a{color:#333}.ch-table a:hover{color:#ff9601}
.ch-table li.read .c1 a{color:#999}
.ch-table .s{margin-left:6px}
@media(max-width:519px){
  .st-cover{width:120px;margin-right:14px}
  .st-info b{width:86px}.st-info span{margin-left:86px}
  .st-title{font-size:18px}
  .ch-table .c1{width:46%}.ch-table .c2{width:30%}.ch-table .c3{width:24%}
}
/* reader header + navigation (NetTruyen-like) */
.rd-head{margin-top:12px;margin-bottom:12px}
.rd-box{background:#fff;border:1px solid #ddd}
.rd-box .crumb{margin:0;padding:10px 12px 0}
.rd-title{margin:6px 12px 10px;font-size:20px;font-weight:400;color:#333}
.rd-title a{color:#2f7fc1}
.rd-title i{margin-left:4px;font-size:12px;font-style:italic;color:#777}
.rd-panel{padding:14px 12px;background:#f5f5f5;border-top:1px solid #ddd;text-align:center}
.rd-tip{margin:0 auto 14px;padding:12px;background:#d9edf7;border:1px solid #bce8f1;color:#31708f;font-size:13px;font-style:italic}
.rd-nav{line-height:34px}
.rd-nav a.ic{display:inline-block;width:34px;height:34px;line-height:32px;vertical-align:middle;color:#d9534f;font-size:26px}
.rd-nav a.ic:hover{color:#ff9601}
.rd-nav .nb{display:inline-block;height:34px;min-width:34px;padding:0 12px;line-height:32px;vertical-align:middle;border:1px solid;border-radius:3px;color:#fff;font-size:15px;cursor:pointer;font-family:inherit}
.rd-nav a.nb:hover{color:#fff;opacity:.9}
.nb.gray{background:#aaa;border-color:#999}
.nb.red{background:#d9534f;border-color:#d43f3a}
.nb.dis{opacity:.45;cursor:default}
.rd-nav select{vertical-align:middle;height:34px;min-width:140px;max-width:220px;padding:0 6px;margin:0 2px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#333;font-size:14px}
.rd-bottom{margin-top:12px;margin-bottom:24px}
@media(max-width:519px){
  .rd-title{font-size:17px}
  .rd-nav select{min-width:100px;max-width:130px}
  .rd-nav .nb{padding:0 8px}
}
/* login / register (NetTruyen-like) */
.lbox{padding:12px 16px 48px;background:#fff;border:1px solid #ddd}
.lbox .crumb{margin:0 0 8px}
.lform{max-width:296px;margin:28px auto 0}
.lform h1{margin:0 0 22px;font-size:22px;font-weight:700;text-transform:uppercase;color:#222}
.lform h1:after{content:"";display:block;width:50px;height:3px;margin-top:8px;background:#e83e8c}
.lform label{display:block;margin:0 0 16px;font-size:14px;color:#333}
.lform input{display:block;width:100%;height:38px;margin-top:6px;padding:6px 12px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#555;font-size:14px;-webkit-appearance:none;appearance:none}
.lform input:focus{border-color:#66afe9;outline:0;box-shadow:0 0 6px rgba(102,175,233,.6)}
.lform .links{margin:-4px 0 16px;text-align:right;font-size:13px}
.lform .links a{margin-left:12px}
.lform button{display:block;width:100%;height:38px;border:1px solid #f1c40f;border-radius:3px;background:#ffd633;color:#555;font-size:14px;font-family:inherit;cursor:pointer}
.lform button:hover{background:#ffcc00}
.lform button[disabled]{opacity:.6;cursor:default}
.lform .err{margin:0 0 16px}
.lform .note{margin:0 0 16px}
/* Google sign-in button */
.lform .gbtn{position:relative;margin-top:12px;border:1px solid #d34836;background:#dd4b39;color:#fff;text-align:center}
.lform .gbtn:hover{background:#c23321}
.lform .gbtn b{position:absolute;left:0;top:0;width:38px;height:36px;line-height:36px;border-right:1px solid rgba(255,255,255,.35);font-size:18px}
.lform .gbtn span{display:block;padding-left:38px}
/* reader: compact header + overlay bars (tap the page to toggle) */
.rd-head{margin-top:8px;margin-bottom:8px}
.rd-box .crumb{padding:7px 12px 0}
.rd-title{margin:3px 12px 4px;font-size:18px}
.rd-hint{margin:0;padding:6px 12px 8px;border-top:1px solid #eee;font-size:12px;font-style:italic;color:#888}
.rd-ui{position:fixed;left:0;right:0;z-index:50;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;
  background:#1b1b1b;background:rgba(20,20,20,.95);color:#eee;opacity:0;visibility:hidden;
  -webkit-transition:opacity .2s,visibility .2s;transition:opacity .2s,visibility .2s}
body.ui-on .rd-ui{opacity:1;visibility:visible}
.rd-uitop{top:0;min-height:46px;padding:4px 6px;border-bottom:1px solid #333}
.rd-uibot{bottom:0;min-height:50px;padding:4px 8px;border-top:1px solid #333}
.rd-ui .ub{-webkit-flex:none;flex:none;width:38px;height:38px;line-height:36px;text-align:center;color:#fff;font-size:24px}
.rd-ui .ub:hover{color:#ffd24d}
.rd-ui .ub.dis{opacity:.35}
.rd-ui .ut{-webkit-flex:1;flex:1;min-width:0;padding:0 6px;line-height:1.25}
.rd-ui .ut b,.rd-ui .ut small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rd-ui .ut b{font-size:14px;font-weight:600;color:#fff}
.rd-ui .ut small{font-size:12px;color:#aaa}
.rd-ui select{-webkit-flex:none;flex:none;max-width:118px;height:34px;margin:0 6px;padding:0 4px;border:1px solid #555;border-radius:3px;background:#2a2a2a;color:#eee;font-size:13px}
.rd-ui .nb{-webkit-flex:none;flex:none;display:block;height:34px;line-height:32px;padding:0 10px;border:1px solid #d43f3a;border-radius:3px;background:#d9534f;color:#fff;font-size:13px;cursor:pointer}
.rd-ui .un{-webkit-flex:none;flex:none;min-width:58px;text-align:center;font-size:13px;color:#ddd}
.rd-ui input[type=range]{-webkit-flex:1;flex:1;min-width:0;width:100%;height:30px;margin:0 6px;background:transparent}
.rd-pill{position:fixed;right:10px;bottom:10px;z-index:40;padding:3px 10px;border-radius:12px;background:#000;background:rgba(0,0,0,.65);color:#fff;font-size:12px;pointer-events:none}
body.ui-on .rd-pill{display:none}
@media(max-width:519px){
  .rd-ui select{max-width:114px}
  .rd-ui .nb.fol{padding:0 8px}
}
/* phones: the overlay bars replace the site header while reading */
@media(max-width:759px){
  body.rd #top{display:none}
}
/* end-of-chapter bar (NetTruyen-like: full-width grey strip, bold red icons) */
.rd-end{margin-top:12px;padding:5px 8px;background:#e4e4e4;border-top:1px solid #d4d4d4;text-align:center}
.rd-nav a.ic{width:40px;height:40px;padding:7px;line-height:0}
.rd-nav a.ic svg{display:block;width:26px;height:26px;fill:#d9534f}
.rd-nav a.ic:hover svg{fill:#ff9601}
.rd-nav .nb{height:36px;min-width:38px;padding:0 12px;line-height:34px;font-size:14px;font-weight:400;border-radius:3px}
.rd-nav .nb svg{display:inline-block;width:16px;height:16px;margin-top:-2px;vertical-align:middle}
.nb.gray{background:#aaa;border-color:#a0a0a0}
.rd-nav select{height:36px;min-width:300px;max-width:100%;font-size:15px;border-radius:3px}
@media(max-width:519px){
  .rd-nav select{min-width:0;width:128px}
  .rd-nav .nb{padding:0 9px}
}
.rd-end .rd-nav .nb{margin:0 2px}

/* Top Tháng / Tuần / Ngày + reading history in the sidebar */
.tabs3{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none;background:#ececec;border-bottom:1px solid #ddd}
.tabs3 li{display:table-cell;text-align:center}
.tabs3 a{display:block;padding:10px 4px;border-top:3px solid transparent;color:#666;font-size:15px}
.tabs3 a.on{background:#fff;border-top-color:#4a3b82;color:#222}
.tabs3 a:hover{color:#ff9601}
.rank li.empty,.rank li.loading{padding:18px 0;border-bottom:0;color:#999;text-align:center}
.rank.hist{margin:0;padding:0 10px;list-style:none}
.rank.hist li{padding:8px 0}
.rank.hist .pbar{display:block;height:3px;margin-top:6px;background:#e5e5e5}
.rank.hist .pbar i{display:block;height:3px;background:#4a3b82}
.hclr{margin:0;padding:6px 12px 10px;text-align:right;font-size:12px}
#side-hist{margin-bottom:12px}
/* ---------- skeleton placeholders ---------- */
.sk{background:#dcdcdc;border-radius:3px;-webkit-animation:skpulse 1.2s ease-in-out infinite;animation:skpulse 1.2s ease-in-out infinite}
@-webkit-keyframes skpulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes skpulse{0%,100%{opacity:1}50%{opacity:.5}}
.sk-title{width:35%;height:22px;margin:8px 0 14px}
.sk-line{height:14px;margin:8px 0}
.sk-line.short{width:60%}
.sk-block{height:260px;margin:0}
.sk-grid li .im.sk{border-radius:3px}
body.rd .sk{background:#2a2a2a}

/* ---------- account page ---------- */
.acctbox{padding-bottom:24px}
.acct-h{margin:18px 0 8px;font-size:20px;font-weight:700;color:#222}
.acct-h2{margin:22px 0 4px;font-size:15px;font-weight:700;color:#555}
.acct-list{list-style:none;margin:8px 0 14px;padding:0}
.acct-list li{border-bottom:1px solid #eee}
.acct-list a{display:block;padding:12px 4px;color:#333;font-size:15px}
.nb.red,.nb.gray{display:inline-block;height:36px;padding:0 16px;line-height:34px;border:1px solid;border-radius:3px;color:#fff;font-size:14px;cursor:pointer;font-family:inherit}
.nb.red{background:#d9534f;border-color:#d43f3a}
.nb.gray{background:#aaa;border-color:#a0a0a0}

/* ---------- filter chips (phones) ---------- */
.chips{display:none}

/* ---------- phone layout: bottom tab bar instead of header links + grey menu ---------- */
.tabbar{display:none}
@media(max-width:759px){
  .acct,.menu{display:none}
  .top{padding:8px 0 10px}
  .search{margin-top:6px}
  .notice{display:none}
  body{padding-bottom:58px}
  body.rd{padding-bottom:0}
  body.rd .tabbar,body.rd .foot{display:none}
  .tabbar{display:-webkit-flex;display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:54px;background:#fff;border-top:1px solid #ddd}
  .tabbar a{-webkit-flex:1;flex:1;display:block;padding:6px 0 0;text-align:center;color:#777;font-size:11px;line-height:1.2}
  .tabbar a svg{display:block;margin:0 auto 1px}
  .tabbar a.on{color:#4a3b82;font-weight:700}
  .tabbar a:hover{color:#4a3b82}
  .chips{display:block;margin:0 -12px 10px;padding:0 12px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .chips a{display:inline-block;margin:0 6px 0 0;padding:6px 12px;border:1px solid #d6d6d6;border-radius:16px;background:#fff;color:#555;font-size:13px}
  .chips a.on{background:#4a3b82;border-color:#4a3b82;color:#fff}
  .foot{margin-bottom:0}
}