body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:#f9f9f9;color:#333;line-height:1.5;padding:1.1rem}.app{max-width:800px;margin:0 auto;padding:1.75rem;background-color:#fff;border-radius:.6rem;box-shadow:0 .3rem .6rem #0003;transition:all .3s ease}.app__headline{font-family:Mona Sans,sans-serif;font-optical-sizing:auto;font-weight:600;text-shadow:.1rem .1rem .1rem rgba(0,0,0,.15);color:#2c3e50;margin-bottom:1.25rem;font-size:1.8rem;text-align:center;position:relative}.divider{margin:1rem auto;border:0;height:2px;background-image:linear-gradient(to right,#0000,#11737861,#0000)}.stories__error{color:#e74c3c;text-align:center;padding:1.25rem;background-color:#e74c3c1a;border-radius:.3rem}.stories__loading{text-align:center;padding:1.25rem;color:#2c3e50;font-style:italic}.stories__loading:after{content:".";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.search-form{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.search-form__label{color:#2c3e50;font-weight:500}.search-form__input{flex:1;padding:.7rem 1rem;border:1px solid #ddd;border-radius:.3rem;font-size:1rem;transition:all .3s ease}.search-form__input:focus{outline:none;box-shadow:0 0 0 2px #3498db66;border-color:#3498db}.button,.more__button,.last-searches__button{display:inline-flex;align-items:center;justify-content:center;background-color:#3498db;color:#fff;border:none;border-radius:.3rem;cursor:pointer;font-weight:500;transition:all .3s ease}.button:hover:not(:disabled),.more__button:hover:not(:disabled),.last-searches__button:hover:not(:disabled){background-color:#217dbb;transform:translateY(-1.5px);box-shadow:0 .1rem .2rem #0003}.button:active:not(:disabled),.more__button:active:not(:disabled),.last-searches__button:active:not(:disabled){transform:translateY(0)}.button:disabled,.more__button:disabled,.last-searches__button:disabled{opacity:.6;cursor:not-allowed}.button--large{padding:.75rem 1.2rem;font-size:1rem}.button--small{padding:.5rem;font-size:.875rem}.last-searches{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0rem .2rem;gap:.5rem}@media (max-width: 768px){.last-searches{padding:.2rem}}.last-searches__button{background-color:#fff;color:#3498db;border:1px solid #3498db;padding:.4rem .75rem;font-size:.85rem;cursor:pointer}.last-searches__button:hover:not(:disabled){background-color:#3498db;color:#fff}.last-searches__button:focus{outline:none;box-shadow:0 0 0 2px #3498db66}.more-button--container{display:flex;justify-content:center;align-items:center;margin:.5rem auto}.more__button{padding:.75rem 1.2rem;font-size:1rem}@media (max-width: 768px){.app{padding:1.5rem}.search-form{flex-direction:column;align-items:stretch;gap:.5rem}.app__headline{font-size:1.5rem}}.story-list{list-style:none;padding:.2rem;margin:0;border-radius:.3rem}.story-headers{display:flex;align-items:center;padding:15px 0;border-bottom:2px solid #cccccc;background-color:#3498db26;border-top-left-radius:.3rem;border-top-right-radius:.3rem;position:sticky;top:0;z-index:1}.story-headers--title{width:40%;padding:0 10px}.story-headers--author{width:17%;text-align:center;padding:0 10px}.story-headers--comments{width:18%;text-align:center;padding:0 10px}.story-headers--points{width:15%;align-items:center;padding:0 10px}.story-headers--actions{width:10%;text-align:right;padding:0 10px}.header-content{display:flex;align-items:center;justify-content:center}.sort-icon{font-size:20px;margin-left:4px;color:#196090}.story{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee;transition:background-color .2s ease;animation:fadeIn .4s ease-in-out}.story:hover{background-color:#3498db0d}.story:last-child{border-bottom:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.story__column--title{width:40%;padding:0 10px;min-width:0}.story__column--author{width:17%;text-align:center;padding:0 10px;color:#666}.story__column--comments{width:18%;text-align:center;padding:0 10px;color:#666}.story__column--points{width:15%;text-align:center;padding:0 10px;color:#666}.story__column--actions{width:10%;text-align:right;padding:0 10px}.story__link{color:#2c3e50;text-decoration:none;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.story__link:hover{color:#3498db}.button--header{background:none;border:none;color:#2c3e50;cursor:pointer;font-family:Mona Sans,sans-serif;font-optical-sizing:auto;font-weight:600;font-size:1rem;border-radius:.3rem;transition:all .3s ease;position:relative}.button--header:hover{color:#1a252f;text-decoration:underline;transform:translateY(0)}.button--header:active{transform:translateY(1.5px)}.header--current{text-decoration:underline;font-weight:700;color:#1a252f}@keyframes fadeIn{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.story-headers{display:none}.story{flex-wrap:wrap;padding:15px 10px}.story__column--title{width:100%;margin-bottom:10px}.story__column--author{width:50%;text-align:left}.story__column--comments,.story__column--points{width:25%;text-align:left}.story__column--actions{width:100%;text-align:left;margin-top:10px}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.search-form__label{font-weight:600}