.dropsort-scope{--bg:#f5f5f7;--surface:#fff;--surface-soft:#fbfbfd;--text:#1d1d1f;--muted:#6e6e73;--line:#00000014;--line-strong:#00000024;--brand:#0071e3;--brand-hover:#0077ed;--container:1160px;--radius-lg:26px;--radius-md:18px;--radius-sm:12px}.dropsort-scope *{box-sizing:border-box;margin:0;padding:0}.dropsort-scope{scroll-behavior:smooth;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 50% -280px,#fff 20%,#f5f5f7 70%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}.dropsort-scope img{max-width:100%;display:block}.dropsort-scope a{color:inherit;text-decoration:none}.dropsort-scope ul{list-style:none}.dropsort-scope .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.dropsort-scope .skip-link{color:#fff;z-index:2000;background:#000;border-radius:10px;padding:10px 14px;position:absolute;top:10px;left:-10000px}.dropsort-scope .skip-link:focus{left:12px}.dropsort-scope a:focus-visible,.dropsort-scope button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.dropsort-scope .dynamic-island-wrap{z-index:1000;position:sticky;top:10px}.dropsort-scope .dynamic-island{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);will-change:transform,backdrop-filter;background:#0a0a0f6b;border:1px solid #ffffff38;border-bottom-color:#ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:min(920px,100% - 24px);margin:0 auto;padding:10px 12px 10px 16px;transition:box-shadow .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff4d,0 4px 24px #00000024,0 1px 4px #0000001a}.dropsort-scope .is-scrolled .dynamic-island{background:#0a0a0f8c;border-color:#ffffff42 #ffffff42 #ffffff14;box-shadow:inset 0 1px #ffffff52,0 8px 32px #0000002e,0 2px 8px #0000001f}.dropsort-scope .dynamic-island:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#ffffff8c 20% 80%,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}.dropsort-scope .dynamic-island:after{content:none}.dropsort-scope .dynamic-island>*{z-index:1;position:relative}.dropsort-scope .brand{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:.96rem;font-weight:600;display:inline-flex}.dropsort-scope .brand-mark{width:20px;height:20px}.dropsort-scope .primary-nav{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:2px;display:flex}.dropsort-scope .primary-nav a{color:#fffc;border-radius:999px;padding:8px 12px;font-size:.9rem;transition:background-color .2s,color .2s}.dropsort-scope .primary-nav a:hover{color:#fff;background:#ffffff24}.dropsort-scope .header-actions{align-items:center;gap:8px;display:flex}.dropsort-scope .btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.dropsort-scope .btn-primary{background:var(--brand);color:#fff}.dropsort-scope .btn-primary:hover{background:var(--brand-hover)}.dropsort-scope .btn-secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.dropsort-scope .btn-secondary:hover{border-color:var(--line-strong);background:#fff}.dropsort-scope .btn-lg{padding:12px 20px}.dropsort-scope .menu-toggle{cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:none}.dropsort-scope .menu-toggle span{background:#fff;width:14px;height:1.6px}.dropsort-scope .mobile-nav{display:none}.dropsort-scope main{padding-top:22px}.dropsort-scope .hero{padding:40px 0 32px}.dropsort-scope .hero-inner{flex-direction:column;align-items:center;gap:24px;display:flex}.dropsort-scope .hero-copy{text-align:center;max-width:860px}.dropsort-scope .eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.8rem;font-weight:600}.dropsort-scope .hero-copy h1{letter-spacing:-.03em;margin-bottom:16px;max-width:15ch;margin-inline:auto;font-size:clamp(2.1rem,5vw,4rem);line-height:1.04}.dropsort-scope .hero-sub{color:#424245;max-width:58ch;margin-inline:auto;font-size:1.03rem}.dropsort-scope .hero-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px;display:grid}.dropsort-scope .hero-download-btn{border:1px solid var(--line);color:#2b2b30;background:#ffffffe6;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:10px 14px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.dropsort-scope .hero-download-btn svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.dropsort-scope [data-platform=linux].hero-download-btn svg{transform:scale(1.8)}.dropsort-scope .hero-download-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.dropsort-scope .hero-download-btn.is-recommended{color:#005fc1;background:#f5f9ff;border-color:#0071e366;box-shadow:0 8px 16px #0071e324}.dropsort-scope .hero-security-note{color:#6e6e73;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:.86rem;font-weight:500;display:flex}.dropsort-scope .hero-actions{justify-content:center;gap:12px;margin-top:14px;display:flex}.dropsort-scope .hero-alt{color:var(--muted);margin-top:12px;font-size:.95rem}.dropsort-scope .hero-alt a{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline #1d1d1f4d;text-decoration:underline #1d1d1f4d}.dropsort-scope .hero-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.dropsort-scope .hero-stats li{border:1px solid var(--line);color:#2f2f33;background:#ffffffa6;border-radius:999px;padding:8px 12px;font-size:.86rem}.dropsort-scope .hero-visual{justify-content:center;width:100%;display:flex}.dropsort-scope .window-mock{border-radius:var(--radius-lg);transform-origin:top;background:linear-gradient(#fefeff 0%,#f6f6f9 100%);border:1px solid #00000017;width:min(920px,100%);overflow:hidden;transform:perspective(1400px)rotateX(10deg)translateY(12px)scale(.985);box-shadow:0 18px 45px #0000001f}.dropsort-scope .window-bar{border-bottom:1px solid #0000000f;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.dropsort-scope .window-bar span{border-radius:50%;width:10px;height:10px}.dropsort-scope .window-bar span:first-child{background:#ff5f57}.dropsort-scope .window-bar span:nth-child(2){background:#febc2e}.dropsort-scope .window-bar span:nth-child(3){background:#28c840}.dropsort-scope .hero-image{object-fit:cover;width:100%}@media (prefers-reduced-motion:reduce){.dropsort-scope .window-mock{transition:none;transform:none}}.dropsort-scope .section{padding:84px 0}.dropsort-scope .section-tight{padding-top:62px}.dropsort-scope .section-head{max-width:760px;margin-bottom:34px}.dropsort-scope .section-head h2{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(1.7rem,4vw,3rem);line-height:1.08}.dropsort-scope .section-head p{color:var(--muted)}.dropsort-scope .spotlight{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffb3;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-top:16px;padding:30px;display:grid}.dropsort-scope .spotlight.reverse .spotlight-copy{order:2}.dropsort-scope .spotlight.reverse .spotlight-visual{order:1}.dropsort-scope .spotlight-copy h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.45rem}.dropsort-scope .spotlight-copy p{color:#4d4d51}.dropsort-scope .spotlight-visual{justify-content:center;display:flex}.dropsort-scope .mock-card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);width:min(430px,100%);padding:18px;box-shadow:0 10px 24px #0000000f}.dropsort-scope .mock-card p{border-bottom:1px solid #f0f0f2;justify-content:space-between;gap:10px;padding:9px 0;font-size:.94rem;display:flex}.dropsort-scope .mock-card p:last-child{border-bottom:none;padding-bottom:0}.dropsort-scope .mock-tabs{border:1px solid var(--line);border-radius:999px;margin-bottom:8px;display:inline-flex;overflow:hidden}.dropsort-scope .mock-tabs span{color:var(--muted);padding:6px 10px;font-size:.78rem}.dropsort-scope .mock-tabs .active{color:var(--text);background:#f0f0f4}.dropsort-scope .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dropsort-scope .pulse{background:#34c759;border-radius:50%;width:11px;height:11px;margin-top:14px;animation:1.7s infinite pulse;box-shadow:0 0 #34c75973}.dropsort-scope .muted{color:#8b8b91}.dropsort-scope .mock-rule-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.dropsort-scope .mock-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.dropsort-scope .mock-tabs{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.dropsort-scope .mock-tabs span{color:var(--muted);cursor:default;padding:5px 10px;font-size:.78rem}.dropsort-scope .mock-tabs .active{color:var(--text);background:#f0f0f4;font-weight:600}.dropsort-scope .mock-conditions,.dropsort-scope .mock-actions{flex-direction:column;gap:7px;display:flex}.dropsort-scope .mock-condition{align-items:center;gap:6px;font-size:.88rem;display:flex}.dropsort-scope .mock-pill{color:#3a3a42;background:#f0f0f5;border:1px solid #e2e2e8;border-radius:999px;padding:3px 9px;font-size:.82rem;font-weight:500}.dropsort-scope .mock-pill-value{color:#2d5be3;background:#eef3ff;border-color:#ccd9f8}.dropsort-scope .mock-pill-action{color:#1a7d38;background:#f0faf3;border-color:#b8e6c4;font-weight:600}.dropsort-scope .mock-op{color:var(--muted);font-size:.82rem}.dropsort-scope .mock-rule-divider{color:#c0c0c8;justify-content:center;align-items:center;margin:12px 0;display:flex}.dropsort-scope .mock-rule-divider svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dropsort-scope .mock-watcher-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dropsort-scope .mock-watch-path{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.dropsort-scope .mock-watch-badge{color:#1a7d38;background:#edfaf2;border:1px solid #b8e6c4;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.dropsort-scope .mock-watch-badge:before{content:"";background:#34c759;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dropsort-scope .mock-event{border-bottom:1px solid #f0f0f2;align-items:center;gap:7px;padding:8px 0;font-size:.88rem;display:flex}.dropsort-scope .mock-event:last-child{border-bottom:none;padding-bottom:0}.dropsort-scope .mock-event-dim{opacity:.5}.dropsort-scope .mock-event-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex}.dropsort-scope .mock-event-new{color:#1a7d38;background:#edfaf2;border:1px solid #b8e6c4}.dropsort-scope .mock-event-wait{color:#8b8b91;background:#f5f5f7;border:1px solid #e2e2e8}.dropsort-scope .mock-event-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.dropsort-scope .mock-event-arrow{color:#c0c0c8;flex-shrink:0}.dropsort-scope .mock-event-dest{color:var(--brand);flex-shrink:0;font-size:.84rem}.dropsort-scope .mock-log-row{border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.dropsort-scope .mock-log-row:last-child{border-bottom:none;padding-bottom:0}.dropsort-scope .mock-log-latest{background:#fafafe;border-radius:10px;margin:-2px -6px;padding:9px 6px;border-bottom:none!important}.dropsort-scope .mock-log-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dropsort-scope .mock-log-time{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}.dropsort-scope .mock-log-desc{color:var(--text);font-size:.88rem}.dropsort-scope .mock-undo-btn{border:1px solid var(--line);background:var(--surface);color:var(--brand);cursor:default;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.8rem;font-weight:600}.dropsort-scope .platform-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dropsort-scope .platform-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);cursor:pointer;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.dropsort-scope .platform-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.dropsort-scope .platform-card:active{box-shadow:none;transform:translateY(0)}.dropsort-scope .platform-card.is-primary{background:#f0f6ff;border-color:#0071e34d}.dropsort-scope .platform-card-icon{background:#f0f0f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dropsort-scope .platform-card.is-primary .platform-card-icon{background:#0071e31a}.dropsort-scope .platform-card-icon svg{fill:#4a4a52;width:18px;height:18px}.dropsort-scope [data-platform=linux] .platform-card-icon svg{transform:scale(1.8)}.dropsort-scope .platform-card.is-primary .platform-card-icon svg{fill:var(--brand)}.platform-card-.dropsort-scope{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropsort-scope .platform-card-name{color:var(--text);font-size:.95rem;font-weight:600}.dropsort-scope .platform-card-format{color:var(--muted);font-size:.82rem}.dropsort-scope .platform-card-arrow{stroke:#c0c0c8;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px;transition:stroke .18s,transform .18s}.dropsort-scope .platform-card:hover .platform-card-arrow{stroke:var(--brand);transform:translateY(2px)}.dropsort-scope .rec{color:#0056ad;background:#0071e31f;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.74rem;font-weight:600}.dropsort-scope .quick-install{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:16px;margin-top:16px;display:flex;overflow:hidden}.dropsort-scope .quick-install-label{color:var(--muted);white-space:nowrap;flex-shrink:0;padding:0 20px;font-size:.86rem;font-weight:600}.dropsort-scope .quick-install .terminal-block{border:none;border-left:1px solid var(--line);background:#fbfbfd;border-radius:0;flex:1}.dropsort-scope .terminal-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfbfd;overflow:hidden}.dropsort-scope .terminal-block span{color:var(--muted);border-bottom:1px solid #ececf0;padding:8px 12px;font-size:.82rem;display:block}.dropsort-scope .terminal-block pre{padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;overflow-x:auto}.dropsort-scope .source-section{padding-top:64px;padding-bottom:94px}.dropsort-scope .source-grid{border-radius:var(--radius-lg);background:#18181c;border:1px solid #ffffff14;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:40px 48px;display:grid;position:relative;overflow:hidden}.dropsort-scope .source-grid:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e 30% 70%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.dropsort-scope .source-copy h2{letter-spacing:-.03em;color:#fff;margin-bottom:10px;font-size:clamp(1.5rem,2.8vw,2.4rem)}.dropsort-scope .source-copy p{color:#ffffff8c}.dropsort-scope .source-license{color:#ffffff59;margin-top:8px;font-size:.84rem}.dropsort-scope .source-cta{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.dropsort-scope .btn-github{color:#fff;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:12px 22px;font-size:.94rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.dropsort-scope .btn-github:hover{background:#ffffff29;transform:translateY(-1px);box-shadow:0 6px 18px #00000047}.dropsort-scope .btn-github svg{fill:#fff;flex-shrink:0;width:18px;height:18px}.dropsort-scope .license-card p{color:var(--muted)}.dropsort-scope .site-footer{border-top:1px solid #0000000f;padding:20px 0 36px}.dropsort-scope .footer-inner{color:#5b5b60;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;font-size:.92rem;display:flex}.dropsort-scope .footer-links{gap:14px;display:flex}.dropsort-scope .footer-links a:hover{color:var(--text)}.dropsort-scope .reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.dropsort-scope .reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1000px){.dropsort-scope .spotlight,.dropsort-scope .source-grid{grid-template-columns:1fr}.dropsort-scope .hero-visual{justify-self:stretch}.dropsort-scope .spotlight.reverse .spotlight-copy,.dropsort-scope .spotlight.reverse .spotlight-visual{order:initial}}@media (max-width:760px){.dropsort-scope .platform-cards{grid-template-columns:1fr}.dropsort-scope .quick-install{flex-direction:column;align-items:stretch;gap:0}.dropsort-scope .quick-install-label{padding:12px 16px 8px}.dropsort-scope .quick-install .terminal-block{border-left:none;border-top:1px solid var(--line)}}@media (max-width:820px){.dropsort-scope .primary-nav,.dropsort-scope .header-actions .btn{display:none}.dropsort-scope .menu-toggle{display:inline-flex}.dropsort-scope .mobile-nav{-webkit-backdrop-filter:blur(20px)saturate(170%);background:linear-gradient(#ffffff29 0%,#ffffff0a 100%),#18181bad;border:1px solid #ffffff3d;border-radius:22px;flex-direction:column;gap:8px;width:min(920px,100% - 24px);margin:10px auto 0;padding:14px;display:none;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f}.dropsort-scope .mobile-nav a{color:#ffffffeb;border-radius:12px;padding:10px 12px}.dropsort-scope .mobile-nav .btn{width:100%;margin-top:4px}.dropsort-scope .mobile-nav.is-open{display:flex!important}}@media (max-width:640px){.dropsort-scope .container{width:min(var(--container),calc(100% - 30px))}.dropsort-scope .dynamic-island{padding-inline:12px}.dropsort-scope .hero{padding-top:34px}.dropsort-scope .hero-download-grid{grid-template-columns:1fr}.dropsort-scope .hero-download-btn{justify-content:flex-start}.dropsort-scope .section{padding-block:64px}.dropsort-scope .section-head{margin-bottom:24px}.dropsort-scope .spotlight{padding:20px}.dropsort-scope .platform-row{flex-direction:column;align-items:flex-start}}