.media-card{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow-card);align-items:stretch;gap:.75rem;padding:.625rem;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.media-card:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.media-card .cover-placeholder{aspect-ratio:3/4;color:#fff;text-align:center;border-radius:calc(var(--radius) - .25rem);flex-shrink:0;justify-content:center;align-items:center;width:4.5rem;transition:opacity .15s;display:flex;overflow:hidden}.media-card .cover-placeholder img{object-fit:cover;width:100%;height:100%}.media-card .info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.media-card .media-title,.media-card .media-author{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-card .media-title{font-size:.875rem}.media-card .media-author{color:var(--text-muted);font-size:.75rem}.media-card .card-controls{align-self:flex-start;gap:.375rem;margin-top:auto;display:flex}.media-card h3,.media-card p{margin:0}.media-list{gap:calc(var(--spacing) * .75);flex-direction:column;display:flex}.media-card .icon-done{display:none}.media-card .icon-pending{display:block}.media-card.is-done .icon-done{display:block}.media-card.is-done .icon-pending{display:none}.doneButton,.deleteButton{width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;background-color:#0000;border:0;border-radius:.5rem;place-items:center;transition:background-color .15s,color .15s;display:grid}:is(.doneButton,.deleteButton):hover{background-color:var(--primary-soft);color:var(--primary)}:is(.doneButton,.deleteButton):focus-visible{outline:2px solid var(--terciary);outline-offset:-2px}:is(.doneButton,.deleteButton) svg{width:1.125rem;height:1.125rem}.media-card.is-done .media-title{color:var(--text-muted);text-decoration:line-through}.media-card.is-done .cover-placeholder{filter:grayscale();opacity:.5}.empty-message{padding:calc(var(--spacing) * 2) var(--spacing);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);text-align:center;margin:0;font-size:.875rem}@media (width>=60rem){.media-list{align-content:start;gap:calc(var(--spacing) * .75);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}}:root{--spacing:1rem;--surface:#081425;--surface-navbar:#152031;--text:#d8e3fb;--primary:#c3c0ff;--terciary:#a078ff;--secondary-bg:#263143;--nav-bar:4rem;--header:1.5rem;--header-and-space:calc(var(--spacing) + var(--header));--app-bar:2.75rem;--surface-raised:#0e1e33;--surface-hover:#1a2a41;--text-muted:#8ba0c4;--border:#a0b4dc21;--border-strong:#a0b4dc3d;--primary-soft:#c3c0ff29;--radius:.75rem;--radius-lg:1rem;--shadow-card:0 .25rem .75rem #00000047;--titlebar:2.5rem;--sidebar:15.5rem}*{box-sizing:border-box}body{background-color:var(--surface);color:var(--text);flex-direction:column;height:100dvh;margin:0;display:flex;overflow:hidden}.nav-bar{width:100%;height:var(--nav-bar);justify-content:space-evenly;align-items:center;gap:var(--spacing);padding:.375rem var(--spacing);background-color:var(--surface-navbar);border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0;display:flex}.nav-bar .view-btn{border-radius:var(--radius);font:inherit;color:var(--text-muted);cursor:pointer;background-color:#0000;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.625rem;font-weight:600;transition:background-color .15s,color .15s;display:flex}.nav-bar .view-btn:hover{background-color:var(--surface-hover);color:var(--text)}.nav-bar .view-btn:focus-visible{outline:2px solid var(--terciary);outline-offset:-2px;color:var(--primary)}.nav-bar .view-btn:active{background-color:var(--primary-soft);color:var(--primary)}.nav-bar svg{width:1.375rem;height:1.375rem}.hide{display:none}.header{width:100%;height:var(--app-bar);padding:0 var(--spacing);text-align:start;background-color:var(--surface-navbar);border-bottom:1px solid var(--border);color:var(--primary);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;margin:0;display:flex}.header h1{letter-spacing:.02em;margin:0;font-size:.875rem;font-weight:600}.render{width:100%;max-width:34rem;height:100%;min-height:0;padding:var(--spacing) var(--spacing) calc(var(--spacing) * 1.5);scrollbar-width:thin;scrollbar-color:var(--secondary-bg) transparent;flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-y:auto}.render::-webkit-scrollbar{width:.625rem}.render::-webkit-scrollbar-track{background:0 0}.render::-webkit-scrollbar-thumb{background-color:var(--secondary-bg);border:.1875rem solid var(--surface);border-radius:999px}.render::-webkit-scrollbar-thumb:hover{background-color:#34435c}@media (width>=60rem){body{grid-template-columns:var(--sidebar) minmax(0, 1fr);grid-template-rows:var(--titlebar) minmax(0, 1fr);grid-template-areas:"titlebar titlebar""sidebar content";height:100dvh;display:grid}.header{width:100%;height:var(--titlebar);padding:0 calc(var(--spacing) * 2);background-color:var(--surface-navbar);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;grid-area:titlebar;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.header:before{content:"";left:calc(var(--spacing) * 1.5);background:radial-gradient(circle at .375rem,#ff5f57 0 .3125rem,#0000 .34375rem),radial-gradient(circle at 1.75rem,#febc2e 0 .3125rem,#0000 .34375rem),radial-gradient(circle at 3.125rem,#28c840 0 .3125rem,#0000 .34375rem);width:3.5rem;height:.75rem;position:absolute;top:50%;translate:0 -50%}.header h1{letter-spacing:.02em;text-align:center;font-size:.8125rem;font-weight:600}.nav-bar{width:auto;height:auto;padding:calc(var(--spacing) * .75) var(--spacing);background-color:var(--surface-navbar);border-right:1px solid var(--border);flex-direction:column;grid-area:sidebar;justify-content:flex-start;align-items:stretch;gap:.25rem;margin:0}.nav-bar .view-btn{border-radius:var(--radius);width:100%;font:inherit;color:var(--text-muted);cursor:pointer;flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s}.nav-bar .view-btn:hover{background-color:var(--surface-hover);color:var(--text)}.nav-bar .view-btn:focus-visible{outline:2px solid var(--terciary);outline-offset:-2px;color:var(--primary)}.nav-bar .view-btn:active{background-color:var(--primary-soft);color:var(--primary)}.nav-bar svg{flex-shrink:0;width:1.25rem;height:1.25rem}.render{width:100%;max-width:100rem;height:100%;min-height:0;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);scrollbar-width:thin;scrollbar-color:var(--secondary-bg) transparent;grid-area:content;margin:0 auto}.render::-webkit-scrollbar{width:.625rem}.render::-webkit-scrollbar-track{background:0 0}.render::-webkit-scrollbar-thumb{background-color:var(--secondary-bg);border:.1875rem solid var(--surface);border-radius:999px}.render::-webkit-scrollbar-thumb:hover{background-color:#34435c}}.main-view-render{gap:calc(var(--spacing) * 1.5);flex-direction:column;width:100%;display:flex}.main-view-render h3{margin:0}.main-view-render>h3{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.main-view-render .recently-added{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title see""list list";align-content:start;gap:.75rem;display:grid}.main-view-render .recently-added h3{color:var(--text);grid-area:title;font-size:1rem;font-weight:700}.main-view-render .see-button{font:inherit;color:var(--text-muted);cursor:pointer;background-color:#0000;border:0;border-radius:.5rem;flex-grow:0;grid-area:see;align-self:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s}.main-view-render .see-button:hover{background-color:var(--primary-soft);color:var(--primary)}.main-view-render .see-button:focus-visible{outline:2px solid var(--terciary);outline-offset:-2px}.main-view-render .randomSection:not(:has(.randomResult>*)){display:none}.main-view-render .randomResult{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(.5rem)}.main-view-render .randomResult.visible{opacity:1;transform:translateY(0)}.media-carrousel{grid-area:list;width:100%}.media-carrousel .media-list{gap:calc(var(--spacing) * .75);scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;display:flex;overflow-x:scroll}.media-carrousel .media-list::-webkit-scrollbar{display:none}.media-carrousel .media-card{scroll-snap-align:start;flex-shrink:0;width:82%}.gridButtonContainer{gap:calc(var(--spacing) * .75);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));display:grid}.gridButtonContainer .categoryButton{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:6.5rem;box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:.75rem;transition:transform .15s,background-color .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.gridButtonContainer .categoryButton:hover{background-color:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.gridButtonContainer .categoryButton:focus-visible{outline:2px solid var(--terciary);outline-offset:2px}.gridButtonContainer .categoryButton p{color:var(--text);margin:0;font-size:.8rem;font-weight:700}.gridButtonContainer .icon{width:2.25rem;height:2.25rem;color:var(--text);border-radius:100%;justify-content:center;align-items:center;margin:0;display:flex}.gridButtonContainer .icon svg{width:1.125rem;height:1.125rem}.gridButtonContainer .categoryButton[data-category=videogame]>.icon{background-color:#8338ec}.gridButtonContainer .categoryButton[data-category=album]>.icon{background-color:#3a86ff}.gridButtonContainer .categoryButton[data-category=book]>.icon{background-color:#ffbe0b}.gridButtonContainer .categoryButton[data-category=series]>.icon{background-color:#ad2831}.gridButtonContainer .categoryButton[data-category=movie]>.icon{background-color:#fb5607}.gridButtonContainer .categoryButton[data-category=podcast]>.icon{background-color:#06d6a0}.gridButtonContainer .categoryButton:after{content:"";background-color:#ffffff0d;width:72px;height:72px;position:absolute;top:10px;right:-5px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.gridButtonContainer .categoryButton[data-category=series]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M18 8a2 2 0 0 0 0-4 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0 0 4'/%3E%3Cpath d='M10 22 9 8'/%3E%3Cpath d='m14 22 1-14'/%3E%3Cpath d='M20 8c.5 0 .9.4.8 1l-2.6 12c-.1.5-.7 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L3.2 9c-.1-.6.3-1 .8-1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M18 8a2 2 0 0 0 0-4 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0 0 4'/%3E%3Cpath d='M10 22 9 8'/%3E%3Cpath d='m14 22 1-14'/%3E%3Cpath d='M20 8c.5 0 .9.4.8 1l-2.6 12c-.1.5-.7 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L3.2 9c-.1-.6.3-1 .8-1Z'/%3E%3C/svg%3E")}.gridButtonContainer .categoryButton[data-category=videogame]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' x2='10' y1='11' y2='11'/%3E%3Cline x1='8' x2='8' y1='9' y2='13'/%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'/%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'/%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' x2='10' y1='11' y2='11'/%3E%3Cline x1='8' x2='8' y1='9' y2='13'/%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'/%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'/%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/svg%3E")}.gridButtonContainer .categoryButton[data-category=album]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/svg%3E")}.gridButtonContainer .categoryButton[data-category=book]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v16'/%3E%3Cpath d='M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v16'/%3E%3Cpath d='M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z'/%3E%3C/svg%3E")}.gridButtonContainer .categoryButton[data-category=movie]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18'/%3E%3Cpath d='M3 7.5h4'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 16.5h4'/%3E%3Cpath d='M17 3v18'/%3E%3Cpath d='M17 7.5h4'/%3E%3Cpath d='M17 16.5h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18'/%3E%3Cpath d='M3 7.5h4'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 16.5h4'/%3E%3Cpath d='M17 3v18'/%3E%3Cpath d='M17 7.5h4'/%3E%3Cpath d='M17 16.5h4'/%3E%3C/svg%3E")}.gridButtonContainer .categoryButton[data-category=podcast]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E")}@media (width>=60rem){.main-view-render{gap:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);grid-template:"heading heading""picker recent""result recent"minmax(0,1fr)/minmax(0,1fr) minmax(18rem,22rem);align-content:start;height:100%;display:grid}.main-view-render>h3{grid-area:heading}.main-view-render>.gridButtonContainer{grid-area:picker;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.main-view-render>.randomSection{grid-area:result;align-self:start;width:100%}.main-view-render>.recently-added{scrollbar-width:thin;scrollbar-color:var(--secondary-bg) transparent;grid-area:recent;min-height:0;overflow-y:auto}.main-view-render>.recently-added::-webkit-scrollbar{width:.625rem}.main-view-render>.recently-added::-webkit-scrollbar-thumb{background-color:var(--secondary-bg);border:.1875rem solid var(--surface);border-radius:999px}.main-view-render>.recently-added .media-carrousel .media-list{grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.main-view-render>.recently-added .media-carrousel .media-card{width:100%}}.library{gap:var(--spacing);flex-direction:column;width:100%;display:flex}.subContainer{flex-direction:row;justify-content:space-between;align-items:center;margin:0;font-size:1.125rem;font-weight:700;display:flex}.subContainer .checkContainer{flex-direction:row;align-items:center;gap:.25rem;display:flex}.checkContainer input[type=checkbox]{accent-color:var(--primary);transform:scale(1.25)}.groupButtons{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);z-index:1;scrollbar-width:none;justify-content:flex-start;gap:.25rem;padding:.25rem;display:flex;position:sticky;top:0;overflow-x:auto}.groupButtons::-webkit-scrollbar{display:none}.groupButtons .categoryButton{height:2rem;font:inherit;white-space:nowrap;color:var(--text-muted);cursor:pointer;background-color:#0000;border:0;border-radius:.5rem;flex-shrink:0;padding:0 .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s}.groupButtons .categoryButton:hover{background-color:var(--surface-hover);color:var(--text)}.groupButtons .categoryButton:focus-visible{outline:2px solid var(--terciary);outline-offset:-2px}.groupButtons .categoryButton.active{background-color:var(--primary-soft);color:var(--primary)}.itemsContainer{width:100%}.itemsContainer .media-list{align-content:start;gap:calc(var(--spacing) * .75);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.itemsContainer .media-list,.itemsContainer .empty-message{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(.5rem)}:is(.itemsContainer .media-list,.itemsContainer .empty-message).visible{opacity:1;transform:translateY(0)}.itemsContainer .media-card{flex-direction:column;gap:.5rem;padding:.5rem}.itemsContainer .media-card .cover-placeholder{border-radius:calc(var(--radius) - .125rem);width:100%}.itemsContainer .media-card .card-controls{border-top:1px solid var(--border);width:100%;margin-top:auto;padding-top:.5rem}@media (width>=60rem){.library{gap:var(--spacing) calc(var(--spacing) * 1.5);grid-template:"filters heading""filters items"minmax(0,1fr)/11rem minmax(0,1fr);align-content:start;display:grid}.groupButtons{width:auto;height:auto;box-shadow:none;background-color:#0000;border:0;border-radius:0;flex-direction:column;grid-area:filters;justify-content:flex-start;align-items:stretch;padding:0;position:static;overflow:visible}.groupButtons .categoryButton{text-align:start;width:100%;height:auto;padding:.5rem .75rem;font-size:.85rem}.subContainer{grid-area:heading}.itemsContainer{grid-area:items;min-height:0}.itemsContainer .media-list{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}}@media (prefers-reduced-motion:reduce){.itemsContainer .media-list,.itemsContainer .empty-message{transition:none}}.add-form{width:100%;padding:var(--spacing);background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;justify-content:flex-start;gap:.75rem;display:flex}.add-form>label{display:grid}.add-form input{text-align:start;background-color:var(--surface-navbar);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:3.25rem;color:var(--text);padding-inline:.875rem;font-weight:600;transition:background-color .15s,border-color .15s}.add-form input::placeholder{color:var(--text-muted);font-weight:400}.add-form input:focus{border-color:var(--primary);background-color:var(--surface-hover);outline:0}.add-form fieldset{border:0;width:100%;margin:0;padding:0}.addButton{border-radius:var(--radius);background-color:var(--primary);height:3.25rem;color:var(--surface);cursor:pointer;border:0;font-size:.9rem;font-weight:700;transition:filter .15s}.addButton:hover{filter:brightness(1.12)}.addButton:disabled{opacity:.6;cursor:not-allowed}.addButton:focus-visible{outline:2px solid var(--terciary);outline-offset:2px}.categoryButton.selected{filter:none;background-color:var(--surface-hover);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.warnContainer{border-radius:var(--radius);opacity:1;background-color:#f009;width:100%;padding:1rem;transition:opacity .3s}.warnContainer h3,.warnContainer p{margin:0}.warnContainer.invisible{opacity:0;pointer-events:none}@media (width>=60rem){.add-form{gap:var(--spacing) calc(var(--spacing) * 2);width:100%;max-width:66rem;box-shadow:none;background-color:#0000;border:0;border-radius:0;grid-template-rows:repeat(3,auto) auto;grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-content:start;margin:0 auto;padding:0;display:grid}.add-form>label{grid-column:1}.add-form>fieldset{grid-area:1/2/4}.add-form>.addButton{grid-area:4/1/auto/-1}.add-form input{background-color:var(--surface-raised)}.add-form .gridButtonContainer{gap:calc(var(--spacing) * .75);grid-template-columns:repeat(3,minmax(0,1fr))}.add-form .gridButtonContainer .categoryButton{min-height:5.5rem}}.auth{justify-content:center;align-items:center;gap:var(--spacing);flex-direction:column;flex:1;width:100%;display:flex}.auth>p{color:var(--text-muted);text-align:center;margin:0;font-size:.85rem}.authForm{width:min(24rem,100%);padding:calc(var(--spacing) * 1.5);background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;gap:.75rem;display:flex;box-shadow:0 1.25rem 2.5rem #00000073}.authForm input{text-align:start;background-color:var(--surface-navbar);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:3rem;color:var(--text);padding-inline:.875rem;font-weight:600;transition:background-color .15s,border-color .15s}.authForm input::placeholder{color:var(--text-muted);font-weight:400}.authForm input:focus{border-color:var(--primary);background-color:var(--surface-hover);outline:0}.authSubmit{border-radius:var(--radius);background-color:var(--primary);height:3rem;color:var(--surface);cursor:pointer;border:0;margin-top:.25rem;font-weight:700;transition:filter .15s}.authSubmit:hover{filter:brightness(1.12)}.authSubmit:focus-visible{outline:2px solid var(--terciary);outline-offset:2px}.toggleMode{color:var(--terciary);cursor:pointer;background:0;border:0;padding:0;font-size:.85rem;font-weight:600}.toggleMode:hover{color:var(--primary)}.toggleMode:focus-visible{outline:2px solid var(--terciary);outline-offset:2px;border-radius:.375rem}