*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fbfbfb;--bg2: #e5e5e5;--text: #000000;--brand: #fca311;--muted: #14213d}html,body{height:100%}body{font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--text);padding:16px}h1{font-size:1.5rem;margin-bottom:.5rem}p{color:var(--muted);margin-bottom:1rem}button{font-family:inherit;cursor:pointer}input{font-family:inherit;font-size:16px}@media(min-width:600px){body{font-size:1rem;line-height:1.5}}@media(min-width:900px){body{font-size:1.1rem;line-height:1.6;letter-spacing:.3px}}.main-layout{min-height:100vh;display:flex;flex-direction:column;padding:10px}.main-layout header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;color:var(--text)}.main-layout nav{font-size:1.2rem;text-decoration:none;display:flex;gap:15px}.main-layout nav a{color:var(--text);text-decoration:none}.main-layout nav a:hover{background-color:var(--bg2);color:var(--muted)}.main-layout nav img{width:20px;height:20px;vertical-align:middle;margin-right:5px}.main-layout footer{margin-top:auto;text-align:center;font-size:14px}form{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.searchTerm{width:50%;border:3px solid var(--muted);border-right:none;padding:5px;height:20px;border-radius:5px 0 0 5px;color:var(--muted)}.searchButton{width:40px;height:20px;border:2px solid var(--brand);background:var(--brand);color:var(--text);border-radius:0 5px 5px 0}.searchButton img{width:16px;height:16px}.movie-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.movie-modal{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;padding:16px}.movie-modal article{background-color:var(--bg2);padding:24px;border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.movie-modal article .close-button{position:absolute;border:none;border-radius:50%;top:25px;right:30px;z-index:10}.close-button img{width:25px;height:25px}.movie-modal section img{width:100%;border-radius:4px}.movie-modal .movie-infos{display:flex}.movie-modal .movie-infos p{font-size:20px}.movie-modal .movie-overview{text-align:justify}.button-13{background-color:var(--brand);border:none;line-height:29px;padding:0 10px 0 11px;position:relative;text-align:center;text-decoration:none;vertical-align:middle}.button-13:hover{background-color:var(--bg);color:var(--muted)}.favorites-header{display:flex;justify-content:space-between;align-items:center;padding:5px}.share-toggle{margin-top:10px;background-color:var(--bg2);border:1px solid var(--muted);padding:4px 8px;border-radius:5px;display:flex;align-items:center}.share-toggle img{width:20px;height:20px;vertical-align:middle;margin-right:5px}.share-options{background-color:var(--bg2);border:1px solid var(--muted);border-radius:6px;padding:10px;margin-top:10px}.share-link-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.share-link-section input{flex:1;margin-right:15px;border:none;background-color:var(--bg);color:var(--text);border-radius:5px}.share-link-section button{display:flex;align-items:center;text-align:center;background-color:var(--bg);border:none;color:var(--text);padding:5px 10px;border-radius:5px;max-width:25%;max-height:20px}.share-link-section button:hover{background-color:var(--bg);color:var(--muted)}div .label{display:flex;align-items:center;gap:10px}.favorites-list{display:grid;grid-auto-rows:minmax(44px,auto);row-gap:8px;margin-top:10px}.favorites-list-header{display:grid;grid-template-columns:2fr .7fr .8fr;align-items:center;gap:12px;padding:0 12px 6px;margin-bottom:6px;border-bottom:1px solid var(--muted);color:var(--muted);font-weight:600;font-size:.9rem}.favorites-list-header span:nth-child(2),.favorites-list-header span:nth-child(3){text-align:right}.favorites-list article{display:grid;grid-template-columns:2fr .7fr .8fr;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--muted);border-radius:6px}.favorites-list article:hover{background-color:var(--bg2)}.favorites-list article h3,.favorites-list article p{margin:0}.favorites-list article h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorites-list article p{text-align:right}@media(max-width:560px){.favorites-list-header{display:none}.favorites-list article{grid-template-columns:1fr;gap:4px}.favorites-list article p{text-align:left}}