:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--paper:light-dark(#fafafa,#111213);--card:light-dark(#fff,#27282b);--ink:light-dark(#20242c,#f5f6f7);--dim:light-dark(#69717f,#a5a8b0);--line:light-dark(#e0e4eb,#3a3b40);--accent:light-dark(#2463eb,#79a6ff);--blue:#2463eb;--wash:light-dark(#eef1f6,#303136);--tint:light-dark(#eaf1ff,#233451);--shadow:light-dark(#1b294d12,#0004);--orange:var(--blue);--lime:var(--tint);--on-lime:var(--ink);background:var(--paper);color:var(--ink)}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 18px}button:hover:not(:disabled){border-color:var(--accent)}.site-header{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 44px;margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-.9px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:linear-gradient(150deg,#4686ff,#1855de);box-shadow:inset 0 1px 1px #ffffff70,0 2px 4px #0c3d8b25;border-radius:10px;color:#fff;font-size:27px;font-weight:400}.header-tools{display:flex;align-items:center;gap:25px;font-size:12px;color:var(--dim)}.header-tools a{text-decoration:none}.header-tools a:hover{color:var(--ink)}.theme-toggle{width:36px;height:36px;border-radius:10px;padding:0;display:grid;place-items:center;background:var(--wash);border-color:transparent}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;color:var(--dim)}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:7px 11px;font-size:11px;color:var(--dim)}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:#fff;border:1px solid #1e54c8;border-radius:11px;padding:14px 20px;text-decoration:none;font-size:13px;font-weight:550;white-space:nowrap;box-shadow:inset 0 1px #ffffff35,0 3px 6px #1753ba15}.button:hover{background:#1954d8;color:#fff}.button.disabled{opacity:.5;pointer-events:none}footer{max-width:1152px;margin:auto;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--dim);border-top:1px solid var(--line)}.local-note{font-size:11px;line-height:1.7;color:var(--dim)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Original Filelane folder illustration. Interaction study: Rare UI's opening folder. */
.bundle-folder{position:relative;display:block;width:240px;height:200px;padding:0;border:0;background:transparent!important;border-radius:20px;perspective:900px;isolation:isolate;flex:none}.folder-back{position:absolute;inset:32px 0 0;background:linear-gradient(145deg,#3788ff,#1457d1);border:1px solid #75acff;border-radius:16px;box-shadow:inset 0 1px 4px #ffffff40,0 18px 40px #064eb922}.folder-back:before{content:"";position:absolute;left:-1px;top:-16px;width:94px;height:28px;border-radius:13px 18px 0 0;background:#3788ff;border:1px solid #75acff;border-bottom:0}.folder-paper{position:absolute;left:29px;top:33px;width:180px;height:132px;background:#fcfdff;border:1px solid #dae2ed;border-radius:10px;box-shadow:0 3px 8px #163b6a18;transform-origin:50% 100%;padding:17px;text-align:left;color:#243044}.folder-paper:nth-of-type(2){transform:rotate(-9deg) translate(-13px,-8px)}.folder-paper:nth-of-type(3){transform:rotate(8deg) translate(10px,-11px)}.folder-paper:nth-of-type(4){transform:rotate(-2deg) translate(0,-19px)}.folder-paper b{font-size:9px;letter-spacing:1px;color:#557293}.folder-paper i{display:block;width:72%;height:4px;border-radius:3px;background:#e0e7f1;margin-top:9px}.folder-paper i:last-child{width:48%}.folder-front{position:absolute;inset:62px -1px 0;background:linear-gradient(145deg,#70b4ffc9,#2776e8ed);border:1px solid #8dc5ff;border-radius:15px 15px 16px 16px;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -2px 6px #1459bf40,0 12px 24px #0e4b9f20;backdrop-filter:blur(7px);transform-origin:50% 100%;transform:rotateX(-14deg);display:flex;align-items:end;justify-content:space-between;padding:21px;color:#fff}.folder-front>span{font-size:12px;font-weight:500}.folder-front svg{width:27px;height:27px;opacity:.9}.bundle-folder:hover .folder-front,.bundle-folder[aria-expanded=true] .folder-front{transform:rotateX(-36deg)}.bundle-folder:hover .folder-paper:nth-of-type(2){transform:rotate(-14deg) translate(-20px,-27px)}.bundle-folder:hover .folder-paper:nth-of-type(3){transform:rotate(13deg) translate(18px,-32px)}.bundle-folder:hover .folder-paper:nth-of-type(4){transform:translateY(-40px)}.bundle-folder[aria-expanded=true] .folder-paper:nth-of-type(2){transform:rotate(-18deg) translate(-35px,-62px)}.bundle-folder[aria-expanded=true] .folder-paper:nth-of-type(3){transform:rotate(16deg) translate(31px,-69px)}.bundle-folder[aria-expanded=true] .folder-paper:nth-of-type(4){transform:translateY(-82px)}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .2s,border-color .2s,transform .2s}.button:active{transform:scale(.98)}.reveal{animation:rise .65s cubic-bezier(.2,.7,.2,1) both}.folder-paper,.folder-front{transition:transform .55s cubic-bezier(.2,.85,.25,1.1)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:650px){.site-header{padding:20px}.header-tools{gap:14px}.header-note{display:none}footer{padding:24px 22px;flex-wrap:wrap}.brand{font-size:23px}.header-tools a{font-size:11px}}