:root{--bg:#0b0d10;--bg-raised:#14171c;--bg-hover:#1c2027;--border:#23272f;--text:#e6e8ec;--text-dim:#9aa2ae;--text-faint:#6b7280;--accent:#6ea8fe;--accent-dim:#2b4570;--danger:#f87171;--radius:8px;--sidebar-w:248px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:28px}.login-card h1{letter-spacing:-.01em;margin:0 0 4px;font-size:20px}.login-card p.sub{color:var(--text-faint);margin:0 0 24px;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font:inherit;padding:9px 11px}.field input:focus{border-color:var(--accent-dim);outline:none}.field input.otp{letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;font-size:18px}.btn-primary{background:var(--accent);color:#0b0d10;border-radius:var(--radius);border:none;width:100%;margin-top:8px;padding:10px;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.err{border-radius:var(--radius);color:#fca5a5;background:#2a1618;border:1px solid #4a2327;margin:0 0 14px;padding:9px 11px;font-size:13px}.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--bg-raised);overscroll-behavior:contain;flex-direction:column;gap:20px;height:100%;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.brand{align-items:baseline;gap:8px;padding:0 8px 4px;display:flex}.brand-home{border-radius:var(--radius);color:inherit;align-items:baseline;gap:8px;margin:-4px -6px;padding:4px 6px;text-decoration:none;display:flex}.brand-home:hover{background:var(--bg-raised)}.brand-home:hover span{color:var(--text-dim)}.brand-home:focus-visible{outline:2px solid var(--accent-dim);outline-offset:1px}.brand strong{letter-spacing:-.01em;font-size:15px}.brand span{color:var(--text-faint);font-size:11px}.side-group h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 8px 8px;font-size:11px;font-weight:600}.side-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.side-item{text-align:left;width:100%;color:var(--text-dim);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.side-item:hover{background:var(--bg-hover);color:var(--text)}.side-item[aria-current=true]{background:var(--accent-dim);color:#fff}.side-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-item .count{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:11px}.side-item[aria-current=true] .count{color:#cfe0ff}.side-foot{border-top:1px solid var(--border);color:var(--text-faint);flex-direction:column;gap:6px;margin-top:auto;padding:12px 8px 0;font-size:11px;display:flex}.side-foot .row{justify-content:space-between;gap:8px;display:flex}.link-btn{color:var(--text-dim);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.link-btn:hover{color:var(--text)}.menu-btn{background:var(--bg-raised);border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;padding:0;font-size:18px;line-height:1;display:none}.side-close{width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:16px;line-height:1;display:none}.scrim{display:none}.main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow-y:auto}.toolbar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0}.seg{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{color:var(--text-dim);background:0 0;border:none;padding:5px 11px;font-size:12px}.seg button+button{border-left:1px solid var(--border)}.seg button[aria-pressed=true]{background:var(--bg-hover);color:var(--text)}.search{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-width:140px;max-width:320px;color:var(--text);font:inherit;flex:1;padding:6px 10px;font-size:13px}select.sort{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;padding:6px 8px;font-size:12px}.count-label{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-items:start;gap:14px 10px;padding:12px;display:grid}.cell{text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;width:100%;min-width:0;padding:0;display:flex}.cell .thumb{aspect-ratio:1;background:var(--bg-raised);border-radius:4px;display:block;position:relative;overflow:hidden}.cell:hover .thumb{outline:2px solid var(--accent);outline-offset:-2px}.cell img{object-fit:cover;background:var(--bg-raised);width:100%;height:100%;display:block}.cell .cap{-webkit-line-clamp:2;line-clamp:2;color:var(--text-dim);overflow-wrap:anywhere;-webkit-box-orient:vertical;padding:0 2px 2px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.cell:hover .cap{color:var(--text)}.cell .placeholder{color:var(--text-faint);text-align:center;place-items:center;padding:8px;font-size:11px;line-height:1.35;display:grid;position:absolute;inset:0}.cell .badge{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#000000b8;border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;bottom:5px;right:5px}.cell .play{background:#0009;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:5px;left:5px}.cell .play svg{fill:#fff;width:9px;height:9px}.day-head{color:var(--text-dim);letter-spacing:.02em;grid-column:1/-1;padding:18px 4px 4px;font-size:12px;font-weight:600}.day-head:first-child{padding-top:4px}.crumbs{flex-wrap:wrap;align-items:center;gap:2px;padding:10px 16px 0;font-size:13px;display:flex}.crumb{color:var(--accent);font:inherit;background:0 0;border:none;border-radius:5px;padding:3px 6px}.crumb:hover{background:var(--bg-hover)}.crumb.cur{color:var(--text);font-weight:600}.crumb-sep{color:var(--text-faint);padding:0 1px}.cell.folder .thumb{background:var(--bg-hover);place-items:center;display:grid}.cell.folder .folder-blank{opacity:.7;font-size:44px}.cell.folder .folder-badge{filter:drop-shadow(0 1px 2px #000c);font-size:15px;position:absolute;top:6px;left:6px}.cell.folder .cap{color:var(--text);font-weight:500}.folder-count{color:var(--text-faint);margin-top:1px;font-size:10px;font-weight:400;display:block}.sentinel{height:48px;color:var(--text-faint);grid-column:1/-1;place-items:center;font-size:12px;display:grid}.empty{text-align:center;color:var(--text-faint);padding:64px 24px}.lightbox{z-index:50;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#05070a;flex-direction:column;display:flex;position:fixed;inset:0}.lb-bar{border-bottom:1px solid var(--border);background:#0b0d10e6;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.lb-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.lb-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.icon-btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:12px;text-decoration:none}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.lb-actions{align-items:center;gap:12px;display:inline-flex}.lb-more{display:none;position:relative}.lb-menu{z-index:10;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;min-width:172px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0000008c}.lb-menu>*{min-height:44px;color:var(--text);font:inherit;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.lb-menu>:hover:not(:disabled){background:var(--bg-hover)}.lb-menu>.danger{color:var(--danger)}.lb-menu>:disabled{opacity:.6}.lb-stage{flex:1;place-items:center;min-height:0;padding:8px 8px 12px;display:grid;position:relative}.lb-stage img,.lb-stage video{object-fit:contain;min-width:0;max-width:100%;min-height:0;max-height:100%;display:block}.lb-stage video{cursor:pointer}.lb-nav{color:#fff;background:#0000006b;border:none;border-radius:6px;width:44px;height:88px;font-size:22px;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#000000ad}.lb-nav.prev{left:10px}.lb-nav.next{right:10px}.lb-note{border:1px solid var(--border);color:var(--text-dim);background:#000000c7;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}@media (max-height:560px){.lb-tags{flex-wrap:nowrap;padding:4px 10px;overflow-x:auto}.lb-bar{gap:8px;padding:5px 10px}.lb-meta{display:none}.lb-nav{width:32px;height:56px;font-size:18px}}@media (max-width:720px),(max-height:560px) and (pointer:coarse){.shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.sidebar{z-index:70;border-right:1px solid var(--border);border-bottom:none;width:min(84vw,320px);height:100dvh;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 20px #00000073}.sidebar.open{transform:translate(0)}.scrim{z-index:65;background:#03050880;display:block;position:fixed;inset:0}.menu-btn,.side-close{justify-content:center;align-items:center;display:inline-flex}.main{height:auto;overflow:visible}.grid{padding:10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.lb-nav{width:44px;height:72px}.shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar{padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}.toolbar{padding:8px 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));flex-wrap:nowrap;gap:8px}.toolbar .search{flex:96px;min-width:96px;max-width:none}.btn-label,.count-label{display:none}.icon-btn,.menu-btn,.side-close,.btn-primary,.btn-ghost{min-width:44px;min-height:44px}.icon-btn.compact,.btn-primary.compact,.btn-ghost.compact{min-width:38px;min-height:38px}.side-item{min-height:44px}.fav-btn,.folder-rename,.folder-del{min-width:40px;min-height:40px}.lb-bar{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:6px}.lb-meta,.lb-actions{display:none}.lb-more{display:inline-flex}.lb-tags{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.settings-wrap{padding:20px 16px 48px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(48px, env(safe-area-inset-bottom))}.settings-head{flex-direction:column;gap:12px}.settings-head a,.settings-head .head-links{margin-left:0}.settings-actions .search{flex-basis:100%;max-width:none}.tag-pick input[type=checkbox]{width:22px;height:22px}.tag-pick{min-height:44px}.tag-count{align-items:center;min-height:44px;padding:0 6px;display:inline-flex}select,.sort{min-height:44px}.icon-btn{justify-content:center;align-items:center;display:inline-flex}.link-btn,.side-foot a{align-items:center;min-height:40px;padding:0 8px;display:inline-flex}.brand-home{align-items:center;min-height:44px;display:inline-flex}.fp-trigger,.fp-crumb,.fp-up,.fp-item{min-height:44px}}button,a,label,summary,input[type=checkbox]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}.settings-head{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.settings-head h1{letter-spacing:-.01em;margin:0;font-size:20px}.settings-head .sub{color:var(--text-faint);margin:4px 0 0;font-size:13px}.settings-head a{margin-left:auto}.notice{border-radius:var(--radius);color:#86efac;background:#14251c;border:1px solid #24462f;margin:0 0 16px;padding:9px 11px;font-size:13px}.settings-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.settings-actions .hint{min-width:200px;color:var(--text-faint);flex:1;font-size:12px}.btn-ghost{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:7px 12px;font-size:13px}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-ghost:disabled{opacity:.5;cursor:default}.btn-primary.compact{width:auto;margin-top:0;padding:7px 16px;font-size:13px}.container-list{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.container-list li+li{border-top:1px solid var(--border)}.container-row{background:var(--bg-raised);align-items:center;gap:10px;padding:8px 14px;display:flex}.container-row:hover{background:var(--bg-hover)}.container-pick{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.hide-toggle{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:11px}.hide-toggle:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.hide-toggle:disabled{opacity:.5;cursor:default}.hide-toggle[data-on=true]{background:color-mix(in srgb, var(--accent-dim) 40%, var(--bg));border-color:var(--accent-dim);color:#cfe0ff}.hide-badge{color:var(--text-faint);margin-left:8px;font-size:10px;font-weight:400}.container-row[data-on=true]{background:color-mix(in srgb, var(--accent-dim) 26%, var(--bg-raised))}.container-row input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.container-row .cname{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:0;max-width:34%;font-weight:500;overflow:hidden}.container-row .cmeta{min-width:0;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.container-row .cmeta .dim{color:var(--text-faint)}.container-row .cmeta .warn{color:#fbbf24}.container-row .csize{color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.head-links{gap:8px;display:flex}.sync-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:14px}.sync-card.on{border-color:var(--accent-dim)}.sync-top{align-items:center;gap:10px;display:flex}.sync-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:9px;height:9px}.sync-dot.on{background:#5fd08a;animation:1.6s ease-in-out infinite sync-pulse}.sync-dot.bad{background:var(--danger)}@keyframes sync-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.sync-dot.on{animation:none}}.sync-head-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sync-head-text strong{font-size:14px}.sync-sub{color:var(--text-dim);font-size:12px}.sync-error{background:var(--bg);border-left:2px solid var(--danger);color:var(--danger);overflow-wrap:anywhere;border-radius:4px;margin:10px 0 0;padding:8px 10px;font-size:12px}.sync-prog{margin-top:12px}.sync-bar{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.sync-bar span{background:var(--accent);height:100%;transition:width .4s;display:block}.sync-prog-text{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;display:flex}.sync-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-bottom:10px;display:grid}.stat{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:10px;display:flex}.stat-num{font-variant-numeric:tabular-nums;font-size:17px}.stat-label{color:var(--text-faint);font-size:11px}.stat.warn .stat-num{color:#e5b567}.sync-thumbbar{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);height:22px;margin-bottom:20px;position:relative;overflow:hidden}.sync-thumbbar span{background:var(--accent-dim);height:100%;transition:width .4s;display:block}.sync-thumbbar em{color:var(--text-dim);place-items:center;font-size:11px;font-style:normal;display:grid;position:absolute;inset:0}.table-scroll{margin-bottom:20px;overflow-x:auto}.sync-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.sync-table th,.sync-table td{text-align:left;border-bottom:1px solid var(--border);padding:7px 10px}.sync-table th{color:var(--text-faint);font-weight:500}.sync-table .num{text-align:right;font-variant-numeric:tabular-nums}.sync-table td.warn{color:#e5b567}.drive-current{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.drive-what{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.drive-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.drive-stat{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.settings-note{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-faint);margin-top:20px;padding:14px 16px;font-size:12px;line-height:1.6}.settings-note p{margin:0 0 8px}.settings-note p:last-child{margin-bottom:0}.settings-note strong{color:var(--text-dim);font-weight:600}.settings-foot{text-align:right;color:var(--text-faint);margin-top:24px;font-size:11px}@media (max-width:560px){.container-row{flex-wrap:wrap}.container-row .cname{max-width:none}.container-row .cmeta{flex-basis:100%;padding-left:27px}}.settings-section{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.settings-section h2,.list-head{letter-spacing:.02em;color:var(--text);margin:0 0 4px;font-size:13px;font-weight:600}.list-head{margin-bottom:8px}.section-sub{color:var(--text-faint);margin:0 0 16px;font-size:12px;line-height:1.6}.pw-form{max-width:340px}.field-hint{margin-top:4px;font-size:11px;display:block}.field-hint.warn{color:#fbbf24}.vc{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#0b0d10f0;flex-shrink:0;align-items:center;gap:8px;display:flex}.vc-btn{background:var(--bg-raised);border:1px solid var(--border);min-width:38px;height:38px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;place-items:center;padding:0 8px;font-size:13px;display:grid}.vc-btn:hover{background:var(--bg-hover)}.vc-btn:active{transform:scale(.94)}.vc-play{font-size:14px}.vc-time{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;min-width:44px;font-size:12px}.vc-scrub{flex:1;align-items:center;min-width:0;height:38px;display:flex;position:relative}.vc-track,.vc-buffered,.vc-played{pointer-events:none;border-radius:3px;height:5px;position:absolute;left:0}.vc-track{background:var(--border);width:100%}.vc-buffered{background:#3a4150}.vc-played{background:var(--accent)}.vc-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.vc-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000080}.vc-range::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px}.vc-range:disabled{cursor:default}.vc-range:disabled::-webkit-slider-thumb{opacity:0}@media (max-height:480px){.vc{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.vc-btn,.vc-scrub{height:34px}}.default-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.default-row label{color:var(--text);font-size:13px;font-weight:600}.default-hint{min-width:180px;color:var(--text-faint);flex:1;font-size:12px}.remember{cursor:pointer;color:var(--text-dim);align-items:flex-start;gap:9px;margin:4px 0 18px;font-size:13px;display:flex}.remember input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:1px}.remember small{color:var(--text-faint);margin-top:2px;font-size:11px;line-height:1.4;display:block}.btn-ghost.compact{white-space:nowrap;padding:6px 10px;font-size:12px}.cell-wrap{min-width:0;position:relative}.fav-btn{color:#fff;opacity:0;background:#00000080;border:none;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:15px;line-height:1;transition:opacity .12s;display:grid;position:absolute;top:5px;right:5px}.cell-wrap:hover .fav-btn,.fav-btn[data-on=true]{opacity:1}@media (hover:none){.fav-btn{opacity:1;background:#00000059}}.fav-btn[data-on=true]{color:#ffd24a}.fav-btn:hover{background:#000000bf}.folder-rename{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:13px;line-height:1;transition:opacity .12s,background .12s;display:grid;position:absolute;top:5px;right:36px}.folder-wrap:hover .folder-rename{opacity:1}.folder-rename:hover{background:var(--accent-dim)}.folder-del{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:14px;line-height:1;transition:opacity .12s,background .12s;display:grid;position:absolute;top:5px;right:5px}.folder-wrap:hover .folder-del{opacity:1}.folder-del:hover{background:#c81e1ed9}@media (hover:none){.folder-del,.folder-rename{opacity:1;background:#00000059}}.icon-btn.fav[data-on=true]{color:#ffd24a;border-color:#6b5a1f}.icon-btn.danger{color:#fca5a5;border-color:#4a2327}.icon-btn.danger:hover{color:#fecaca;background:#2a1618}.icon-btn.danger:disabled{opacity:.5;cursor:default}.or-sep{color:var(--text-faint);align-items:center;gap:10px;margin:16px 0 12px;font-size:12px;display:flex}.or-sep:before,.or-sep:after{content:"";background:var(--border);flex:1;height:1px}.btn-passkey{border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:11px 14px;font-size:15px;font-weight:600;transition:border-color .12s,background .12s}.btn-passkey:hover:not(:disabled){border-color:var(--accent);background:var(--bg-raised-hover,var(--bg-raised))}.btn-passkey:disabled{opacity:.5;cursor:default}.passkey-hint{color:var(--text-faint);text-align:center;margin:8px 2px 0;font-size:11px;line-height:1.4}.passkey-hint.diag{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);text-align:left;margin-top:6px;padding:7px 10px}.passkey-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.passkey-list li{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.passkey-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.passkey-name{overflow-wrap:anywhere;font-weight:600}.passkey-meta small{color:var(--text-dim);font-size:11px}.btn-ghost.danger{color:var(--danger,#e5484d);border-color:#0000}.btn-ghost.danger:hover:not(:disabled){border-color:var(--danger,#e5484d)}.folder-item{font-size:12px}.folder-item .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-node{align-items:center;display:flex}.folder-node .folder-item{flex:1;min-width:0}.folder-twist{width:18px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;font-size:10px;line-height:1;display:grid}.folder-twist:hover{color:var(--text)}.folder-twist.empty{cursor:default}.obs-tag{color:var(--text-faint);opacity:.8;flex-shrink:0;margin-left:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.obs-tag.tile{overflow-wrap:anywhere;margin:1px 0 0;display:block}.up-overlay{z-index:60;background:#030508b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.up-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:90dvh;padding:18px;display:flex;overflow-y:auto}.up-head{justify-content:space-between;align-items:center;display:flex}.up-head h2{margin:0;font-size:16px}.up-sub{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.up-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.up-field{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.up-field select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;padding:6px 8px;font-size:12px}.up-picker{flex-direction:column;gap:8px;display:flex}.fp-trigger{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);max-width:240px;color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.fp-trigger:hover:not(:disabled){border-color:var(--accent-dim)}.fp-trigger:disabled{opacity:.5;cursor:default}.fp-value{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.fp-caret{color:var(--text-faint);flex-shrink:0}.fp-panel{background:var(--bg);border:1px solid var(--accent-dim);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.fp-crumbs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:8px;font-size:12px;display:flex}.fp-up{border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:4px;margin-right:4px;padding:3px 6px;line-height:1}.fp-up:disabled{opacity:.35;cursor:default}.fp-crumb{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px}.fp-crumb:hover{background:var(--bg-raised);color:var(--text)}.fp-crumb[aria-current=true]{color:var(--text);font-weight:600}.fp-sep{color:var(--text-faint)}.fp-list{flex-direction:column;gap:1px;max-height:220px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.fp-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.fp-item:hover{background:var(--bg-raised)}.fp-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fp-into{color:var(--text-faint);flex-shrink:0}.fp-empty{text-align:center;color:var(--text-faint);padding:14px 8px;font-size:12px}.fp-foot{border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px;display:flex}.fp-here{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-dim);flex:1;font-size:12px;overflow:hidden}@media (max-width:520px){.up-folder{flex:100%}.up-folder .fp-trigger{flex:1;min-width:0;max-width:none}}.up-drop{border:1px dashed var(--border);text-align:center;color:var(--text-faint);border-radius:8px;padding:16px;font-size:12px}.up-list{flex-direction:column;gap:2px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.up-list li{background:var(--bg);border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex;position:relative;overflow:hidden}.up-bar{background:var(--accent-dim);z-index:0;pointer-events:none;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.up-name,.up-status{z-index:1;position:relative}.up-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-dim);flex:1;overflow:hidden}.up-list li:has(.up-dup){align-items:flex-start;padding-top:6px;padding-bottom:6px}.up-status{font-variant-numeric:tabular-nums;color:var(--text-faint);flex-shrink:0}.up-list li[data-status=완료] .up-status{color:#5fd08a}.up-list li[data-status=실패] .up-status{color:var(--danger)}.up-dupbar{background:var(--bg);border-radius:var(--radius);color:var(--text-dim);border:1px solid #5a4a2a;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.up-dupbar span{flex:1;min-width:0}.up-dupbar strong{color:#e5b567}.up-dup{color:#e5b567;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;font-style:normal;display:block;overflow:hidden}.up-list li[data-skip="1"] .up-name{opacity:.55}.up-list li[data-skip="1"] .up-status{color:var(--text-faint)}.up-more{color:var(--text-faint);padding:4px 8px;font-size:11px}.up-actions{justify-content:flex-end;gap:8px;display:flex}.tag-chip{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.6;display:inline-block}.lb-tags{border-top:1px solid var(--border);background:#0b0d10e6;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;display:flex}.lb-tags-empty{color:var(--text-faint);font-size:12px}.lb-tag-form{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lb-tag-form input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text);font:inherit;flex:1;padding:6px 10px;font-size:13px}.lb-tag-form input:focus{border-color:var(--accent-dim);outline:none}.lb-tag-err{color:var(--danger);font-size:12px}.tag-mergebar{background:var(--bg-raised);border:1px solid var(--accent-dim);border-radius:var(--radius);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.tag-mergebar select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;max-width:220px;padding:5px 8px;font-size:12px}.tag-list{flex-direction:column;gap:2px;margin:0 0 20px;padding:0;list-style:none;display:flex}.tag-list li{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.tag-pick{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tag-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-count{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;text-decoration:none}.tag-count:hover{color:var(--accent);text-decoration:underline}