body{color:#111;background:#fff;margin:0;font-family:sans-serif}p{line-height:1.5em}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:20px;padding:5px 8px;font-size:11px}header{z-index:999;background:#fff;height:44px;padding:0 10px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}header h1{float:left;margin:0;font-size:18px;line-height:44px}header a{color:#000;line-height:44px;text-decoration:none}header input{width:480px;max-width:40vw;height:30px;font:inherit;box-sizing:border-box;background:#f5f5f5;border:1px solid #eee;border-radius:2px;margin:7px auto 0;padding:0 16px;display:block}.container{padding:48px 4px 0}.stack-list,.card-list{margin:0;padding:0}.stack-list:after,.card-list:after{content:"";clear:both;display:block}li.card{list-style:none}.card{float:left;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:320px;height:480px;max-height:600px;margin:8px;padding:15px;position:relative;overflow:hidden}.card.stack{color:#fff;cursor:pointer;background:#000;border:0}.card.stack a{color:#fff;text-decoration:none}.card h5{clear:both;margin:0;font-size:13px}.card a{color:#111;text-decoration:none}.card blockquote{vertical-align:middle;text-align:left;border-left:3px solid #ccc;margin:0 15px 0 0;padding-left:10px;font-size:14px;line-height:1.3em;display:inline-block}.card-actions{position:absolute;top:10px;right:10px}.card-type{float:left;clear:both;text-transform:uppercase;letter-spacing:.1em;border:1px solid #ccc;border-radius:3px;margin-bottom:5px;padding:3px;font-size:9px;display:block}.card-title{clear:both;margin-top:3px;margin-bottom:25px;font-size:18px}.card-source{color:#666}.card-source a{color:#666;text-decoration:underline}.card-preview{text-align:center;width:100%;height:180px;line-height:180px;display:inline-block}.card-image{vertical-align:middle;max-width:100%;max-height:100%}.card-preview-stack{box-sizing:border-box;background:#000;border-radius:8px;width:60%;height:240px;margin:50px auto;padding:5px 15px;overflow:hidden}.card-preview-stack a{color:#fff}.card-preview-stack small{color:#ccc}.card-curator-note{margin:0;padding-right:15px;font-size:14px;line-height:1.35em;position:absolute;top:70%}.card-count{right:15px}.card-count,a.card-stacks{font-size:11px;position:absolute;bottom:15px}a.card-stacks{cursor:pointer;text-decoration:underline;left:15px}.stacks .stack{height:160px}.stack-list .stack-title{font-size:20px}.stack-title{margin:5px 0}.stack-meta{border-top:1px solid #fff;width:100%;margin:0;font-size:13px;position:absolute;bottom:8px;left:0}.stack-meta p{margin:8px 0 0 9px;font-size:13px}.stack-meta a{text-decoration:underline}.stack-why{margin:0;font-size:14px;line-height:1.3em}.backdrop{z-index:9999;background:#323232cc;position:fixed;inset:0}.stack-modal{background:#fff;border-radius:2px;width:320px;max-width:90%;max-height:60vh;margin:15vh auto 0;padding:15px;position:relative;overflow-y:auto;box-shadow:0 1px 50px #555}.stack-modal h4{margin:0 0 10px}.stack-modal ul{margin:0;padding:0}.stack-modal li{margin-bottom:8px;list-style:none}.stack-modal a{color:#111}.empty-note{color:#666;padding:20px 10px}.card-holds-stack{cursor:pointer}.load-sentinel{clear:both;width:100%;height:1px;list-style:none}#progress{z-index:998;pointer-events:none;height:3px;display:none;position:fixed;top:44px;left:0;right:0}#progress-fill{background:#000;width:0;height:100%;transition:width .15s ease-out}.carousel-nav{display:none}.crumbs{color:#666;white-space:nowrap;scrollbar-width:none;padding:6px 10px 2px;font-size:13px;overflow-x:auto}.crumbs::-webkit-scrollbar{display:none}.crumbs a{color:#111;padding:6px 2px;text-decoration:underline}.crumbs-sep{margin:0 5px}@keyframes swipe-hint{0%,to{transform:none}40%{transform:translate(-56px)}}@media (width<=768px){header{padding:0 12px;padding-top:env(safe-area-inset-top);height:calc(44px + env(safe-area-inset-top));align-items:center;gap:10px;display:flex}header h1{float:none;white-space:nowrap;flex-shrink:0}header input{flex:1;width:auto;min-width:0;max-width:none;margin:0}.container{padding:calc(48px + env(safe-area-inset-top)) 8px 0}#progress{top:calc(44px + env(safe-area-inset-top))}#progress.active{display:block}.stack-list .card{width:100%;margin-bottom:4px;margin-left:0}.stacks .stack{height:auto;min-height:160px;padding-bottom:56px}.card-list .card{float:none;width:100%;margin:8px 0}.card-list.carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.card-list.carousel::-webkit-scrollbar{display:none}.card-list.carousel .card{width:85%;height:78vh;min-height:400px;margin:8px 4px calc(8px + env(safe-area-inset-bottom));scroll-snap-align:center;flex:0 0 85%}.card-list.carousel.hint{animation:.9s ease-in-out .6s swipe-hint}.carousel-nav{z-index:997;background:#ffffffd9;border:1px solid #ccc;border-radius:6px;width:36px;height:56px;padding:0;font-size:26px;line-height:56px;display:block;position:fixed;top:50%;transform:translateY(-50%)}.carousel-prev{left:2px}.carousel-next{right:2px}a.card-stacks{padding:10px;bottom:5px;left:5px}.card-count{bottom:15px}.stack-modal li{margin-bottom:0}.stack-modal li a{border-bottom:1px solid #eee;padding:12px 4px;display:block}}