.app{padding-top:var(--header-height);min-height:100vh;background:linear-gradient(180deg,var(--bg),var(--surface))}.main-content{padding:var(--space-lg);margin:0 auto;color:var(--text)}.noise{--noise-bg: #040506f4;--noise-surface: #0f1720ed;background-image:linear-gradient(180deg,var(--noise-bg),var(--noise-surface)),url(data:image/svg+xml;base64,PHN2ZwogICAgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJwogICAgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnCiAgICB3aWR0aD0nMTAwMCcgaGVpZ2h0PScxMDAwJz4KCiAgICA8ZmlsdGVyIGlkPSduJyB4PScwJyB5PScwJz4KICAgICAgICAgICAgPGZlVHVyYnVsZW5jZQogICAgICAgICAgICAgIHR5cGU9J2ZyYWN0YWxOb2lzZScKICAgICAgICAgICAgICBiYXNlRnJlcXVlbmN5PScwLjUnCiAgICAgICAgICAgICAgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPgogICAgPC9maWx0ZXI+CgogICAgPHJlY3Qgd2lkdGg9JzEwMDAnIGhlaWdodD0nMTAwMCcgZmlsbD0nIzAwMCcvPgogICAgPHJlY3Qgd2lkdGg9JzEwMDAnIGhlaWdodD0nMTAwMCcgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PScuOCcvPgo8L3N2Zz4=)}.landing{background-color:var(--muted-surface);border-radius:8px;padding:var(--space-md);margin:var(--space-sm);border:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;height:fit-content;text-align:center;width:50%;margin-left:25%;box-shadow:0 0 20px 20px var(--bg)}.landing .app-name{color:var(--accent-2);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.landing .app-name h1{text-align:left;margin:-10px;padding:0}.landing .drop-zone{border:2px dashed rgba(255,255,255,.08);border-radius:8px;padding:var(--space-lg);cursor:pointer;transition:.2s;background-color:#00000040;color:var(--muted-text);gap:var(--space-md)}.landing .drop-zone:hover{background:#ffffff05;border-color:var(--accent-2);transform:translateY(0)}.landing .drop-zone:focus{outline:none;box-shadow:0 0 0 4px #1e90ff14}.landing .drop-zone p{margin:0;color:var(--muted-text);font-size:.95rem}.landing .drop-zone:hover>.upload-icon{color:var(--accent-2)}.landing .drop-zone .upload-icon{color:var(--muted-text);transition:.2s}.landing .instructions{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.landing .instructions .imdb{margin-right:var(--space-sm);padding:var(--space-md);border-radius:8px;border:solid 1px rgba(255,255,255,.06);box-shadow:0 0 5px 5px #00000082;transition:.3s ease;color:var(--muted-text);background-color:#ffd90009}.landing .instructions .imdb:hover{color:var(--text);cursor:pointer}.landing .instructions .letterboxd{margin-left:var(--space-sm);padding:var(--space-md);border-radius:8px;border:solid 1px rgba(255,255,255,.06);box-shadow:0 0 5px 5px #00000082;transition:.3s ease;color:var(--muted-text);background-color:#32d58319}.landing .instructions .letterboxd:hover{color:var(--text);cursor:pointer}a{color:var(--text);transition:.15s;text-decoration:none}.instructions p{text-align:left}.github{margin:var(--space-md) var(--space-md) 0 var(--space-md);display:flex;align-items:center;justify-content:flex-end}.loading{background-color:var(--muted-surface);border-radius:8px;padding:var(--space-md);margin:var(--space-sm);border:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;height:fit-content;text-align:center;width:50%;margin-left:25%;box-shadow:0 0 20px 20px var(--bg)}.loading .drop-zone{border:2px dashed rgba(255,255,255,.08);border-radius:8px;padding:var(--space-lg);cursor:default;color:var(--muted-text);gap:var(--space-md);box-shadow:0 1px #ffffff05 inset;background-color:#00000040;transform:translateY(0)}.loading .drop-zone p{margin:0;color:var(--muted-text);font-size:.95rem;font-style:italic}.app-header{position:fixed;top:0;left:0;right:0;height:fit-content;background:var(--surface);color:var(--text);z-index:1000;box-shadow:0 2px 10px #0009;text-align:center;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.header-left{position:relative;left:var(--space-md);display:flex;align-items:center;border-radius:4px;color:var(--text);transition:.15s;gap:var(--space-sm)}.header-left:hover{cursor:pointer;color:var(--muted-text)}.header-left h1{font-size:1.05rem;margin:0}.header-center{display:flex;gap:var(--space-sm);align-items:center}.header-right{display:flex;align-items:center}.tab{color:var(--text);padding:var(--space-sm) var(--space-md);cursor:pointer;line-height:1;border-bottom:2px solid transparent;transition:.15s;border-radius:2px}.tab:hover{color:var(--muted-text);border-bottom-color:var(--muted-text)}.tab:focus{outline:none;box-shadow:none}.tab.active{border-bottom-color:var(--accent);font-weight:600;color:var(--text)}a{color:var(--text);transition:.15s}a:visited{text-decoration:none;color:var(--text)}a:hover{text-decoration:none;color:var(--muted-text)}a:focus{text-decoration:none;color:var(--text)}a:hover,a:active{text-decoration:none;color:var(--muted-text)}:root{--header-height: 64px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--bg: #040506;--surface: #0f1720;--muted-surface: #111418;--text: #e6eef6;--muted-text: #9fb0c6;--accent: #1e90ff;--muted-accent: #1e8fff18;--accent-2: #66d9ff;--success: #32d583;--danger: #ff6b6b;--glass: rgba(255,255,255,.04)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}:focus{outline:none;outline-offset:2px}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:transparent;border:1px solid rgba(255,255,255,.06);padding:var(--space-sm);border-radius:6px}.board{width:100%;color:var(--text)}.board-header{align-items:center;align-self:center;display:flex;justify-content:space-between}.board-container{width:100%;height:100%}.dropdown{position:relative;width:max-content}.dropdown-trigger{background:var(--muted-surface);color:var(--text);border:1px solid #333;padding:8px 12px;font-weight:600;cursor:pointer;border-radius:4px;display:flex;gap:8px;align-items:center;transition:.1s}.dropdown-trigger:hover{border-color:var(--surface)}.dropdown-menu{position:absolute;top:calc(100% + 0px);left:0;background:var(--bg);border:1px solid #333;border-radius:4px;list-style:none;padding:4px 0;z-index:10}.dropdown-menu li{padding:8px 12px;cursor:pointer;white-space:nowrap}.dropdown-menu li:hover{background:var(--muted-text);color:var(--muted-surface);transition:.1s}.component-container{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,auto);gap:var(--space-sm)}.card{background-color:var(--muted-surface);border-radius:8px;padding:var(--space-md);margin:var(--space-sm);min-height:fit-content;transition:.5s ease;border:1px solid rgba(255,255,255,.06);text-align:center;box-shadow:0 0 1000px var(--bg) inset}.card:hover{background-color:var(--surface);transform:translateY(0);cursor:pointer}.card-header{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}.card-header select{border:none}.card-header select:hover{cursor:pointer}.card-header select option{background-color:var(--bg)}.overview{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:2;max-height:fit-content}.overview p{color:var(--muted-text)}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.overview-stats div{border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px;background-color:var(--muted-surface)}.overview-stats h1{color:var(--accent)}.nb-films{grid-column:1 / 2}.time-watched{grid-column:2 / 3}.time-watched h1{display:flex;align-items:center;gap:var(--space-sm)}.time-watched h1 p{margin:0;font-size:20px}.average{grid-column:3 / 4}.average h1{display:flex;justify-content:center;gap:var(--space-sm);align-items:center}.ratings-distribution{grid-column-start:4;grid-column-end:7;grid-row-start:1;grid-row-end:2;max-height:fit-content}.genres-distribution{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:4;max-height:fit-content}.directors-distribution{grid-column-start:3;grid-column-end:5;grid-row-start:2;grid-row-end:4;max-height:fit-content}.decades-distribution{grid-column-start:5;grid-column-end:7;grid-row-start:2;grid-row-end:4;max-height:fit-content}.top-ratings{grid-column-start:7;grid-column-end:9;grid-row-start:1;grid-row-end:5;max-height:fit-content}.top-ratings-header{display:flex;justify-content:center;align-items:center;gap:var(--space-md);color:var(--muted-text)}.top-ratings-header h2{font-weight:400;font-size:large}.top-films{gap:var(--space-md);padding-bottom:10px}.top-films img{width:140px;border-radius:8px;transition:.3s ease}.top-films img:hover{box-shadow:0 5px 5px 5px var(--muted-surface);transform:translateY(-2px)}.top-directors{gap:var(--space-md);padding-bottom:10px}.top-directors img{width:120px;height:120px;object-fit:cover;border-radius:50%;transition:.3s ease}.top-directors img:hover{box-shadow:0 5px 5px 5px var(--muted-surface);transform:translateY(-2px)}.lines-display .line{padding-right:5px;padding-left:5px;border-top:solid 1px var(--muted-text);transition:.1s;display:flex;justify-content:space-between}.lines-display .line:hover{background-color:var(--muted-accent)}.last-watched{grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:5;max-height:fit-content}.last-watched-header{display:flex;justify-content:space-between;padding-left:10px;padding-right:10px}.last-watched-header .title{display:flex;align-items:center;gap:var(--space-md)}.last-watched-header .selector{display:flex;align-items:center}.last-watched-header .selector p{color:var(--text)}.watch-history{display:flex;gap:var(--space-md)}.watch-history div{flex:0 0 auto;width:220px}.watch-history img{width:220px}.watch-history{display:flex;overflow-x:scroll;overflow-y:hidden;padding-bottom:var(--space-sm)}.watch-history::-webkit-scrollbar{height:8px}.watch-history::-webkit-scrollbar-track{background:transparent;border-radius:4px}.watch-history::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.watch-history::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}