:root{--titles-font:"Anton", sans-serif;--text-font:"Roboto", sans-serif;--bg:#1f1f1f;--text:#fff;--del:#b41825;--ed:#275dad;--title:#fa3}body{background-color:var(--bg);color:var(--text);margin:0;padding:0 0 50px}.header{background:var(--bg);height:100px;color:var(--title);font-family:var(--titles-font);letter-spacing:2px;justify-content:space-between;align-items:center;padding:2px 50px;display:flex;position:relative}.header:before{content:"";background:repeating-linear-gradient(-63deg,#111 0 22px,#fff 22px 44px);height:20px;position:absolute;top:0;left:0;right:0}.header:after{content:"";background:repeating-linear-gradient(-63deg,#111 0 22px,#fff 22px 44px);height:20px;position:absolute;bottom:0;left:0;right:0}.heading{margin:0;padding:0;font-size:2.5em}.movie-card{border-bottom:2px solid var(--text);width:fit-content;font-family:var(--text-font);gap:50px;padding:50px 0;display:flex}.movie-poster{flex-shrink:0;width:300px}.movie-title{font-family:var(--titles-font);color:var(--title);letter-spacing:2px;width:400px;margin:0;font-size:1.7em}.movie-desc{width:400px;margin:0;font-size:1.5em}.movie-info{color:silver;flex-direction:column;gap:20px;margin:0;font-size:1.2em;display:flex}.movie-data{flex-direction:column;flex:1;justify-content:space-evenly;min-width:0;display:flex}.movies-list{flex-wrap:wrap;justify-content:space-evenly;gap:50px;padding:0 50px;display:flex}.info-top,.info-bottom{gap:20px;display:flex}.movie-buttons{justify-content:space-between;display:flex}.movie-button{color:var(--text);cursor:pointer;border:none;border-radius:28px;padding:8px 15px;font-size:1.2em;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}.movie-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.movie-button:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 6px #0003}.movie-delete{background-color:var(--del)}.movie-edit{background-color:var(--ed)}.search-box{border:2px solid var(--title);border-radius:28px;align-items:center;width:100%;max-width:500px;display:flex;overflow:hidden}.search{height:44px;color:var(--text);background-color:#0000;border:none;outline:none;flex:1;padding:0 20px;font-size:1.05em}.search::placeholder{color:#888}.search-btn{cursor:pointer;background-color:var(--title);height:44px;color:var(--bg);border:none;padding:0 24px;font-size:1.05em;font-weight:700;transition:filter .15s}.search-btn:hover{filter:brightness(1.1)}.search-btn:active{filter:brightness(.95)}.result-page{justify-content:center;align-items:center;min-height:80vh;display:flex}.result-card{border-bottom:2px solid var(--text);width:fit-content;font-family:var(--text-font);gap:50px;padding:50px 0;display:flex}.result-title{font-family:var(--titles-font);color:var(--title);letter-spacing:2px;width:400px;margin:0;font-size:1.7em}.result-desc{width:400px;margin:0;font-size:1.5em}.result-info{color:silver;flex-direction:row;gap:20px;margin:0;font-size:1.2em;display:flex}.result-data{flex-direction:column;justify-content:space-evenly;display:flex}.rating-card{color:silver;flex-direction:row;gap:20px;display:flex}.result-add{color:var(--text);background-color:var(--title);cursor:pointer;border:none;border-radius:28px;padding:8px 15px;font-size:1.5em;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}.result-add:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.result-add:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 6px #0003}.demo-notice{color:#ccc;font-family:var(--text-font);text-align:center;background-color:#2a2a2a;padding:12px 20px;font-size:.9em}.demo-notice a{color:var(--title);font-weight:700;text-decoration:underline}@media (width<=900px){.header{flex-direction:column;gap:20px;height:auto;padding:40px 30px}.heading{font-size:2em}.search-box{max-width:100%}.movies-list{padding:0 30px}.movie-card{gap:30px;width:100%}.movie-poster{width:220px}.movie-title,.movie-desc{width:100%}.movie-desc{font-size:1.2em}.result-card{gap:30px;width:100%;padding:30px}.result-title,.result-desc{width:100%}.result-desc{font-size:1.2em}}@media (width<=600px){.header{padding:40px 20px}.heading{font-size:1.6em}.movies-list{padding:0 20px}.movie-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px 0}.movie-poster{width:100%;max-width:220px}.movie-title{font-size:1.4em}.movie-desc{font-size:1.05em}.movie-info{align-items:center;font-size:1em}.info-top,.info-bottom{flex-direction:column;align-items:center;gap:8px}.movie-buttons{justify-content:center;gap:20px}.result-page{padding:20px}.result-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.result-poster{width:100%;max-width:220px}.result-title{font-size:1.4em}.result-desc{font-size:1.05em}.result-info{flex-direction:column;align-items:center;gap:8px}.rating-card{flex-direction:column;align-items:center;gap:10px}.search-box{width:100%;max-width:100%}.search{min-width:0;padding:0 12px;font-size:.95em}.search-btn{flex-shrink:0;padding:0 16px;font-size:.95em}}@media (width<=360px){.search{padding:0 8px;font-size:.85em}.search-btn{padding:0 12px;font-size:.85em}}