:root{color-scheme:dark;--bg:#111;--bg2:#1b1b1b;--fg:#eee;--muted:#999;--accent:#4c8dff;--line:#2a2a2a;--nav:56px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#111111eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar h1{font-size:18px;margin:0;font-weight:600;flex:1}.topbar .avatar{width:32px;height:32px;border-radius:50%}.topbar .status{font-size:12px;color:var(--muted)}.content{flex:1;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}.bottomnav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--bg2);border-top:1px solid var(--line);z-index:5}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--muted)}.bottomnav a.active{color:var(--accent)}.bottomnav svg{width:24px;height:24px}@media(min-width:900px){.app{flex-direction:row}.bottomnav{position:sticky;top:0;left:auto;right:auto;height:100vh;width:200px;flex-direction:column;justify-content:flex-start;padding:16px 8px;gap:4px;border-top:0;border-right:1px solid var(--line)}.bottomnav a{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px}.bottomnav a.active{background:#24314a}.main{flex:1;min-width:0}.content{padding-bottom:24px}}.day{padding:0 2px}.day h3{font-size:14px;font-weight:600;margin:16px 10px 6px;color:var(--fg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:3px}@media(min-width:600px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(min-width:1400px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.tile{position:relative;aspect-ratio:1;background:#222;overflow:hidden;border-radius:2px}.tile img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .2s}.tile img.loaded{opacity:1}.tile .badge{position:absolute;top:6px;right:6px;font-size:11px;background:#0000008c;padding:2px 5px;border-radius:4px;display:flex;align-items:center;gap:3px}.tile .fav{position:absolute;bottom:6px;left:6px}.tile.pending:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#222 0,#222 10px,#262626 10px,#262626 20px)}.loadmore{text-align:center;padding:24px;color:var(--muted)}.folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:14px}@media(min-width:600px){.folders{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.folder{display:block}.folder .cover{aspect-ratio:1;background:#222;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted)}.folder .cover img{width:100%;height:100%;object-fit:cover}.folder .name{margin-top:6px;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder .meta{font-size:12px;color:var(--muted)}.crumbs{padding:12px 14px 0;font-size:14px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}.crumbs a:hover{color:var(--fg)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.login h1{font-size:28px;margin:0}.login p{color:var(--muted);max-width:420px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600}.btn.secondary{background:#2a2a2a}.error{background:#4a1f1f;color:#ffd7d7;padding:10px 14px;border-radius:8px;max-width:480px}.panel{padding:16px;max-width:720px}.panel h2{font-size:16px;margin:20px 0 8px}.panel table{width:100%;border-collapse:collapse;font-size:14px}.panel td,.panel th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.panel input{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--line);background:#1b1b1b;color:var(--fg);width:100%}.row{display:flex;gap:8px;align-items:center}.progress{height:6px;background:#2a2a2a;border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent)}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.yarl__slide_description{font-size:13px}.topbar a[aria-label=Back]{font-size:28px;line-height:1;padding:0 6px}.tree{margin-top:10px;border-top:1px solid var(--line)}.treerow{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}.treerow input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent)}.treerow .tname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treerow .tcount{color:var(--muted);font-size:12px}.treerow.off .tname{color:var(--muted);text-decoration:line-through}.iconbtn{display:inline-flex;padding:6px;border-radius:8px;color:var(--fg)}.iconbtn:hover{background:#2a2a2a}.sheet{position:fixed;left:12px;right:12px;bottom:calc(var(--nav) + 12px + env(safe-area-inset-bottom));background:#222;border:1px solid var(--line);border-radius:12px;padding:12px;z-index:20;box-shadow:0 8px 30px #00000080}@media(min-width:900px){.sheet{left:auto;right:24px;bottom:24px;width:420px}}.topbar h1 .subtitle{font-size:12px;color:var(--muted);font-weight:400}.chips{display:flex;gap:8px;padding:8px 12px 0}.chip{padding:6px 12px;border-radius:16px;background:#222;color:var(--muted);font-size:13px}.chip.on{background:#24314a;color:var(--fg)}.tile .check{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#00000059;display:none;align-items:center;justify-content:center;font-size:14px;color:#fff}.tile .check.show,.tile:hover .check{display:flex}.tile.selected{padding:8px;background:#24314a}.tile.selected .check{background:var(--accent);border-color:var(--accent)}.tile .badge.owner{top:auto;bottom:6px;right:6px}.day h3 .daysel{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--muted);color:transparent;font-size:12px;margin-right:8px;vertical-align:middle}.day h3 .daysel.on,.day h3:hover .daysel{color:#fff}.day h3 .daysel.on{background:var(--accent);border-color:var(--accent)}.iconbtn.on{color:var(--accent)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:30;display:flex;align-items:flex-end;justify-content:center}@media(min-width:600px){.modal-bg{align-items:center}}.modal{background:#1e1e1e;border:1px solid var(--line);border-radius:14px 14px 0 0;padding:16px;width:100%;max-width:480px;max-height:85vh;overflow:auto}@media(min-width:600px){.modal{border-radius:14px}}.modal h3{margin:0 0 12px;font-size:16px}.modal input{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--line);background:#1b1b1b;color:var(--fg);width:100%}.opt{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;cursor:pointer}.opt input{width:20px;height:20px;accent-color:var(--accent)}.list{margin-top:10px}.listrow{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;border-bottom:1px solid var(--line);text-align:left}.cover-sm{width:44px;height:44px;border-radius:6px;background:#333;overflow:hidden;flex:0 0 auto}.cover-sm img{width:100%;height:100%;object-fit:cover}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav) + 16px + env(safe-area-inset-bottom));background:#333;color:#fff;padding:10px 16px;border-radius:20px;font-size:14px;z-index:40;box-shadow:0 4px 16px #0006}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (-1 + var(--yarl__carousel_slides_count)) * (100% + var(--yarl__carousel_spacing_px,0) * 1px + var(--yarl__carousel_spacing_percent,0) * 1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1)}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (-1 + var(--yarl__carousel_slides_count)) * var(--yarl__carousel_spacing_percent,0)) * var(--yarl__carousel_spacing_percent,0) * 1%);column-gap:calc(var(--yarl__carousel_spacing_px,0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (-1 + var(--yarl__carousel_slides_count)) * var(--yarl__carousel_spacing_percent,0)) * var(--yarl__carousel_spacing_percent,0) * 1%)}.yarl__flex_center{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px,0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (-1 + var(--yarl__carousel_slides_count)) * var(--yarl__carousel_spacing_percent,0)) * var(--yarl__carousel_padding_percent,0) * 1%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;top:0;right:0;bottom:auto;left:auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{top:0;right:auto;bottom:auto;left:0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{position:absolute;left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{overflow:hidden;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}