article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}a:active,a:focus,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{border:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}ul,ol,li{margin:0;padding:0}.wai{display:block;margin:0;overflow:hidden;padding:0;position:absolute;text-indent:-9999px}body{color:#666;font:0.8125em Arial,Helvetica,sans-serif;margin:0;padding:0}a{color:#438BC5;text-decoration:none}a:hover{text-decoration:underline}header{background:#F1F1F1;border-bottom:1px solid #e8e8e8;position:fixed;top:0;width:100%;z-index:3}header img{display:block;margin:8px 20px}@media (min-width: 600px){header img{margin-left:40px}}nav{position:relative;top:46px;z-index:2}@media (min-width: 600px){nav{width:auto}}nav ul{background:#fff;list-style:none;margin:0;padding:0;width:100%}@media (min-width: 600px){nav ul{margin:0 0 0 40px;width:170px}}nav a{color:#555;display:block;padding:8px 20px}nav a:hover{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #333333));background:-webkit-linear-gradient(top, #444444,#333333);background:-moz-linear-gradient(top, #444444,#333333);background:-o-linear-gradient(top, #444444,#333333);background:linear-gradient(top, #444444,#333333);color:#fff;text-decoration:none}@media (min-width: 600px){nav a{font-size:.88em;padding:5px 4px}}nav .active a{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1MjljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1MjA5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7529c9), color-stop(100%, #552093));background:-webkit-linear-gradient(top, #7529c9,#552093);background:-moz-linear-gradient(top, #7529c9,#552093);background:-o-linear-gradient(top, #7529c9,#552093);background:linear-gradient(top, #7529c9,#552093);color:#fff;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,0.25)}@media (min-width: 600px){nav{position:fixed;top:60px}}.js nav{box-shadow:0 2px 3px 0 rgba(0,0,0,0.4);position:fixed;right:-100%;width:170px}.js nav.smooth{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}@media (min-width: 600px){.js nav{box-shadow:none;display:block;right:auto;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}}.js nav.open{right:0}@media (min-width: 600px){.js nav.open{display:block;position:static}}#menu-button{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1MjljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1MjA5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7529c9), color-stop(100%, #552093));background:-webkit-linear-gradient(top, #7529c9,#552093);background:-moz-linear-gradient(top, #7529c9,#552093);background:-o-linear-gradient(top, #7529c9,#552093);background:linear-gradient(top, #7529c9,#552093);color:#fff;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,0.25);border-radius:6px;display:block;font-size:.92em;padding:8px 5px;position:absolute;right:15px;text-decoration:none;top:7px}@media (min-width: 600px){#menu-button{display:none}}article{background:#FBFBFB;max-width:75em}@media (min-width: 600px){article{border:1px solid #e2e2e2;border-top:none;margin:0 20px 0 210px;overflow:hidden}}section{padding:0 20px}section:first-child{padding-top:60px}section ol{margin-left:20px}section ol li{margin-bottom:1.5em}section ol li:last-child{margin-bottom:0}section ul{list-style:none}h1{font-size:1.38em;font-weight:normal;margin:0 0 0.75em}h2{font-size:1.08em;margin:0;padding:60px 0 0.75em}pre{white-space:pre-wrap}pre.example{margin-top:0}@media (min-width: 1000px){pre.example.v1{-moz-box-sizing:border-box;box-sizing:border-box;clear:right;float:left;padding-right:15px;width:40%}}pre.long-line{word-wrap:break-word}dl{margin:0}dt,dd{background:#f1f1f1}dt{border-radius:5px 5px 0 0;color:#552093;font-size:1.167em;font-weight:bold;padding:5px 8px 5px}dd{border-radius:0 0 5px 5px;margin:0 0 10px;padding:0 10px 8px 20px}#download-link,#generator-button{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1MjljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1MjA5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7529c9), color-stop(100%, #552093));background:-webkit-linear-gradient(top, #7529c9,#552093);background:-moz-linear-gradient(top, #7529c9,#552093);background:-o-linear-gradient(top, #7529c9,#552093);background:linear-gradient(top, #7529c9,#552093);color:#fff;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,0.25);border:0;border-radius:7px;display:block;padding:10px 0;text-align:center}#download-link:hover,#generator-button:hover{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #333333));background:-webkit-linear-gradient(top, #444444,#333333);background:-moz-linear-gradient(top, #444444,#333333);background:-o-linear-gradient(top, #444444,#333333);background:linear-gradient(top, #444444,#333333);text-decoration:none}@media (min-width: 600px){#download-link,#generator-button{display:inline-block;padding:10px 20px}}#generator-button{margin:0 auto 1em;width:100%}@media (min-width: 450px){#generator-button{float:left;margin:10px 0 0 1%;width:49%}}@media (min-width: 800px){#generator-button{clear:both;float:none;display:block;margin:0 auto 1em;width:150px}}#youtube-feed{background:#fff;border:1px solid #eee;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:2em;overflow:hidden}@media (min-width: 1000px){#youtube-feed.v1{float:right;width:60%}#youtube-feed.v1 li{width:25%}}#youtube-feed ul{margin:15px 5px -5px 10px;overflow:hidden}#youtube-feed li{-moz-box-sizing:border-box;box-sizing:border-box;float:left;padding-right:5px;width:33%}@media (min-width: 750px){#youtube-feed li{width:25%}}@media (min-width: 1000px){#youtube-feed li{width:16.66667%}}#youtube-feed li img{display:block;margin:auto;max-width:120px;width:100%}#youtube-feed li .yt-title-link{display:block;height:32px;max-width:120px;margin:5px auto 15px;overflow:hidden;text-align:center}#playlist-feed{background:#ccc;box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.3);clear:both;margin:0 0 2em;overflow-x:auto;overflow-y:hidden}@media (min-width: 1000px){#playlist-feed.v1{clear:none;float:right;width:60%}}#playlist-feed ul{overflow:hidden;margin:20px;width:1395px}#playlist-feed li{float:left;margin-right:10px}#playlist-feed li:last-child{margin-right:20px}#playlist-feed li img{height:200px;width:auto}form{margin-bottom:1em}form input[type="radio"]{display:none}form input[type="radio"]+label{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #333333));background:-webkit-linear-gradient(top, #444444,#333333);background:-moz-linear-gradient(top, #444444,#333333);background:-o-linear-gradient(top, #444444,#333333);background:linear-gradient(top, #444444,#333333);border-radius:3px;color:#888;cursor:pointer;display:inline-block;font-size:1em;padding:5px 10px}form input[type="radio"]:checked+label{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1MjljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1MjA5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7529c9), color-stop(100%, #552093));background:-webkit-linear-gradient(top, #7529c9,#552093);background:-moz-linear-gradient(top, #7529c9,#552093);background:-o-linear-gradient(top, #7529c9,#552093);background:linear-gradient(top, #7529c9,#552093);color:#fff;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,0.25);color:#fff}form label{font-weight:bold}@media (min-width: 600px){form label{font-size:.83em}}form select,form input[type="text"],form input[type="number"]{background:#fff;border:1px solid #ccc;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;display:block;font-size:16px;height:30px;margin:2px 0 1em;padding:3px;width:100%}@media (min-width: 600px){form select,form input[type="text"],form input[type="number"]{font-size:1em;height:26px}}form .required{position:relative}form .required input{border:2px solid #c00}form .required:after{color:#CC0000;content:"please enter user or playlist id";font-size:0.83em;position:absolute;right:10px;text-align:right;top:44px;width:100%}@media (min-width: 800px){form ul{margin-right:-20px}}form li{-moz-box-sizing:border-box;box-sizing:border-box}@media (min-width: 450px){form li{float:left;width:50%}form li:nth-child(even){padding-right:5px}form li:nth-child(odd){padding-left:5px}}@media (min-width: 800px){form li{padding-right:10px;width:33%}form li:nth-child(odd){padding-left:0}form li:nth-child(even){padding-right:10px}}form li:first-child{margin-bottom:1em;padding:0;text-align:center;width:100%}@media (min-width: 800px){form li:first-child{padding-right:20px}}form textarea{background:#fefefe;border:1px solid #ccc;border-radius:4px 4px 4px 4px;-moz-box-sizing:border-box;box-sizing:border-box;display:block;font:1em monospace;margin-top:2px;min-height:50px;overflow:auto;padding:4px;vertical-align:top;width:100%}