html{line-height:1.5;font-weight:400;background-color:#272a35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}*:focus{outline:none}*:focus-visible{box-shadow:0 0 3px #e14}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;color:#e5e5e5;overflow:hidden}h1,h2{font-weight:400;margin:0;-webkit-user-select:none;user-select:none}h1{font-size:1.6em;display:flex}h2{font-size:1.4em}button{border-radius:.5rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:#e14;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .25s;display:flex;gap:.5rem}button:hover{background-color:#f02857}.button-full{width:100%;justify-content:center}.button-full div{margin:auto}.form-control{margin-top:1rem}label{display:block;margin-bottom:3px;-webkit-user-select:none;user-select:none;color:#999}input,select,option,textarea{width:100%;color:#ccc;background-color:#111317;border:0;padding:.5rem;border-radius:.5rem;font-size:1em}input -webkit-scrollbar,select -webkit-scrollbar,option -webkit-scrollbar,textarea -webkit-scrollbar{width:0}pre{white-space:pre-wrap;word-wrap:break-word}.fab{position:fixed;bottom:1rem;right:1rem;width:2.5em;height:2.5em;padding:0;border-radius:50%;border:none;background-color:#e14;color:#fff;font-size:1.3em;font-weight:400;cursor:pointer;z-index:998;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .2s,box-shadow .2s}.fab:hover{background-color:#f02857;transform:scale(1.05)}.fab:active{transform:scale(.95)}.bar{position:sticky;top:0;z-index:998;padding:.5rem;background-color:#272a35;box-shadow:0 8px 20px #0009;display:flex;justify-content:space-between;gap:.5rem;align-items:center}.bar h1{flex:0 0 auto;display:flex;align-items:center;text-transform:capitalize;font-size:1.2em;color:#fff}.bar input{flex:1;min-width:5rem;max-width:25rem;margin-right:.5rem;background-color:#00000080}.bar button{background-color:transparent;padding:.5rem;font-weight:400;transition:font-weight .6s,transform .2s}.bar button:hover{background-color:transparent;transform:scale(1.05);font-weight:700}.bar div{display:flex}.panel{padding:1rem;position:relative}.panel-cards{min-height:100dvh}.cards-carousel{position:fixed;left:0;right:0;top:50dvh;transform:translateY(-50%);overflow:hidden;padding-block:.5rem}.cards-empty{position:fixed;left:50%;top:50dvh;transform:translate(-50%,-50%);text-align:center}.cards-carousel-track{--carousel-slide: min(66vw, 32rem);--carousel-gap: 1rem;display:flex;gap:var(--carousel-gap);padding-inline:calc((100% - var(--carousel-slide)) / 2);transition:transform .3s ease;touch-action:pan-y}.card-tile{flex:0 0 var(--carousel-slide);margin:0;padding:.75rem;overflow:hidden;opacity:.7;transform:scale(.94);cursor:pointer;transition:opacity .3s ease,transform .3s ease}.card-tile.is-active{opacity:1;transform:scale(1)}.card-tile-media{overflow:hidden;border-radius:.5rem}.card-tile img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.card-tile figcaption{margin-top:1rem;color:#e5e5e5;font-size:1.1rem;word-break:break-word;text-align:center}.panel-small{box-shadow:0 8px 20px #0009}.confirm-dialog{width:min(28rem,calc(100vw - 2rem));border:none;border-radius:.75rem;background:#272a35;color:#fff;box-shadow:0 12px 32px #000000a6;padding:1rem}.confirm-dialog::backdrop{background:#0009}.confirm-text{margin:.75rem 0 0;color:#c7c7c7}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.confirm-cancel{background-color:#414658}.confirm-delete{background-color:#d02525}.confirm-delete:hover{background-color:#ad1f1f}.vertical-list{display:flex;gap:1rem;flex-direction:column}.loading{background:#0000004d;position:fixed;display:flex;justify-content:center;align-items:center;left:0;right:0;top:0;bottom:0;font-size:3rem}.loading svg{margin-right:.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.file-picker-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0}.file-picker-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6em 1rem;margin-bottom:0;border-radius:.5rem;background-color:#414658;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.file-picker-button:hover{background-color:#363b49}.file-picker-name{flex:1 1 12rem;min-width:0;padding:.55rem .75rem;border-radius:.5rem;background:#00000047;color:#cfcfcf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker-hint{margin:.5rem 0 0;color:#8f8f8f;font-size:.9rem}.checkbox-row{display:flex;align-items:center;gap:.75rem;margin-bottom:0;color:#ccc;cursor:pointer}.checkbox-row input{width:1.1rem;height:1.1rem;margin:0;accent-color:hsl(346,87%,50%);flex:0 0 auto}.card-source{margin:0;padding:0;border:0;display:grid;gap:.5rem}.card-source legend{padding:0;color:#999}.radio-row{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#ccc}.radio-row input{width:1rem;height:1rem;margin:0;accent-color:hsl(346,87%,50%);flex:0 0 auto}.color-picker{display:grid;gap:.5rem}.color-picker-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.color-picker-row input[type=color]{width:3rem;height:2.75rem;padding:.2rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;cursor:pointer}.color-picker-row input[type=text]{flex:1 1 12rem;min-width:0}@media (min-width: 900px){.cards-carousel-track{--carousel-slide: min(58vw, 40rem)}.panel{max-width:860px;margin:3rem auto;font-size:1.1em}.panel-small{max-width:480px}}@media (max-width: 899px){.cards-carousel-track{--carousel-slide: min(76vw, 22rem)}.card-tile{padding:0}.card-tile-media{aspect-ratio:3 / 4;display:grid;place-items:center;background:#00000059}.card-tile img{width:calc(100% * 4 / 3);aspect-ratio:4 / 3;transform:rotate(90deg);transform-origin:center}.card-tile figcaption{padding:.5rem .75rem .75rem}}
